/* CSS Document */
:root {
	--m-color2: #b9966d;
	--m-color3: #d5b286;
}

body{ background:#000000; color:#917343; position:relative; line-height: 1.8;}
header{ position:relative; padding-top:80px;}
a{ color:#917343;}


ul.navigation{ width:865px; margin:0 auto 0; border-bottom:1px solid #946E28; padding:10px 100px 10px 100px; overflow:hidden;}
ul.navigation li{ display:inline-block; margin:0 30px; padding:0; line-height:0; vertical-align:bottom;}
ul.navigation li a:hover,ul.navigation li a.active{ border-bottom:4px solid #BA5025; padding:0; margin:0; vertical-align:bottom; }

#footer_wrap{ width:100%; margin:0 auto; background:#FFFFFF; position:relative; overflow:hidden; border-top:1px solid #CCCCCC;}
footer{ width:980px; max-width:90%; margin:0 auto 30px; padding:0 5%; text-align:left; position:relative;}

footer ul{ margin:15px auto 5px; padding:0;}
footer ul li{ display:inline-block; padding:0px 20px 5px 0px; text-align:left; font-size:1.2em;}
footer ul li a.active{ color:#CA461A;}
footer p{ font-size:1em; line-height:1.2em;}
footer p.copy{ margin:0 0 40px 0;}
footer img{ margin-bottom: 10px;}
#top_btn{ width:31px; position:fixed; bottom:40px; right:40px;}


/*共通*/
img{ max-width:100%;}
p{ max-width:90%; font-size:1.6em; line-height:1.6em; margin:0 auto;}

.white{ background:#FFF; width:100%; overflow:hidden;}
.hide{ display: none;}
.b_h_text{ color:#000000; font-weight:bold;}
.b_s_text{ color:#000; font-size:1.2em;}

img.pc414{ display:inline;}
img.sm414{ display:none;}

/*グーぐるマップ*/
.ggmap {
position: relative;
padding-bottom: 42.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:30px auto;
width:950px;
max-width:90%;
border:1px solid #CCCCCC;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*トグルボタン*/
#navi_toggle{ position:absolute; width:100%; z-index:10;}
#navi_toggle{ display:none;}
#navi_toggle ul{ overflow:hidden; background:rgba(0, 0, 0, 0.7); padding:5px 0 0;}
#staff #navi_toggle ul,#staff_prof #navi_toggle ul,#privacy #navi_toggle ul,#law #navi_toggle ul,#user_policy #navi_toggle ul,#recruit_form #navi_toggle ul,#contact #navi_toggle ul,#oroshi #navi_toggle ul{ background:rgba(255, 255, 255, 0.9);}
#navi_toggle ul li{
	width:100%;
	text-align:center;
	float:left;
	font-size:1.6em;
	padding:8px 0;
	border-bottom:1px solid #917343;
	}
#navi_toggle ul li img{  max-width:100%;}
#navi_toggle ul li a{
	display:block;
	width:100%;
	height:100%;
	}
#menubtn{
	width:40px;
	height:40px;
	display:none;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
	border:1px solid #aaa;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	font-family:Arial, Helvetica, sans-serif;
	}
#menubtn #menubtn_line{
    width: 40px;
    height:40px;
    position: absolute;
    top: 0px;
    right: 0px;
	
}
#menubtn #menubtn_line span {
    display: block;
    background: #aaa;
    width: 23px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menubtn #menubtn_line span:first-child {
    top: 12px;
}
#menubtn #menubtn_line span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menubtn #menubtn_line span:last-child {
    bottom: 12px;
}
#menubtn.active #menubtn_line span:first-child {
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    transform: translateY(7px) rotate(45deg);
}
#menubtn.active #menubtn_line span:nth-child(2) {
    opacity: 0;
}
#menubtn.active #menubtn_line span:last-child {
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    transform: translateY(-7px) rotate(-45deg);
}
/*トップぺーじ*/
.top-info_title{
	margin: 0 15px;
}
.top-info_title .micro-copy {
    font-size: 20px;
	color: var(--m-color2);
}

.top-info_title .text_eng {
    font-size: 35px;
	line-height: 1.2;
}
#top_m_title{ margin-top:110px;}
#top_image1{ margin:-20px 0 -17px;}
img.logo{ max-width:80%;}
img.tel{ max-width:80%;}
#top p.text{ max-width:880px; font-size: 20px; color: var(--m-color2); padding: 30px;}
#top.contents{ color: var(--m-color3);}

#top nav{ margin-bottom:50px;}
ul#top_nav{ overflow:hidden; width:500px; max-width:90%; margin:0 auto;}
ul#top_nav li{ float:left; margin:10px 64px 10px 0; }
ul#top_nav li:nth-child(3),ul#top_nav li:nth-child(6){ margin:10px 0 10px 0;}

#facebook{
    border-radius: 14px;        /* CSS3草案 */  
    -webkit-border-radius: 14px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 14px;   /* Firefox用 */ 
	border: 1px solid #917343;
	width:400px;
	padding:25px 20px;
	margin:10px auto;
	text-align:left;
	font-size:1.2em;
	line-height:1.4em;
	}
.fb-page{max-width:95%; margin:2%;}
	
/*#facebook ul{ margin-top:30px;}
#facebook li img{ float:left; margin-right:20px;}
#facebook li { margin-bottom:20px; overflow:hidden;}
#facebook p{ margin-left:150px; font-size:1em;}
*/
#product{ width:880px; max-width:90%; margin:30px auto; margin-bottom: 150px; text-align:left;}
#product h1{ }
#product .img{ float:right;}
#product section{ clear:both; margin-bottom:70px;}
#product p{  margin:20px 0 20px 5px;}
#product p span{ font-size:1.8em;}
#product p.s_text{ font-size:1em;}

ul.link { margin-bottom: 20px;}
ul.link li{ display:inline; line-height:1.4em; font-size:1.2em; padding:0 30px 0 0;}
ul.link li.title{ padding-left:20px; position:relative;}
ul.link li.title:before{ content:url(../images/pic1.png); position:absolute; left:0; top:0;}

#product .viewer{ margin: 80px;}
button.laymic_opener.btn{
    color: #fff;
    background-color: #917343;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	cursor: pointer;
    border: 0;
    border-radius: 0;
    margin-bottom: 2rem;
    padding: 0.5rem 2rem;
}
.viewer > .laymic_opener span{ display:inline-block;}
.swiper-container.vertical-slider{ width: 100%; margin: 0 auto;}
.swiper-button-next, .swiper-button-prev{ --swiper-navigation-color: #fff;}
.viewer .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0;}
button.laymic_opener.btn.slide{ background: none; padding: 0; margin: 0;}
/*直営店*/

#menu_wrap{ width:100%; background:#EBE4DC; padding:0; margin:0; overflow:hidden;}
#shop .contents > section:first-of-type{ color: var(--m-color3);}
#shop p.m_text{ width:550px; margin:20px auto;}
#shop p.s_text{ text-align:left; width:940px; margin:0 auto; color: var(--m-color3); padding: 30px 0;}
#shop .img1{ margin:7% auto 4%;}
#shop .img2{ margin:2% auto;}
#menu_wrap h1{ margin-top:40px;}
#shop p.menu_text{ width:400px; margin:0 auto 30px; font-size:1.4em; font-weight:bold;}

/* お知らせ（追加） */
#shop .extra-info{
    text-align: left;
	width: 500px;
	border: 1px solid #917343;
    padding: 1rem;
	margin: 40px auto;
	color: var(--m-color2);
}

#shop .extra-info h2{ margin: 2rem 0; text-align: center;}
#shop .extra-info h2,#shop .extra-info p {
    font-weight: bold;
	line-height: 1.8em;
}
#shop .extra-info p{ margin-bottom: 1.5rem; font-size:1.4em;}

#shop .extra-info p.title{ text-align: center; font-size:1.6em;}

#shop .extra-info p.s_text{ font-size:1.2em;}
#shop .extra-info p span.s_text{ font-size:85%;}

#shop .extra-info span{ display:inline-block;}

#shop .extra-info span.day{ margin: 0 0.5rem; font-size: 1.2rem;}

#shop .extra-info ul,#shop .extra-info dl{
    font-size: 1.6em;
    line-height: 1.6em;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

#shop .extra-info li{
	font-weight: bold;
}

#shop .extra-info dt,#shop .extra-info dd{
	font-weight: bold;
}
#shop .extra-info dt{ margin-bottom: 0.3rem;}
#shop .extra-info dd{ font-size:90%; margin-bottom: 0.8rem; line-height: 1.3;}

#shop .extra-info ul,#shop .extra-info dl{
	//display:none;
}

#shop .extra-info p.add{
	font-weight: normal;
    font-size: 1.4em;
}

#menu_wrap ul#menu{
	width:960px;
	max-width:95%;
	margin:30px auto;
	overflow:hidden;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
#menu_wrap ul#menu h2{
    font-size: 1.2rem;
	margin-bottom: 0.5rem;
    margin-top: 0.5rem;
	line-height: 1.2;
}
#menu_wrap ul#menu li{
	width:259px;
	text-align:left; 
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:1.4em;
	line-height:1.2em;
	color:#000000;
	margin:40px 0 0 0 ;
	}
#menu_wrap ul#menu::after{
	display: block;
	content:"";
	width: 259px;
}
#menu_wrap ul#menu li p {
    max-width: 100%;
    font-size: 1rem;
}
#menu_wrap ul#menu li .mrg-top{
	font-size: 0.8rem;
	margin-top: 0.5rem;
}
#menu_wrap ul#menu li .mrg-top span{
    font-size: inherit;
}
#menu_wrap ul#menu li span{
	display:inline-block;
	margin-bottom:5px;
	font-size:0.8em;
	line-height:1.2em;
}
#gallery{ width:940px; max-width:98%; margin:0 auto 40px;}
#thumbnail{
    width: 190px;
	height:457px;
	margin:0 auto;
	overflow:scroll;
}
#thumbnail li{
	width:176px;
	padding:0 0 10px 0;
	float:none;
	
}
#thumbnail li img{
    opacity: 0.8;
    filter: alpha(opacity=50); 
	width:100%;
}
#thumbnail li.current img{
    opacity: 1;
    filter: alpha(opacity=100);
}
#main_photo{
    position: relative;
	width:710px;
    height: 467px;
	float:left;
	
}
#main_photo img{
    position: absolute;
    top:0;
	left:0;
    width: 100%;
}
#shop .outline{ text-align:left; width:940px; margin:20px auto 50px; max-width:95%; font-size:1.2em; line-height:1.2em; overflow:hidden;}
#shop .outline p{ font-size:1.2em; line-height:1.2em; padding:0; margin:0 0 20px 0;}
#shop .outline dl.left{ width:400px; float:left; max-width:40%;}
#shop .outline dl.right{ width:500px; max-width:50%;}
#shop .outline dl dt,#shop .outline dl dd{ padding:5px 0 5px 0;}
#shop .outline dl dt{ width:90px; float:left;}
#shop .outline dl dd{ margin-left:100px;}
#shop .outline dl dd a{ text-decoration:underline; display:inline-block; padding-bottom:10px;}

/*会社概要*/
#outline .contents{ width:940px; max-width:95%; margin:60px auto; text-align:left;}
#outline header{ background:url(../images/outline_headbg.jpg) no-repeat center top;}
#outline header .logo{ margin:50px auto 80px;}
#outline h1{ font-size:2.2em; line-height:1.2em; width:280px; padding:0 0 0 40px; float:left;}
#outline dl{ border-left: 1px solid #946E28; overflow:hidden; font-size:1.2em; line-height:1.4em; margin:30px 0 60px 350px; }
#outline dl dt,#outline dl dd{ padding:10px 0;}
#outline dl dt{ width:100px; padding-left:30px; float:left; font-weight:bold; position:relative;}
#outline dl dd{ padding-left:140px;}
#outline dl dt span{ display:block; position:absolute; right:40px; top:10px;}

/*スタッフ紹介*/

#staff,#staff_prof{ background:#FFFFFF;}
#staff .contents{width:980px; max-width:90%; margin:0 auto; }
#staff .contents ul { width:100%; margin:10px auto 10px auto; overflow:hidden;}
#staff .contents ul li{  float:left; margin:0 40px 40px 0;}
#staff .contents ul li:last-child{ margin:0 0 40px 0;}
#staff .contents ul li a{ opacity:0.8;
	filter: alpha(opacity=80);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
}
#staff .contents ul li a:hover{
	opacity:1;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	}
#staff_prof .contents{ width:840px; max-width:90%; margin:70px auto 200px;}
#staff_prof h1{ font-size:2.6em; line-height:1.2em; padding:30px 0; color:#4B4848; font-weight:bold;}
#staff_prof h2{ width:250px; float:left; text-align:right; margin-top:50px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.6em; line-height:1.2em; }
#staff_prof dl{ overflow:hidden; padding:50px 0 50px 0; margin-left:280px;}
#staff_prof dl dt,#staff_prof dl dd{ padding:0 0 10px 0; overflow:hidden; font-size:1.2em; line-height:1.4em; color:#4B4848; text-align:left;}
#staff_prof dl dt{ float:left; width:250px; }


/*採用情報*/
#recruit .contents{ width:940px; margin:50px auto 50px; max-width:95%; text-align:left; overflow:hidden;}
#recruit .left_box{ float:left; width:47%; padding:1% 2% 1% 1%;}
#recruit .right_box{  width:47%;  padding:1% 1% 1% 2%; margin-left:50%}
#recruit h1{ padding-bottom:10px; border-bottom:1px solid #946E28; text-align:center;}
#recruit h2{ margin:20px 0 15px; line-height:1.2;}
#recruit h3{ font-weight:bold; margin:10px 0;}
#recruit p{ font-size:1.2em;}
#recruit p span{ font-size:0.8em; line-height:0.8em;}
#recruit p span.strong{ font-size:1em; line-height:1em; font-weight:bold;}
#recruit p span.tel{ font-size:2em; color:#CA461A; font-family:Century Gothic,Arial, Helvetica, sans-serif; font-weight:bold;}
#recruit p span.tel:before{ content:url(../images/icon_tel.png); padding-right:5px;}
#recruit p img.oubo{ vertical-align:bottom; margin-bottom:-10px;}
#recruit .checkbox_container{ overflow: hidden; height: 350px;  position: relative;}
#recruit #requestDetails{ display:none;}
#recruit .checkbox_container label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 250px;
	/* cursor: pointer; */
	text-align: center;
	background: linear-gradient(to bottom, rgba(255, 252, 255, 0) 0%, rgba(255, 255, 255, 1) 95%);}
#recruit .access_status {
    background-color: #cbcbcb;
    height: 62%;
    width: 98%;
    opacity: 0.9;
    z-index: 2;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	display: flex;
	box-sizing: border-box;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
    padding: 1rem;

}
#recruit .checkbox_container .access_status p {
    font-size:clamp(1.563rem, 2vw + 1rem, 2.5rem);
    color: #fff;
    letter-spacing: 0.5em;
    text-indent: 0.5em;
}

#recruit section.info_wrap {
	margin: 3rem 0;
}
#recruit h1.info_title {
    line-height: normal;
    margin-bottom: 20px;
    font-size: 23px;
    letter-spacing: 5px;
	font-weight: bold;
}
#recruit h1.info_title span {
    display: inline-block;
}
#recruit .info_box {
    background: #f3f3f3;
    padding: 3rem;
	line-height: 1.5;

}
#recruit .info_box p {
    font-size: 18px;
	font-weight: bold;
	max-width: 94%;
}

#recruit .info_box p.link {
    font-size: 15px;
    padding: 8px;
}
#recruit .info_box .link a {
    text-decoration: underline;
    padding: 0 10px;
}

/*プライバシーポリシー他共通*/

#privacy,#user_policy,#law,#sitemap,#contact,#thanks,#recruit_form,#recruit_thanks{ background:#FFFFFF;}
#privacy .contents,#user_policy .contents,#sitemap .contents{ width:940px; margin:0 auto 50px; max-width:95%; text-align:left;}
#privacy h1,#law h1,#user_policy h1,#sitemap h1{ font-size:2em; line-height:1.6em; font-weight:bold;}
#privacy p.m_text,#user_policy p.m_text,#thanks p.m_text{ text-align:left; font-size:1.6em; color:#917343; margin:0; padding:0; max-width:100%; }
#privacy h2,#user_policy h2{ color:#4B4848; font-size:1.4em; font-weight:bold; line-height:1.4em; margin:25px 0 10px; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#privacy p{ color:#4B4848; font-size:1.2em; line-height:1.8em; margin-left:30px;}

/*プライバシーポリシー*/
#privacy p a{ color:#036EB8; font-weight:bold;}
#privacy dl{ overflow:hidden; margin:20px 0px 20px 30px; color:#4B4848;}
#privacy dt{ width:110px; float:left; font-weight:bold;}
#privacy dd{ margin-left:120px;}

/*特定商取引法*/
#law .contents{ width:770px; margin:0 auto 50px; max-width:95%; text-align:left;}
#law dl{ width:770px; margin:60px auto; border-top:1px dotted #946E28; overflow:hidden; color:#4B4848;}
#law dl dt,#law dl dd{ font-size:1.2em; line-height:1.4em; padding:15px 0;}
#law dl dt{ width:200px; float:left; clear:left; padding-right:30px; text-align:center; }
#law dl dd{  border-bottom:1px dotted #946E28; padding-left:230px; }

/*利用規定*/
#user_policy .contents p,#user_policy .contents ul li{ color:#4B4848; font-size:1em; line-height:1.8em; margin-left:30px;}
#user_policy .contents ul li{ list-style-type:decimal; margin-left:40px;}

/*サイトマップ*/
#sitemap .contents ul{ max-width:100%; margin:30px auto;}
#sitemap .contents ul li{ font-size:1.4em; line-height:1.6em; font-weight:bold; padding:10px 0;}
#sitemap .contents ul li:before{ content:"■"; padding-right:5px; font-size:1.4em;}
#sitemap .contents ul li a:hover{ color:#CA461A;}

/*お問合わせ*/
#contact p.m_text{ font-size:1.6em; color:#917343; margin:0; padding:0; max-width:100%; }
#contact .contents,#thanks .contents{ width:740px; margin:0 auto 40px; max-width:90%;}
#contact span.point{ font-size:10px;}
#contact p.must_text{ color:#CA461A; font-size:1.2em; text-align:left; padding:0 0 0 10px; margin:0;}

/*採用フォーム*/
#recruit_form #logo{ width:200px; display:block; margin:20px 0 0 auto;}
#recruit_form ul{ overflow:hidden;}
#recruit_form .contents ul{ width:100%; border-bottom:1px solid #946E28;}
#recruit_form .contents ul li{ float:left;}
#recruit_form .contents,#recruit_thanks .contents{ width:840px; margin:0 auto 40px; max-width:90%;}
#recruit_form h1{ font-size:2em; line-height:1.4em; text-align:left; font-weight:bold; margin:40px 0 15px;}
#recruit_form  p{ text-align:left; float:1.4em; line-height:1.4em; margin:0;}
#recruit_form  p.add{ font-weight: bold; margin: 1.5rem 1rem; color: #c00;}

#recruit_thanks #top_image{ width:820px; max-width:90%; margin:0 auto; border-bottom:1px solid #946E28; padding:20px;}
#recruit_thanks p.m_text{
	color:#000000;
	display:block;
	width:480px;
	max-width:65%;
	height:150px;
	margin:0 auto;
	padding:120px 40px;
	background:url(../images/recruit_thanks_waku_topleft_c.png) no-repeat left top,
		url(../images/recruit_thanks_waku_topright_c.png) no-repeat right top,
		url(../images/recruit_thanks_waku_bottomright_c.png) no-repeat left bottom,
		url(../images/recruit_thanks_waku_bottomleft_c.png) no-repeat right bottom,
		url(../images/recruit_thanks_waku_top.png) no-repeat center top,
		url(../images/recruit_thanks_waku_right.png) repeat-y right center,
		url(../images/recruit_thanks_waku_bottom.png)  repeat-x center bottom,
		url(../images/recruit_thanks_waku_left.png) repeat-y left center;
　}
#recruit_thanks p.m_text span{ font-size:1.6em; display:inline-block; margin-top:30px;}
#recruit_thanks img.flower{ margin-top:-90px;}


/*業務用*/
#oroshi{ background:#fff;}
#oroshi header{ background: url(../images/oroshi_bg.png) no-repeat right bottom; border-bottom:none; }
#oroshi header h1{ margin:100px 0 30px;}
#oroshi .contents_wrap{ background:#EFEAE4; width:100%;}
#oroshi .contents{ width:960px; padding:0 3%; max-width:94%; margin:0 auto; color:#4B4848;}
#oroshi .contents p,#oroshi .contents h2,#oroshi .contents h3{ text-align:left;}
#oroshi .left_box{ width:620px; margin-right:320px; padding-bottom:20px;}
#oroshi .right_box{ width:310px; float:right; padding-bottom:20px;}
#oroshi .left_box h1,#oroshi .right_box h1{ width:280px; font-size:2em; line-height:1.4em; padding:5px 15px; background:#9D3950; color:#FFFFFF; font-weight:bold;}
#oroshi .right_box h1{ background:#4652A2;}
#oroshi .contents .right_box p{ margin:30px 0 10px 0;}

#oroshi .left_box h2{ font-size:2em; line-height:1.4em; font-weight:bold; margin:30px 0 5px 0 ; position:relative; padding-left:25px;}
#oroshi .left_box h2:before{ content:url(../images/oroshi_pic1.png); position:absolute; left:0; top:2px;}

#oroshi .left_box h3{ font-size:1.6em; line-height:1.4em; font-weight:bold; margin:30px 0 5px 0 ; position:relative; padding-left:23px;}
#oroshi .left_box h3:before{ content:url(../images/oroshi_pic2.png); position:absolute; left:0; top:3px;}
#oroshi .contents p{ margin:0; font-size:1.4em; line-height:1.4em; max-width:100%;}
#oroshi .contents img{ max-width:100%;}
#oroshi .left_box .contact_btn{ background:#fff; border:1px solid #ccc; width:300px; padding:3px 0 1px; margin:20px 0; max-width:100%;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}


/*1200以下 */
@media screen and (max-width: 1200px){
ul.navigation{ width:93%; padding:10px;}	

}

/*940以下 */
@media screen and (max-width: 940px){
ul.navigation li{ margin:0 15px;}	
#menu_wrap ul#menu li{ width:32%; max-width:32%;}
#thumbnail{
    width: 710px;
	max-width:95%;
	height:auto;
	margin:10px auto;
	overflow:hidden;
}

#thumbnail li{
	padding:0 1% 10px 0;
	float:left;
	width:19%;
}
#main_photo{
	max-width:95%;
	margin:0 auto;
	float:none;
	}
#outline h1{ width:95%; padding:0; margin:0 auto; float:none;}
#outline dl{ width:95%; margin:30px auto 30px; }
#outline dl dt{ width:90px; padding-left:20px;}
#outline dl dd{ padding-left:130px;}
#staff .contents ul li{ width:22%; margin:0 3% 3% 0 ;}
#staff .contents ul li:last-child{ margin:0 0 3% 0;}

#oroshi .right_box{ width:300px; max-width:100%;  float:none;}
#oroshi .left_box{ width:620px; max-width:100%; margin-right:0; }

	
/*870以下 */	
@media screen and (max-width: 870px){
	br.sp{ display:none;}
}


/*850以下 */
@media screen and (max-width: 850px){
#staff_prof h2{ width:150px;}
#staff_prof dl{ margin-left:170px;}
#staff .contents ul li{ width:30%; margin:0 3% 3% 0 ;}

#menu_wrap ul#menu h2{ font-size:1rem;}
#menu_wrap ul#menu h2 span{ display:block;}
#menu_wrap ul#menu li p{ font-size: 0.8rem;}

}

/*767以下 ipadを含まない*/
@media screen and (max-width: 767px){
#menubtn{ display:block;}
ul.navigation{ display:none;}
header{ padding-top:80px;}
	
	#product section{
	display: flex;
    flex-direction: column;
    align-items: center;
	}	
#product .img{ float:none; padding:0 10px; max-width:90%; margin-bottom: 40px;}
#product .img_b{ width:271px;}
#shop .outline dl.left{ width:940px; float:none; max-width:100%; margin:0 auto;}
#shop .outline dl.right{ width:940px; float:none; max-width:100%; margin:0 auto;}
#staff_prof h2{ width:100px;}
#staff_prof dl{ margin-left:130px;}
#law dl{ width:100%;}
#law dl dt{ width:100%; float:none; border-bottom:1px dotted #ccc; text-align:left; padding-bottom:5px;}
#law dl dt:before{  content:"│"; color:#946E28;}
#law dl dd{ width:98%;  border-bottom:1px dotted #946E28; padding-left:2%; padding-top:10px; }

}

@media screen and (max-width: 600px){
.top_m_title{ margin-top:40px;}
ul#top_nav li { width:29%; margin:10px 6% 10px 0;}
ul#top_nav li:nth-child(3),ul#top_nav li:nth-child(6){ margin:10px 0 10px 0;}
#top p.text{ font-size: 16px; margin:20px auto; color: var(--m-color3);}

#product .viewer{ margin:5rem 0 0;}
	
#thumbnail li{
	width:24%;
}

#staff_prof .contents{ margin:0 auto;}
#staff_prof h2{ float:none; text-align:left;}
#staff_prof dl{ margin-left:10px; padding-top:20px;}
#staff_prof dl dt{ width:48%; padding-right:2%}
#staff_prof dl dd{ width:45%;}

#recruit .left_box{ float:none; width:95%; padding:1% 2%;}
#recruit .right_box{  width:95%;  padding:1% 2%; margin-left:0;}
#recruit .right_box h1{ margin-top:50px;}
#recruit_thanks p.m_text{height:250px;}
	#recruit .checkbox_container .access_status p{font-size: 10vw;}
	#recruit .info_box { padding: 30px 20px;}
	#recruit .info_box p{ max-width: 95%; font-size: 14.5px;}
	#recruit h1.info_title{ margin-bottom: 23px; line-height: 1.3;}
	
	
#shop .extra-info{ width:90%; padding:2%;}
}

@media screen and (max-width: 440px){
#facebook{ width:90%; display: inline-block; padding:5% 2%; margin:2%;}
}

/*414以下 iphone縦*/
@media screen and (max-width: 414px){
ul#top_nav li { width:33%; margin:10px 0 10px 0;}

#top_btn{ width:100%; position:relative; text-align:center; right:auto; top:auto; bottom:auto; padding-top:10px;}

#menu_wrap ul#menu li{ width:48%; max-width:48%;}
#thumbnail li{
	width:32%;
}
#outline dl dt{ width:90px; padding-left:5px;}
#outline dl dd{ padding-left:100px;}
#outline dl dt span{ right:30px;}

#staff .contents ul li{ width:47%; margin:0 3% 3% 0 ;}

#oroshi .left_box h1,#oroshi .right_box h1{ max-width:96%; padding:2%; font-size:1.8em;}




img.pc414{ display:none;}
img.sm414{ display:inline;}
}