@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/

.container:before,
.container:after,
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.container:after,
.cf:after {
    clear: both;
}
.container,
.cf {
    *zoom: 1;
}
.fixHeight{
	/* require fixHeight.js */
}
div.pc{
	display:block;
}
.pc,
span.pc{
	display:inline;
}
.sp,
div.sp,
span.sp{
	display:none;
}

html{
	font-size:62.5%;
}
body{
	min-width:1000px;
	line-height:1.3;
	font-size:14px; font-size:1.4rem;
	color:#666;
	/*font-family: 'Noto Sans JP', sans-serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Noto Sans JP', sans-serif;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
.container{
	width:980px;
	margin:auto;
}
a{
	opacity:1;
	transition-duration:0.5s;
	color:#775906;
}
a:hover{
	opacity:0.5;
	text-decoration:underline;
}

.main .main_2col_1 .fs_ll{
	font-size:20px; font-size:2.0rem;
}
.main .main_2col_1 .fs_l{
	font-size:18px; font-size:1.8rem;
}
.main .main_2col_1 .fs_m{
	font-size:16px; font-size:1.6rem;
}
.main .main_2col_1 .fs_s{
	font-size:14px; font-size:1.4rem;
}
.main .main_2col_1 .fs_ss{
	font-size:12px; font-size:1.2rem;
}
.main .main_2col_1 .fs_xs{
	font-size:10px; font-size:1.0rem;
}
.main .main_2col_1 .lh_m{
	line-height:1.6;
}
.main .main_2col_1 .lh_s{
	line-height:1.4;
}

.header{
	background:url(../img/common/header_bg.png) center center no-repeat;
}
.header .container{
	padding:15px 0;
	text-align:center;
	position: relative;
}
.header img{
	width:300px;
}
#sp_h_nav_btn{
	display:none;
}
#h_icon_fb{
	position: absolute;
	display: block;
	width: 10px;
	right: -66px;
	top: 35px;
}
#h_icon_ig{
	position: absolute;
	display: block;
	width: 19px;
	right: -102px;
	top: 35px;
}
.h_nav{
	background:#1e2678;
}
.h_nav .container{
	height:60px;
}
.h_nav .container > li{
	float:left;
	position:relative;
	background:url(../img/common/h_nav_bg.png) center center repeat-x;
	padding-left:1px;
}
.h_nav .container > li:first-child{
	padding-left:0px;
}
.h_nav .container > li > a{
	display:block;
	background-color:#fff;
}
.h_nav .container > li > a:hover{
	opacity:1;
}
.h_nav .container > li > a > img{
	opacity:1;
	transition-duration:0.5s;
}
.h_nav .container > li > a:hover > img{
	opacity:0.5;
}
.h_nav .container > li > ul{
	display:none;
	opacity:0;
	transition-duration:0.25s;
}
/*
.h_nav .container > li:hover > ul{
	display:block;
	background:#fff;
	position:absolute;
	left:50%;
	top:60px;
	width:200px;
	margin-left:-100px;
	opacity:1;
}
*/
.bc_list{
	padding:10px 0;
	background:#fefabb;
}
.main{
	padding:25px 0 30px;
}
.main .h_cow{
	color:#775906;
	margin-bottom:30px;
}
.main .h_cow > span:first-child{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	display:inline-block;
	border-bottom:1px solid #775906;
	background:url(../img/common/icon_cow_s.png) no-repeat left bottom;
	padding-left:55px;
	width:100%;
	box-sizing:border-box;
	line-height:1.5;
}
.main .h_cow > span:last-child{
	font-family:Georgia;
	font-size:12px; font-size:1.2rem;
	display:inline-block;
	line-height:1;
}
.main .h_blue_cow,
.main .h_blue{
	background:url(../img/common/h_bluestripe_bg.png);
	color:#fff;
	font-weight:bold;
	font-size:18px; font-size:1.8rem;
	padding:1.5% 0 1.5% 5%;
	position:relative;
	border-radius:3px;
	margin:4.5% 0;
}
.main .h_blue_cow:before,
.main .h_blue:before{
	content:"";
	display:block;
	background:url(../img/common/h_bluestripe_icon.png);
	background-size:100%;
	width:12px;
	padding-top:12px;
	position:absolute;
	left:0;
	top:0;
	margin-top:16px;
	margin-left:1.75%;
}
.main .h_blue_cow{
	padding-left:10%;
}
.main .h_blue_cow:before{
	background:url(../img/common/icon_cow_2.png);
	background-size:100%;
	width:38px;
	padding-top:22px;
	margin-top:12px;
	margin-left:2.5%;
}
.main .h_blue_cow .h_blue_cow_span_01{
	color:#d5ae3c;
}
.main .h_yerrow{
	font-size:24px; font-size:2.4rem;
	color:#775906;
	margin:2em 0;
}
.main .h_yerrow_2{
	font-size: 18px; font-size: 1.8rem;
	color: #1e2678;
	background-color: #fefabb;
	border-left: 8px solid #1e2678;
	padding: 1% 1% 1% 2%;
	margin: 2em 0;
}
.main_2col_1{
	width:710px;
	float:left;
	overflow:hidden;
}
.main_2col_2{
	width:240px;
	float:right;
}
.side_list ul{
	margin-bottom:30px;
}
.side_list ul > li{
	border-bottom:dashed #d5ae3c 1px;
	padding:5px 0px;
}
.side_list ul > li > a{
	display:block;
	background:#fff url(../img/common/side_m_arw.png) no-repeat 15px center;
	padding:10px 0 10px 40px;
	border-radius:3px;
	line-height:1;
}
.side_list ul > li > a.current,
.side_list ul > li > a:hover{
	opacity:1;
	background-color:#e8e9f1;
	text-decoration:none;
}

.side_bnr > a{
	display: block;
	margin-bottom: 20px;
}
.side_bnr > a > img{
	width: 100%;
}
.f_nav_go_top{
	background:url(../img/common/f_nav_top_bg.png) no-repeat center bottom;
}
.f_nav_go_top .container{
/*
	text-align:right;
	padding:60px 0 10px;
*/
	height:100px;
}
#page-top{
	display:none;
	position:fixed;
	left:50%;
	margin-left:430px;
	bottom:20px;
	width:60px;
	height:60px;
}
.f_nav{
	background:#fefabb;
}
.f_nav .container{
	padding:20px 0;
}
.f_nav .container > ul{
	width:196px;
	float:left;
}
.f_nav .container > ul{
	font-size:13px; font-size:1.3rem;
}
.f_nav .container > ul > li > a{
}
.f_nav .container > ul > li > ul > li:before{
	content:"・";
}
.f_nav .container > ul > li > ul > li,
.f_nav .container > ul > li > ul > li > a{
	color:#666;
}
.f_nav .container li{
	margin:5px 0;
}
.sp_nav{
	display:none;
}
.footer{
	background:#1e2678;
	color:#fff;
	font-size:12px; font-size:1.2rem;
	text-align:center;
	padding:20px 0;
}
.copyright{
	text-align:center;
	padding:1.5em 0;
	font-size:12px; font-size:1.2rem;
}
@media only screen and (min-width : 980px) {
	.main .main_2col_1 .fs_pc_l{
		font-size: 16px; font-size: 1.6rem;
	}
}
@media only screen and (max-width : 979px) {
html{
	font-size:3vw;
}
body{
	min-width:0;
}
img{
	width:100%;
	height:auto;
}
a:hover{
	opacity:1;
}
.pc,
div.pc,
span.pc{
	display:none;
}
div.sp{
	display:block;
}
.sp,
span.sp{
	display:inline;
}
.container{
	width:auto;
}
.header{
	background:none;
}
.header .container{
	padding:2% 0;
	text-align:left;
	position:relative;
}
.header img{
	margin-left:5%;
	width:60%;
}
#sp_h_nav_btn{
	/*background-image:url(../img/common/sp_h_nav_btn.png);*/
	background-image:url("../img/common/h_icon_menu.png");
	background-size:100%;
	display:block;
	position:absolute;
	padding-top:4.7%;
	width:5%;
	left:90.8%;
	top:37.6%;
}
#sp_h_nav_btn.sp_h_nav_btn_x{
	/*background-image:url(../img/common/sp_h_nav_btn_x.png);*/
}
#sp_h_nav_btn img{
	width:100%;
}

#sp_h_nav_holder{
	height:0;
	overflow:hidden;
}
#h_icon_fb{
	width: 2.8%;
	right: 26.5%;
	top: 34.1%;
}
#h_icon_ig{
	width: 5%;
	right: 15%;
	top: 35.8%;
}

.h_nav,
.f_nav{
	display:none;
}
.bc_list{
	padding:0.5rem 1rem;
}
.main{
	padding:5% 0 10%;
}
.main_2col_1{
	width:auto;
	float:none;
	padding:0 5%;
}
.main_2col_2{
	display:none;
}

.main .h_cow{
	color:#775906;
	margin-bottom:5%;
}
.main .h_cow > span:first-child{
	background-image:url(../img/common/icon_cow.png);
	/*background-size:auto 80%;*/
	background-size:12.5% auto;
	padding-left:15%;
}
.main .h_blue_cow,
.main .h_blue{
	font-size:100%;
}
.main .h_blue_cow:before,
.main .h_blue:before{
	width:2%;
	padding-top:2%;
	margin-top:3.5%;
	margin-left:1.75%;
}
.main .h_blue_cow{
}
.main .h_blue_cow:before{
	width:7%;
	padding-top:4%;
	margin-top:2.75%;
}
.main .h_yerrow{
	font-size:110%;
}
.main .h_yerrow_2{
	font-size:100%;
}
.f_nav_go_top{
/*	display:none;*/
}
.f_nav_go_top .container{
/*
	text-align:right;
	padding:60px 0 10px;
*/
	height:auto;
}
#page-top{
	left:auto;
	margin-left:0;
	right:0;
	bottom:0;
	margin-right:5%;
	margin-bottom:5%;
}

.sp_nav{
	display:block;
	background:#fefabb;
}
.sp_nav > li{
	border-bottom:1px solid #d5ae3c;
}
.sp_nav > li:first-child{
	/*border-top:2px solid #d5ae3c;*/
}
.sp_nav > li > a{
	display:inline-block;
	background:url(../img/common/sp_nav_arw.png) no-repeat left center;
	background-size:auto 50%;
	padding-left:8%;
	margin:3% 0% 3% 7%;
}
.sp_nav_accrd{
	position:relative;
}
.sp_nav_accrd_btn{
	position:absolute;
	display:block;
	background:url(../img/common/sp_nav_btn_p.png);
	background-size:100% 100%;
	width:5%;
	padding-top:5%;
	left:0;
	top:0;
	margin-left:85%;
	margin-top:-8%;
}
.sp_nav_accrd_open .sp_nav_accrd_btn{
	background-image:url(../img/common/sp_nav_btn_m.png);
}
.sp_nav_accrd_content{
	height:0;
	overflow:hidden;
}
.sp_nav_accrd_content ul{
	border-top:1px dashed #d5ae3c;
	padding:3% 0 3% 15%;
}
.sp_nav_accrd_content li,
.sp_nav_accrd_content li a{
	color:#666;
}
.sp_nav_accrd_content a:before{
	content:"・";
}
.sp_nav_accrd_content li{
	margin:30px 0;
}
.sp_nav_accrd_content a{
/*	line-height:44px;
	min-height:44px;
	display:inline-block;*/
}

div.iframeWrap{
	position: relative;
	width: 100%;
	padding-top: 49.3%;
}
div.iframeWrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	max-width:100%;
}
.seihin_data_photo img.sp_width_l{
	width: 62.5%
}
.seihin_data_photo img.sp_width_m{
	width: 43.75%
}
.seihin_data_photo img.sp_width_s{
	width: 25%
}
}