@charset "utf-8";

/************************************************************
	トップページ (front-page.php)
*************************************************************/
/* メインビジュアル
------------------------------------------------------------*/
/* レスポンシブ対応スライダー（owl-carousel） */
#mainSlide {
	width: 960px;
	margin: 0 auto 1.5em auto;
	text-align: center;
}
	@media only screen and (max-width: 959px){
		#mainSlide {
			width: 100%;
		}
	}

.owl-item img {
    display: block;
    width: 100%;
	max-width: 960px;
    height: auto;
}

/* 静止画 PC用 */
#mainImagePC {
    background-color: #abb786;
    border-bottom: 1px solid #8a9662;
    border-top: 1px solid #8a9662;
    margin-bottom: 22px;
    min-width: 960px;
    padding: 2rem 0;
    width: 100%;
	box-sizing: border-box;
}
#mainImagePC img {
    display: block;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    height: auto;
}
	@media only screen and (max-width: 959px){
		#mainImagePC {
			min-width: inherit;
			padding: 1rem;
		}
	}
	@media only screen and (max-width: 767px){
		#mainImagePC {
			display: none;
		}
	}

/* 静止画 タブレット&スマホ用 */
#mainImageSP {
	display: none;
}
#mainImageSP img {
	display: block;
	max-width: 100%;
	margin:0 auto;
	height: auto;
	width: auto; /* for IE8 */
}
	@media only screen and (max-width: 767px){
		#mainImageSP {
			display: block;
			width: 100%;
			margin-bottom: 2rem;
		}
	}


/************************************************************
	更新情報（テキストだけ）
*************************************************************/
ul.info {
}
	ul.info li {
		border-bottom: 1px dotted #999;
		margin-bottom: 7px;
		padding-bottom: 7px;
	}
	ul.info li:last-of-type {
		border-bottom: none !important;
	}
	ul.info li dl {
	}
		ul.info li dl dt {
			float: left;
			width: 25%;
		}
			ul.info li dl dt time {
			}
		ul.info li dl dd {
			float: right;
			width: 75%;
		}
			ul.info li dl dd span {
				display: block;
			}
			ul.info li dl dd span:nth-of-type(2) {
				color: #666;
			}
			ul.info li dl dd h2 {
				line-height: 1.4;
			}

	@media only screen and (max-width: 767px){
		ul.info li dl dt {
			float: none;
			width: 100%;
		}
		ul.info li dl dd {
			float: none;
			width: 100%;
		}
			ul.info li dl dd span {
			}
	}


/************************************************************
	更新情報（サムネイル）
*************************************************************/
ul.thumbnail {
}
	ul.thumbnail li {
		border-bottom: 1px dotted #999;
		margin-bottom: 7px;
		padding-bottom: 7px;
	}
	ul.thumbnail li:last-of-type {
		border-bottom: none !important;
	}
	ul.thumbnail li dl {
	}
		ul.thumbnail li dl dt {
			float: left;
			width: 25%;
		}
			ul.thumbnail li dl dt img {
				max-width: 100%;
				height: auto;
				width: auto; /* for IE8 */
			}
		ul.thumbnail li dl dd {
			float: right;
			width: 70%;
		}
			ul.thumbnail li dl dd time,
			ul.thumbnail li dl dd span {
				display: block;
			}
			ul.thumbnail li dl dd span:nth-of-type(2) {
				color: #666;
			}
			ul.thumbnail li dl dd span img {
				max-width: 60px;
				height: auto;
				width: 100%;
				width: auto; /* for IE8 */
			}
			ul.thumbnail li dl dd h2 {
				line-height: 1.4;
			}

	@media only screen and (max-width: 767px){
			ul.thumbnail li dl dd span img {
				max-width: 40px;
			}
	}


/************************************************************
	トップ
*************************************************************/
.home > section {
	margin:0 0 1rem;
}
.home > section:nth-of-type(2) {
    margin: 0 0 4rem !important;
}
.home > section:nth-of-type(2) article,
.home > section:nth-of-type(3) article {
    background: none repeat scroll 0 0 #fffdee;
}
.home > section article {
	padding:0 1rem;
}
.home > section h3 {
    font-size: 16px;font-size: 1.6rem;
}
.home > section img {
}
.home > section dl:last-of-type {
}
#content section > h2#master + article dl dd {
    /*float: none !important;
    width: 100% !important;*/
}
#hd-shop {
    background-color: #abb786;
    border-bottom: 1px solid #8a9662;
    border-top: 1px solid #8a9662;
    margin-bottom: 2rem;
    padding: 0.5rem 0;
    width: 100%;
}
#hd-shop-inner {
    margin: 0 auto;
    width: 960px;
}
#hd-shop-inner h2 {
    color: #ffffff;
    font-size: 2rem;
}
#hd-shop-inner h2 a{
    color: #ffffff;
    font-size: 1.4rem;
    margin: 0 1rem;
}
.page > section img {
    float: right !important;
    margin: 0 0 1rem 1rem !important;
    /*width: 50% !important;*/
    max-width: 300px;
}
	@media only screen and (max-width: 959px) {
		#hd-shop-inner {
			width: 100%!important;
		}
		#hd-shop-inner h2 {
			padding: 0 1rem;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}

	@media only screen and (max-width: 767px){
		.home > section img {
			width:50%!important;
			margin: 0 auto 0.5rem !important;
		}
		.home > section h3 {
			font-size: 1.6rem;
			clear: left;
		}
		.home > section dl {
			padding:1.5rem 0 !important;
		}
		.page > section img {
			float: none !important;
			margin: 0 auto 1rem !important;
			max-width: 300px !important;
			width: 100%!important;
		}
		#hd-shop {
			min-width: auto!important;
			margin-bottom:1rem;
		}
	}
/************************************************************
	店舗情報
*************************************************************/
#content > .shopdata > article {
    padding: 0 1rem;
	border:none;
}
.shopdata a.phone {
    text-decoration: none;
    background: #8a9662;
    padding: 0.5rem 1rem;
    display: inline-block;
    border-radius: 0.5rem;
    color: #FFF;
    margin: 1rem 0;
    font-size: 1.4rem;
}
.shopdata p.nearest {
    background: #EFEFEF;
    padding: 1rem;
    font-weight: bold;
    margin: 1rem 0 0;
    font-size: 1.4rem;
}
.shopdata > article p span {
    border: 1px dashed #8a9662;
    display: block;
    padding: 0.5rem;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #8a9662;
    font-weight: bold;
}
	@media only screen and (max-width: 959px) {
	}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}

	@media only screen and (max-width: 767px){
		#map_canvas {
			margin: 0 auto;
			width:90%!important;
		}
		#map_canvas iframe {
			height:300px;
		}
	}

/************************************************************
	マスターのつぶやき
*************************************************************/
.master section dl dd {
   /* float: none!important;
    width: 100%!important;*/
}
.master + #sidebar #topic-list .archiveRight {
   /* float: none!important;
    width: auto!important;*/
}
.master #topic-list .archiveLeft img {
   /* display: none!important;*/
}
.master section > h2.single {
    background-color: #fff!important;
    border-bottom: 1px solid #3f2606!important;
    border-top: 1px solid #3f2606!important;
}
/************************************************************
	コーヒー教室
*************************************************************/
.coffee-lesson > section > img {
    float: none !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}
.coffee-lesson h1 {
	background-color:#402707;
	background-image: -webkit-linear-gradient(-45deg, #604B31 25%, transparent 25%, transparent 50%, #604B31 50%, #604B31 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #604B31 25%, transparent 25%, transparent 50%, #604B31 50%, #604B31 75%, transparent 75%, transparent);
	background-size: 5px 5px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    box-sizing: border-box;
	color: #fff;
	font-size: 18px;font-size: 1.8rem;
    padding: 5px 0;padding: 0.5rem 0;
	margin:40px 0 20px;margin:4rem 0 2rem;
    text-align: center;
	width: 100%;
}
.coffee-lesson .linkBtn {
    background: #6d8622 none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 3rem;
    padding: 0 2rem;
    text-align: center;
    text-decoration: none;
    width: 220px;
}
.coffee-lesson .linkBtn:before {
	content:"\f0a9";
}
.coffee-lesson > .point p.imp {
	margin: 1rem 0;
	padding: 1rem;
	border: 1px solid #604B31;
	box-sizing: border-box;
	color: #CC0000;
	text-align: center;
}



.coffee-lesson > .point article div > img {
	float: none !important;
	margin: 0 !important;
	width:auto !important;
	max-width:317px;
}
.coffee-lesson > .point article div > img:nth-of-type(2) {
	max-width:340px;
}
.coffee-lesson > .point article div > img:last-of-type {
	float: right !important;
}
.coffee-lesson > .point article div {
}
.coffee-lesson > .point article div {
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;padding-bottom:1.5rem;
	margin-bottom:15px;margin-bottom:1.5rem;
	
}
.coffee-lesson > .point article section {	
	background-color:#F7F1E8;
	background-image: -webkit-linear-gradient(-45deg, #FFF 25%, transparent 25%, transparent 50%, #FFF 50%, #FFF 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #FFF 25%, transparent 25%, transparent 50%, #FFF 50%, #FFF 75%, transparent 75%, transparent);
	background-size: 5px 5px;/*数字を大きくすれば太く、小さくすれば細くなります。*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    box-sizing: border-box;
    color: #3F2606;
    padding: 25px;padding: 2.5rem;
	margin:40px 0 20px;margin:4rem 0 2rem;
	width: 100%;
}
#content.coffee-lesson > .point article section h2 {	
    text-align: center;
	font-size: 1.8rem;
	font-weight:bold;
	margin-bottom: 1rem;
    background: none;
    color: inherit;
    padding: 0;
}
.coffee-lesson > .point article section ul {	
}
.coffee-lesson > .point article section ul li {	
    float: left;
    width: 50%;
}
.coffee-lesson > .point article section ul li:before {	
	margin-right: 5px;margin-right: 0.5rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#ABB787;
	content: "\f061";
} 
.coffee-lesson > .detail dl {	
    border: medium none !important;
    padding: 1rem 0 !important;
}
.coffee-lesson > .detail dl dt {	
	color: #3f2606;
    background: none repeat scroll 0 0 #e6eada;
    border-left: 7px solid;
    box-sizing: border-box;
    padding: 0 1rem;
    width: 112px !important;
}
.coffee-lesson > .detail dl dd {	
    width: 80% !important;
}
.coffee-lesson > .detail dl dd span {	
    color: #3f2606;
    display: block;
    font-size: 1.2rem;
}
.coffee-lesson > .detail dl dd ul li.imp {	
    color: #CC0000;
}
	@media only screen and (max-width: 959px) {
		.coffee-lesson > .point article div > img {
			width:48% !important;
		}
		.coffee-lesson > .point article section ul li {
			float: none;
			margin: 1rem auto;
			width: 340px;
		}
		.coffee-lesson > .detail dl dd {	
			width: 74% !important;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	}
	@media only screen and (max-width: 767px){
		.coffee-lesson > .point article div > img {
			margin: 0 auto !important;
			width: 100% !important;
			max-width:317px!important;
		}
		.coffee-lesson > .point article div > img:last-of-type {
			float: none !important;
		}
		.coffee-lesson > .point article section {	
			padding: 10px;padding: 1rem;
		}
		.coffee-lesson > .point article section ul li {
			width: 100%;
			font-size: 1.2rem;
		}
		.coffee-lesson > .point article section h2 {	
			font-size: 15px;font-size: 1.5rem;
		} 
		.coffee-lesson > .detail dl dt {	
			width: auto !important;
			margin-bottom: 1rem;
		}
		.coffee-lesson > .detail dl dd {
			font-size: 1.4rem;
			width: 100% !important;
		}
	}


/************************************************************
	コーヒー教室（Café Rin）
*************************************************************/
.coffee-lesson-cafe-rin .red {
	color:#C00!important;
}

.coffee-lesson-cafe-rin img {
    display: block;
}
.coffee-lesson-cafe-rin .btnList {
    width: 500px;
    display: block;
    margin: 0 auto 4rem;
}
.coffee-lesson-cafe-rin .btnList li {
	float:left;
	width:50%;
}
.coffee-lesson-cafe-rin .linkBtn {
    background: #6d8622 none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 3rem;
    padding: 0 2rem;
    text-align: center;
    text-decoration: none;
    width: 220px;
}
.coffee-lesson-cafe-rin li:nth-of-type(1) .linkBtn:before {
	content:"\f0ab";
}
.coffee-lesson-cafe-rin li:nth-of-type(2) .linkBtn:before {
	content:"\f0a9";
}
	@media only screen and (max-width: 959px) {
		.coffee-lesson-cafe-rin img {
			width: 100%;
		}
	}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin .btnList {
			width: 100%;
			display: block;
			margin: 0 auto 4rem;
		}
		.coffee-lesson-cafe-rin .btnList li {
			float:none;
			width:100%;
		}
	}

/*lessonTop*/
.coffee-lesson-cafe-rin article#lessonTop {	
	background: -webkit-gradient(linear, left top, right bottom, from(#F4ECDB), color-stop(0.25, #F4ECDB), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #F4ECDB), color-stop(0.75, #F4ECDB), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #F4ECDB 25%, white 25%, white 50%, #F4ECDB 50%, #F4ECDB 75%, white 75%, white);
	background: linear-gradient(-45deg, #F4ECDB 25%, white 25%, white 50%, #F4ECDB 50%, #F4ECDB 75%, white 75%, white);
    background-size: 4px 4px;
    box-sizing: border-box;
    color: #3f2606;
    position: relative;
    width: 100%;
	padding-bottom: 10px;
	margin-bottom: 50px;
}
.coffee-lesson-cafe-rin article#lessonTop > p {
	background: #6d8622 none repeat scroll 0 0;
	border-radius: 70px;
	box-sizing: border-box;
	color: #fff;
	height: 140px;
	left: 50px;
	line-height: 1.2;
	padding: 15px 0 0;
	position: absolute;
	text-align: center;
	top: -65px;
	vertical-align: middle;
	width: 140px;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
.coffee-lesson-cafe-rin article#lessonTop > p > span {
	display: block;
	font-weight: bold;
}
.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(1) ,
.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(3) {	
	font-size:22px;	
	letter-spacing: 0.5rem;
}
.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(2) {	
	font-size:42px;	
}
.coffee-lesson-cafe-rin article#lessonTop > dl {	
	background: #3f2606 none repeat scroll 0 0;
	border-bottom: medium none;
	color: #fff;
	padding: 1rem 2rem;
}
.coffee-lesson-cafe-rin article#lessonTop > dl > dt {
	border: 1px solid #fff;
	font-size: 18px;
	padding: 0.5rem 1rem;
	width: auto;
	margin-right:20px;
}
.coffee-lesson-cafe-rin article#lessonTop > dl > dd {
	float: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	width: auto;
}
.coffee-lesson-cafe-rin article#lessonTop > dl > dd > span {	
	font-size:12px;
	display:block;
	font-weight:normal;
}
.coffee-lesson-cafe-rin article#lessonTop > div {	
	box-sizing: border-box;
	padding: 20px;
}
.coffee-lesson-cafe-rin article#lessonTop > div > h1 {
	text-align:center;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 1.4;
	margin: 2rem 0;
}
.coffee-lesson-cafe-rin article#lessonTop > div > img {	
	width:100%;
	max-width:665px;
	margin:0 auto;
	display:block;
}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.coffee-lesson-cafe-rin article#lessonTop > p {
			border-radius: 50px;
			height: 100px;
			left: 10px;
			line-height: 1.2;
			padding: 12px 0 0;
			top: -105px;
			width: 100px;
		}
		.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(1),
		.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(3) {
			font-size: 14px;
		}
		.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(2) {
			font-size: 32px;
		}
	}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin article#lessonTop > p {
			border-radius: inherit;
			height: auto;
			padding: 10px;
			position: static;
			transform: none;
			-moz-transform: none;
			-webkit-transform: none;
			width: 100%;
		}
		.coffee-lesson-cafe-rin article#lessonTop > p > span {
			display: inline;
			font-size: 20px !important;
			font-weight: bold;
		}
		.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(1),
		.coffee-lesson-cafe-rin article#lessonTop > p > span:nth-of-type(3) {
			letter-spacing: inherit;
		}
		.coffee-lesson-cafe-rin article#lessonTop > div > section ,
		.coffee-lesson-cafe-rin article#lessonTop > div > img ,
		.coffee-lesson-cafe-rin article#lessonTop > div > h1 {
			font-size: 1.6rem;
		}
	}


/*画像ギャラリー*/
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery {
	border: 1px solid #CCC;
	padding: 3rem;
	background: #FFF;
	box-sizing: border-box;
}
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > h2 {
	text-align: center;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	font-size: 2.4rem;
	background: none;
	color: inherit;
	font-weight: bold;
	padding: 0;
}
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > h2 span {
	display:block;
	font-size:1.4rem;
}
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > section:not(:last-of-type) {
	margin-bottom:2rem;
}
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > section ul li {
	float:left;
	width:25%;
}
.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > section ul li img {
	display:block;
	width:100%;
	margin:0;
}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin article#lessonTop > div > .gallery {
			padding: 1.5rem;
		}
		.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > h2 {
			font-size: 1.8rem;
		}
		.coffee-lesson-cafe-rin article#lessonTop > div > .gallery > h2 span {
			font-size:1rem;
		}
	}

/*こんな方をお待ちしております*/
.coffee-lesson-cafe-rin article#lessonTop > section {	
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	box-sizing: border-box;
	margin: 1rem 3rem 2rem;
	padding: 2rem;
}
.coffee-lesson-cafe-rin article#lessonTop > section > h2 {	
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #3f2606; 
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1rem;
	text-align: center;
}
.coffee-lesson-cafe-rin article#lessonTop > section > ul {	
}
.coffee-lesson-cafe-rin article#lessonTop > section > ul > li {	
	float: left;
	width: 50%;
}
.coffee-lesson-cafe-rin article#lessonTop > section > ul > li.famr:before {	
	margin-right: 5px;margin-right: 0.5rem;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#ABB787;
	content: "\f061";
} 
	@media only screen and (max-width: 959px) {
		.coffee-lesson-cafe-rin article#lessonTop > section > ul > li {
			float: none;
			width: 100%;
		}

	}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin article#lessonTop > section > h2 {
			font-size: 1.4rem;
		}
		.coffee-lesson-cafe-rin article#lessonTop > section > ul > li {
			font-size: 14px;
			line-height: 1.4;
			margin-bottom: 10px;
			margin-left: 1.2em;
			text-indent: -1.2em;
		}
	}


/*タブリスト*/
.coffee-lesson-cafe-rin #tabs {
    border-bottom: 3px solid #3f2606;
    margin: 0 auto;
    width: 100%;
}
.coffee-lesson-cafe-rin #tabs ul {
	margin: 0 auto;
	width: 100%;
}
.coffee-lesson-cafe-rin #tabs ul li {
	background-color: #f4ecdb;
	border-radius: 3px 3px 0 0;
	box-sizing: border-box;
	color: #3f2606;
	cursor: pointer;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	margin: 0 1%;
	text-align: center;
	width: 48%;
	zoom: 1;
}
.coffee-lesson-cafe-rin #tabs ul li.mouseover {transition: all 0.3s ease 0s;}
.coffee-lesson-cafe-rin #tabs ul li.mouseover:hover {opacity: 0.7;}
.coffee-lesson-cafe-rin #tabs ul li span.famr:before {content:"\f13a";}
.coffee-lesson-cafe-rin #tabs ul li.open {
	background-color: #3F2606;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}

/*タブコンテンツ*/
.coffee-lesson-cafe-rin .tabbox {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 3rem 1rem;
    width: 100%;
}
.coffee-lesson-cafe-rin .tabbox div {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}
.coffee-lesson-cafe-rin .tabbox div > section {
	box-sizing: border-box;
	color: #3f2606;
	float: left;
	padding: 20px 5px;
	width: 50%;
}
.coffee-lesson-cafe-rin .tabbox div > section > span {
	background-image: url("../images/contents/coffee-lesson/icon.png");
	box-sizing: border-box;
	color: #3f2606;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 77px;
	margin: 0 auto 1rem;
	padding-top: 44px;
	text-align: center;
	vertical-align: bottom;
	width: 77px;
}
.coffee-lesson-cafe-rin .tabbox div > section > span.notice {
	background-image:none;
	background-color:#900;
	color: #FFF;
	display: block;
	font-size: 11px;
	height: auto;
	margin: 0 auto 1rem;
	padding: 0.5rem 1rem;
	width: 100px;
}
.coffee-lesson-cafe-rin .tabbox div > section > h1 {
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 auto 3rem;
	text-align: center;
}
.coffee-lesson-cafe-rin .tabbox div > section > p {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
}
.coffee-lesson-cafe-rin .lessonPoint div > section > p {
	background: #89985a none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	position: relative;
	width: auto;
}
.coffee-lesson-cafe-rin .lessonPoint div > section > p:after {
	border-color: transparent transparent #89985a;
	border-style: solid;
	border-width: 0 0 18px 14px;
	content: "";
	display: block;
	height: 0;
	left: 30%;
	margin-left: -10px;
	position: absolute;
	top: -18px;
	width: 0;
}
.coffee-lesson-cafe-rin .tabbox div > img {
	border: 2px solid #fff;
	box-sizing: border-box;
	float: right;
	outline: 1px solid #ccc;
	width: 47%;
	min-width:334px;
}
	@media only screen and (max-width: 999px) {
		.coffee-lesson-cafe-rin .tabbox div > img {
			min-width: inherit;
		}
		.coffee-lesson-cafe-rin .tabbox div > section > h1 {
			font-size: 13px;
		}
	}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin .tabbox div > section,
		.coffee-lesson-cafe-rin .tabbox div > img {
			float: none;
			width: 100%;
		}
		.coffee-lesson-cafe-rin .tabbox div > section {
			padding: 0 5px 20px;
		}
		.coffee-lesson-cafe-rin .tabbox div > section > p {
			margin-top: 3rem;
			text-align:left;
		}
		.coffee-lesson-cafe-rin .tabbox div > img {
			display: block;
			margin: 0 auto;
			max-width: 200px;
		}
		.coffee-lesson-cafe-rin .tabbox div > section > h1 {
			margin-bottom:0;
		}
		.coffee-lesson-cafe-rin #box2 div:nth-of-type(1) > section > h1 {
			margin-bottom:3rem;
		}
	}
		
/*lessonDetail*/
.coffee-lesson-cafe-rin section.lessonDetail table {	
}
.coffee-lesson-cafe-rin section.lessonDetail table tr th ,	
.coffee-lesson-cafe-rin section.lessonDetail table tr td {	
    padding: 1rem;
	box-sizing: border-box;
    border: 1px solid #CCC;
}
.coffee-lesson-cafe-rin section.lessonDetail table thead tr th ,	
.coffee-lesson-cafe-rin section.lessonDetail table thead tr td {
	background:#89985a;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.coffee-lesson-cafe-rin section.lessonDetail table tbody tr th {	
    min-width: 80px;
    text-align: center;
    vertical-align: middle;
    background: #e7ecd4;
	font-weight:bold;
}
.coffee-lesson-cafe-rin section.lessonDetail table tbody tr td {
    font-size: 1.3rem;
    line-height: 1.6;
}
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin section.lessonDetail table tbody tr th {	
			min-width: 50px;
			font-size: 1.2rem;
		}
		.coffee-lesson-cafe-rin section.lessonDetail table tbody tr td {
			font-size: 1.1rem;
		}
	}

/*lessonContact*/
	@media only screen and (max-width: 767px){
		.coffee-lesson-cafe-rin #lessonContact {
			box-sizing: border-box;
			margin: 0 auto;
			padding: 0 1rem;
			width: 100%;
		}
	}

/************************************************************
	コーヒー教室 Q&A
*************************************************************/
#faq {
	width:100%;
	margin:0 auto;
	position:relative;
}
#faq .linkBtn {
    background: #6d8622 none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 auto 3rem;
    padding: 0 2rem;
    text-align: center;
    text-decoration: none;
    width: 90%;
    max-width: 400px;
}
#faq .linkBtn:before {
	content:"\f0a9";
}
	#faq > img {
		position:absolute;
		top:-8rem;
		left:50%;
		margin-left:-165px;
	}
	#faq > section {
		margin: 8rem 0 4rem;
		padding: 13rem 3rem 2rem;
		background-image: url(https://coffee-rin.com/wp-content/themes/coffeerin2015/images/contents/coffee-lesson/faq/bg.png);
		border-bottom: none;
	}
	#faq #acMenu div {
		width:100%;
		border-bottom: 1px dashed #CCC;
		font-size: 16px;
		margin: 0 auto 3rem;
		padding-bottom: 3rem;
		width: 100%;
	}
	#faq #acMenu div:last-of-type {
		border-bottom: none;
		margin: 0 auto;
	}
	#content #faq #acMenu{
		border:none;
		padding:0;
	}
	#content #faq #acMenu dt{
		float:none;
		width:100%;
		cursor: pointer;
		display: block;
		width: 100%;
		font-weight:bold;
		color: #462B0C;
		font-size:20px;
	}
		#faq #acMenu dt > h2 {
			line-height: 1.4;
			font-size: 1.8rem;
			font-weight: bold;
		}
		#faq #acMenu dd > p {
			font-size: 1.6rem;
		}
		#faq #acMenu dt > h2 ,
		#faq #acMenu dd > p {
			float: none;
			width: 100%;
			box-sizing: border-box;
		}
		#faq #acMenu dt > span ,
		#faq #acMenu dd > span {
			float:left;
			border-radius: 28px;
			display: inline-block;
			font-family: "Crimson Text","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
			font-size: 25px;
			font-weight: normal;
			height: 56px;
			line-height: 50px;
			text-align: center;
			width: 56px;
			box-sizing:border-box;
			margin-right:15px;
		}
		#faq #acMenu dt > span {
			background: #462B0C none repeat scroll 0 0;
			color: #fff;
			font-size: 34px;
		}
		#faq #acMenu dd > span {
			display:none;
		}
			#faq #acMenu dt > span > span {
				font-size: 17px;
			}
		#faq #acMenu dt:before {
			content: "\f077";
			float: right;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			font-size:40px;
			color: #462B0C;
			padding-right:1rem;
			margin-left: 2rem;
		}
		#faq #acMenu dt.active:before {
			content: "\f078";
		}
		#faq #acMenu dd > p {
			background: #FFF;
			padding: 1.5rem;
			border-radius: 0.5rem;
		}
		#faq #acMenu dt > h2, #faq #acMenu dd > p {
			width: 100%;
		}
		#content #faq #acMenu dd{
			display:none;
			margin-top: 10px;
			width: 100%;
		}
		#faq #acMenu dd > span {
			border:2px solid #462B0C;
			background: #FFF none repeat scroll 0 0;
			color: #462B0C;
		}
	@media only screen and (max-width: 767px){
		#faq > img {
			position: absolute;
			top: -5rem;
			left: 50%;
			margin-left: -100px;
			width: 200px;
		}
		#faq > section {
			margin-top: 8rem;
			padding: 8rem 2rem 2rem;
		}
		#faq #acMenu div {
			margin: 0 auto 2rem;
			padding-bottom: 2rem;
		}
		#faq #acMenu dt > h2 {
			font-size: 14px;
			margin-top:8px;
			padding: 0 4.5rem;
		}
		#faq #acMenu dt > span, #faq #acMenu dd > span {
			border-radius: 18px;
			height: 36px;
			line-height: 30px;
			margin-right: 2%;
			width: 36px;
		}
		#faq #acMenu dt > span {
			font-size: 15px;
		}
		#faq #acMenu dt > span > span {
			font-size: 12px;
		}
		#faq #acMenu dt:before {
			font-size: 30px;
			padding-right: 0;
			margin-left: 1rem;
		}
		#faq #acMenu dt > p {
			font-size: 13px;
			width: 60%;
		}
		#faq #acMenu dd {
			margin-left: 0;
			width: 100%;
		}
		#faq #acMenu dd > p {
			font-size: 12px;
			width: 100%;
		}
	}

/************************************************************
	お問い合わせ
*************************************************************/
/* 入力時に付加するclass */
form.wpcf7-form-mode-edit{
	
}

/* 確認時に付加するclass */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:180px;
}

/* 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ */
form.wpcf7-form ul.error-messages {
    color: #076eb1;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
/* 入力チェックに引っかかったときに tr.addClass('error') */
form.wpcf7-form table tr.error td{
	background-color:#FFFF99;
}

/* プレビュー時のテキスト */
form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{
	color:#3e491d;
}

/* ボタンエリア、確認へ */
form.wpcf7-form p.buttons-area-confirm{
    margin-right: 40px;
	padding:20px;
	text-align:center; 
}

/* ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整） */
form.wpcf7-form p.buttons-area .button-rewrite{
    margin-top: 20px;
	margin-right:20px;
	width: 70px;
}
form.wpcf7-form p.buttons-area .wpcf7-submit{
	margin-left:20px;
	width: 60px;
}
.wpcf7-form input{} /*名前、メール、題名*/
.wpcf7-form textarea{width: 390px } /*本文*/
.wpcf7-form .button-confirm{width: 80px !important;} /*送信ボタン*/

.list span.wpcf7-list-item {
    display: block;
}
div.wpcf7 img.ajax-loader {
    width: auto !important;
}
	@media only screen and (max-width: 767px){
		.wpcf7-form input,.wpcf7-form select,.wpcf7-form textarea {
			width: 100%;
			max-width:none;
		}
		.wpcf7-form textarea{width: auto; }
		.wpcf7-form input[name="your-name"] ,
		.wpcf7-form input[name="your-subname"] {
			width: 90%;
		}
		.wpcf7-form input[type="submit"], .wpcf7-form input[type="button"] {
			max-width: 250px;
			box-sizing: border-box;
		}

	}
	
/* テーブル内設定 */
/* ======================================== */
/*お問い合わせ*/
p.note {
    background: #3F2606;
    color: #FFF;
    padding: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}
p.note a {
    color: #FFCC00;
}
	@media only screen and (max-width: 999px) {
		p.note {
			text-align:left;
		}
		p.note br {
			display:none;
		}
	}
	@media only screen and (max-width: 767px){
		p.note {
			font-size:1.4rem;
		}
	}

#contactform7 {
    margin: 0 auto;
}
#contactform7 .submit-button {
	text-align: center;
}
#content #firstTable {
	border-collapse: collapse;
	border-spacing: 0;
    width: 100%;
    margin: 0 auto 3rem;
	div-layout: fixed;
	font-size: 12px;
}
#content #firstTable dl{
}
#content #firstTable dl:last-of-type {
}
#firstTable dl dt {
    background-color: #e7ecd4;
    border: 1px solid #c0c9a5;
    color: #333;
    font-weight: bold;
    height: 1.5rem;
    padding: 1rem;
    text-align: left;
    width: auto !important;
    float: none !important;
}
#firstTable dl dd {
    color: #333;
    padding: 10px;
    text-align: left;
    width: auto !important;
    float: none !important;
}
#secondTable {
    border: 1px solid #c0c9a5;
    font-size: 12px;
    margin: 4rem auto;
    width: 290px;
}

#secondTable dl dt {
    background-color: #e7ecd4;
    color: #fff;
    float: left;
    height: 3rem;
    padding-top: 1rem;
    text-align: center;
    width: 50px;
}
#secondTable dl dd {
    color: #333;
    height: 2rem;
    margin-left: 5rem;
    padding: 1rem;
	background-color: #FFF;
}

.subject .content {
    color: #3e491d;
    font-size: 120%;}

.subject .require {
    color: #CC3300;
    margin-left: 10px;
}

.red {
	color:#cc0000;
}
.red br {
	display:none;
	margin-left:1rem;
}
.confirmTitle {
    color: #c00;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-align: center;
}
.confirmText {
	text-align: center;
}


.mouseover {
    dlansition:all 0.3s ease;
    }
:hover.mouseover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


label, input[type='checkbox'] {
    cursor: pointer;
    width: 1.7rem;
    height: 1.7rem;
}
	@media only screen and (min-width: 960px) {
		#content #firstTable dl {
			padding: 0 !important;
			width:100%;
			overflow:hidden; /*floatしたので高さ確保*/
			background:#e7ecd4;
			border-top: 1px solid #c0c9a5;
			border-right: 1px solid #c0c9a5;
			border-left: 1px solid #c0c9a5;
			border-bottom: none;
		}
		#content #firstTable dl:last-of-type {
			border-bottom: 1px solid #c0c9a5;
		}
		#firstTable dl dt{
			width:180px!important;
			float:left!important;
			padding:10px;
			background:#e7ecd4;
			border:none;
		}
		#firstTable dl dd{
			margin-left:200px; /*dtの横幅にあわせて(padding含)*/
			border-right: 1px solid #e7ecd4;
			float: none !important;
			border-bottom:none;
			background:#fff;
			width: auto !important;
		}
		#firstTable dl:last-child dd {
			margin-left:200px; /*dtの横幅にあわせて(padding含)*/
			padding:10px;
			background:#fff;
		}
		#firstTable dl dd:after{
			clear:both; /*1段ずつfloat解除する設定(いらない？)*/
		}
		.red br {
			display:block;
			margin-left:0;
		}
	}
	@media only screen and (max-width: 767px){
		#content #firstTable {
			margin: 0 auto;
			width: 100%;
		}
		#content #firstTable dl {
			padding: 0 0 1rem;
			margin-bottom: 2rem;
		}
		#firstTable dl dt {
			padding: 1rem;
			font-size: 1.4rem;
			height: auto;
			margin-bottom: 1rem;
		}
		#firstTable dl dd {
			padding: 0;
		}
	}


/* アーカイブページ(archive.php)
---------------------------------------------------------- */


/* 検索結果ページ(search.php)
---------------------------------------------------------- */


/* エラーページ(404.php)
---------------------------------------------------------- */