@charset "utf-8";
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

body{
/*color:#333;*/
  line-height: 1.8;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 16px;
  color: #444;
}
.mainContent{
/*background:url(/img/usr/category/tenarai/common/footBorder.png)left bottom repeat-x;
margin-bottom:1px;*/
padding-bottom:50px;
margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
/*a{
color:#6f5f53;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:hover img{
opacity:.7;
}*/
img,video {
	max-width: 100%;
	height: auto;
}
small,
.small {
  font-size: 85%;
}

/* clearfix */
.clearfix:after {
content: "";
display: block;
clear: both;
}
.clearfix {
zoom: 1;
}

.topslider {
	/*width: 980px;*/
	margin: 0 auto;
}

.display-pc {
  display: none;
}
.display-mb {
}
@media screen and (min-width:480px){
  .display-pc {
    display: inherit;
  }
  .display-mb {
    display: none;
  }
}


h2.header_bird {
	background-image:url(/img/usr/category/tenarai/common/indexBorder_pc.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    padding: 10px 0 0;
    margin-bottom: 15px;
    color: #141414;
  text-align: left;
}

h2.header_bird:before {
    content: "";
    position: absolute;
    background-image: url(/img/usr/category/tenarai/common/indexIcon.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}

h2.header_bird span {
    margin-left: 75px;
    font-size: 158%;
    display: block;
    font-weight: 700;
}



.boxList {
	padding:15px 0 20px;
	margin-bottom: 20px;	
}

.boxList .inner{
width:980px;
margin:0 auto;
overflow:hidden;
}

.boxList .leftCont{
width:49%;
float:left;
margin: 0 3px;
}

.boxList .Cont{
width:47.4%;
/*padding: 0 8px;*/
}

.boxList .leftCont dl dt{
width: 47.4%;
margin: 0 10px 0 5px;
float:left;
}

.boxList .leftCont dl dd{
width: 47.4%;
margin: 0 0 0 5px;
float:left;
}

/* -------------------------------------------------------- �u���ꗗ */
/*.lessonList {
padding:15px 0 20px;
margin-bottom: 50px;
background:#f8f0e3;
}
.lessonList .inner{
width:980px;
margin:0 auto;
overflow:hidden;
}
.lessonList .leftCont{
width:5in;
float:left;
}
.lessonList h1{
width:468px;
padding:10px 0 15px;
}
.lessonList h1 img{
display:block;
width:468px;
}
.lessonList .price{
padding:15px;
text-align:left;
color:#6f5f53;
border-top:1px dotted #6f5f53;
border-bottom:1px dotted #6f5f53;
margin-bottom:10px;
}
.lessonList .photo{
display:block;
float:right;
width:458px;
}
.lessonList .lessonDescription {
	background:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 0;
	padding:10px;
}
.lessonList .toDetail {
	text-align: center;
	margin-top: 20px;
}*/


@media screen and (max-width:767px){
html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.mainContent{
	max-width: 100%;
}
	.topslider {
	max-width: 100%;
	margin: 0 auto;
	}
	
	.topslider .slider {
		width: 100%;
	}

	
	.boxList {
	max-width: 90%;
	margin: 0 auto;
	padding:15px;
	}

	.boxList .inner{
	width:100%;
	overflow:visible;
	}
	
	.boxList .leftCont{
	/*width:100%;
	float:none;*/
	}
	
	.boxList .leftCont dl dt{
	width: 48.6%;
	float:left;
	margin: 0 0 20px 0;
	}
	
	.boxList .leftCont dl dd{
	width: 48.6%;
	float:right;
	margin: 0 0 20px 0;
	}

/*.lessonList{
	padding:15px;
	}
	.lessonList .inner{
	width:100%;
	overflow:visible;
	}
	.lessonList .leftCont{
	width:48%;
	float:left;
	}
	.lessonList h1{
	width:100%;
	}
	.lessonList h1 img{
	display:block;
	width:50%;
	}
	.lessonList .price span{
	font-size:142%;
	}
	.lessonList .rec{
	margin-bottom:15px;
	font-size:109%;
	}
	.lessonList .photo{
	float:none;
	margin:0;
	width:48%;
	float:right;
	}*/
}

@media screen and (max-width:479px){
	
html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	
	.mainContent{
	max-width: 100%;
}
	
	.topslider {
	max-width: 100%;
}

	.topslider .slider img {
	max-width: 100%;
}
	
	.boxList {
	/*padding:15px;*/
	}

	.boxList .inner{
	width:100%;
	overflow:visible;
	}
	
	.boxList .leftCont{
	width:100%;
	}
	
	.boxList .leftCont dl dt{
	width: 48%;
	float:left;
	margin: 0 10px 20px 0;
	}
	
	.boxList .leftCont dl dd{
	width: 48%;
	float:left;
	margin: 0 0 20px 0;
	}

	
	
	/*.lessonList{
	padding:15px;
	}
	.lessonList .inner{
	width:100%;
	overflow:visible;
	}
	.lessonList .leftCont{
	width:100%;
	float:none;
	}
	.lessonList h1{
	width:100%;
	}
	.lessonList h1 img{
	display:block;
	width:100%;
	}
	.lessonList .price span{
	font-size:142%;
	}
	.lessonList .rec{
	margin-bottom:15px;
	font-size:109%;
	}
	.lessonList .photo{
	float:none;
	margin:0;
	width:100%;
	}*/
}

@media screen and (min-width:480px){
	/*.lessonList .price{
	font-size:115%;
	}
	.lessonList .price span{
	font-size:186%;
	}
	.lessonList .rec{
	font-size:129%;
	}*/
}


/*header{
padding:15px 10px 10px;
background:url(/img/usr/category/tenarai/common/topBorder.png)left top repeat-x;
}
header .headerCont{
width:950px;
margin:0 auto;
text-align:left;
}
header .logo{
display:inline-block;
margin-right:15px;
vertical-align:middle;
}
header .logo img{
width:175px;
}
header .read{
display:inline-block;
margin:0;
vertical-align:middle;
width:750px;
}*/
.crsIndex{
padding:15px 0 20px;
background:#f8f0e3;
}
.crsIndex .inner{
width:950px;
margin:0 auto;
overflow:hidden;
}
.crsIndex .leftCont{
width:5in;
float:left;
}
.crsIndex h1{
width:468px;
padding:10px 0 15px;
}
.crsIndex h1 img{
display:block;
width:468px;
}

.lessontittle{
	font-size: 1.4em;
	font-weight: 900;
	color: #b81c22;
}

@media screen and (max-width:479px){
.lessontittle {
font-size: 100%;
	}
}



.crsIndex .price{
padding:15px;
text-align:left;
color:#6f5f53;
border-top:1px dotted #6f5f53;
border-bottom:1px dotted #6f5f53;
margin-bottom:10px;
}
.crsIndex .rec{
background:#fff;
border-radius:5px;
box-shadow:0 0 6px -1px #ccc;
-moz-box-shadow:0 0 6px -1px #ccc;
-webkit-box-shadow:0 0 6px -1px #ccc;
margin-top:35px;
padding:10px;
}
.crsIndex .rec .index{
display:block;
margin:-30px auto 0;
width: 15pc;
}
.crsIndex .rec ul{
padding:15px 0 5px 25px;
list-style-type:disc!important;
}
.crsIndex .rec ul li{
padding: .2em 0;
}
.crsIndex .rec ul li.matome {
  color: rgba(184, 28, 34, 1);
  font-size: 15px;
}
.crsIndex .rec ul li.matome::before {
  content: "★";
}
.crsIndex .photo{
display:block;
float:right;
width:458px;
}
.artWrap{
margin:20px auto 0;
}

.t_genre{
background-position:left bottom;
background-image:url(/img/usr/category/tenarai/common/indexBorder_genre.png);
background-repeat: repeat-x;
padding:8px 0 8px 10px;
margin-bottom:15px;
color:#141414;
font-size: 130%;
border-left: 5px solid #ced759;
}

.other_genre {
	margin: 0 10px 10px 0;
	padding-top: 10px;
	text-align:right;
	clear: both;
}

.pointWrap{
margin:15px auto;
}
.pointWrap h3{
margin-bottom:10px;
}
.pointWrap h3 img{
display:block;
}
.pointWrap .photo{
display:block;
margin-bottom:10px;
}
.pointWrap .pointComment{
width:100%;
text-align:right;
}
.technicList{
width:100%;
}
.technicList li{
padding:15px;
background:#f8f0e3;
text-align:left;
border-radius:5px;
margin-bottom:10px;
}
.technicList li img{
display:block;
margin-bottom:10px;
}
.technicList li span{
display:block;
color:#6f5f53;
}
.teacherWrap{
overflow:hidden;
margin:15px auto;
text-align:left;
}
.teacherWrap .photo{
float:left;
margin-right:15px;
margin-bottom:10px;
}
.teacherWrap .profile{
background:#f8f0e3;
border-radius:5px;
padding:10px 0;
margin:10px 0 0 215px;
}
.teacherWrap .profile .name{
border-bottom:1px solid #b9ac98;
padding:0 15px 10px;
color:#141414;
font-weight:700;
}
.teacherWrap .profile .name span{
color:#b9ac98;
margin-left:20px;
}
.teacherWrap .profile .prof{
padding:10px 15px 0;
}
.orderWrap{
padding:0 0 15px;
text-align:left;
}
.orderWrap h3{
padding:0 15px 15px;
color:#141414;
font-weight:700;
}
.orderWrap .orderCont{
padding:15px;
background:#f8f0e3;
border-radius:5px;
}
.orderWrap .orderCont .index{
padding:5px 10px;
background:#b9ac98;
color:#fff;
font-weight:700;
border-radius:5px;
margin-bottom:10px;
}
.orderWrap .orderCont .inCont{
padding:0 10px 15px;
}
.orderWrap .orderCont .inCont .through{
text-decoration:line-through;
}
.orderWrap .orderCont .inCont ul.lists{
padding-left:20px;
}
.orderWrap .orderCont .inCont ul.lists li {
  line-height: 1.3;
  margin-bottom: 0.5em;
}
.orderWrap .orderCont .inCont ul.lists > li {
list-style:disc;
}
.orderWrap .orderCont .inCont ul.lists > li.link {
  list-style: none;
}
.orderWrap .orderCont .inCont ul.lists > li.link::before {
  color: rgba(184, 28, 34, 1);
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.orderWrap .orderCont .inCont ul.lists > li ul {
  padding-top: 0.5em;
}
.orderWrap .orderCont .inCont ul.lists > li ul li {
  font-size: 95%;
}
.orderWrap .orderCont .inCont ul.lists > li ul li::before {
  content: "※";
}
.orderWrap .orderCont .freeDial{
padding:10px 15px;
color:#6f5f53;
background:#fff;
border-radius:5px;
}
ul.series{
padding:0 0 15px;
text-align:center;
}
ul.series li{
padding:0 15px;
border-right:1px dotted #6f5f53;
text-align:left;
display:inline-block;
width:29%;
vertical-align:top;
}
ul.series li:last-child{
border:0 0;
}
ul.series li img{
display:block;
width:100%;
}
.series li img:hover{
opacity:.7;
cursor:pointer;
}
.informationWrap{
padding:0 0 15px;
text-align:left;
}
.informationWrap h3{
color:#523b43;
margin-bottom:15px;
font-weight:700;
}
.informationWrap .infoIndex{
color:#523b43;
padding:5px 10px;
background:#ffed61;
border-radius:5px;
margin-top:15px;
font-weight:700;
}
.informationWrap ul.info li{
padding:5px 15px;
border-bottom:1px dotted #ccc;
}
/*footer{
background:url(/img/usr/category/tenarai/common/footerBg.png)left top repeat;
padding:15px 0;
color:#fff;
}
.footer{
padding:0 10px;
}
footer a{
color:#fff;
}*/

@media screen and (max-width:767px){
	.artWrap{
	/*max-width: 90%;
    margin: 0 auto;*/
    padding: 15px;
	}
	.artPhoto01{
	margin:0 0 10px;
	width:100%;
	}
	.artText01{
	margin:0 5px 15px;
	}
}

@media screen and (max-width:479px){
	/*body{
	font-size:100%;
	line-height:160%;
	}
	body p{
	font-size:92%;
	}*/
	/*header .headerCont{
	width:100%;
	}
	header .logo{
	width:33%!important;
	margin-right:0;
	}
	header .logo img{
	width:100%;
	height:auto;
	}
	header .read{
	font-size:10px;
	line-height:135%;
	width:64%;
	}*/
	.crsIndex{
	padding:15px;
	}
	.crsIndex .inner{
	width:100%;
	overflow:visible;
	}
	.crsIndex .leftCont{
	width:100%;
	float:none;
	}
	.crsIndex h1{
	width:100%;
	}
	.crsIndex h1 img{
	display:block;
	width:100%;
	}
	.crsIndex .price span{
	font-size:142%;
	}
	.crsIndex .rec{
	margin-bottom:15px;
	font-size:109%;
	}
	.crsIndex .rec .index{
	width:60%;
	}
	.crsIndex .photo{
	float:none;
	margin:0;
	width:100%;
	}
	.campaignPc{
	display:none;
	}
	.campaignSp{
	position:relative;
	padding:15px 0;
	margin:10px;
	}
	.orderWrap .campaignSp{
	padding:15px 0 0;
	margin:10px -10px;
	}
	.campaignSp .inner{
	margin-left:20%;
	padding:0;
	background:#fff;
	text-align:left;
	width:80%;
	}
	.orderWrap .campaignSp .inner{
	margin-left:19%;
	}
	.campaignSp .inner .cIndex{
	padding:5px 0 5px 7%;
	background:url(/img/usr/category/tenarai/common/campBg.png)repeat;
	width:93%;
	}
	.campaignSp .inner .cIndex img{
	display:block;
	width:95%;
	}
	.campaignSp .inner .cText{
	padding:5px 0 5px 7%;
	background:#fff;
	width:93%;
	}
	.orderWrap .campaignSp .inner .cText{
	padding:5px 0 5px 7%;
	background:#f8f0e3;
	width:93%;
	}
	.campaignSp .inner .cText span{
	color:#b81c22;
	font-weight:700;
	}
	.campaignSp .icon{
	position:absolute;
	top:0;
	left:0;
	width:25%;
	z-index:1;
	}
	.btnAreaPc{
	display:none;
	}
	.btnAreaSp{
	padding:0 10px 10px;
	}
	.btnAreaSp img{
	display:block;
	margin:0 0 10px;
	width:100%;
	}
	.artWrap{
	padding:10px;
	}
	.artPhoto01{
	margin:0 0 10px;
	width:100%;
	}
	.artText01{
	margin:0 5px 15px;
	}
	
	h2.header_bird {
	background-image:url(/img/usr/category/tenarai/common/indexBorder_sp.png);
	position:relative;
	padding:0 0 8px;
	}
	
	h2.header_bird,
	h2.header_bird:before{
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
	}
	
	h2.header_bird:before{
	content:"";
	position:absolute;
	width:36px;
	height:20px;
	background-image:url(/img/usr/category/tenarai/common/indexIcon.png);
	top:0;
	left:0;
	}
	h2.header_bird span{
	display:block;
	margin-left:40px;
	font-size:117%;
	font-weight:700;
	}
	.pointWrap{
	padding:0 10px;
	}
	.pointWrap li{
	padding:0 0 15px;
	border-bottom:1px dotted #b9ac98;
	overflow:hidden;
	margin-bottom:10px;
	font-size:92%;
	}
	.pointWrap h3 img{
	width:100%;
	}
	.pointWrap .photo{
	width:50%;
	float:right;
	margin:0 0 10px 10px;
	}
	.pointComment{
	max-width: 90%;
	font-size:84%;
	text-align:left;
	/*text-indent:-13px;*/
	margin:0 10px 0 23px;
	}
	.technicList li img{
	width:100%;
	margin-bottom:10px;
	}
	.technicList li .photoPc{
	display:none;
	}
	.teacherWrap .photo{
	width:45%;
	}
	.teacherWrap .profile{
		clear: both;
	margin:10px 0 0;
	}
	.teacherWrap .profile .prof{
	font-size:84%;
	}
	.priceWrapPc{
	display:none;
	}
	.priceWrapSp{
	margin:10px auto;
	}
	.priceWrapSp dl{
	overflow:hidden;
	margin:0 0 2px;
	text-align:left;
	}
	.priceWrapSp dl dt{
	background:#b9ac98;
	color:#fff;
	padding:5px;
	text-align:center;
	}
	.priceWrapSp dl dt.gy{
	background:#bfbfbf;
	}
	.priceWrapSp dl dd{
	background:#f8f0e3;
	font-size:92%;
	padding:5px;
	}
	.priceWrapSp .priceTop{
	display:table;
	margin:0 0 2px;
	}
	.priceWrapSp dl.withImg{
	width:55%;
	display:table-cell;
	background:#f8f0e3;
	border-right:5px solid #fff;
	vertical-align:top;
	}
	.priceWrapSp .photoArea{
	width:40%;
	display:table-cell;
	}
	.priceWrapSp .photoArea img{
	display:block;
	margin-bottom:5px;
	width:100%;
	}
	.priceWrapSp .photoArea p{
	text-align:left;
	font-size:77%;
	}
	.orderWrap h3{
	font-size:117%;
	}
	.orderWrap .orderCont{
	padding:15px;
	background:#f8f0e3;
	border-radius:5px;
	}
	.orderWrap .orderCont .through,.orderWrap .orderCont li{
	font-size:92%;
	}
	.orderWrap .orderCont .price span{
	font-size:125%;
	}
	.orderWrap .orderCont .freeDial{
	text-align:center;
	padding:10px 5px;
	font-size:180%;
	}
	.orderWrap .orderCont .freeDial .fdText{
	font-size:50%;
	display:block;
	padding-top:5px;
	}
	.orderWrap .orderCont .freeDial img{
	width:40%;
	display:block;
	margin:0 auto 10px;
	}
	ul.series li{
	padding:0 10px 0 5px;
	width:27%;
	}
	ul.series li a{
	font-size:84%;
	}
	ul.series li p{
	font-size:77%;
	line-height:145%;
	margin-bottom:10px;
	}
	.informationWrap{
	padding:0 5px;
	}
	.informationWrap h3{
	font-size:109%;
	}
	.informationWrap .infoIndex{
	font-size:92%;
	}
	.informationWrap ul.info li{
	font-size:77%;
	padding:5px 10px;
	line-height:145%;
	}
	/*footer{
	font-size:80%;
	text-align:center;
	}
	footer a{
	white-space:nowrap;
	}
	footer p{
	margin-top:20px;
	line-height:145%;
	}*/

}

@media screen and (min-width:480px){
/*body{
font-size:14px;
line-height:160%;
}*/
.crsIndex .price{
font-size:115%;
}
.crsIndex .price span{
font-size:186%;
}
.crsIndex .rec{
font-size:110%;
  line-height: 1.3;
}
.campaignSp{
display:none;
}
.campaignPc{
position:relative;
width:950px;
margin:5px auto;
padding:15px 0 0;
}
.orderWrap .campaignPc{
width:920px;
margin:5px -10px;
}
.campaignPc .inner{
margin-left:70px;
padding:0;
background:#fff;
text-align:left;
width:55pc;
}
.orderWrap .campaignPc .inner{
width:850px;
}
.campaignPc .inner .cIndex{
padding:5px 10px 5px 45px;
background:url(/img/usr/category/tenarai/common/campBg.png)repeat;
width:auto;
}
.campaignPc .inner .cText{
padding:10px 10px 10px 50px;
background:#fff;
width:auto;
font-size:115%;
}
.campaignPc .inner .cText span{
color:#b81c22;
font-weight:700;
}
.campaignPc .icon{
position:absolute;
top:0;
left:0;
width:81pt;
z-index:1;
}
.btnAreaSp{
display:none;
}
.btnAreaPc{
text-align:center;
width:960px;
margin:0 auto;
}
.btnAreaPc ul {
padding:20px 0;
}
.btnAreaPc ul:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}
.btnAreaPc li{
display:block;
float: left;
margin:0 10px;
width:460px;
}
.artWrap{
padding:10px 0;
width:950px;
margin:20px auto 0;
}
.artPhoto01{
display:block;
margin:0 auto 15px;
}
.artText01{
margin:0 10px 15px;
}
h2.header_bird{
background-image:url(/img/usr/category/tenarai/common/indexBorder_pc.png);
}
h2.header_bird:before{
width:72px;
height:40px;
}
h2.header_bird span{
margin-left:75px;
font-size:158%;
}
.pointWrap{
padding:0;
width:940px;
background:url(/img/usr/category/tenarai/common/pointBgDotLine.png)center top repeat-y;
/*text-align:center;*/
}
.pointWrap ul{
border-bottom:1px dotted #b9ac98;
padding-bottom:15px;
margin-bottom:15px;
}
.pointWrap ul.nobor{
border-bottom:0 0;
}
.pointWrap li{
display:inline-block;
width:440px;
margin:0 13px;
vertical-align:top;
text-align:left;
}
.pointWrap li h3 img{
width:440px;
}
.pointWrap .photo{
width:440px;
margin:0 0 10px;
}
.pointComment{
font-size:86%;
width:940px;
margin:0 auto;
text-align:right;
}
.technicList{
margin-top:10px;
}
.technicList li{
overflow:hidden;
padding:15px 20px 5px;
}
.technicList li h3 img{
width:440px;
}
.technicList li .lSide{
width:440px;
float:left;
}
.technicList li .photoSp{
display:none;
}
.technicList li .photoPc{
float:right;
width:440px;
margin-left:20px;
position:relative;
}
.technicList li .photoPc .photo{
width:440px;
  border: 5px solid #fff;
}
.technicList li .photoPc .icon{
position:absolute;
right:0;
bottom:0;
z-index:1;
}
.teacherWrap{
width:930px;
margin:10px auto;
}
.teacherWrap .profile .name{
font-size:119%;
}
.priceWrapSp{
display:none;
}
.priceWrapPc{
margin:10px auto;
overflow:hidden;
}
.priceWrapPc dl{
margin:0 0 2px;
text-align:left;
float:left;
display:table;
width:650px;
}
.priceWrapPc dl dt{
background:#b9ac98;
color:#fff;
padding:5px 0;
text-align:center;
display:table-cell;
width:200px;
border-right:2px solid #fff;
vertical-align:middle;
}
.priceWrapPc dl dt.gy{
background:#bfbfbf;
}
.priceWrapPc dl dd{
background:#f8f0e3;
font-size:96%;
padding:10px;
display:table-cell;
}
.priceWrapPc .photoArea{
width:280px;
float:right;
}
.priceWrapPc .photoArea img{
display:block;
margin-bottom:5px;
width:100%;
}
.priceWrapPc .photoArea p{
text-align:center;
}
.orderWrap h3{
font-size:129%;
line-height:160%;
}
.orderWrap .orderCont{
padding:15px;
background:#f8f0e3;
border-radius:5px;
}
.orderWrap .orderCont .price{
font-size:129%;
}
.orderWrap .orderCont .price span{
font-size:150%;
}
.orderWrap .orderCont .freeDial{
padding:15px;
}
.orderWrap .orderCont .freeDial .tel_link{
font-size:186%;
vertical-align:middle;
}
.orderWrap .orderCont .freeDial .fdText{
font-size:119%;
padding-top:5px;
vertical-align:middle;
}
.orderWrap .orderCont .freeDial img{
margin:0 20px 0 0;
vertical-align:middle;
width:180px;
}
ul.series li a{
font-size:115%;
}
ul.series li p{
margin:10px 0;
}
.informationWrap h3{
font-size:129%;
}
.informationWrap .infoIndex{
font-size:115%;
}
.informationWrap ul.info li{
padding:10px;
}
/*.footer{
width:950px;
margin:10px auto;
overflow:hidden;
}
footer p{
float:left;
}
footer .menu{
float:right;
}*/
}


/*  *************************** */
#pageTop {
 position: fixed;
 font-size: 9px;
 font-size: 1.0rem;
 line-height: 1.2rem;
 right: 10px;
 bottom: 10px;
}

#pageTop a {
	background: #e87e82 none repeat scroll 0 0;
	border-radius: 40px;
	color: #fff;
	display: block;
	opacity: 0.3;
	padding: 10px 8px;
	text-align: center;
	text-decoration: none;
}

#pageTop a:active {
 opacity: 0.3;
}
#pageTop a:hover {
 opacity: 0.7;
 text-decoration: none;
}

/*  *************************** */

.snsBtn {
/*margin: 1em .5em 0 .5em;*/
text-align: right;
width: 100%;
height: 40px;
margin: 2px 2px 5px 2px;
}
.snsBtn a{
 color: #fff;
 display: inline-block;
 text-align: center;
 margin: 0px;
 width: 40px;
 height: 40px;
 border-radius: 40px;
-webkit-border-radius:40px;
-moz-border-radius: 40px;
	
}
.snsBtn i{
 padding: 24%;
}
.snsBtn a.facebook{
 background: #265a96;
}
.snsBtn a.twitter{
 background: #00acec;
}
.snsBtn a.googleplus{
 background: #dd4b39;
}
.snsBtn a .fa{
 font-size: 20px;
 font-size: 1.4rem;
}
.snsBtn a:hover {
 opacity: 0.8;
}

@media screen and (max-width:479px){
.snsBtn {
text-align: right;
max-width: 100%;
min-width: 70%;
margin: 1px 0px 5px 0px;
}
	
.snsBtn a{
 color: #fff;
 display: inline-block;
 text-align: center;
 margin: 0px;
 width: 35px;
 height: 35px;
 border-radius: 35px;
-webkit-border-radius:35px;
-moz-border-radius: 35px;
}
	
.snsBtn a .fa{
 font-size: 20px;
 font-size: 1.2rem;
}
}


/*  *************************** */
.topInfo {
	border: 1px solid rgba(184, 28, 34, 1);
	padding: 10px 15px;
	margin-bottom: 20px;
}
.topInfo h3 {
	border-bottom: 1px solid rgba(184, 28, 34, 1);
	color: rgba(184, 28, 34, 1);
	font-size:110%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.topInfo p {
	margin: 0.2em 0;
}

.topLead {
}
.topLead h3 {
	font-size:130%;
	line-height: 1.8;
	margin-bottom: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: 10px solid #FFF4A1;
}
.topLead p {
	font-size:110%;
	line-height: 1.8;
	margin-top: 1em;
}
.osusumeHead {
	text-align: center;
}
.osusume {
	background: #E2EC95;
	padding: 5px;
}
.osusume li {
	box-sizing: border-box;
	padding: 5px;
}

.blogArea {
  height: 300px;
  overflow: scroll;
  margin-bottom: 30px;
}
.blogList li {
	float: left;
	width: 98%;
	margin: 1%;
}
.blogList li img {
  float: left;
  width: 50%;
  margin-right: 10px;
}
.blogList li span {
  display: block;
	line-height: 1.3;
}
.blogList li .date {
	color: #b9ac98;
  font-weight: bold;
  margin-bottom: 0.3em;
}
.blogList li a {
  display: block;
	text-decoration: none !important;
}

.lessonList {
}
.lessonList li {
	float: left;
  display: block;
  position: relative;
	width: 48%;
	margin: 1%;
}
.lessonList li .photo {
  z-index: 1;
}
.lessonList li .badge-special1 {
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 10px;
  width: 70%;
}
.lessonList li span {
	display: block;
	height: 5em;
	line-height: 1.3;
}
.lessonList li span em {
	color: #b81c22;
	font-weight: bold;
	margin-right: 0.5em;
}
.lessonList li a {
	text-decoration: none !important;
}

/* 在庫切れ・完売 */
.lessonList li.soldout {
	position: relative;
}
.lessonList li.soldout a {
  color: #999;
	pointer-events: none;
}
.lessonList li.soldout .photo {
}
.lessonList li.soldout .photo {
	-webkit-filter: brightness(0.7);
	-moz-filter: brightness(0.7);
	-o-filter: brightness(0.7);
	-ms-filter: brightness(0.7);
	filter: brightness(0.7);
}
.lessonList li.soldout:after {
  content: "SOLD OUT";
  position: absolute;
  top: 30%;
  left: 0px;
  width: 100%;
  /*background: rgba(0, 0, 0, .6);*/
  color: #fff;
  font-size: 20px;
  font-family: 'Lato', sans-serif;
  -webkit-text-shadow: 1px 1px 3px #000;
  -moz-text-shadow: 1px 1px 3px #000;
  text-shadow: 1px 1px 3px #000;
  letter-spacing: .1em;
  text-align: center;
  z-index: 2;
}


.genreIndex {
	box-sizing: border-box;
	background: #F8F0E3;
	padding: 10px;
	margin-bottom: 20px;
}
.genreIndex h3 {
	font-size: 130%;
	text-align: center;
	padding-bottom: 0.5em;
}
.genreIndex h3:before,
.genreIndex h3:after {
	color: #b9ac98;
	content: "\f111";
	font-family: FontAwesome;
	margin: 0 0.5em;
}
.to-genre {
	text-align: center;
	padding: 10px 0;
}
.to-genre a {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.3em 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgba(232, 126, 130, 1);
	color: #fff;
	font-size: 110%;
	text-decoration: none;
}
.to-genre a:after {
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 120%;
	margin-left: 0.5em;
}
.to-genre a:hover {
	background: rgba(232, 126, 130, 0.8);
}

@media screen and (min-width:768px){
	.topLead h3 {
		font-size:150%;
		text-align: center;
	}
	.topLead p {
		font-size:120%;
	}
	.osusume li {
		float: left;
		width: 33.3333%;
	}
  .blogArea {
    height: 300px;
    overflow: auto;
  }
  .blogList li {
    float: left;
    width: 48%;
    margin: 1%;
  }
	.lessonList li {
		float: left;
		width: 23%;
		margin: 1%;
	}
	.lessonList3col li {
		float: left;
		width: 31.3333%;
		margin: 1%;
	}
	.lessonList2col li {
		float: left;
		width: 48%;
		margin: 1%;
	}
  .lessonList li .badge-special1 {
    width: 40%;
  }
	.genreIndexL {
		float: left;
		width: 49%;
	}
	.genreIndexR {
		float: right;
		width: 49%;
	}
	.genreIndexL .lessonList li,
	.genreIndexR .lessonList li {
		width: 48%;
		margin: 1%;
	}
	.to-genre a {
		width: 80%;
	}
}




/*  *************************** */
.pointWrapSingle {
}
.pointWrapSingle dl {
	display: block;
	border-bottom:1px dotted #b9ac98;
	padding: 20px 15px;
}
.pointWrapSingle dt span {
	display: block;
}
.pointWrapSingle dt .head {
	margin-bottom: 10px;
}
.pointWrapSingle dt .explanation {
	margin-bottom: 10px;
}
.pointWrapSingle dd {
}

@media screen and (min-width:768px){
	.pointWrapSingle dl:after {
		content:".";
		display:block;
		visibility:hidden;
		height:0.1px;
		font-size:0.1em;
		line-height:0;
		clear: both;
	}
	.pointWrapSingle dt {
		float: left;
		width: 59%;
	}
	.pointWrapSingle dd {
		float: right;
		width: 39%;
	}
}


/*  *************************** */
.minne {
}
.minne:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}
.minne .logo {
	text-align: center;
	margin-bottom: 10px;
}
.minne .txt {
}

@media screen and (min-width:480px){
	.minne .logo {
		float: left;
		width: 20%;
	}
	.minne .txt {
		float: right;
		width: 78%;
		padding-top: 30px;
	}
}


/*  *************************** */
.betsuuriWrap{
padding:0 0 15px;
text-align:left;
}
.betsuuriWrap:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear: both;
}
.betsuuriWrap .betsuuriPhoto {
}
.betsuuriWrap h3{
padding:0 15px 15px;
color:#141414;
font-size:129%;
line-height:160%;
font-weight:700;
}
.betsuuriWrap .betsuuriCont {
padding:15px;
background:#f8f0e3;
border-radius:5px;
}
.betsuuriWrap .betsuuriCont p {
	margin: 0.3em 0;
}
.betsuuriWrap .price{
font-size:129%;
}
.betsuuriWrap .price em{
font-size:150%;
	font-style: normal;
}

@media screen and (min-width:480px){
	.betsuuriWrap .betsuuriPhoto {
		float: right;
		width: 40%;
	}
	.betsuuriWrap h3{
		float: left;
		width: 55%;
	}
	.betsuuriWrap .betsuuriCont {
		float: left;
		width: 55%;
	}
}


/*  *************************** */
.guide-head {
	background: #A0937F;
	color: #fff;
	font-size:130%;
	text-align: center;
	margin: 0 0 1em 0;
	padding: 0.3em 0;
}
.guide {
}
.guide:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear: both;
}
.guide dt {
	font-size:110%;
	font-weight: normal;
	margin: 0 0 10px;
}
.guide dt br {
	display: none;
}
.guide dd {
	box-sizing: border-box;
	border-left: 1px solid #A0937F;
	margin: 0 0 20px;
	padding-left: 1em;
}
.guide p {
	margin-bottom: 0.5em;
}
.guide ul,
.guide ol{
	margin: 0.5em 0 0 0;
}
.guide li {
	line-height: 1.3;
	margin-bottom: 0.3em;
}
.guide ul li ul {
	margin: 0 0 0.5em 1em;
}
.guide .list-dot > li:before {
	content: "・";
}
.guide .list-kome > li:before {
	content: "※";
}
.guide ol {
	list-style: decimal;
	margin: 0.5em 0 0 2em;
}
.guide ol li:before {
	content: none;
}


@media screen and (min-width:768px){
	.guide dt {
		float: left;
		width: 25%;
		margin: 0 0 20px;
	}
	.guide dt br {
		display: inherit;
	}
	.guide dd {
		float: left;
		width: 75%;
		margin: 0 0 20px;
	}
}


/*  *************************** */

.cartArea {
	background: url(/img/usr/category/tenarai/common/back_cartarea.png) repeat;
	padding: 30px 0;
	margin: 20px 0;
}
.cartArea .cart-btn {
}
.cartArea .cart-btn:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear: both;
}
.cartArea .cart-btn .order a,
.cartArea .cart-btn .request a,
.cartArea .cart-btn .matomete a,
.cartArea .cart-btn .soldout {
	display: block;
	border: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
  text-align: center;
	text-decoration: none;
	padding: 0.8em 0;
	margin: 0;
	cursor: pointer;
}
.cartArea .cart-btn .order a {
	width: 100%;
	background: rgba(184, 28, 34, 1);
}
.cartArea .cart-btn .order a:hover {
	background: rgba(184, 28, 34, 0.8);
}
.cartArea .cart-btn .request a {
	width: 100%;
	background: rgba(153, 130, 124, 1);
}
.cartArea .cart-btn .request a:hover {
	background: rgba(153, 130, 124, 0.8);
}
.cartArea .cart-btn .matomete a {
	width: 100%;
	background: rgba(232, 124, 92, 1);
}
.cartArea .cart-btn .matomete a:hover {
	background: rgba(232, 124, 92, 0.8);
}
.cartArea .cart-btn .soldout {
	width: 100%;
	background: #999;
	cursor: inherit;
}
.cartArea p {
  padding-top: .5em;
}
.cartArea .member-guide {
  padding-top: 1em;
}
.cartArea .member-guide li::before {
  color: rgba(184, 28, 34, 1);
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 0.5em;
}
.cartArea .member-guide li a {
  text-decoration: none;
}
.cartArea .member-guide li a:hover {
  color: rgba(184, 28, 34, 1);
}

/* ▼CRAFTING キャンペーン中 */
.cartArea .athome {
	padding: 20px;
}


@media screen and (min-width:768px){
	.cartArea .cart-btn {
		width: 840px;
		margin: auto;
	}
	
	/*通常時
	.cartArea .cart-btn li {
		float: left;
		display: inline-block;
		width: 400px;
		margin: 0 10px;
	}
  .cartArea .cart-btn .matomete {
    float: inherit;
		display: inline-block;
		width: 520px;
		margin: 30px 160px 0;
  }*/
	
	/* ▼CRAFTING キャンペーン中 */
	.cartArea .athome {
		padding: 20px 100px;	
	}
	.cartArea .cart-btn li {
		float: left;
		display: block;
		width: 700px;
		margin: 0 70px;
	}
	.cartArea .member-guide {
		width: 700px;
		margin: 0 auto;
	}
  .cartArea .cart-btn .matomete {
    float: inherit;
		display: block;
		width: 700px;
		margin: 30px 70px 0;
  }
	/* ▲CRAFTING キャンペーン中 */

	.cartArea .cart-btn .order a,
	.cartArea .cart-btn .request a,
  .cartArea .cart-btn .matomete a,
  .cartArea .cart-btn .soldout {
		font-size: 16px;
	}
  .cartArea p {
    text-align: center;
  }
}

@media screen and (max-width:767px){
	.cartArea .cart-btn {
		width: 100%;
		margin: auto;
	}
	.cartArea .cart-btn li {
		display: block;
		margin: 10px;
	}
	.cartArea .cart-btn .order a,
	.cartArea .cart-btn .request a,
  .cartArea .cart-btn .matomete a,
  .cartArea .cart-btn .soldout {
		font-size: 18px;
	}
	.cartArea .cart-btn .request a {
		margin: 20px auto 0;
	}
}

/* EC-being 20181219 *************************** */
.block-category-list--header {
	display: none;
}

.tenarai-header-index {
  text-align: center;
}
.tenarai-header {
  max-width: 1200px;
}
.tenarai-header:after {
  content:".";
  display:block;
  visibility:hidden;
  height:0.1px;
  font-size:0.1em;
  line-height:0;
  clear: both;
}
.tenarai-header h1 {

}
.tenarai-header .header-nav {
  display: none;
}
/*.tenarai-header .header-nav li {
  display: inline-block;
  margin: 0 0.3em;
  font-size: 13px;
}
.tenarai-header .header-nav li a {
  text-decoration: none;
}*/

@media screen and (min-width:480px){
  .tenarai-header h1 {
    text-align: left;
  }
  /*.tenarai-header .header-nav {
    float: right;
    text-align: right;
    padding-top: 50px;
  }*/
}


/* CRAFTING 20201102 *************************** */
.txt-red {
  color: #d61518;
}
.crafting-guide {
	background: url(/img/usr/category/tenarai/common/back_cartarea.png) repeat;
	padding: 30px 0;
	margin: 20px 0;
}
.crafting-guide h2 {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}
.crafting-guide p {
  max-width: 800px;
  margin: .5em auto;
}
.crafting-guide .btn-crafting {
  margin: 10px auto;
  text-align: center;
}
.crafting-guide .btn-crafting img {
  filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.4));
}
.crafting-guide .schedule {
  color: #d61518;
  font-weight: bold;
  text-align: center;
}