@charset "utf-8";

/*------------------------------------------------------------------------------
  font
------------------------------------------------------------------------------*/
@font-face{
  font-family:"NotoSansCJKjpRegular";
	src:url('../../../../font/NotoSansCJKjpRegular.eot'); /* IE9 Compat Modes */
	src:url('../../../../font/NotoSansCJKjpRegular.eot?#') format('embedded-opentype'), /* IE6-IE8 */
		  url('../../../../font/NotoSansCJKjpRegular.woff') format('woff') /* Modern Browsers */
}
@font-face{
  font-family:"NotoSansCJKjpBold";
	src:url('../../../../font/NotoSansCJKjpBold.eot'); /* IE9 Compat Modes */
	src:url('../../../../font/NotoSansCJKjpBold.eot?#') format('embedded-opentype'), /* IE6-IE8 */
		  url('../../../../font/NotoSansCJKjpBold.woff') format('woff') /* Modern Browsers */
}

/*------------------------------------------------------------------------------
　Common Setting
------------------------------------------------------------------------------*/

/*　文字・スペース
--------------------------------------------*/
.FontNSB{font-family:"NotoSansCJKjpBold";}
.txtB{font-weight:bold;}
.txtSize115{font-size:115%;}
.txtSize120{font-size:120%;}
.SpmT1{margin-top:1em;}
.SpmT1-5{margin-top:1.5em;}
.SpmT2{margin-top:2em;}
.SpmT3{margin-top:3em;}
.SpmB05{margin-bottom:0.5em;}
.SpmB1{margin-bottom:1em;}
.SpmB1-5{margin-bottom:1.5em;}
.SpmB2{margin-bottom:2em;}
.SpmR05{ margin-right: 0.5em;}
.SpmR1{ margin-right: 1em;}
.SpmR40{ margin-right: 40px; }

.text_none{ font-size:13px; line-height:1.5;}

.flL{float: left;}
.flR{float: right;}

/*　clearfix
--------------------------------------------*/
.clearfix:after{
	content:",";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*==============================================================================
　1. SP Setting
==============================================================================*/
@media screen and (max-width:768px){
html,body{ position: relative; width:100%; overflow-x: hidden;}
.brsp { display:none;} /*SPのみ改行消*/
.spDel{ display: none; }
#sapporo-topicpath-area{display:none;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*----- パンくず非表示-----*/
#sapporo-topicpath-area{ display: none;}

/*　ページ全体＆背景設定 ==============================*/
#bodyZoneA {
	margin: 0;
	padding: 0;
	position:relative;
	background: #FFF !important;
	}
#allWrap{
	width:100%;
	margin:0;
	padding:0;
	font-family:"NotoSansCJKjpRegular";
	}
.snsbox{ text-align:center; padding:2.5em 0;}


/* Header ==============================================*/
#sectionHeaderWrap{ width: 100%;  background-color:#000; margin:0; padding:0;}
#sectionHeader{ display: block; width: 100%; height: 55px; margin: 0 auto; padding: 0; position: relative;}
#sectionHeader h1{
	float: left;
	width: 65%;
	height: 55px;
	margin: 0;
	background-image: url(../img/common/sitelogo.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
#sectionHeader h1 span{ display: none; }

/*▼▼ TEST Slider▼▼ ==========================================*/
.slider_area {
	position: relative;
	overflow:hidden;
	height:auto !important;
	width:100% !important;
}
#slider_main,
#slider01,
#slider02,
#slider03 {
	background-position: center !important;
	background-size:cover !important;
}
#slider_main { background: url(../img/2017/slider_main.jpg) no-repeat; }
#slider01 { background: url(../img/2017/slider01.jpg) no-repeat; }
#slider02 { background: url(../img/2017/slider02.jpg) no-repeat; }
#slider03 { background: url(../img/2017/slider03.jpg) no-repeat; }

/*▲▲ TEST Slider▲▲ ==========================================*/

/*Main Image ==========================================*/
#section_MainImg{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 62.5%;
	background-image:url(../img/2017/main_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/*Product ==========================================*/
#section_ProductWrap{ width: 100%; background-color: #000; margin: 0; padding: 40px 0; }
#section_Product{ display: block; width: 90%; margin:0 auto; position: relative; }
#section_Product h2{
	width: 100%;
	height: 0;
	padding-top:7.74%;
	background-image:url(../img/2017/title_product_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_Product h2 span{ display: none; }

#section_Product .productBox{ display: block; width: 100%; margin: 0 auto ; padding-top:25px; }
#section_Product .pr_ImgCan{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 46.846%;
	margin: 0 0 0 0;
	background-image:url(../img/2017/prdocut_can_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
#section_Product .pr_ImgCan span{ display: none; }
#section_Product h3 { color: #FFF; font-size: 20px; line-height: 1.6;  font-weight: bold; margin: 30px 0 30px 0; text-align: center ; letter-spacing: 0.15em;}
#section_Product .kyusyuArea{
	padding: 5px 8px;
	background-color: #968960;
	font-size: 12px;
	color: #FFF;
	}
#section_Product .pr_txt{color: #FFF; font-size: 15px; line-height: 2; margin-top:1.2em;}


/*Intervew ==========================================*/
#section_InterviewWrap{ width: 90%; background-color: #FFF; padding: 30px 0 60px;	margin: 0 auto;}
#section_InterviewWrap #section_Interview{ display: block; width: 100%; margin: 0; }
#section_InterviewWrap #section_Interview h2{
	width: 100%;
	height: 0;
	padding-top: 7.74%;
	background-image:url(../img/index/title_intervew_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_InterviewWrap #section_Interview h2 span{ display: none; }
#section_InterviewWrap #section_Interview .int_txtLead{
	font-size: 16px;
	line-height: 1.8em;
	font-weight: bold;
	margin-top: 30px;
	}

/*Intervew Index*/
#section_Interview .IntIndox{width: 100%; margin:25px auto 0; }
#section_Interview .IntInbox-item01{width: 100%; border-bottom: 1px dotted #4D3B17; padding: 15px 0;}
#section_Interview .IntInbox-item02{width: 100%; padding-top: 15px;}

#section_Interview .IndexPh01{
	display: block;
	width: 45%;
	height: 0;
	padding-top:40%;
	float:left;
	background-image: url(../img/2017/int_ph01_sp.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	}
#section_Interview .nameTitle01{
	display: block;
	width: 100%;
	height: 0;
	padding-top:45%;
	background-image: url(../img/2017/int_txt01_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	}
#section_Interview .IndexPh02{
	display: block;
	width: 45%;
	height: 0;
	padding-top:40%;
	float:left;
	background-image: url(../img/2017/int_ph02_sp.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	}
#section_Interview .nameTitle02{
	display: block;
	width: 100%;
	height: 0;
	padding-top:45%;
	background-image: url(../img/2017/int_txt02_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	}
#section_Interview .IndexPh03{
	display: block;
	width: 45%;
	height: 0;
	padding-top:40%;
	float:left;
	background-image: url(../img/2017/int_ph03_sp.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	}
#section_Interview .nameTitle03{
	display: block;
	width: 100%;
	height: 0;
	padding-top:45%;
	background-image: url(../img/2017/int_txt03_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	}
#section_Interview .spInbox-item{display: block; float:right; width: 50%;}

#section_Interview .IndexPh01 span,
#section_Interview .IndexPh02 span,
#section_Interview .IndexPh03 span,
#section_Interview .nameTitle01 span,
#section_Interview .nameTitle02 span,
#section_Interview .nameTitle03 span { display: none;}
#section_Interview  .itemTxt{ font-size:13px; line-height:1.8; margin-top:0.3em;}

/*Intervew setting*/
#section_InterviewWrap #section_Interview .IntBox{ display: block; width: 100%; padding: 50px 0 0; }
#section_Interview h3{ font-size: 16px; color: #FFF; font-weight: bold; padding: 10px 0 10px 10px; background-color:#000;}
#section_Interview .Int_Inbox{display:block; margin-top: 10px;}

#section_Interview .IntPh01{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 49.54%;
	background-image: url(../img/2017/int_phsp_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
#section_Interview .IntPh02{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 49.54%;
	background-image: url(../img/2017/int_phsp_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
#section_Interview .IntPh03{
	display: block;
	width: 100%;
	height: 0;
	padding-top: 49.54%;
	background-image: url(../img/2017/int_phsp_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	}
#section_Interview .IntPh01 span,
#section_Interview .IntPh02 span,
#section_Interview .IntPh03 span { display: none; }

#section_Interview .IntMidashi{ font-size:20px; margin:1em 0 1.3em 0; color:#968960; font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtQ{ font-size: 16px; line-height: 1.6; margin-bottom:0.6em; font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtA{ font-size: 15px; line-height: 1.8; }
#section_Interview .backInt{ font-size:12px; text-align:right; margin-top:1.5em;ffont-weight: bold; }
#section_Interview .backInt a:link { color: #4d3b17; }
#section_Interview .backInt a:visited { color: #4d3b17; }
#section_Interview .backInt a:hover { color: #4d3b17; }
#section_Interview .backInt a:active { color: #4d3b17; }



/*Menu Setting
========================================================*/
#IntMenuWrapSp{ display: block; width: 100%; height: auto; background-color:#404040; margin: 0; padding: 20px 0 0;}
#IntMenuWrapSp .IntMenu{ display: block; width: 90%; margin: 0 auto; }

#IntMenuWrapSp .IntMenu h4{
	width: 100%;
	height: 0;
	padding-top: 6.46%;
	background-image: url(../img/common/intmenu_sp.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
  overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}

#IntMenuWrapSp .IntMenu ul.Intmenuph{ width:100%; margin-top:1.3em;}
#IntMenuWrapSp .IntMenu ul.Intmenuph li{ display: block; width: 100%; list-style-type:none; margin-bottom: 0.5em; }
#IntMenuWrapSp .IntMenu ul.Intmenuph li.mB0{ margin-bottom: 0; }

#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu1 img,
#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu2 img,
#IntMenuWrapSp .IntMenu ul.Intmenuph li.menu3 img { width: 100%; height: auto;}

#oldIntboxWrapSp{ width:100%; background-color:#535353; margin-top:1em;}
div.oldIntbox{
	display: block;
	width: 90%;
	margin:0 auto;
	padding:5px 0;
	}
div.oldIntbox a{
	display: block;
	width:100%;
	height:0;
	margin:0;
	padding-top:6.92%;
	background-image: url(../img/common/oldint_btn_sp.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}


/*Fukkojoshu ==========================================*/
#section_FukkojoshuWrap{ width: 100%; background-color: #000; margin: 0; padding: 30px 0 40px; }
#section_FukkojoshuWrap #section_Fukkojoshu{ display: block; width: 90%; margin: 0 auto; }
#section_FukkojoshuWrap #section_Fukkojoshu h2{
	width: 100%;
	height: 40px;
	background-image:url(../img/2017/title_joshu_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_FukkojoshuWrap #section_Fukkojoshu h2 span{ display: none; }
#section_Fukkojoshu .joshu_txtLead{
	text-align: center;
	font-size: 16px;
	line-height: 1.9em;
	font-weight: bold;
	margin: 20px 0;
	}
#section_Fukkojoshu .joshu_txt{
display: block;
width: 100%;
font-size: 16px;
line-height: 1.8;
}
#section_Fukkojoshu .joshu_Img {width: 100%;}
#section_Fukkojoshu .joshu_box {display: block; width: 100%;}
#section_Fukkojoshu .joshu_More{ display: block; width:110px; padding: 10px 6px; background-color: #968960; font-size:14px; color:#FFF; text-align:center; margin-top: 1.5em;}
#section_Fukkojoshu .joshu_Link{margin-top: 1em; font-size:14px;}
#section_Fukkojoshu .joshu_txtLead{
	text-align: center;
	font-size: 17px;
	line-height: 1.9em;
	font-weight: bold;
	margin: 20px 0;
	color: #FFFFFF;
	}
#section_Fukkojoshu .joshu_txt{
display: block;
width: 100%;
font-size: 16px;
line-height: 1.8;
color:#FFF;
margin-top: 1.6em;
}
#section_Fukkojoshu .joshu_More{ display: block; width:110px; padding: 10px 6px; background-color: #968960; font-size:14px; color:#FFF; text-align:center; margin-top: 1.5em;}
#section_Fukkojoshu .joshu_Link{margin-top: 1em; font-size:14px;}


/*Onlineshop ==========================================*/
#section_ShopWrap{
	width: 100%;
	background-color: #FFF;
	/*background-image:url(../img/shop_bg.jpg);
	background-repeat: no-repeat;
	background-position:left bototm;
	background-size:cover;*/
	margin: 0;
	padding: 30px 0 20px;
	border-top:3px solid #968960;
	border-bottom: 3px solid  #968960;
	}
#section_ShopWrap #section_Shop{ display: block; width: 88%; margin: 0 auto; }
#section_Shop .url_txt1{color: #000;font-size:16px; line-height :1.4; font-weight:bold; text-align:center;}
#section_Shop .shoplogo{display: blcok; text-align:center; margin: 0.8em auto 0;}
#section_Shop .shoplogo img{ width: 90%; }
#section_Shop a:link,
#section_Shop a:visited,
#section_Shop a:hover {font-weight: bold;}



}
/*------------------------------------------------------------------------------
2. PC Setting
------------------------------------------------------------------------------*/
@media screen and (min-width:769px){
html,body{min-width: 960px;}
.topicpath {position:relative; width:950px;}
.pcDel{ display: none; }
.brpc { display:none;} /*PCのみ改行消*/

/*----- パンくず-----*/
#sapporo-topicpath-area .topicpath{position: relative; width: 950px; }
#sapporo-topicpath-area .topicpath .snsarea { position:absolute; right:0; top:5px;}

/*　ページ全体＆背景設定
--------------------------------------------*/
#bodyZoneA {
	margin: 0;
	padding: 0;
	position:relative;
	background: #FFF !important;
	}
#allWrap{
	width:100%;
	margin:0;
	padding:0;
	font-family:"NotoSansCJKjpRegular";
	}
.snsbox{ text-align:center; padding:2.5em 0;}

/*--------------------------------------------------------------------
　　Contents Setting
--------------------------------------------------------------------*/
#sectionHeaderWrap{ width: 100%;  background-color:#000; margin:0; padding:0;}
#sectionHeader{ display: block; width: 950px; height: 75px; margin: 0 auto; padding: 15px 0 0 0; position: relative;}
#sectionHeader h1{
	width: 440px;
	height:75px;
	float: left;
	background-image: url(../img/common/sitelogo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sectionHeader h1 span{ display: none; }
#sectionHeader ul.pageMenu{
	display: block;
	width: 330px;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: -2px;
}
#sectionHeader ul.pageMenu li{
	display: block;
	float:left;
	height:40px;
	font-size: 16px;
	letter-spacing:0.2em;
	font-family:"NotoSansCJKjpBold";
	}

/*▼▼ TEST Slider▼▼-------------------------------------------*/
/*#keyVisualArea h1 {
	margin-bottom: 0px !important;
	padding-top: 0 !important;
	position: relative;
	z-index: 1;
}
#keyVisualArea h1 img { position: absolute; }*/
#keyVisualArea .inner { width: 950px; margin: 0 auto; }
.slider_area {
	position: relative;
	overflow:hidden;
	height:450px;
}
/*h1.logo {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: -272px !important;
}*/
#slider_main,
#slider01,
#slider02,
#slider03 {
	background-position: center !important;
}
#slider_main { background: url(../img/2017/slider_main.jpg) no-repeat; }
#slider01 { background: url(../img/2017/slider01.jpg) no-repeat; }
#slider02 { background: url(../img/2017/slider02.jpg) no-repeat; }
#slider03 { background: url(../img/2017/slider03.jpg) no-repeat; }

/*▲▲ TEST Slider▲▲-------------------------------------------*/


/*Main Image-------------------------------------------*/
#section_MainImg{
	display: block;
	width: 100%;
	height: 450px;
	background-image:url(../img/2017/main_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

/*Product-------------------------------------------*/
#section_ProductWrap{ width: 100%; background-color: #000; margin: 0; padding: 70px 0; }
#section_Product{ display: block; width:950px; margin:0 auto; position: relative; }
#section_Product h2{
	width: 950px;
	height: 40px;
	background-image:url(../img/2017/title_product_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_Product h2 span{ display: none;}

#section_Product .productBox{ display: block; width:950px; margin: 0 auto ; padding-top:40px; }
#section_Product .pr_ImgCan{
	display: block;
	float: left;
	width:400px;
	height: 400px;
	margin: 0 35px 10px 0;
	background-image:url(../img/2017/prdocut_can_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Product .pr_ImgCan span{ display: none; }
#section_Product h3 { color: #FFF; font-size: 23px; line-height: 1.6;  font-weight: bold; margin: 0 0 30px 0;}
#section_Product .kyusyuArea{
	display: blcok;
	padding: 5px 8px;
	background-color: #968960;
	font-size: 12px;
	color: #FFF;
	}
#section_Product .pr_txt{color: #FFF; font-size: 15px; line-height: 1.8; margin-top:1.2em;}



/*Intervew-------------------------------------------*/
#section_InterviewWrap{ width: 100%; background-color: #FFF; margin: 0; padding: 50px 0 70px; }
#section_InterviewWrap #section_Interview{ display: block; width: 950px; margin: 0 auto; }

#section_InterviewWrap #section_Interview h2{
	width: 950px;
	height: 40px;
	background-image:url(../img/index/title_intervew_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_InterviewWrap #section_Interview h2 span{ display: none; }
#section_InterviewWrap #section_Interview .int_txtLead{
	font-size: 16px;
	line-height: 1.9em;
	font-weight: bold;
	margin-top: 30px;
	}
	
/*Intervew Index*/
#section_Interview .IntIndox{width: 100%; margin: 50px auto 0; }
#section_Interview .IntInbox-item01{width: 290px; float: left; margin-right: 40px;}
#section_Interview .IntInbox-item02{width: 290px; float: left;}

#section_Interview .IndexPh01{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph01_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle01{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt01_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IndexPh02{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph02_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle02{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt02_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IndexPh03{
	display: block;
	width: 290px;
	height:155px;
	background-image: url(../img/2017/int_ph03_pc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .nameTitle03{
	display: block;
	width: 290px;
	height:115px;
	margin-top:0.5em;
	background-image: url(../img/2017/int_txt03_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#section_Interview .IndexPh01 span,
#section_Interview .IndexPh02 span,
#section_Interview .IndexPh03 span,
#section_Interview .nameTitle01 span,
#section_Interview .nameTitle02 span,
#section_Interview .nameTitle03 span { display: none;}
#section_Interview  .itemTxt{ font-size:13px; line-height:1.8; margin-top:0.3em;}


/*Intervew setting*/
#section_InterviewWrap #section_Interview .IntBox{ display: block; width: 950px; padding: 60px 0 0; }
#section_Interview h3{ font-size: 18px; color: #FFF; font-weight: bold; padding: 10px 0 10px 10px; background-color:#000;}
#section_Interview .Int_Inbox{display:block; margin-top: 30px;}
#section_Interview .IntPh01{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh02{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh03{
	display: block;
	width: 320px;
	height: 300px;
	float: left;
	margin: 0 30px 10px 0;
	background-image: url(../img/2017/int_phpc_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#section_Interview .IntPh01 span,
#section_Interview .IntPh02 span,
#section_Interview .IntPh03 span { display: none; }

#section_Interview .IntMidashi{ font-size:28px; margin-bottom:1.3em; color:#968960; font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtQ{ font-size: 16px; line-height: 1.8; margin-bottom:0.6em;font-family:"NotoSansCJKjpBold";}
#section_Interview .int_txtA{ font-size: 15px; line-height: 1.95; }
#section_Interview .backInt{ font-size:13px; text-align:right; margin-top:1.5em;ffont-weight: bold; }
#section_Interview .backInt a:link { color: #4d3b17; }
#section_Interview .backInt a:visited { color: #4d3b17; }
#section_Interview .backInt a:hover { color: #4d3b17; }
#section_Interview .backInt a:active { color: #4d3b17; }


/*Fukkojoshu-------------------------------------------*/
#section_FukkojoshuWrap{ width: 100%; background-color: #000; margin: 0; padding: 70px 0 70px; }
#section_FukkojoshuWrap #section_Fukkojoshu{ display: block; width: 950px; margin: 0 auto; }
#section_FukkojoshuWrap #section_Fukkojoshu h2{
	width: 950px;
	height: 40px;
	background-image:url(../img/2017/title_joshu_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	margin: 0 auto;
}
#section_FukkojoshuWrap #section_Fukkojoshu h2 span{ display: none; }
#section_Fukkojoshu .joshu_txtLead{
	text-align: center;
	font-size: 20px;
	line-height: 1.9em;
	font-weight: bold;
	margin: 40px 0;
	color: #FFFFFF;
	}
#section_Fukkojoshu .joshu_Img {width: 350px; float: right;}
#section_Fukkojoshu .joshu_box {display: block; width:530px; float:left;}
#section_Fukkojoshu .joshu_txt{
display: block;
font-size: 15px;
line-height: 1.8;
color:#FFF;
}
#section_Fukkojoshu .joshu_More{ display: block; width:110px; padding: 10px 6px; background-color: #968960; font-size:14px; color:#FFF; text-align:center; margin-top: 1.5em;}
#section_Fukkojoshu .joshu_Link{margin-top: 1em; font-size:14px;}
#section_Fukkojoshu .joshu_More a:link { color: #FFF; }
#section_Fukkojoshu .joshu_More a:visited { color: #FFF; }
#section_Fukkojoshu .joshu_More a:hover { color: #FFF; }
#section_Fukkojoshu .joshu_More a:active { color: #FFF; }

/*オンラインショップ*/
#section_ShopWrap{
	width: 100%;
	background-color: #FFF;
	background-image:url(../img/2017/shop_bg.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size:contain;
	margin: 0;
	padding: 30px 0 0;
	border-top:3px solid #968960;
	border-bottom: 3px solid  #968960;
	}
#section_ShopWrap #section_Shop{ display: block; width: 950px; margin: 0 auto; }
#section_Shop .url_txt1{color: #000;font-size:17px; line-height :1.5; font-weight:bold; text-align:center;}
#section_Shop .shoplogo{display: blcok; text-align:center; padding:15px 0 25px; }
#section_Shop .shoplogo img{ width: 344px; }
#section_Shop a:link,
#section_Shop a:visited,
#section_Shop a:hover {font-weight: bold;}
/*#section_Shop .urlbox a:link { color: #000;font-size:17px; line-height :1.4; font-weight:bold; text-align:center; }
#section_Shop .urlbox a:visited { color: #000; }
#section_Shop .urlbox a:hover { color: #968960; }
#section_Shop .urlbox a:hover { color: #968960; }*/
/*#section_Shop .urlbox{ width:550px; margin:0 auto; padding:20px 30px; border: 3px double #FFF; display: block; position:relative;}
#section_Shop .urlbox .shopCan{display: block; position: absolute; width: 98px; hegiht:auto;  bottom: 0; right: 30px; top:-45px; padding:0;}
#section_Shop .urlbox .shopCan img{ width: 100%; height:auto; }
/
#section_Shop .url_tsuruya{font-size:14px; color:#FFF; margin-top:0.35em;}


/*Menu Setting
------------------------------------------------------*/
#IntMenuWrap{ display: block; width: 100%; height: auto; background-color:#404040; margin: 0 0 30px; padding: 0;}
#IntMenuWrap .IntMenu{ display: block; width: 950px; margin-left: auto; margin-right: auto; padding:25px 0 0; }
.IntMenu h4{
	margin-left: auto;
	margin-right: auto;
	width: 139px;
	height: 22px;
	background-image: url(../img/common/intmenu_pc.png);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	}
	
.IntMenu ul.Intmenuph{ width: 950px; margin:25px 0 25px; }
.IntMenu ul.Intmenuph li{ list-style-type:none; float: left;}
.IntMenu ul.Intmenuph li.menu1 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu1 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc01_o.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu2 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc02.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu2 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc02_o.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu3 a{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc03.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
	}
.IntMenu ul.Intmenuph li.menu3 a:hover{
	display: block;
	width: 310px;
	height: 160px;
	background-image: url(../img/common/intmenu_pc03_o.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

#oldIntboxWrap{ width:100%; background-color:#535353; }
div.oldIntbox{ display: block; width: 950px; margin:0 auto;}
div.oldIntbox a{
	display: block;
	width:288px;
	height:35px;
	color: #f0bd04;
	margin: 0 auto;
	background-image: url(../img/common/oldint_btn_pc.png) ;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;	
}

}