@charset "UTF-8";

.dn{
	display:none;
}
.fw-b{
	font-weight:bold;
}
.col-b{
	color:#509db9;
}
.col-p{
	color:#f3b3c4;
}
.fs08{
    font-size:0.8em;
}
.fs12{
    font-size:1.2em;
}
.fs15{
    font-size:1.5em;
}
.pr5{
	padding:0 5px 0 0;
}

@media print, screen and (min-width: 641px) {
/*====================================================================
	PC diaplay noooooooo
====================================================================*/
.pc-dn {display:none;}
/*====================================================================
	PC　ボディ設定
 ====================================================================*/
body {
	color: #4e4e4e;
 background:url(../images/pat-bg.png) repeat;
	font-family:Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.7em;
	letter-spacing:0.075em;
	text-align:justify;
	font-size: 16px;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fefefe;
  z-index: 100;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #4e4e4e;
  z-index: 200;
}

/*====================================================================
	PC　ボタン設定
 ====================================================================*/
 .cart-btn-bg{
	clear:both;
    width:25%;
	margin:0 auto 30px auto;
	border:2px solid #509db9;
}
.link-btn-bg{
	clear:both;
    width:25%;
	margin:0 auto 30px auto;
	border:2px solid #509db9;
}
.topics-btn-bg{
	clear:both;
    width:20%;
	margin:0 auto;
	border:2px solid #509db9;
    font-family: 'Marcellus', serif;
}
.flow-btn-bg{
 display:block;
 width:50%;
 margin:10px 0 0 0;
	border:2px solid #509db9;
}
.topics-btn {
	clear:both;
	display: inline-block;
	width:100%;
	height: 35px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	color: #509db9;
}
.topics-btn:hover {
	letter-spacing: 5px;
	text-decoration:none;
}
.topics-btn::before,
.topics-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.topics-btn,
.topics-btn::before,
.topics-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topics-btn a{
	color:#509db9;
	text-decoration:none;
}

/*====================================================================
	PC　ヘッダー設定
 ====================================================================*/
.header-bg {
	width:100%;
    min-width:960px;
	background-color:#fefefe;
	border-bottom:1px solid #f2f2f2 ;
}
.header{
	width:960px;
	margin:0 auto;
    padding:10px 0;
}
.header ul{
    display:table;
    vertical-align:middle;
}
.header ul li{
    display:table-cell;
    vertical-align:middle;
}
.header ul li:first-child{
    width:33.3333%;
}
.header ul li:nth-child(2){
    width:33.3333%;
    text-align:center;
}
.header ul li:last-child{
    width:auto;
    text-align:right;
}
.header ul li:last-child div{
    display:inline-block;
    float:left;
}
.header ul li:last-child div:first-child{
    width:156px;
    height:35px;
    padding-right:10px;
}
h1{
    font-size:12px;
    line-height:1em;
}
/*====================================================================
 　PC　グローバルナビ設定
 ====================================================================*/
.gnav-bg{
	clear:both;
	width:100%;
    height:auto;
	background-color:#fefefe;
    border-bottom:1px solid #f2f2f2;
}
.gnav-bg ul {
	width:960px;
    height:auto;
	margin:0 auto;
	font-size:16px;
	text-align:center;
}
.gnav-bg li{
	width:16.6%;
    float:left;
}
.gnav-txt{
	display:block;
    font-family: 'Marcellus', serif;
	text-align:center;
	font-size:14px;
	line-height:0.5em;
	color:#f3b3c4;
	font-weight:normal;
	letter-spacing:normal;
}
.gnav-bg ul a {
	color: #4e4e4e;
	display: block;
	text-decoration: none;
	padding:10px 0;
}
.gnav-bg ul a:hover{
	-webkit-box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	text-decoration:none;
}
/*====================================================================
 　PC　メインビジュアル設定
 ====================================================================*/
.top-mv-bg{
	max-width:100%;
	min-width:960px;
	height:483px;
	background:url(../images/top-mv-bg.jpg) repeat;
	background-position:center;
	margin:0 auto;
}
.top-mv-bg h2{
    text-align:center;
}
/*====================================================================
 　PC　2nd メインビジュアル設定
 ====================================================================*/
.sec-mv-bg{
	 clear:both;
	 max-width:1280px;
	 min-width:960px;
	 height:200px;
	 background:url(../images/sec-mv.jpg) no-repeat;
	 background-position:bottom;
	 margin:0 auto;
}
.sec-mv-ttl{
	text-align:center;
	font-size:1.5em;
	position: relative;
	-moz-text-shadow:1px 1px 2px #a9a9a9;
    -webkit-text-shadow:1px 1px 2px #a9a9a9;
	text-shadow:1px 1px 2px #a9a9a9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:19px 0 15px 0;
	line-height:0.4em;
	background-color:rgba( 254, 254, 254, 0.7 );
}
 .sec-mv-txt{
	 display:block;
	 font-size:0.7em;
	 line-height:0em;
	 padding:18px 0 0 0;
}
/*====================================================================
	PC　フッター設定
 ====================================================================*/
.footer-bg{
	 clear:both;
     width:100%;
     min-width:960px;
	 height:auto;
	 background:url(../images/foot-bg.jpg) no-repeat;
	 background-position:50% 50%;
	 background-size:cover;
	 padding:30px 0 0 0;
}
.footer{
	width:960px;
	margin:0 auto;
}
.foot-logo{
	width:124px;
	height:131px;
	margin:0 auto 30px auto;
}
.foot-txt-l{
    text-align:center;
    font-size:18px;
    margin-bottom:20px;
}
.foot-tel{
    text-align:center;
    font-size:45px;
    color:#509db9;
}
.foot-txt-s{
    font-size:24px;
}
.foot-txt{
	text-align:center;
	margin-bottom:20px;
}
.foot-nav{
    font-size:14px;
	margin-bottom:20px;
}
.foot-nav li{
	width:16.54%;
	float:left;
	text-align:center;
	border-left:1px solid #4e4e4e;
}
.foot-nav li:last-child{
	border-right:1px solid #4e4e4e;
}
.copy{
	text-align:center;
	padding:20px 0;
	background:#fefefe;
    border-top:1px solid #f2f2f2;
    border-bottom:1px solid #f2f2f2;
}
 /*====================================================================
	PC　TOP cartpro　設定
 ====================================================================*/
 .top-cart-thumbnail img{
	 border:1px solid #e9e0d3;
}
.top-cart-ttl{
	display:block;
	text-align:center;
    padding-top:10px;
}
.top-cart-icon{
	color:#509db9;
    padding-right:5px;
}
.top-column3-2{
   width:100%;
}
.top-column3-2 li{
   width:29.8245%;
   height:160px;
   float:left;
}
.top-column3-2 li:nth-child(3n){
    margin:0 3.125%;
}


/*====================================================================
	cartpro　一覧　catalog.html　　カテゴリー別一覧　list.html
====================================================================*/
.item-list{
	display:block;
	width: 960px;
	margin:0 auto;
}
.item-list li{
	width: 31.25%;
	height:256px;
	float:left;
 font-size:14px;
 margin-bottom:30px;
}
.item-list li:nth-child(3n-1){
	margin:0 3.125%;
}


.item-img img{
 position:absolute;
	width: 100%;
	height: auto;
 vertical-align:middle;
 
}
.item-img{
 display:block;
 position:relative;
 width: 300px;
	height: 225px;
 overflow:hidden;
}


.item-tit {
	display: block;
	width: 100%;
	font-size: 1.2em;
	text-align:center;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #cfcfcf;
}
/*====================================================================
	cartpro　詳細　view.html
====================================================================*/
.item-ttl-big{
	clear:both;
	display:block;
	font-size:1.3em;
	text-align:center;
	margin-bottom: 20px;
	padding:10px;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

.view_img_s img{
	width:70%;
	height:auto;
}

.view_img_s{
 text-align:center;
	margin-bottom:10px;
}

.view_price{
	text-align:center;
	padding:10px;
}

.view_txt{
	border-top:3px double #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	padding:20px 0;
	margin-bottom:30px;
}
/*====================================================================
	PC　TOP トピックス　設定
 ====================================================================*/
.top-topics-bg{
	clear:both;
   width:100%;
   margin:30px 0;
}
.top-topics-bg li{
	float:left;
   width:27.08%;
   margin:0 3.125% 30px 0;
}
.top-topics-bg li:nth-child(3n){
	margin-right:-3.125%;
}
.top-topics-bg li{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:20px;
}
/*--
.top-topics-thumbnail img{
     width:100%;
     height:auto;
}
 .top-topics-thumbnail{
     margin-bottom:20px;
}
--*/
.top-topics-thumbnail{
    width: 100%;
    height: 149px;
    position: relative;
    overflow: hidden;
    margin-bottom:20px;
}
.top-topics-thumbnail a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1000%;
    height: 2000px;/* 縦は用途応じて改変 */
    line-height: 2000px;
    margin:-1000px 0 0 -500%;
    text-align: center;
}
.top-topics-thumbnail a img{
    min-height: 200px;
    min-width: 10%;
    vertical-align: middle;
}
.top-topics-date{
     text-align:center;
     margin-bottom:10px;
}
.top-topics-category{
    background:#f2f2f2;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}
.top-topics-ttl{
    text-align:center;
}
/*================================================================
PC トピックス一覧　list.html
================================================================*/
.listArea {
	width: 100%;
	text-align: left;
}
.listArea ul {
	width: 100%;
}
.listArea ul li {
 padding:15px 20px;
	border-bottom: #cfcfcf solid 1px;
}
.listArea ul li:first-child {
	border-top: #cfcfcf solid 1px;
}
.listArea ul li p {
	display: table-cell;
}
.listArea ul li .date {
	width: 180px;
}
.listArea ul li .category {
	width: 240px;
}
.listArea ul li .category span {
	padding: 0.2em 1.5em;
	background:#f3b3c4;
	color: #fefefe;
}
.listArea ul li .title {
	width: 680px;
}
.listArea ul li img {
	vertical-align: middle;
}
.listArea .button {
	margin-top: 1em;
	text-align: center;
 margin-bottom:30px;
}
.listArea .button span {
	width: 280px;
	display: inline-block;
}
/*================================================================
PC トピックス詳細　detail.html
================================================================*/
.detailArea {
	width: 100%;
	text-align: left;
}
.detailArea .date {
	height: 46px;
	border-top: #cfcfcf solid 1px;
	border-bottom: #cfcfcf solid 1px;
	text-align: center;
	line-height: 46px;
}
.detailArea .category {
	margin-top: 2px;
	height: 60px;
	border-top: #cfcfcf solid 1px;
	border-bottom: #cfcfcf dotted 1px;
	font-size: 1.1em;
	text-align: center;
	line-height: 60px;
}
.detailArea .thumbnail {
	padding-top: 20px;
	text-align: center;
}
.detailArea .title {
	border-bottom: #cfcfcf solid 1px;
	font-size: 1.2em;
	text-align: center;
	line-height: 60px;
}
.detailArea .button {
	margin-top: 1em;
	text-align: right;
}
.detailArea #topics_body {
	padding: 1em;
	border-bottom: #cfcfcf double 4px;
}
.detailArea #topics_body img {
 width: 500px;
	height: auto;
 padding: 20px 20px 0 200px;
}
.detail {
	width: 100%;
	text-align: left;
	margin-bottom:30px;
}
.detail .button {
	margin-top: 1em;
	text-align: right;
}
/*====================================================================
	PC　タイトル設定
 ====================================================================*/
article section h3{
	font-size:2em;
	text-align:center;
	color:#838383;
    line-height:0.5em;
    margin-bottom:20px;
}
article section h3 span{
    display:block;
	font-size:14px;
	color:#f3b3c4;
    padding:5px 0 0 0;
    font-family: 'Marcellus', serif;
}
article section h3 div:first-child{
    margin:0 0 15px 0;
}
article section h3 div:last-child{
    margin:5px 0 0 0;
}
article section h4{
	clear:both;
	border-left:4px solid #509db9;
	padding:0 0 0 7px;
	font-size:1.5em;
	margin-bottom:20px;
    color:#838383;
}
/*====================================================================
	PC　トップページ　index.html
 ====================================================================*/
.contents{
	width:960px;
	margin:0 auto;
}
.contents2{
	width:960px;
	margin:0 auto;
    padding:30px 0 0 0;
}
.txt-bg{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:30px;
    margin-bottom:30px;
}
.bg{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:30px;
}
.top-sec1{
    max-width:100%;
    min-width:960px;
    height:auto;
    background:url(../images/top-sec01-img-bg.jpg) no-repeat center;
    background-size:cover;
    padding:30px 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec1 ul{
    display:table;
}
.top-sec1 ul li{
    display:table-cell;
    vertical-align:middle;
    width:50%;
}
	
.top-sec1 ul li:last-child{
    padding-left:30px;
}
.top-sec1 ul li:last-child p{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:30px;
}
.top-sec1 ul li:last-child p span{
    display:block;
    font-size:1.2em;
    color:#509db9;
    margin-bottom:10px;
}
.top-sec2{
    border-bottom:1px solid #f2f2f2;
}
.top-sec3{
    max-width:100%;
    min-width:960px;
    height:auto;
    background:url(../images/pat-sec03-bg.png) repeat center;
    padding:30px 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec3-bnr{
    width:465px;
    margin:0 auto;
}
.top-sec4{
    max-width:100%;
    min-width:960px;
    height:auto;
    background:url(../images/pat-sec04-bg.png) repeat center;
    padding:30px 0 0 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec4 iframe{
    width:465px;
    height:435px;
}
/*====================================================================
	PC コンセプト concept.html
 ====================================================================*/
.img-l{
    float:left;
    padding:0 30px 30px 0;
}
.img-l2{
    float:left;
    padding:0 30px 0 0;
}
.img-r{
    float:right;
    padding:0 0 30px 30px;
}
.img-r2{
    float:right;
    padding:0 0 0 30px;
}
.concept-bnr{
    text-align:center;
    margin-bottom:30px;
}
/*====================================================================
	PC 店舗案内 store.html
====================================================================*/

.store-list{
    display:table;
}
.store-list li{
    display:table-cell;
    vertical-align:middle;
}
.store-list li:first-child{
    padding:0 30px 0 0;
}
.store-list li:last-child{
    width:610px;
}
.access-tbl{
	margin-bottom:30px;
}
.access-tbl th{
	font-weight:bold;
	padding:20px 0 20px 60px;
	border-bottom:1px solid #f2f2f2;
	vertical-align:middle;
	color:#509db9;
}
.access-tbl tr:nth-child(even){
	background:#fdfdfd;
}
.access-tbl td{
	padding:20px;
	border-bottom:1px solid #f2f2f2;
 vertical-align:middle;
}
.gmap{
	position:relative;
	z-index:50;
	width:100%;
	height:500px;
	margin:0 0 30px 0;
	overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.reform{
	background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:30px;
 margin-bottom:30px;
}
.reform-ttl{
	width:20%;
	padding:10px 0;
	margin:0 auto 30px auto;
	text-align:center;
	font-size:1.2em;
	border:2px solid #cfcfcf;
	color:#838383;
	line-height:1em;
}
.reform-ttl span{
	display:block;
	font-size:0.8em;
	color:#f3b3c4;
}
.reform ul{
	clear:both;
 width:100%;
}
.reform li{
	float:left;
   width:48.33%;
   margin: 0 3.33% 0 0;
}
.reform li:nth-child(2n){
   margin-right:-3.33%;
}
.reform li span{
	display:block;
	text-align:center;
	margin-top:20px;
}
.flow-bg ul{
 display:table;
 width:920px;
 background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:20px;
 margin-bottom: 20px;
}
.flow-bg li{
 display:table-cell;
 vertical-align:middle;
}
.flow-bg li:first-child{
 width:320px;
 padding:0 20px 0 0;
}
.staff-list li{
 background:#fcfcfc;
 border:1px solid #f2f2f2;
 /*height:515px;*/
 height:580px;
}
.staff-tbl{
 padding:10px;
 letter-spacing:normal;
}
.staff-tbl table{
 padding:0;
 margin:0;
}
.staff-tbl th{
 width:35%;
	padding:10px;
	border-bottom:1px solid #f2f2f2;
	vertical-align:middle;
	color:#509db9;
}
.staff-tbl td{
	padding:10px;
	border-bottom:1px solid #f2f2f2;
 vertical-align:middle;
}
.staff-tbl td span{
 display:block;
 line-height:0.5em;
 font-size:0.6em;
}
/*====================================================================
	PC オーダーメイド custom.html
====================================================================*/
.order-flow{
	display:table;
	width:auto;
 margin-bottom: 20px;
}
.order-flow ul li{
	display:table-cell;
	vertical-align:middle;
}
.order-flow ul li:first-child{
	font-family: 'Marcellus', serif;
	font-size:2.25em;
	line-height:1em;
	border-right:2px solid #509db9;
	padding:0 12px 0 0;
    color:#509db9;
}
.order-flow ul li:nth-child(2){
	padding:0 0 0 12px;
    font-size:1.2em;
}
.txt{
    padding:0 30px;
    margin-bottom:30px;
}
.bd{
 display:block;
 width:40%;
 text-align:center;
 border:2px solid #509db9;
 padding:20px;
 margin-bottom: 20px;
}
.price-link{
 font-size:1.3em;
 font-weight:bold;
 color:#509db9;
 background: linear-gradient(transparent 60%, #f3b3c4 60%);
}
.price-link a{
 color:#509db9;
}
.price-bg ul{
 display:table;
 width:920px;
 background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:20px;
 margin-bottom: 20px;
}
.price-bg li{
 display:table-cell;
 vertical-align:middle;
}
.price-bg li:first-child{
 width:450px;
 padding:0 20px 0 0;
}
/*====================================================================
	PC ワークショップ workshop.html
====================================================================*/
}
/*=======================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
===========================================================　　　　　ここまでPC　　　　　==========================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================*/

/*=======================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
===========================================================　　　　　ここからSP　　　　　==========================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================
========================================================================================================================================*/

@media screen and (max-width: 640px) {
/*====================================================================
	SP diaplay noooooooo
====================================================================*/
.sp-dn { display:none;}
/*====================================================================
	SP　ボディ設定
 ====================================================================*/
body {
	color: #4e4e4e;
 background:url(../images/pat-bg.png) repeat;
	font-family:Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.7em;
	letter-spacing:0.025em;
	text-align:justify;
	font-size: 14px;
}
img {
	width: 100%;
	height: auto;
}	
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fefefe;
  z-index: 100;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #4e4e4e;
  z-index: 200;
}
/*====================================================================
	SP　ボタン設定
 ====================================================================*/
.link-btn-bg{
	clear:both;
    width:70%;
	margin:0 auto 10px auto;
	border:2px solid #509db9;
}
.topics-btn-bg{
	clear:both;
	width:50%;
	margin:0 auto;
	border:2px solid #509db9;
    font-family: 'Marcellus', serif;
}
.flow-btn-bg{
 display:block;
 width:100%;
 margin:10px 0 0 0;
	border:2px solid #509db9;
}
.topics-btn {
	clear:both;
	display: inline-block;
	width:100%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #509db9;
}
.topics-btn:hover {
	letter-spacing: 5px;
	text-decoration:none;
}
.topics-btn::before,
.topics-btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.topics-btn,
.topics-btn::before,
.topics-btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topics-btn a{
	color:#509db9;
	text-decoration:none;
}
/*====================================================================
	SP　ヘッダー設定
 ====================================================================*/
 .header-bg {
	 width:100%;
	padding:5px 0;
}
.header li:first-child{
	 font-size:6px;
	 text-align:center;
	 letter-spacing:normal;
  line-height:2em;
  padding-bottom:5px;
}
.header li:nth-child(2){
	width:60%;
	margin:0 auto;
}
/*====================================================================
 　SP　グローバルナビ設定
 ====================================================================*/
.gnav-bg{
	clear:both;
	width:100%;
 height:auto;
	background-color:#fefefe;
}
.gnav-bg ul {
	width:100%;
 height:auto;
	font-size:16px;
	text-align:center;
}
.gnav-bg li{
	width:49.84%;
 float:left;
 border-bottom:1px solid #f2f2f2;
}
.gnav-bg li:first-child{
	border-top:1px solid #f2f2f2;
}
.gnav-bg li:nth-child(2){
	border-top:1px solid #f2f2f2;
}
.gnav-bg li:nth-child(odd){
	border-right:1px solid #f2f2f2;
}
.gnav-txt{
	display:block;
 font-family: 'Marcellus', serif;
	text-align:center;
	font-size:14px;
	line-height:0.5em;
	color:#f3b3c4;
	font-weight:normal;
	letter-spacing:normal;
}
.gnav-bg ul a {
	color: #4e4e4e;
	display: block;
	text-decoration: none;
	padding:10px 0;
}
.gnav-bg ul a:hover{
	-webkit-box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	text-decoration:none;
}
.sp-contact{
 display:block;
 width:100%;
 height:auto;
	font-size:16px;
	text-align:center;
 background-color:#fefefe;
 border-bottom:1px solid #f2f2f2;
}
.sp-contact a{
 color: #4e4e4e;
	display: block;
	text-decoration: none;
	padding:10px 0;
}
.sp-contact a:hover{
 -webkit-box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	box-shadow: inset 0px -4px 0px 0px #f3b3c4;
	text-decoration:none;
}
/*====================================================================
 　SP　TOP メインビジュア設定
 ====================================================================*/
.top-mv-bg h2{
    width:100%;
}
/*====================================================================
	SP　メインビジュアル　下層ページ
 ====================================================================*/
.sec-mv-bg{
	 max-width:100%;
	 min-width:320px;
	 height:100px;
	 background:url(../images/sec-mv.jpg) 50% 50%;
	 background-size:cover;
	 margin:0 auto;
}
.sec-mv-ttl{
	margin:0 auto;
	text-align:center;
	font-size:1.2em;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding:15px;
	line-height:0.4em;
	-moz-text-shadow:1px 1px 2px #a9a9a9;
    -webkit-text-shadow:1px 1px 2px #a9a9a9;
	text-shadow:1px 1px 2px #a9a9a9;
	background-color:rgba( 254, 254, 254, 0.7 );
}
.sec-mv-txt{
	 display:block;
	 font-size:0.6em;
	 line-height:0em;
	 padding:10px 0 0 0;
}
/*====================================================================
	SP　タイトル設定
 ====================================================================*/
article section h3{
	font-size:1.5em;
	text-align:center;
	color:#838383;
    line-height:0.5em;
    margin-bottom:10px;
}
article section h3 span{
    display:block;
	font-size:12px;
	color:#f3b3c4;
    padding:5px 0 0 0;
    font-family: 'Marcellus', serif;
}
article section h3 div:first-child{
    display:block;
    width:120px;
    height:auto;
    margin:0 auto 10px auto;
}
article section h3 div:last-child{
    display:block;
    width:120px;
    height:auto;
    margin:5px auto 0 auto;
}
article section h4{
	clear:both;
	border-left:4px solid #509db9;
	padding:0 0 0 7px;
	font-size:1.2em;
	margin-bottom:10px;
    color:#838383;
}
 /*====================================================================
	PC　TOP cartpro　設定
 ====================================================================*/
.top-cart-thumbnail img{
	 border:1px solid #e9e0d3;
}
.top-cart-ttl{
	display:block;
	text-align:center;
	padding:5px 0 0 0;
}
.top-cart-icon{
	color:#509db9;
	padding:0 5px 0 0;
}

.top-column3-2{
   clear:both;
   width:100%;
}

.top-column3-2 li{
   width:48.333%;
   float:left;
   margin:0 0 10px 0;
}
.top-column3-2 li:nth-child(even){
	margin:0 3.333% 0 0;
}
.top-column3-2 li:last-child{
}
/*====================================================================
	cartpro　一覧　catalog.html　　カテゴリー別一覧　list.html
====================================================================*/
.item-list li{
	width: 100%;
	height:auto;
	margin:0 0 20px 0;
}
.item-img img{
	display: block;
	width: 100%;
	height: auto;
}
.item-tit {
	display: block;
	width: 100%;
	font-size: 1.2em;
	text-align:center;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom:10px;
}
/*====================================================================
	cartpro　詳細　view.html
====================================================================*/
.item-ttl-big{
	display:block;
	font-size:1.3em;
	text-align:center;
	margin-bottom: 10px;
	padding:10px;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
}

.view_img_s img{
	width:100%;
	height:auto;
}

.view_img_s{
	margin-bottom:5px;
}

.view_price{
	text-align:center;
	padding:5px;
}

.view_txt{
	border-top:3px double #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	padding:10px 0;
	margin-bottom:10px;
}
/*====================================================================
	SP　TOP トピックス　設定
 ====================================================================*/
.top-topics-bg{
	clear:both;
   margin:10px 0;
}
.top-topics-bg ul{
    margin-bottom:10px;
}
.top-topics-bg li{
   margin:0 0 10px 0;
}
.top-topics-bg li:nth-child(3n){
    margin-bottom:0;
}
.top-topics-bg li{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:10px;
}
.top-topics-thumbnail img{
     width:100%;
     height:auto;
}
 .top-topics-thumbnail{
     margin-bottom:20px;
}
 .top-topics-date{
     text-align:center;
     margin-bottom:10px;
}
.top-topics-category{
    background:#f2f2f2;
    padding:5px;
    text-align:center;
    margin-bottom:10px;
}
.top-topics-ttl{
    text-align:center;
}
/*================================================================
SP トピックス一覧　list.html
================================================================*/
.listArea {
	width: 100%;
	text-align: left;
}
.listArea ul {
	width: 100%;
}
.listArea ul li {
 padding:10px 0;
	border-bottom: #cfcfcf solid 1px;
 margin-bottom: 10px;
}
.listArea ul li:first-child {
	border-top: #cfcfcf solid 1px;
}
.listArea ul li p {
}
.listArea ul li .date {
 display:inline;
	width: 100px;
 padding:0 10px 0 0;
}
.listArea ul li .category {
 display:inline;
	width: 100px;
}
.listArea ul li .category span {
	padding: 0.2em 1.2em;
 line-height:normal;
	background-color: #f3b3c4;
	color: #fff;
}
.listArea ul li .title {
 display:block;
	width: 100%;
}
.listArea ul li img {
	vertical-align: middle;
}
.listArea .button {
	margin-top: 1em;
	text-align: center;
 margin-bottom:20px;
}
.listArea .button span {
	width: 100px;
	display: inline-block;
}
/*================================================================
SP トピックス詳細　detail.html
================================================================*/
.detailArea {
	width: 100%;
	text-align: left;
}
.detailArea .date {
	border-top: #cfcfcf solid 1px;
	border-bottom: #cfcfcf solid 1px;
	text-align: center;
    padding:10px 0;
}
.detailArea .category {
	margin-top: 2px;
	border-top: #cfcfcf solid 1px;
	border-bottom: #cfcfcf dotted 1px;
	text-align: center;
    padding:20px 0;
}
.detailArea .thumbnail {
	padding-top: 20px;
	text-align: center;
}
.detailArea .title {
	border-bottom: #cfcfcf solid 1px;
	font-size: 1.1em;
	text-align: center;
    padding:20px 0;
}
.detailArea .button {
	margin-top: 1em;
	text-align: right;
}
.detailArea #topics_body {
	padding: 1em;
	border-bottom: #cfcfcf double 4px;
}
.detailArea #topics_body img {
	max-width: 100%;
	height: auto;
 text-align:center;
 padding:10px 0;
}
.detail {
	width: 100%;
	text-align: left;
	margin-bottom:20px;
}
.detail .button {
	margin-top: 1em;
	text-align: right;
}
/*====================================================================
	SP　フッター設定
 ====================================================================*/
.sp-foot{
	display:table;
	width:100%;
	background:#fefefe;
	border-top:1px solid #e5e5e5;
}
.sp-foot-copy{
	display:table-cell;
	width:20%;
	font-size:12px;
	line-height:1em;
	vertical-align:middle;
	padding:10px 0 10px 10px;
 text-align:left;
}
.sp-foot-tel{
	display:table-cell;
	font-size:10px;
	text-align:right;
	line-height:1em;
	padding:10px 10px 10px 0;
}
.foot-tel-no{
	display:block;
	font-size:26px;
	padding:3px 0 0 0;
	line-height:1em;
 font-family: 'Marcellus', serif;
}
.mr5{
	margin-right:5px;
}
/*====================================================================
	SP　トップページ index.html
 ====================================================================*/
.contents{
	 clear:both;
	 padding:0 10px;
}
.contents2{
	 clear:both;
	 padding:0 10px;
     margin:10px 0 0 0;
}
.txt-bg{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:10px;
    margin-bottom:10px;
}
.bg{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:10px;
}
.top-sec1{
    width:100%;
    height:auto;
    background:url(../images/top-sec01-img-bg.jpg) no-repeat center;
    background-size:cover;
    padding:10px 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec1 ul{
}
.top-sec1 ul li{
}
.top-sec1 ul li:last-child{
}
.top-sec1 ul li:last-child p{
    background:#fcfcfc;
    border:1px solid #f2f2f2;
    padding:10px;
}
.top-sec1 ul li:last-child p span{
    display:block;
    font-size:1.2em;
    color:#509db9;
    margin-bottom:5px;
}
.top-sec2{
    border-bottom:1px solid #f2f2f2;
}
.top-sec3{
    width:100%;
    height:auto;
    background:url(../images/pat-sec03-bg.png) repeat center;
    padding:10px 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec4{
    width:100%;
    height:auto;
    background:url(../images/pat-sec04-bg.png) repeat center;
    padding:10px 0;
    border-bottom:1px solid #f2f2f2;
}
.top-sec4 iframe{
    width:100%;
    height:435px;
}
/*====================================================================
	SP コンセプト concept.html
====================================================================*/
.img-l{
 padding-bottom:10px;
}
.img-l2{
    float:left;
 padding-bottom:10px;
}
.img-r{
 padding-bottom:10px;
}
.img-r2{
 padding-bottom:10px;
}
.concept-bnr{
    margin-bottom:10px;
}
/*====================================================================
	SP 店舗案内 store.html
====================================================================*/
.store-list li:first-child{
    width:80%;
    height:auto;
    margin:0 auto 10px auto;
}
.access-tbl{
	margin-bottom:10px;
    vertical-align:middle;
}
.access-tbl th{
	width:30%;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #f2f2f2;
    color:#509db9;
    vertical-align:middle;
}
.access-tbl td{
	padding:5px;
	border-bottom:1px solid #f2f2f2;
 vertical-align:middle;
 line-height:1.5em;
}
.access-tbl tr:nth-child(odd){
	background:#fdfdfd;
}
.gmap{
	width:100%;
	height:250px;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
}
.reform{
	background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:10px;
 margin-bottom:10px;
}
.reform-ttl{
	width:60%;
	padding:5px 0;
	margin:0 auto 10px auto;
	text-align:center;
	font-size:1.2em;
	border:2px solid #cfcfcf;
	color:#838383;
	line-height:1em;
}
.reform-ttl span{
	display:block;
	font-size:0.7em;
	line-height:1em;
	color:#f3b3c4;
}
.reform ul{
	clear:both;
 width:100%;
}
.reform li{
	float:left;
 width:100%;
 margin: 0 0 10px 0;
}
.reform li:last-child{
	margin-bottom:0;
}
.reform li span{
	display:block;
	text-align:center;
	margin-top:10px;
	line-height:1em;
}
.flow-bg ul{
 background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:10px;
 margin-bottom: 10px;
}
.flow-bg li{
}
.flow-bg li:first-child{
 margin-bottom:10px;
}
.staff-list li{
 background:#fcfcfc;
 border:1px solid #f2f2f2;
}
.staff-tbl{
 padding:10px;
 letter-spacing:normal;
}
.staff-tbl table{
 padding:0;
 margin:0;
}
.staff-tbl th{
 width:30%;
	padding:10px;
	border-bottom:1px solid #f2f2f2;
	vertical-align:middle;
	color:#509db9;
}
.staff-tbl td{
	padding:10px;
	border-bottom:1px solid #f2f2f2;
 vertical-align:middle;
}
.staff-tbl td span{
 display:block;
 line-height:0.5em;
 font-size:0.6em;
}
/*====================================================================
	SP オーダーメイド custom.html
====================================================================*/
.order-flow{
	clear:both;
	display:table;
 margin-bottom:10px;
}
.order-flow ul li{
	display:table-cell;
	vertical-align:middle;
}
.order-flow ul li:first-child{
	font-family: 'Marcellus', serif;
	font-size:1.75em;
	line-height:1em;
	border-right:2px solid #509db9;
	padding:0 8px 0 0;
	color:#509db9;
}
.order-flow ul li:nth-child(2){
	padding:0 0 0 8px;
    font-size:1.2em;
}
.txt{
    padding:0 10px;
    margin-bottom:10px;
}
.bd{
 display:block;
 width:80%;
 text-align:center;
 border:2px solid #509db9;
 padding:10px;
 margin:0 auto 10px auto;
}
.price-link{
 font-size:1.3em;
 font-weight:bold;
 color:#509db9;
 background: linear-gradient(transparent 60%, #f3b3c4 60%);
}
.price-link a{
 color:#509db9;
}
.price-bg ul{
 background:#fcfcfc;
 border:1px solid #f2f2f2;
 padding:10px;
 margin-bottom:10px;
}
.price-bg li{
}
.price-bg li:first-child{
 margin-bottom:10px;
}
/*====================================================================
	SP ワークショップ workshop.html
====================================================================*/
}



/* 161212 追加*/
.top-sec1 ul li:first-child img{
    width:476px;
	height: auto;
}
@media screen and (max-width: 640px) {
.top-sec1 ul li:first-child img{
    width:100%;
	height: auto;
}	
}

/* 170203 追加*/

@media print, screen and (min-width: 641px){
    
    .reform-bnr {
        margin: 0px;
        text-align: center;
    }

    .reform-bnr img {
        margin: 0 0 30px 0;
    } 

    .column2 .staff-list-triple li {
        width: 32%;
        margin: 0 1.8% 30px 0;
        height: 540px;
    }

    .column2 .staff-list-triple li:nth-child(2n) {
        margin-right: 0;
        margin: 0 1.8% 30px 0;
    }

    .column2 .staff-list-triple li:last-of-type {
        margin: 0 -0.6% 30px 0;
    }
}

@media screen and (max-width: 640px) {
    
    .reform-bnr {
        margin: 0 0 10px 0;
        text-align: center;
    }
    
}

/*******************************
20171110追記
*******************************/
.page_tit{
	clear:both;
	width:100%;
	margin-bottom:30px;
}
.page_tit ul{
	margin:0;
	padding:0;
}
.page_tit li{
	width:50%;
	float:left;
	text-align:center;
}

div#navi ul {
	margin:20px 0;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin:0 0 10px 0;
}