<style type="text/css">
@charset "UTF-8";
 <!--{load_hfdesign}-->

/*****汎用*****/

.main_img{width: 100%;}
.cont_intro{width: 100%; text-align:left; line-height: 180%; margin: 30px 0 0 0; font-size: 16px;}
#contents section .title_c{display: none;}
.listmenu {display: none;}

/*****枡屋について・トップ*****/
#about_top{margin: 0 ; padding:40px 2% 20px 2%; }
#about_top ul{width: 100%; margin: 40px 0 30px 0;}
#about_top ul li{margin-bottom: 15px;}
#about_top ul li a{text-decoration: none;}



/*****枡工房枡屋について・実店舗*****/
#shop_info{margin: 0 ; padding:10px 2% 20px 2%; }

.aisatu{margin: 0 0 30px 0;}
.aisatu div:nth-child(2){}
.about_shop{margin: 0 0 30px 0;}
#shop_info iframe{margin: 30px 0 40px 0;width: 100%;}
.process{margin: 30px 0 30px 0;}
.process div{ margin-bottom: 20px;}

.panorama-map{}
.panorama-map .panorama-map-main{}
.panorama-map .panorama-map-main li{margin: 20px 0;}
.panorama-map .panorama-map-main .panorama-map-btn{border: #6b4830 solid 1px; text-align: center; margin: 0; background: #f4f3ee;}
.panorama-map .panorama-map-main .panorama-map-btn a{display: block;    padding: 15px;}

.panorama-map .panorama-map-sub{ margin: 30px 0;}
.panorama-map .panorama-map-sub div{margin: 20px 0}
.panorama-map .panorama-map-sub li{margin: 20px 0;}
.panorama-map .panorama-map-sub .panorama-map-btn{border: #6b4830 solid 1px; text-align: center; margin: 0; background: #f4f3ee;}
.panorama-map .panorama-map-sub .panorama-map-btn a{display: block;    padding: 15px;}




/*****枡について*****/
#about_masu{margin: 0 ; padding:10px 2% 20px 2%; }
.about_masu_intro{ margin: 0 0 30px 0;}
.about_masu_intro div{}
.about_masu_intro p{margin-bottom: 20px;}

/*****枡作り体験*****/
#workshop{margin: 0 ; padding:10px 2% 20px 2%; }
#workshop iframe{margin: 30px 0 20px 0; width: 100%;}


/*****よくある質問*****/
#qaf{margin: 0 ; padding:10px 2% 20px 2%; }
#qaf .step1-2 ul{margin-top: 30px;}
#qaf .step1-2 ul li{font-size: 14px; line-height: 130%;}
#qaf .step1-2 ul li dl{margin: 0 0 20px 0;}
#qaf .step1-2 ul li dt{font-size: 24px; margin: 15px 0;}
#qaf .step1-2 ul li dt+p{border-bottom: dashed 1px #bbb5a3; padding-bottom: 10px; margin-bottom: 15px;}
#qaf .step1-2 ul li dd{margin-bottom: 8px;}
#qaf .step1-2 ul li dd:before{font-family: FontAwesome; content: "\f0da";margin-right: 3px;}
#qaf h4 {margin: 0 0 15px 0; border-bottom: dashed 1px #110707; font-size: 18px;  padding: 5px 5px;}
.bk_red{background: #ffd5d5; padding: 20px; margin: 20px 0 30px 0;}

ul.qaf_menu{margin: 50px 0;  padding: 0;  display: flex; display: -webkit-flex;    -webkit-justify-content: between; justify-content: between; flex-wrap: wrap;  }
ul.qaf_menu li{list-style: none; border: 3px solid #E8DDC2; border-radius: 10px; text-align: center; font-size: 14px; width: 48%; margin-bottom: 15px;  margin-right: 2%;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; height: 60px;display:flex;
justify-content:center;
align-items:center;}
ul.qaf_menu li:nth-child(4n){margin-right: 0;}
ul.qaf_menu:after {content: "";  display: block;  width: 48%;  /* .boxに指定したwidthと同じ幅を指定する */  height: 0;}
ul.qaf_menu a { border-radius: 5px; display: block; /*height: 34px;*/ padding: 0 10px;}
ul.qaf_menu a:hover {background: #E8DDC2; color: #1B1605;}
ul.qaf_menu li:last-child{margin-bottom:0;}
.qaf_item{margin-bottom: 60px; counter-reset: count1;}
.qaf_item ul{}
.qaf_item ul li{margin: 0 0 40px 0;}
.ttl_qaf-child{}
.ttl_qaf{border-bottom: 3px solid #362a2a; font-size: 24px;line-height: 160%;}
#qaf h3{margin-bottom: 20px;border: 1px solid #362a2a;  padding: 10px; font-weight: bold;}
#qaf h3 span{ margin-right: 10px;}
#qaf .qaf_ul{margin-bottom: 30px; padding: 20px 0 ;}
#faq1 .list-number:before,#faq2 .list-number:before,#faq3 .list-number:before,#faq4 .list-number:before,#faq5 .list-number:before,#faq6 .list-number:before,#faq7 .list-number:before,#faq8 .list-number:before,#faq9 .list-number:before,#faq10 .list-number:before,#faq11 .list-number:before{ counter-increment: count1;  content:"Q."  counter(count1) " "; font-size: 14px; }
#qaf .faqli{}
.button_faq {padding: 10px 10px;margin: 15px 0 0 0;}
.button_faq a {padding: 10px 10px; border: 1px #000 solid; margin-bottom: 10px; background: #E8DDC2;}
.button_faq a:hover {padding: 10px 10px; border: 1px #000 solid; margin-bottom: 10px; background: #3A3321; color: #fff;}
.button_faq a:before {font-family: "FontAwesome"; content: "\f0da"; margin: 0 5px;}
.button_faq ul li {display: inline-block;}

#wrap_top_video > div{    position: relative;
    margin-top: 10px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;}
#wrap_top_video iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.masu_template{ margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.masu_template a{border: 5px solid #d2c198; padding: 15px 2%; width: 25%; text-align: center; background: #ece1c5;  margin-bottom: 10px;}
.masu_template li{margin: 0!important;}
.masu_template_caution{border-bottom: 1px solid #555; padding:15px 2%;}
.masu_template_caution p{margin: 20px 0}
	

/*ページ内リンク後に位置調整*/	
	.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
/*ページ内リンク後に位置調整*/	