@charset "utf-8";
/* CSS Document */

@media screen and (max-width:767px){
/* メディアクエリー */

	
/***********************************************/
/******************common**********************/
/***********************************************/
 
*{
	margin:0;
	padding:0;
}

body{
	-webkit-text-size-adjust: none;
	font: 15px/1.5 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#3f2911;
	background: url("../images/common/bk.gif") repeat;
}

header, article, footer, aside, time ,nav ,small ,section{
	 display: block;
}

img{
	height:auto;
	vertical-align:bottom;
}
p{
	margin-bottom:1em;
}

ul li{
	list-style-type: none;
}

a{
		color:#e1803b;
		text-decoration:none;
}
table{
	border-collapse:collapse;
}
table td{
	vertical-align:top;
}

/********************** Header ***********************/

header{
	background:url(../images/common/bk2.gif) repeat;
	padding: 5% 5px 3%;
}

header h1{
	display: none;
}
header h2{
	width: 52%;
	height: auto;
	float: left;
	margin: 0 0 15px;
}
header h2 img{
	width: 100%;
	height: auto;
}
.h_Right .tel{
	width: 44%;
	float: right;
	margin: 0 0 15px;
}
.h_Right .tel .zenkoku{
	text-align: center;
	width: 96px;
	background:#92a13b;
	color: #fff;
	padding: 5px 5px;
	font-weight: bold;
	font-size: 13px;
	margin: 0 auto 4%;
	border-radius: 1px;
}
.h_Right .tel li{
	line-height: 1;
}

.h_Right .tel li img{
	width: 100%;
	height: auto;
}
.order{
	clear:both;
	overflow: hidden;
  display: flex;
	margin: 0 0 10px;
}
.order li{
    text-align: center;
    width: 50%;
    font-size: 13px;
}
/*
.order li:first-child a{
	display: block;
	background:url(../images/sp/mail.png) no-repeat center 7px, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8c9847), color-stop(0.00, #a9b563));
    background:url(../images/sp/mail.png) no-repeat center 7px, -webkit-linear-gradient(#a9b563, #8c9847);
    background:url(../images/sp/mail.png) no-repeat center 7px, -moz-linear-gradient(#a9b563, #8c9847);
    background:url(../images/sp/mail.png) no-repeat center 7px, -o-linear-gradient(#a9b563, #8c9847);
    background:url(../images/sp/mail.png) no-repeat center 7px, -ms-linear-gradient(#a9b563, #8c9847);
    background:url(../images/sp/mail.png) no-repeat center 7px, linear-gradient(#a9b563, #8c9847);
    background-size: 27px 19px,100% 100%;
    color: #fff;
    padding: 30% 0 4%;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}*/

.order li:first-child a{
	display: block;
    background:url(../images/sp/fax.png) no-repeat center 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c8a06c), color-stop(0.00, #dbaa6b));
    background:url(../images/sp/fax.png) no-repeat center 4px, -webkit-linear-gradient(#dbaa6b, #c8a06c);
    background:url(../images/sp/fax.png) no-repeat center 4px, -moz-linear-gradient(#dbaa6b, #c8a06c);
    background:url(../images/sp/fax.png) no-repeat center 4px, -o-linear-gradient(#dbaa6b, #c8a06c);
    background:url(../images/sp/fax.png) no-repeat center 4px, -ms-linear-gradient(#dbaa6b, #c8a06c);
    background:url(../images/sp/fax.png) no-repeat center 4px, linear-gradient(#dbaa6b, #c8a06c);
    background-size: 20px 25px,100% 100%;
    color: #fff;
    padding: 15% 0 4%;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.order li:nth-child(2) a{
	display: block;
    background:url(../images/sp/order.png) no-repeat center 4px, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d97f40), color-stop(0.00, #e88f50));
    background:url(../images/sp/order.png) no-repeat center 4px, -webkit-linear-gradient(#e88f50, #d97f40);
    background:url(../images/sp/order.png) no-repeat center 4px, -moz-linear-gradient(#e88f50, #d97f40);
    background:url(../images/sp/order.png) no-repeat center 4px, -o-linear-gradient(#e88f50, #d97f40);
    background:url(../images/sp/order.png) no-repeat center 4px, -ms-linear-gradient(#e88f50, #d97f40);
    background:url(../images/sp/order.png) no-repeat center 4px, linear-gradient(#e88f50, #d97f40);
    background-size: 20px 25px,100% 100%;
    color: #fff;
    padding: 15% 0 4%;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.h_Right .link{
	overflow: hidden;
	margin: 0 10px 0 0;
}
.h_Right .link li{
	float: right;
	font-size:13px;
	font-weight: bold;
	padding: 0 0 0 25px;
	background:url(../images/sp/sp_icon.png) no-repeat 10px center;
	background-size: 11px 11px;  
}
.h_Right .link li a{
	color: #6a4833;
}

/* main_visual */

#index_visual{
	position: relative;
    clear: both;
    margin: 0 0 10px;
    max-width: 760px;
    overflow: hidden;
}
#index_visual h3{
	padding: 2% 0;
	position: absolute;
	z-index: 2;
	width: 70%;
}
#index_visual h3 img{
	width: 100%;
	height: auto;
}
#index_visual .slider{
	z-index: 1;
}

.page_visual img{
	width: 100%;
}


/********************** wrapper ***********************/

.wrapper{
	padding: 10px 8px;
}
.midashi1{
	background:url(../images/sp/midashi1.gif) repeat center;
	color: #fff;
	padding: 3px 0 3px 20px;
	margin: 0 0 8px;
	font-weight: normal;
	font-size: 17px;
}
.externallinks_pagetop{
	overflow: hidden;
}
.externallinks_pagetop ul {
	float: left;
}
.externallinks_pagetop ul li{
	width: 90%;
	height: auto;
	margin: 0 0 10px;
}
.externallinks_pagetop ul li img{
	width: 100%;
	height: auto;
}
.externallinks_pagetop .pagetop{
	text-indent: -9999px;
	float: right;
	margin: 45% 0 0 0;
}

.externallinks_pagetop .pagetop a{
	display: block;
	color: #3f2911;
	background:url(../images/sp/pagetop.png) no-repeat right bottom;
	background-size: 50px 48px;
	height: 48px;
	width: 50px;

}
.textarea{
	margin:0 0 30px;
}
.textarea table{
	width:100%;
	border:none;
}
.textarea table tr th{
	border-bottom: 1px solid #3f2911;
	padding:3px 10px;
	font-weight:normal;
	text-align: left;
	width: 30%;
}
.textarea table tr td{
	border-bottom: 1px solid #3f2911;
	padding:3px 0;
}

.gallery{
	margin: 0 0 20px;
}
.gallery a{
	pointer-events: none;
	cursor: default;
}
.gallery figure img{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
	border:1px solid #483628;
}
.gallery .zoom{
	display: none;
}

.flower_box{
	background:url(../images/common/flowerbox_f.png) no-repeat center bottom;
	padding: 0 0 12px;
	width: 231px;
    vertical-align: top;
    margin: 0 auto 20px;
}
.flower_box .inner{
	background:url(../images/common/flowerbox_t.png) no-repeat center top;
	padding:12px 0 0 0;
}
.flower_box .inner .inner2{
	background:url(../images/common/flowerbox_m.png) repeat-y center;
	padding: 10px 0;
}
.flower_box .inner .inner2 p{
	margin: 0;
}
.flower_box .inner .inner2 figure{
	width: 185px;
	height:185px;
	overflow: hidden;
	margin: 0 auto 10px;
	border: 1px solid #cdc1b2;
}
.flower_box .inner .inner2 figure img{
	width: 100%;
	height: auto;
}
.flower_box .inner .inner2 .goods_txt{
	padding:0 20px;
	font-size: 13px;
}
.flower_box .inner .inner2 .goods_txt h2{
	font-size: 15px;
	margin: 0 0 7px;
	text-align: center;
	border-bottom: 1px solid #cdc1b2;
}
.txtr,.txtl{
	margin: 0 0 20px
}
.txtr figure img,.txtl .figure img{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto 15px;
}

.txtr .zoom_img img,.txtl .zoom_img img{
	width: 100%;
	height: auto;
	margin: 0 0 15px;
}
.txtr figure a,.txtl figure a{
	pointer-events: none;
	cursor: default;
}
.txtr figure .zoom,.txtl figure .zoom{
	display: none;
}
.txtr table,.txtl table{
	width: 100%;
}
.txtr table tr th,.txtl table tr th{
	vertical-align: top;
	padding:3px;
	border: 1px solid #3f2911;
	background:#ebe0d6;
	text-align: center;
	width: 30%;
}
.txtr table tr td,.txtl table tr td{
	padding:3px 5px ;
	border: 1px solid #3f2911;
}




/********************** aside ***********************/

aside{
	display: none;
}


/********************** footer ***********************/

footer{
	background:url(../images/common/bk2.gif) repeat;
	padding: 5% 0 0;
}
footer .f_flower{
	display: none;
}

footer .logo{
	width: 70%;
	height: auto;
	margin: 0 auto 10px;
}
footer .logo img{
	width: 100%;
	height: auto;
}
footer .tel .zenkoku{
	text-align: center;
	color: #92a13b;
	font-weight: bold;
	margin: 0 0 10px;
}
footer .tel .zenkoku em{
	background:#92a13b;
	color: #fff;
	padding: 3px 10px;
	margin:0 0 0 5px;
 }
 footer .tel li a{
 	display: block;
 	text-align: center;
 	background:url(../images/sp/smart_phone.png) no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a4833), color-stop(0.00, #856754));
    background:url(../images/sp/smart_phone.png) no-repeat 8px center, -webkit-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/smart_phone.png) no-repeat 8px center, -moz-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/smart_phone.png) no-repeat 8px center, -o-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/smart_phone.png) no-repeat 8px center, -ms-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/smart_phone.png) no-repeat 8px center, linear-gradient(#856754, #6a4833);
    background-size:28px 38px,100% 100%;
    color: #fff;
    padding: 13px 0;
    font-weight: bold;
    border-radius: 8px;
    margin:0 5px 10px;
 }
footer .order{
  	margin: 0 0 5px 5px; 
}
footer .sns{
	overflow: hidden;
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 13px 5px;
}
footer .sns li{
	float: left;
}
footer .sns .twitter{
	margin: 3px 10px 0 13px;
}
footer .sns li:nth-child(3){
	margin: 0 -24px 0 0;
}

.f_nav{
	overflow: hidden;
	text-align: center;
	font-size: 13px;
}
.f_nav li:nth-child(2n+1){
	width: 50%;
	float: left;
}
.f_nav li:nth-child(2n){
	width: 49.7%;
	float: right;
}
.f_nav li a{
 	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a4833), color-stop(0.00, #856754));
    background:-webkit-linear-gradient(#856754, #6a4833);
    background:-moz-linear-gradient(#856754, #6a4833);
    background:-o-linear-gradient(#856754, #6a4833);
    background:-ms-linear-gradient(#856754, #6a4833);
    background:linear-gradient(#856754, #6a4833);
    width: 100%;
    padding: 10px 0;
    color: #fff;
    display:block;
}
.copy{
	font-size: 10px;
	text-align: center;
	background: #9d8881;
	color: #fffbf3;
	padding: 8px 0;
}



/********************** index ***********************/

.top_menu_wrapper{
	padding: 10px 8px 0;
}
.top_menu_box{
	padding: 20px 10px 0;
	overflow: hidden;
	margin: 0 0 20px;
	border-radius: 10px;
}
.top_menu_box .tape{
	display: none;
}
.top_menu_box h1{
	color: #fff;
	text-align: center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 3px 0;
	font-size: 15px;
	margin: 0 10px 10px;
}
.top_menu_box .ditail{
	clear: both;
	text-align: center;
}
.top_menu_box .ditail a{
	display: block;
	background: #fff;
	color: #875a4b;
	border-radius: 20px;
	padding: 5px 0;
	width: 60%;
	margin: 0 auto;
}

#top_menu_box1{
	background:url(../images/sp/menu_bk3.gif) repeat center;
}
#top_menu_box2{
	background:url(../images/sp/menu_bk2.gif) repeat center;
}
#top_menu_box3{
	background:url(../images/sp/menu_bk1.gif) repeat center;
}
.top_menu_box .box{
	float: left;
	margin: 0 2.5%;
	width: 45%;
}
.top_menu_box .box figure{
	height: 90px;
    margin: 0 auto 5px;
    overflow: hidden;
    width: 120px;
}
.top_menu_box .box figure img{
	width: 100%;
	height: 100%;
}
.top_menu_box .box p{
	font-size: 13px;
	color: #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align: center;
}
.news{
	margin: 0 0 30px;
}

.news h1{
	background:url(../images/sp/midashi1.gif) repeat center;
	color: #fff;
	padding: 3px 0 3px 20px;
	margin: 0 0 8px;
	font-weight: normal;
	font-size: 17px;
}
.news div p{
	border-bottom:1px dotted #3f2911;
	padding: 0 0 5px;
}
.news div p:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){
	display: none;
}

/********************** facebook_box ***********************/
.facebook_box{
	display: none;
}

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

/************************* shop *************************/

.g_map {
	margin: 0 0 30px;
}

.g_map iframe{
	display: none;
}
.g_map small{
	font-size: 17px;
}
.g_map small a{
 	display: block;
 	text-align: center;
 	background:url(../images/sp/pin.png) no-repeat 15px center, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a4833), color-stop(0.00, #856754));
    background:url(../images/sp/pin.png) no-repeat 15px center, -webkit-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/pin.png) no-repeat 15px center, -moz-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/pin.png) no-repeat 15px center, -o-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/pin.png) no-repeat 15px center, -ms-linear-gradient(#856754, #6a4833);
    background:url(../images/sp/pin.png) no-repeat 15px center, linear-gradient(#856754, #6a4833);
    background-size:22px 32px,100% 100%;
    color: #fff;
    padding: 13px 0 13px 20px;
    font-weight: bold;
    border-radius: 8px;
    margin:0 5px 10px;
}
.point{
	margin: 0 0 25px;
}
#point1 p{
	padding:0 0 0 26px;
	background: url(../images/shop/pin1.png) no-repeat left top;
	background-size: 20px 20px;
}
#point2 p,#point2f p{
	padding:0 0 0 26px;
	background: url(../images/shop/pin2.png) no-repeat left top;
	background-size: 20px 20px;
}
#point3 p,#point3f p{
	padding:0 0 0 26px;
	background: url(../images/shop/pin3.png) no-repeat left top;
	background-size: 20px 20px;
}

#point4f p{
	padding:0 0 0 26px;
	background: url(../images/shop/pin4.png) no-repeat left top;
	background-size: 20px 20px;
}
.point figure a{
	pointer-events: none;
	cursor: default;
}
.point figure .zoom{
	display: none;
}
.point figure .thumb{
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
	border:1px solid #483628;
}


/********************** faq ***********************/

.faq{
	background:url(../images/sp/faq_bk.gif) repeat center;
	padding: 10px 12px;
	margin: 0 0 20px;
	border:1px solid #b0a090;
}
.faq .inner .faq_area .q_txt{
	font-size: 15px;
	border-bottom: 1px dotted #3f2911;
	padding: 9px 0 3px 32px;
	margin: 0 0 8px;
	background:url(../images/faq/q_icon.png) no-repeat left 5px;
	background-size: 30px 33px;
}
.faq .inner .faq_area .a_txt{
	font-size: 100%;
	padding: 7px 0 5px 33px;
	background:url(../images/faq/a_icon.png) no-repeat 3px 5px;
	background-size: 29px 31px;
	font-size: 14px;
	margin: 0;
}

/********************** news ***********************/
.collabo img{
	width: 100%;
	height: auto;

}
/************************* lesson *************************/

.archive{
	margin: 0 0 20px;
}
.archive p{
	border-bottom: 1px dotted #3f2911;
}
.archive p:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)){
	display: none;
}

/************************* voice *************************/

.voice{
	background: #fff;
	border: 1px solid #e3d9ca;
	margin: 0 0 20px;
}
.voice h2{
	background:url(../images/voice/voice_bk.jpg) no-repeat center top;
	background-size: 100% auto;
	padding: 5% 10px 3% 20px;
	font-size: 18px;
	font-weight: normal;
}
.voice .sheet_txt{
	overflow: hidden;
	padding: 0 20px 15px;
}
.voice .sheet_txt figure{
	display: none;
}
.voice .sheet_txt h3{
	font-size: 15px;
	margin: 0 0 5px;
	font-weight: normal;
	color: #ee8134;
}
.voice .sheet_txt p{
	margin: 0 0 20px;
}
/************************* contact *************************/

.order_point a{
	font-weight: bold;
	font-size: 17px;
}
.miniSurveyView .formBlockSurveyTable{
	width: 100%;
}
.miniSurveyView .formBlockSurveyTable tr td{
	padding:5px 0;
	border-top:1px dotted #3f2911;
	vertical-align: middle;
	display: block;
}
.miniSurveyView .formBlockSurveyTable tr .answer{
	padding:5px 0;
	border: none;
}
.miniSurveyView .formBlockSurveyTable tr .answer div input{
	font-size: 14px;
	line-height: 1.5;
}
.miniSurveyView .formBlockSurveyTable tr .answer div textarea {
	font-size: 14px;
	line-height: 1.5;
}
.buttons{
	margin: 10px 0;
	text-align: center;
	font-size: 15px;
}
.buttons input{
	padding: 10px 20px;
	border-radius: 20px;
	background:#645346;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #34261c), color-stop(0.00, #645346));
    background: -webkit-linear-gradient(#645346, #34261c);
    background: -moz-linear-gradient(#645346, #34261c);
    background: -o-linear-gradient(#645346, #34261c);
    background: -ms-linear-gradient(#645346, #34261c);
    background: linear-gradient(#645346, #34261c);
    color: #fff;
    border: 1px solid #34261c;
}
.textarea .rule tr th{
	display: block;
	padding: 3px 0 3px 15px;
	background:#92a13b;
	color: #fff;
	border:none;
	width: 93%;
}
.textarea .rule tr td{
	display: block;
	padding: 5px 0 10px;
	background:none;
	border:none;
	width: 93%;
}
#fax figure{
	display: none;
}
#fax a{
	pointer-events: none;
	cursor: default;
}

/************************* sitemap *************************/

.ccm-page-list h3{
	color: #fff;
	font-size: 15px;
    border-bottom: 1px dotted #34261c;
    margin: 0 0 5px;
}
.ccm-page-list div{
	margin: 0 0 15px;
}



}
/*メディアクエリー閉じタグ*/