/**********
 style-shop.css
**********/

h2.title{
	background:url(../shop/img/h2bg.jpg) no-repeat center center;
	background-size:cover;
}


/**********
  shop
**********/
#shopWrap{}


/** shopTop **/
#shopTop{
	text-align:center;
	font-size:1em;
	padding-top:20px;
	margin-bottom:50px;
	color:#723300;
	font-family: "Tsukushi A Round Gothic","’}Ž‡AŠÛƒSƒVƒbƒN";
}

#shopTop span{
	display:block;
}

#shopTop .topImg{
	text-align:center;
	margin-bottom:15px;
}

#shopTop .topImg img{
	width:100%;
	max-width:363px;
	margin:0 auto;
}


/***********
 shopInfo
**********/
.shopInfo{
	background:url(../img/line_rough.png) repeat-x top center;
	padding-bottom:20px;
	padding-top:30px;
}


/** shopTitle **/
h3.shopTitle{
	text-align:center;
	background:url(../shop/img/shop_icon.png) no-repeat top center;
	padding-top:18px;
	padding-bottom:18px;
	font-family: 'Caveat Brush', cursive;
	font-weight:normal;
	font-size:2.5em;
	color:#603813;
}

#school h3.shopTitle{
	background:url(../shop/img/shop_icon_school.png) no-repeat top center;
	padding-top:24px;
}

#training h3.shopTitle{
	background:url(../shop/img/shop_icon_training.png) no-repeat top center;
}


h3.shopTitle span{
	background:url(../img/h_stripe_yellow.png) repeat-x 0 82%;
	padding:0 7px;
}

h3.shopTitle p{
	font-family: "Tsukushi A Round Gothic","’}Ž‡AŠÛƒSƒVƒbƒN";
	font-size:14px;
}

/** shoCom **/
.shopInfo .shopCom{
	font-family: "Tsukushi A Round Gothic","’}Ž‡AŠÛƒSƒVƒbƒN";
	text-align:left;
	padding-bottom:30px;
}

.shopInfo .shopCom span{
	display:block;
	color:#C14F2B;
	font-size:1.2em;
	line-height:1.4;s
}

.shopInfo .shopImg{
	text-align:center;
	margin-bottom:15px;
}

.shopInfo .shopImg img{
	width:100%;
	max-width:300px;
	margin:0 auto;
}

/**********
 shopAccess
**********/
.shopAccess{
	 position:relative;
	 margin:0 auto 50px auto;
	 /*width: 90%;*/
	 color: #534741; /* •¶Žš�F */
	 background-color: #F4EBDC; /*BOX”wŒi�F*/ 
	 box-shadow: 0 1px 2px #999;
}
.shopAccess .title{
	 position: absolute;
	 top: -15px;
	 left: 30px;
	 padding: 4px 20px;
	 color: #555555; /*ƒ^ƒCƒgƒ‹�F*/
	 font-weight: bold;
	 background-color: rgba(255,255,255,.8);
	 border-left: 1px dotted rgba(0,0,0,.1);
	 border-right: 1px dotted rgba(0,0,0,.1);
	 box-shadow: 0 0 2px rgba(0,0,0,0.2); 
	 transform: rotate(-3deg);
	font-family: 'Caveat Brush', cursive;
	font-weight:normal;
	font-size:1.3em;
}

.shopAccess .shopAccInner{
	 padding: 40px 25px 25px;
}

/** shopAccess table **/
.shopAccess table{
	width:100%;
}

.shopAccess table tr th{
	background:#E5D7BE;
	padding:3px 2px;
	text-align:center;
}

.shopAccess table tr td{
	padding:8px 0;
}
.shopAccess table tr th,
.shopAccess table tr td{
	border-top:1px solid #999;
	display:block;
}

.shopAccess table tr:last-child{
	border-bottom:1px solid #999;
}

.shopAccess table tr th{
	font-weight:normal;
	font-family: 'Caveat Brush', cursive;
	font-weight:normal;
	font-size:20px;
	color:#603813;
}

.shopAccess table tr th span{
	font-family: "Tsukushi A Round Gothic","’}Ž‡AŠÛƒSƒVƒbƒN";
	font-size:14px;
	padding-left:10px;
}



/** reraxroom **/
#reraxroom{}

/** school **/
#school{}

/** training **/
#training{}



/**********
  shop
**********/
#faq{
	background:url(../img/line_rough.png) repeat-x top center;
	padding-bottom:20px;
	padding-top:70px;
	/*width:88%;*/
	margin:0 auto;
}

#faq ul li{
	padding-left: 15px;
	line-height: 1.6em;
	background: url(../shop/img/faq_icon.png) left 0px top 9px no-repeat;
	font-size:18px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
	color:#498208;
	font-weight:400;
}

#faq ul li p{
	font-size:14px;
	padding-top:3px;
	line-height:1.4;
	color:#000;
	font-weight:normal;
}

#faq ul li p span{
	color:red;
}


/**********
 oshirase
**********/
#oshirase{
	 position:relative;
	 margin:0 auto 50px auto;
	 /*width: 90%;*/
	 color: #534741; /* •¶Žš�F */
	 background-color: #F4EBDC; /*BOX”wŒi�F*/ 
	 box-shadow: 0 1px 2px #999;
}

#oshirase .title{
	 position: absolute;
	 top: -15px;
	 left: 30px;
	 padding: 4px 20px;
	 color: #555555; /*ƒ^ƒCƒgƒ‹�F*/
	 font-weight: bold;
	 background-color: rgba(255,255,255,.8);
	 border-left: 1px dotted rgba(0,0,0,.1);
	 border-right: 1px dotted rgba(0,0,0,.1);
	 box-shadow: 0 0 2px rgba(0,0,0,0.2); 
	 transform: rotate(-3deg);
	font-family: 'Caveat Brush', cursive;
	font-weight:normal;
	font-size:1.3em;
}

#oshirase .oshiraseInner{
	padding: 40px 25px 25px;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#oshirase .oshiraseInner .midashi{
	width:100%;
	display:block;
	color:#ea5b01;
	font-weight:700;
	font-size:1.15em;
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

#oshirase .oshiraseInner .txt{
	width:100%;
	padding-bottom:20px;
}

#oshirase .oshiraseInner .img{
	width:100%;
	text-align:center;
}

#oshirase .oshiraseInner .img img{
	width:100%;
	max-width:300px;
	margin:0 auto;
}



/* PC�E‘åŒ^ƒ^ƒuƒŒƒbƒg�F769px�`1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {

/**********
  shop
**********/
#shopWrap{}

/** shopTop **/
#shopTop{
	font-size:1.2em;
	padding-top:20px;
	text-align:left;
}

#shopTop span{
	display:inline-block;
}

#shopTop .topImg{
	margin-bottom:0;
	float:left;
	width:40%;
}

#shopTop .topTxt{
	float:right;
	width:58%;
	padding-top:15px;
}

/** shopInfo **/
.shopInfo{
	/*width:88%;*/
	margin:0 auto;
}

/** shoCom **/
.shopInfo .shopCom{
	float:left;
	width:52%;
	padding-top:20px;
}

.shopInfo .shopCom span{
	display:block;
	font-size:1.4em;
}

.shopInfo .shopImg{
	float:right;
	width:46%;
}

/**********
 shopAccess
**********/
/** shopAccess table **/
.shopAccess table tr th,
.shopAccess table tr td{
	text-align:left;
	display:table-cell;
	padding:9px;
}

shopAccess table tr th{
	padding:9px;
}

.shopAccess table tr td{
	padding:9px 20px;
	width:60%;
}



/**********
 oshirase
**********/
#oshirase{}

#oshirase .oshiraseInner .txt{
	width:50%;
	padding-bottom:0;
}

#oshirase .oshiraseInner .img{
	width:44%;
	text-align:right;
}

#oshirase .oshiraseInner .img img{
	margin:0 0 0 auto;
}

}

/* PCŒü‚¯�F1051pxˆÈ�ã */
@media only screen and (min-width:1051px) and (max-width: 3000px) {


/**********
  shop
**********/
#shopWrap{}

/** shopTop **/
#shopTop{
	font-size:1.5em;
	padding-top:20px;
	text-align:left;
}

#shopTop span{
	display:block;
}

#shopTop .topImg{
	margin-bottom:0;
	float:left;
	width:40%;
}

#shopTop .topTxt{
	float:right;
	width:58%;
	padding-top:15px;
}

/** shopInfo **/
.shopInfo{
	/*width:88%;*/
	margin:0 auto;
}

/** shoCom **/
.shopInfo .shopCom{
	float:left;
	width:52%;
	padding-top:20px;
}

.shopInfo .shopCom span{
	display:block;
	font-size:1.4em;
}

.shopInfo .shopImg{
	float:right;
	width:46%;
}

/**********
 shopAccess
**********/
/** shopAccess table **/
.shopAccess table tr th,
.shopAccess table tr td{
	text-align:left;
	display:table-cell;
	padding:9px;
}

shopAccess table tr th{
	padding:9px;
}

.shopAccess table tr td{
	padding:9px 20px;
	width:60%;
}

/**********
 oshirase
**********/
#oshirase{}

#oshirase .oshiraseInner .txt{
	width:50%;
	padding-bottom:0;
}

#oshirase .oshiraseInner .img{
	width:44%;
	text-align:right;
}

#oshirase .oshiraseInner .img img{
	margin:0 0 0 auto;
}



}


@media print{

/**********
  shop
**********/
#shopWrap{}

/** shopTop **/
#shopTop{
	font-size:1.5em;
	padding-top:20px;
	text-align:left;
}

#shopTop span{
	display:block;
}

#shopTop .topImg{
	margin-bottom:0;
	float:left;
	width:40%;
}

#shopTop .topTxt{
	float:right;
	width:58%;
	padding-top:15px;
}

/** shopInfo **/
.shopInfo{
	/*width:88%;*/
	margin:0 auto;
}

/** shoCom **/
.shopInfo .shopCom{
	float:left;
	width:52%;
	padding-top:20px;
}

.shopInfo .shopCom span{
	display:block;
	font-size:1.4em;
}

.shopInfo .shopImg{
	float:right;
	width:46%;
}

/**********
 shopAccess
**********/
/** shopAccess table **/
.shopAccess table tr th,
.shopAccess table tr td{
	text-align:left;
	display:table-cell;
	padding:9px;
}

shopAccess table tr th{
	padding:9px;
}

.shopAccess table tr td{
	padding:9px 20px;
	width:60%;
}


/**********
 oshirase
**********/
#oshirase{}

#oshirase .oshiraseInner .txt{
	width:50%;
	padding-bottom:0;
}

#oshirase .oshiraseInner .img{
	width:44%;
	text-align:right;
}

#oshirase .oshiraseInner .img img{
	margin:0 0 0 auto;
}

}