@charset "utf-8";

@font-face {
}
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	position: relative;
	min-height: 100%;
	font-size: 62.5%;/*10px相当*/
}
body {
	width: 100%;
	margin-bottom: 142px;/*フッターの高さ分*/
	font-size: 1.4rem;
	line-height: 1.6;
	color:#000000;
	font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
}
img {
	vertical-align: middle;
	border: none;
}
ul,ol { list-style-type: none;}
ul.disc,ul.circle,ul.square,ol.decimal {
	margin-bottom: 10px;
	padding-left: 2.5em;
}
ul.disc { list-style-type: disc;}
ul.circle { list-style-type: circle;}
ul.square { list-style-type: square;}
ol.decimal { list-style-type: decimal;}
iframe {
	display: block;
	border: none;
	width:100%;
	height:100%;
}
table {
	border-collapse : collapse;
	border-spacing: 0;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover { text-decoration: underline;}
a:active { text-decoration: underline;}
/* =common
-------------------------------------------------------------- */
.plpr {
	padding-left: 5%;
	padding-right: 5%;
}
.pt10 { padding-top: 10px!important;}.pt20 { padding-top: 20px!important;}.pt30 { padding-top: 30px!important;}.pt40 { padding-top: 40px!important;}
.pr10 { padding-right: 10px!important;}.pr20 { padding-right: 20px!important;}
.pl10  { padding-left: 10px!important;}.pl20 { padding-left: 20px!important;}.pl30 { padding-left: 30px!important;}.pl40 { padding-left: 40px!important;}
.pb10  { padding-bottom: 10px!important;}.pb20 { padding-bottom: 20px!important;}.pb30 { padding-bottom: 30px!important;}.pb40 { padding-bottom: 40px!important;}
.m0 { margin: 0!important;}
.mt5 { margin-top: 5px!important;}.mt10 { margin-top: 10px!important;}.mt20 { margin-top: 20px!important;}
.mr5 { margin-right: 5px!important;}.mr10 { margin-right: 10px!important;}
.mb5 { margin-bottom: 5px!important;}.mb10 { margin-bottom: 10px!important;}.mb15 { margin-bottom: 15px!important;}.mb20 { margin-bottom: 20px!important;}.mb30 { margin-bottom: 30px!important;}.mb40 { margin-bottom: 40px!important;}.mb50 { margin-bottom: 50px!important;}.mb60 { margin-bottom: 60px!important;}
.ml5 { margin-left: 5px!important;}.ml10 { margin-left: 10px!important;}.ml15 { margin-left: 15px!important;}.ml20 { margin-left: 20px!important;}.ml25 { margin-left: 25px!important;}.ml30 { margin-left: 30px!important;}.ml40 { margin-left: 40px!important;}.ml50 { margin-left: 50px!important;}.ml60 { margin-left: 60px!important;}
.m-auto {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.db { display: block;}
.dib { display: inline-block;}
.clear{ clear:both;}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* マウスオーバー */
.link_opacity a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);/*IE8*/
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.link_opacity a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);/*IE8*/
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
/*ボックス*/
#main {
	clear: both;
	padding-bottom: 30px;
}
#main::after {
	content: "";
	display: block;
	clear: both;
}
#main>.inner {
	width: 980px;
	margin: 0 auto;
}
/*ナビ共通*/
.nav { overflow: hidden;}
.nav>li { float: left;}
.nav>li.list_last>a { border-right: none !important;}
/*フォーム*/
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*テキスト*/
h1,
h2,
h3 { font-weight: normal;}
h1 { font-size: 2.8rem;}
h2 { font-size: 2.0rem;}
h3 { font-size: 1.8rem;}
.f12 { font-size: 1.2rem;}.f14 { font-size: 1.4rem;}.f16 { font-size: 1.6rem;}.f18 { font-size: 1.8rem;}.f20 { font-size: 2.0rem;}.f24 { font-size: 2.4rem;}.f28 { font-size: 2.8rem;}
.red { color: #f00;}
.txt_l { text-align: left !important;}.txt_c { text-align: center !important;}.txt_r { text-align: right !important;}
.txt_b { font-weight: bold;}
/* =header
-------------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 65px;
	background-color: #fff;
	border-top: solid 10px #171c61;
}
#header>.inner {
	width: 980px;
	margin: 0 auto;
}
.logo {
	float: left;
	margin-left: 25px;
}
.select_lang { float: right;}
.select_lang li a {
	display: block;
	border-left: dotted 2px #cdcdce;
}
.select_lang li:first-of-type a { border-color: transparent;}
/*検索*/
.box_func {
	clear: both;
	overflow: hidden;
	width: 980px;
	margin: 65px auto 10px;
	padding-right: 25px;
	text-align: right;
}
body.scroll .box_func { margin-bottom: 145px;}
.box_func p,
.box_func div {
	display: inline-block;
	vertical-align: bottom;
}
.box_search form {
	overflow: hidden;
}
.box_search form label,
.box_search form input {
	float: left;
}
.box_search form .ico_search {
	margin-right: 2px;
	vertical-align: middle;
}
.box_search form input[type="text"] {
	height: 20px;
	line-height: 1;
	border: solid 1px #000 !important;
}
/*グローバルナビ*/
#gnav {
	width: 100%;
	background-color: #fff;
}
#gnav.down {
	position: fixed;
	top: 65px;
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: solid 4px #171c61;
}
#gnav>ul {
	width: 980px;
	margin: 0 auto;
	overflow: inherit;
}
#gnav>ul::after {
	content: "";
	display: block;
	clear: both;
}
#gnav.down>ul {
	padding: 8px 0;
}
#gnav .gnav {
	position: relative;
	float: left;
}
#gnav .gnav>a {
	display: block;
	overflow: hidden;
	width: 245px;
	height: 145px;
	text-indent: 100%;
	white-space: nowrap;
	border-left: dotted 2px #cdcdce;
	background-image: url(../img/common/gnav.png);
}
#gnav.down>ul>li>a {
	height: 34px;
	background-image: url(../img/common/gnav_fix.png);
}
#gnav2>a { background-position: -245px 0;}
#gnav3>a { background-position: -490px 0;}
#gnav4>a { background-position: -735px 0;}
#gnav1.selected>a,
#gnav1>a:hover,
#gnav1>a:focus { background-color: rgba(233, 100, 81, 0.2);}
#gnav2.selected>a,
#gnav2>a:hover,
#gnav2>a:focus { background-color: rgba(241, 149, 0, 0.2);}
#gnav3.selected>a,
#gnav3>a:hover,
#gnav3>a:focus { background-color: rgba(61, 113, 94, 0.2);}
#gnav4.selected>a,
#gnav4>a:hover,
#gnav4>a:focus { background-color: rgba(170, 89, 157, 0.2);}
#gnav>ul>li:first-of-type>a { border-color: transparent;}
/*グローバルナビサブメニュー*/
#gnav .gnav .content_block {
	position: absolute;
	top: 145px;
	width: 245px;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: 0s;
}
#gnav.down .content_block { top: 34px;}
.content_block li {
	overflow: hidden;
	height: 0;
	transition: .2s;
}
.gnav:hover .content_block li,
.gnav ul.focused li {
	overflow: visible;
	height: 28px;
}
.content_block li a {
	display: block;
	padding: 4px 10px;
	font-size: 1.3rem;
	text-decoration: none;
	background-color: #ffe0dc;
}
#gnav1 .content_block a { background-color: #ffe0dc;}
#gnav2 .content_block a { background-color: #fceacc;}
#gnav3 .content_block a { background-color: #d8e3df;}
#gnav4 .content_block a { background-color: #eedeeb;}
#gnav .gnav .content_block a:hover,
#gnav .gnav .content_block a:focus { text-decoration:underline;}
#gnav .gnav:hover .content_block,
#gnav .gnav ul.focused {
	visibility: visible;
	opacity: 1;
}
/*パンくず*/
.bread {
	overflow: hidden;
	height: 18px;
	padding: 3px 0 3px 20px;
	font-size: 1.0rem;
	line-height: 1;
	background: #f9ed00;
}
.bread ul{
	width: 980px;
	margin: 0 auto;
}
.bread li { display: inline-block;}
.bread li::after {
	content: " / ";
	margin: 0 2px;
}
.bread li:last-child::after { content: "";}

/* =footer
-------------------------------------------------------------- */
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #f9ed00;

}
#footer .inner{
	width: 980px;
	height: 142px;
	margin: 0 auto ;
	padding: 12px 25px;
}
.ft_nav {
	margin-bottom: 10px;
}
.ft_nav li {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	border-right: solid 1px #000;
}
.ft_nav li:last-of-type {
	margin-right: 0;
	border: none;
}
.ft_nav li a {
	font-size: 1.4rem;
}
#footer .aside { position: relative;}
/*英語版の記述*/
#footer .ft_en { letter-spacing: -0.1em;}
#footer #author { font-weight: bold;}
#footer .aside li {
	display: inline-block;
	margin-right: 20px;
}
.copy {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
/* =content
-------------------------------------------------------------- */
.content {
	overflow: hidden;
	width:740px;
	margin:0 auto;
	padding: 20px 0;
}
.title {
	margin-bottom: 10px;
	font-size: 2.4rem;
}
.line_top {
	border-top: solid 15px #d2c7ad;
}
.logo_name {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 2px #241916;
}
.float_l {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.float_r {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.icon_mark {
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 40px;
}
.icon_mark li {
	float: left;
	margin-right: 5px;
}
.btn_detail {
	position: absolute;
	bottom: 20px;
	right: 40px;
}
.fix_width { width: 650px;}

/* =search.html
-------------------------------------------------------------- */
.results { clear: both;}
.gsc-tabHeader { width: 100px;}

/* =slickslider
-------------------------------------------------------------- */
.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus { outline: none;}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both;}
.slick-loading .slick-track { visibility: hidden;}
.slick-slide {
	display: none;
	float: left;
	min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right;}
.slick-slide img {
	max-width: 100%;
	height: auto;
}
.slick-slide.slick-loading img { display: none;}
.slick-slide.dragging img { pointer-events: none;}
.slick-initialized .slick-slide { display: block;}
.slick-loading .slick-slide { visibility: hidden;}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
/*arrow*/
.slick-arrow {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	display: block;
	width: 30px;
	height: 30px;
	margin: auto;
	border: none;
	border-radius: 50%;
	box-shadow: none;
	-webkit-transition: box-shadow .2s, background-color .2s;
	transition: box-shadow .2s, background-color .2s;
}
.slick-arrow, .slick-arrow:focus { outline: none;}
.slick-arrow:hover, .slick-arrow:focus {
	cursor: pointer;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .6);
}
.slick-arrow svg {
	width: 30px;
	height: 30px;
}
.slick-prev {
	left: -40px;
}
.slick-next {
	right: -40px;
}
.slick-arrow.slick-hidden { display: none;}

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-size: 3rem;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '●';
	text-align: center;
	color:#dbe8de;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	color:#00a49b;
}
/*トップスライダー*/
#top_slider {
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-bottom:solid 18px #f9ed00;
}
#top_slider>.wrap {
	position: relative;
	width: 980px;
	height: 465px;
	margin: 0 auto;
}
#top_slider>.wrap>.wrap {
	position: absolute;
	left: 50%;
	width: 2940px;
	margin-left: -1470px;
}
#control_sld { width: 100%;}
#top_slider .slick-slide img { opacity: .5;}
#top_slider .slick-center img { opacity: 1;}