@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}input,textarea{margin:0;padding:0}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left}*{box-sizing:border-box}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:active,a:focus,a:hover{outline:0}.clearfix{clear:both;padding:0;line-height:0}
body {
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	line-height: 1.6;
	letter-spacing: 0.04rem;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	overflow: auto;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ", Meiryo, sans-serif !important;
		letter-spacing: 0;
	}
}
a {
	color: #333;
	text-decoration: none;
}
@media screen and (min-width: 736px) {
	body,html {
		min-width: 1200px;
	}
	a {
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
}
sub,sup {line-height: 1;}
main a {
	color: #006ab0;
	text-decoration: underline;
}
a:hover {
	text-decoration: none !important;
}
main a:hover {
	color: #999;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
.inner {
	width: 100%;
	min-width: 1200px;
	max-width: 1920px;
	margin: 0 auto;
}
main .inner {
	width: 1200px;
}
.sp_only {display: none;}
.coming {
	height: 300px;
	margin: 0 auto;
	padding-top: 120px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.fadeInUp {
	visibility: hidden;
}
.animation_fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 visibility: visible !important;
}
.animation_fadeInUp {
 -webkit-animation-name: animation_fadeInUp;
 animation-name: animation_fadeInUp;
}
@-webkit-keyframes animation_fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes animation_fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.tab-content .tab-pane {
	display: none;
}
.tab-content .tab-pane.active {
	display: block;
}
.nav-tabs li {
	cursor: pointer;
}


/* 旧サイト調整用 */
#main * {
	box-sizing: content-box;
}
#main h3 {
	font-weight: bold;
}
#main h3 a {
	font-weight: bold;
}
#main h4 {
	font-weight: bold;
}
#main th,
#main th span {
	font-weight: bold !important;
}
#main th,
#main td {
	vertical-align: middle;
}
table.news_list tr td img {
	vertical-align: baseline;
}
.table1 {
  border-collapse: collapse;
  padding: 1px;
}
.table1 tbody,.table1 tr,.table1 th, .table1 td {
  border: 1px solid gray;
  padding: 1px;
  vertical-align: middle;
  text-align: center;
  width="100%"
}
.table2 {
  border-collapse: collapse;
  padding: 1px;
}
.table2 tbody,.table2 tr,.table2 th, .table2 td {
  padding: 1px;
  vertical-align: middle;
  text-align: center;
  width="100%"
}
.indent {
  padding-left: 2.7em;
  text-indent: -2.7em;
}
.indent2 {
  padding-left: 2em;
  text-indent: -2em;
}
/* 旧サイト調整用ここまで */


header {
	position: relative;
}
#logo_kawasaki {
	position: absolute;
	top: 0;
	right: 0;
	width: 255px;
}
#logo_kawasaki a {
	display: block;
}
header .h_top {
	background-color: #323232;
	overflow: hidden;
	height: 60px;
	margin-bottom: -17px;
}
#searchBtn {
	float: right;
	margin-top: 8px;
	margin-right: 300px;
}
#searchBtn #search_text {
	width:150px;
	height:26px;
	font-size:12px;
	background-color: #e6e6e6;
	color: #323232;
	border: none;
	padding: 5px 8px;
}
#searchBtn #search_btn {
	width:26px;
	height:26px;
	background-image :url(../images/icon_search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	border-radius: 6px;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	margin-left: 5px;
	-webkit-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.ua_pc #searchBtn #search_btn:hover {
	background-color: #006ab0;
}
#langBtn {
	float: right;
	margin-top: 12px;
	margin-right: 50px;
}
#langBtn a {
	color: #fff;
	font-size: 14px;
}
#langBtn a:hover {
	text-decoration: underline !important;
}
header .h_top .sitemap {
	float: right;
	margin-top: 12px;
	margin-right: 60px;
}
header .h_top .sitemap a {
	color: #fff;
	font-size: 14px;
}
#langBtn a:before,
header .h_top .sitemap a:before {
	content: "";
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 6px;
	background-image: url(../images/angle-right-solid.svg);
}
header .h_top .sitemap a:hover {
	text-decoration: underline !important;
}
header .h_bottom {
	background-color: #fafafa;
	position: relative;
}
header .h_bottom:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
#logo {
	float: left;
	width: 450px;
	padding: 11px 10px 8px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
#logo a {
	display: block;
}
#logo .specialBn{
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #000;
	transition: opacity 0.2s linear;
}
#logo .specialBn:hover{
	opacity: 0.8;
}
@media screen and (max-width: 1312px) {
	#logo {
		width: 355px;
	}
}/*@media*/
#gnav {
	float: right;
	padding-top: 39px;
}
#gnav > ul {
	font-size: 0;
}
#gnav > ul > li {
	display: inline-block;
}
#gnav > ul > li > a {
	display: block;
	padding: 5px 20px 15px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
}
#gnav > ul > li:hover > a {
	color: #006ab0;
}
#gnav > ul > li.gnav_list > a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 8px;
	border-style: solid;
	border-color: transparent;
	-webkit-transition: border-color 0.4s ease-out;
	-o-transition: border-color 0.4s ease-out;
	-ms-transition: border-color 0.4s ease-out;
	-moz-transition: border-color 0.4s ease-out;
	transition: border-color 0.4s ease-out;
}
#gnav > ul > li.gnav_list:hover > a:after {
	border-color: transparent transparent #006ab0;
}
#gnav .subnav {
	position: absolute;
	top: 100%;
	right: 20px;
	z-index: 100000;
	width: calc(100% - 200px);
	max-width: 1020px;
	padding: 20px 0 10px;
	background-color: #F9F9FF;
	box-shadow: 0 4px 12px rgba(0,0,0,.1);
	display: none;
}
#gnav .subnav .inner {
	overflow: hidden;
}
#gnav .subnav .subnav_l {
	margin-bottom: 30px;
	padding-left: 40px;
}
#gnav .subnav .subnav_l a {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 30px;
	border-bottom: 1px solid #666;
	position: relative;
}
#gnav .subnav .subnav_l a:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color: transparent transparent #666 #666;
	-webkit-transition: border-color 0.2s ease-out;
	-o-transition: border-color 0.2s ease-out;
	-ms-transition: border-color 0.2s ease-out;
	-moz-transition: border-color 0.2s ease-out;
	transition: border-color 0.2s ease-out;
}
.ua_pc #gnav .subnav .subnav_l a:hover {
	color: #006ab0;
	border-color: #006ab0;
}
.ua_pc #gnav .subnav .subnav_l a:hover {
	padding-right: 50px;
}
.ua_pc #gnav .subnav .subnav_l a:hover:after {
	border-color: transparent transparent #006ab0 #006ab0;
}
#gnav .subnav_list {
	overflow: hidden;
	font-size: 0;
	padding-left: 30px;
}
#gnav .subnav_list li {
	display: inline-block;
	width: 120px;
	margin: 0 20px 30px;
	vertical-align: top;
}
#gnav .subnav_list li a {
	display: block;
}
.ua_pc #gnav .subnav_list li a:hover {
	background-color: #fff;
}
#gnav .subnav_list li a .img {
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	margin-bottom: 5px;
}
.ua_pc #gnav .subnav_list li a:hover .img {
	opacity: .85;
}
#gnav .subnav_list li a .ttl {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #333;
}
.ua_pc gnav .subnav_list li a:hover .ttl {
	color: #006ab0;
}
#gnav .subnav_close {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 24px;
	height: 24px;
	display: block;
	cursor: pointer;
	background-color: #999;
	-webkit-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#gnav .subnav_close:hover {
	background-color: #000;
}
#gnav .subnav_close > div {
	position: relative;
	height: 100%;
}
#gnav .subnav_close span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2px;
	display: block;
	width: 20px;
	height: 2px;
	background-color: #fff;
}
#gnav .subnav_close span:nth-child(1) {
	transform: rotate(45deg);
}
#gnav .subnav_close span:nth-child(2) {
	transform: rotate(-45deg);
}
#subnav_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 99998;
	display: none;
}

#megaMenu {
	padding: 0 20px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
}
#megaMenu .megaMenu_inner {
	float: left;
	padding: 0 10px;
}
#megaMenu .megaMenu_chiller {
	width: 55%;
	border-right: 1px dashed #ccc;
}
#megaMenu .megaMenu_boiler {
	width: 45%;
}
#megaMenu .megaMenu_ttl a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 5px 0;
	position: relative;
}
.ua_pc #megaMenu .megaMenu_ttl a:hover {
	opacity: .8;
}
#megaMenu .megaMenu_ttl a:after {
	content: ">";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#megaMenu .megaMenu_chiller .megaMenu_ttl a {
	background-color: #006ab0;
}
#megaMenu .megaMenu_boiler .megaMenu_ttl a {
	background-color: #e42921;
}
#megaMenu .megaMenu_items {
	margin-top: 5px;
	overflow: hidden;
	background-color: #fff;
}
#megaMenu .megaMenu_items02 {
	float: left;
	width: 50%;
}
#megaMenu .megaMenu_chiller .megaMenu_items01,
#megaMenu .megaMenu_chiller .megaMenu_items02 {
	border: 1px solid #cfdbe2;
}
#megaMenu .megaMenu_boiler .megaMenu_items01,
#megaMenu .megaMenu_boiler .megaMenu_items02 {
	border: 1px solid #e1d9d8;
}
#megaMenu .megaMenu_items03 {
	float: left;
	width: 50%;
	padding-left: 1%;
}
#megaMenu .megaMenu_items_ttl {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px;
	text-align: center;
}
#megaMenu .megaMenu_chiller .megaMenu_items_ttl {
	background-color: #cfdbe2;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl {
	background-color: #e1d9d8;
}
#megaMenu .megaMenu_chiller .megaMenu_items_ttl02 {
	border: 3px double #005186;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl02 {
	border: 3px double #881510;
}
#megaMenu .megaMenu_items_ttl02:not(:first-child) {
	margin-top: 5px;
}
#megaMenu .megaMenu_items_ttl02 a {
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	display: block;
	background-color: #fff;
}
#megaMenu .megaMenu_chiller .megaMenu_items_ttl02 a {
	padding: 5px 0;
	font-size: 14px;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl02 a {
	padding: 8px 0;
	font-size: 15px;
}
.ua_pc #megaMenu .megaMenu_items_ttl02 a:hover {
	color: #fff;
}
.ua_pc #megaMenu .megaMenu_chiller .megaMenu_items_ttl02 a:hover {
	background-color: #005186;
}
.ua_pc #megaMenu .megaMenu_boiler .megaMenu_items_ttl02 a:hover {
	background-color: #881510;
}
#megaMenu .megaMenu_item {
	overflow: hidden;
	width: 100%;
}
#megaMenu .megaMenu_items01 .megaMenu_item {
	float: left;
	width: 50%;
}
#megaMenu .megaMenu_chiller .megaMenu_item {
	border: 1px solid #cfdbe2;
}
#megaMenu .megaMenu_boiler .megaMenu_item {
	border: 1px solid #e1d9d8;
}
#megaMenu .megaMenu_item a {
	display: table;
	width: 100%;
	padding: 0 20px;
}
#megaMenu .megaMenu_boiler .megaMenu_item a {
	padding: 10px 0 9px 5px;
}
.ua_pc #megaMenu .megaMenu_item a:hover {
	color: #fff;
}
.ua_pc #megaMenu .megaMenu_chiller .megaMenu_item a:hover {
	background-color: #005186;
}
.ua_pc #megaMenu .megaMenu_boiler .megaMenu_item a:hover {
	background-color: #881510;
}
#megaMenu .megaMenu_item_txt {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.2;
}
#megaMenu .megaMenu_item_txt .megaMenu_item_txt01 {
	font-weight: bold;
	margin-bottom: 10px;
	white-space: nowrap;
}
#megaMenu .megaMenu_item_txt .megaMenu_item_txt02 {
	font-size: 13px;
}
#megaMenu .megaMenu_item_img {
	display: table-cell;
	vertical-align: middle;
}
#megaMenu .megaMenu_chiller .megaMenu_item_img {
	width: 60px;
}
#megaMenu .megaMenu_boiler .megaMenu_item_img {
	width: 80px;
}
#megaMenu .megaMenu_item_img img {
	width: 100%;
}


main {
	background-color: #fafafa;
}
.more:after {
	content: "";
	width: 12px;
	height: 12px;
	background-image: url(../images/angle-right-solid.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-left: 10px;
}
#menu01 {
	max-width: 1920px;
	margin: 0 auto;
	border: 6px solid #fafafa;
	overflow: hidden;
}
#menu01 .sec {
	float: left;
	position: relative;
	border: 6px solid #fafafa;
	background-color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#menu01 .sec > a {
	width: 100%;
	display: block;
}
#menu01 .txtArea {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	padding: 10px 0;
	text-align: center;
	display: block;
	color: #fff;
	-webkit-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#menu01 .txtArea h2 {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 20px;
}
#menu01 .txtArea p {
	font-size: 20px;
}
#menu01 .menu_aircon,
#menu01 .menu_boiler {
	width: 50%;
}
#menu01 .menu_service {
	width: 100%;
	background-image: url(../images/img_service.png);
}
#menu01 .menu_aircon {
	background-image: url(../images/menu_chiller.png);
}
#menu01 .menu_boiler {
	background-image: url(../images/menu_boiler.png);
}
#menu01 .menu_aircon a,
.ua_pc #menu01 .menu_aircon a:hover .txtArea {
	background-color: rgba(44,82,137,.7);
}
#menu01 .menu_boiler a,
.ua_pc #menu01 .menu_boiler a:hover .txtArea {
	background-color: rgba(51,0,0,.7);
}
#menu01 .menu_service a {
	height: 350px;
}
#menu01 .menu_service a,
.ua_pc #menu01 .menu_service a:hover .txtArea {
	background-color: rgba(40,40,40,.7);
}
#menu01 .menu_aircon > a,
#menu01 .menu_boiler > a {
	height: 450px;
}
.ua_pc #menu01 .sec a:hover {
	background-color: rgba(0,0,0,.0);
}
#menu02 {
	max-width: 1920px;
	margin: 0 auto;
	border: 6px solid #fafafa;
	overflow: hidden;
}
#menu02 .sec {
	float: left;
	width: 33.333333%;
	border: 6px solid #fafafa;
	background-color: #fff;
}
#menu02 .sec > a {
	display: block;
	text-align: center;
	padding-bottom: 40px;
	text-decoration: none;
}
#menu02 .sec > a h2 {
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
}
#menu02 .sec > a p {
	font-size: 16px;
}
#menu02 .sec > a h2,
#menu02 .sec > a p {
	color: #000;
}
#menu02 .sec > a img {
	-webkit-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.ua_pc #menu02 .sec > a:hover img {
	transform: scale(1.05);
}
#menu02 .sec > a .sm {
	margin-top: -20px;
	font-size: 60%;
	line-height: 1.2;
	font-weight: inherit;
}



#bread {
	margin-bottom: 12px;
	padding: 20px 0;
	background-color: #fff;
}
#bread ul {
	overflow: hidden;
	padding: 0 20px;
}
#bread ul li {
	float: left;
	font-size: 15px;
	padding: 0 5px;
}
#bread ul li + li:before {
	content: ">";
	display: inline-block;
	margin-right: 10px;
}
#bread ul li a {
	font-size: 15px;
}
#product_list .char {
	display: table;
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	margin-top: -30px;
	margin-bottom: 10px;
}
#product_list .char .badge {
	display: table-cell;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 0 25px;
	background-color: #e42921;
}
#product_list .char .txt {
	display: table-cell;
	padding: 8px 40px;
	background-color: #2d3838;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.2rem;
}
#product_list .char .lg {
	font-size: 24px;
	font-weight: inherit;
}
#product_list .sec {
	height: 75vh;
	min-height: 700px;
	background-color: #fff;
	position: relative;
}
#boiler #product_list .sec {
	height: 70vh;
	min-height: 500px;
}
#boiler #product_list .sec.sec_willheat {
  min-height: 560px;
}
#product_list .sec .inner {
	padding: 0 20px;
	position: relative;
	height: 100%;
}
#product_list .sec .p_txt {
	padding-top: 15vh;
}
#product_list .sec .p_img {
	position: absolute;
	top: 3%;
	right: 0;
	width: 55%;
	height: 94%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	text-align: right;
	font-size: 0;
}
#product_list .sec_willheat .p_img {
	background-image: url(../images/product/img_willheat.png);
}
#product_list .sec_ifrit .p_img {
	background-image: url(../images/product/img_ifrit.png);
}
#product_list .sec_kf .p_img {
	background-image: url(../images/product/img_kf.png);
}
#product_list .sec_ks .p_img {
	background-image: url(../images/product/img_ks.png);
}
#product_list .sec_kd .p_img {
	background-image: url(../images/product/img_kd.png);
}
#product_list .sec_recovery .p_img {
	background-image: url(../images/product/img_recovery.png);
}
#product_list .sec_nz .p_img {
	background-image: url(../images/product/img_nz.png);
}
#product_list .sec_nhnune .p_img {
	background-image: url(../images/product/img_nhnune.png);
}
#product_list .sec_sigmamidy .p_img {
	background-image: url(../images/product/img_sigmamidy02.png);
}
#product_list .sec_triple .p_img {
	background-image: url(../images/product/img_triple.png);
}
#product_list .sec_genelink .p_img {
	background-image: url(../images/product/img_genelink.png);
}
#product_list .sec_solar .p_img {
	background-image: url(../images/product/img_solar.png);
}
#product_list .sec_tsh .p_img {
	background-image: url(../images/product/img_tsh.png);
}
#product_list .sec_nes .p_img {
	background-image: url(../images/product/img_nes.png);
}
#product_list .sec .p_img .p_img_badge {
	position: absolute;
	bottom: 1vh;
	right: 0;
	overflow: hidden;
}
#product_list .sec .p_img .p_img_badge > p {
	display: inline-block;
	margin: 0 5px;
}
#product_list .sec .p_cate {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	margin-bottom: 10px;
}
#boiler #product_list .sec .p_cate {
	background-color: #e42921;
}
#chiller #product_list .sec .p_cate {
	background-color: #1B173D;
}
#product_list .sec .logo {
	margin-bottom: 10px;
}
#product_list .sec .catch {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 1.4;
}
#product_list .sec .p_name {
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
}
#product_list .sec .p_name .sm {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
}
#product_list .sec .spec {
	margin-top: 10px;
}
#product_list .sec ul {
	width: 400px;
	margin-top: 12px;
}
#product_list .sec ul li {
	margin-top: 12px;
}
#product_list .sec ul li a {
	display: block;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #006ab0;
	color: #006ab0;
	font-weight: bold;
	position: relative;
	text-decoration: none;
}
#product_list .sec ul li a:after {
	content: ">";
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
#product_list .sec ul li .product_list_new {
    color: #fff;
    font-size: 14px;
    padding: 0 5px;
    border: 1px solid #006ab0;
    background-color: #006ab0;
}
.ua_pc #product_list .sec ul li a:hover {
	background-color: #006ab0;
	color: #fff;
}
.ua_pc #product_list .sec ul li a:hover .product_list_new {
    border-color: #fff;
    background-color: #fff;
    color: #006ab0;
}
.section_subtitle {
	margin-bottom: 20px;
	padding: 0 10px;
	font-size: 20px;
	font-weight: bold;
	color: #006ab0;
	text-align: left;
	border-left: 6px solid #006ab0;
}
.page_title {
	background-color: #eee;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.page_title:before {
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 140px;
	font-family: 'Archivo Black', sans-serif;
	line-height: 1;
	letter-spacing: 0.2rem;
	display: block;
	color: #f6f6f6;
}
.page_title .inner {
	padding: 80px 20px;
	position: relative;
}
.page_title .inner:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 60px;
	height: 4px;
	background-color: #006ab0;
}
.page_title h2 {
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.3rem;
}
.page_title h2 .sm {
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
	display: block;
}
.page_title h2 .en {
	font-size: 18px;
	color: #006ab0;
	font-weight: bold;
	display: block;
	margin-top: 30px;
}
.section_btn {
	text-align: center;
	margin: 40px 0;
}
.section_btn a {
	display: inline-block;
	padding: 10px 150px;
	font-size: 18px;
	font-weight: bold;
	color: #006ab0;
	letter-spacing: 0.2rem;
	border: 1px solid #006ab0;
	position: relative;
	text-decoration: none !important;
}
.ua_pc .section_btn a:hover {
	color: #fff;
	background-color: #006ab0;
}
.section_btn a:after {
	content: ">";
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.section_btn a .icon {
	fill: #006ab0;
	-webkit-transition: fill 0.2s ease-out;
	-o-transition: fill 0.2s ease-out;
	-ms-transition: fill 0.2s ease-out;
	-moz-transition: fill 0.2s ease-out;
	transition: fill 0.2s ease-out;
}
.ua_pc .section_btn a:hover .icon {
	fill: #fff;
}


footer {
	position: relative;
}
footer .f_top {
	background-color: #646464;
	padding: 5px 0;
}
footer .f_top .inner {
	overflow: hidden;
}
footer .f_top .ttl {
	float: left;
	margin-left: 50px;
	font-size: 24px;
	color: #fff;
	letter-spacing: .5em;
}
footer .f_top ul {
	float: right;
}
footer .f_top ul li {
	float: left;
	margin: 0 30px;
}
footer .f_top ul li a {
	padding: 5px 10px;
	display: block;
	font-size: 16px;
	color: #fff;
}
.ua_pc footer .f_top ul li a:hover {
	color: #ddd;
}
footer .f_top ul li a i {
	margin-right: 5px;
}
footer .f_bottom {
	background-color: #f2f2f2;
	padding: 30px 0;
}
#fnav {
	overflow: hidden;
	padding: 0 40px;
}
#fnav > ul > li {
	float: left;
	margin-bottom: 30px;
}
#fnav > ul > li:nth-child(1) {
	width: 60%;
	min-width: 850px;
}
#fnav > ul > li:nth-child(2) {
	width: 21%;
	margin-left: 2%;
}
#fnav > ul > li:nth-child(3) {
	width: 13%;
	margin-left: 2%;
}
#fnav > ul > li > a {
	padding: 8px 5px;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #999;
}
.ua_pc #fnav > ul > li a:hover {
	color: #006ab0;
}
#fnav > ul > li .nav_contents {
	margin-top: 15px;
	overflow: hidden;
}
#fnav > ul > li .nav_content {
	float: left;
	width: 100%;
}
#fnav > ul > li:nth-child(1) .nav_content:nth-child(1) {
	width: 39%;
	margin-right: 3%;
}
#fnav > ul > li:nth-child(1) .nav_content:nth-child(2) {
	width: 28%;
	margin-right: 3%;
}
#fnav > ul > li:nth-child(1) .nav_content:nth-child(3) {
	width: 27%;
}
#fnav > ul > li .nav_content > a {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px !important;
	border-bottom: 1px dotted #999;
}
#fnav > ul > li .nav_content a {
	padding: 3px 5px;
	font-size: 15px;
	display: block;
}
.ua_pc #fnav > ul > li .nav_content:hover ul a {
	color: #aaa;
}
.ua_pc #fnav > ul > li .nav_content:hover ul a:hover {
	color: #006ab0;
}
#copyright {
	background-color: #323232;
	overflow: hidden;
	padding: 10px 0;
	position: relative;
}
#copyright:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 46px;
	width: 1px;
	height: 46px;
	background-color: #fff;
}
#copyright ul {
	float: left;
	overflow: hidden;
}
#copyright ul li {
	float: left;
	margin: 0 20px;
}
#copyright ul li a {
	font-size: 12px;
	color: #fff;
	line-height: 26px;
}
#copyright p {
	float: right;
	margin-top: 5px;
	padding: 0 70px;
	color: #fff;
	font-size: 10px;
}
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
}
#pagetop a {
	cursor: pointer;
	padding: 10px;
	display: block;
	background-color: #323232;
}
.ua_pc #pagetop a:hover {
	background-color: #006ab0;
}
#f_logo {
	display: none;
}
#bnr_simulator {
	max-width: 1920px;
	margin: 0 auto;
	border-left: 12px solid #fafafa;
	border-right: 12px solid #fafafa;
	border-top: 6px solid #fafafa;
	border-bottom: 6px solid #fafafa;
}
#bnr_simulator .sec a {
	display: block;
	border: 10px solid #006ab0;
	background-color: #fff;
	text-align: center;
}
#bnr_simulator .sec a:hover {
	border-color: #000;
	background-color: #D3E7F1;
}
#bnr_simulator .sec a img {
	width: 900px;
}


@media screen and (max-width: 736px) {
	body {
		letter-spacing: 0;
	}
	.inner {
		min-width: auto;
	}
	.pc_only {display: none;}
	.sp_only {display: block;}
	main {
		padding-top: 59px;
	}
	main .inner {
		width: 100%;
	}
	header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
		height: 59px;
		box-shadow: 0 2px 8px rgba(0,0,0,.2);
	}
	header .h_top {
		display: block;
		position: fixed;
		top: 105vw;
		left: 100%;
		width: 100vw;
		border-top: 1px solid #fff;
		padding: 8vw 5vw 0;
		background-color: transparent;
		height: auto;
		margin-bottom: 0;
		z-index: 2147483646;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	header.h_open .h_top {
		left: 0;
		opacity: 1;
		visibility: visible;
	}
	#searchBtn {
		float: none;
		margin-top: 0;
		margin-right: 0;
	}
	#searchBtn #search_text {
		width: 78vw;
		height: 8vw;
		font-size: 14px;
	}
	#searchBtn #search_btn {
		width: 8vw;
		height: 8vw;
		margin-left: 2vw;
		background-color: #006ab0;
	}
	#langBtn {
		width: 100%;
		margin-top: 3vw;
		margin-right: 0;
	}
	#langBtn a {
		font-size: 4vw;
		line-height: 1;
		padding: 2vw 0;
		display: block;
	}
	header .h_top .sitemap {
		width: 100%;
		margin-top: 0;
		margin-right: 0;
	}
	header .h_top .sitemap a {
		font-size: 4vw;
		line-height: 1;
		padding: 2vw 0;
		display: block;
	}
	#logo_kawasaki {
		display: none;
	}
	#logo {
		width: 350px;
		margin-left: 10px;
		padding: 5px 0;
	}
	#logo .specialBn{
		margin-left: 10px;
		padding-left: 10px;
	}
	#gnav {
		display: block;
		position: fixed;
		top: 0;
		left: 100%;
		width: 100vw;
		min-height: 100%;
		padding-top: 10vw;
		background-color: rgba(0,0,0,.9);
		z-index: 2147483645;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.h_open #gnav {
		left: 0;
		opacity: 1;
		visibility: visible;
	}
	#searchBtn {
	}
	#gnav > ul > li {
		display: block;
	}
	#gnav > ul > li > a {
		display: block;
		color: #fff;
		font-size: 5vw;
		line-height: 1;
		padding: 4vw 5vw;
		opacity: 0;
		visibility: hidden;
		position: static;
		transform: translateX(20px);
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		-ms-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#gnav > ul > li:nth-child(1) > a {
		transition-delay: .15s;
	}
	#gnav > ul > li:nth-child(2) > a {
		transition-delay: .175s;
	}
	#gnav > ul > li:nth-child(3) > a {
		transition-delay: .2s;
	}
	#gnav > ul > li:nth-child(4) > a {
		transition-delay: .225s;
	}
	#gnav > ul > li:nth-child(5) > a {
		transition-delay: .25s;
	}
	#gnav > ul > li:nth-child(6) > a {
		transition-delay: .275s;
	}
	#gnav > ul > li:nth-child(7) > a {
		transition-delay: .3s;
	}
	.h_open #gnav > ul > li > a {
		opacity: 1;
		visibility: visible;
		transform: translateX(0);
	}
	#gnav > ul > li.gnav_list > a:after {
		content: none;
	}
	#gnav .subnav {
		display: none;
	}
	#toggle {
		position: fixed;
		top: 12px;
		right: 12px;
		width: 36px;
		height: 36px;
		display: block;
		cursor: pointer;
		z-index: 2147483647;
	}
	#toggle span {
		width: 100%;
		height: 4px;
		margin: 6px 0;
		display: block;
		background-color: #323232;
		border-radius: 4px;
		-webkit-transition: transform 0.2s ease-out;
		-o-transition: transform 0.2s ease-out;
		-ms-transition: transform 0.2s ease-out;
		-moz-transition: transform 0.2s ease-out;
		transition: transform 0.2s ease-out;
	}
	.h_open #toggle span {
		background-color: #fff;
	}
	.h_open #toggle span:nth-child(1) {
		transform: translateY(10px) rotate(135deg);
	}
	.h_open #toggle span:nth-child(2) {
		visibility: hidden;
	}
	.h_open #toggle span:nth-child(3) {
		transform: translateY(-10px) rotate(225deg);
	}

	#menu01 {
		border-width: 3px;
	}
	#menu01 .sec {
		width: 100%!important;
		border-width: 3px;
	}
	#menu01 .txtArea h2 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	#menu01 .txtArea p {
		font-size: 14px;
		padding: 0 10px;
	}
	#menu01 .sec > a {
		height: 250px;
	}
	#menu02 {
		border-width: 3px;
	}
	#menu02 .sec {
		width: 100%;
		border-width: 3px;
	}
	#menu02 .sec > a {
		height: 35vw;
		padding-bottom: 40px;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	#menu02 .sec > a:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		z-index: -1;
		background-color: rgba(0,0,0,.7);
	}
	#menu02 .sec > a .img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 60%;
		z-index: -2;
	}
	#menu02 .sec > a h2 {
		margin-top: 5vw;
		font-size: 20px;
		color: #fff;
	}
	#menu02 .sec > a p {
		font-size: 14px;
		color: #fff;
	}
	#menu02 .sec:last-child > a:before {
		background-color: rgba(0,0,0,.3);
	}
	#menu02 .sec:last-child > a .img {
		width: 100%;
	}
	#bread {
		margin-bottom: 6px;
		padding: 10px 0;
	}
	#bread ul {
		padding: 0 15px;
	}
	#bread ul li {
		font-size: 14px;
	}
	#bread ul li a {
		font-size: 14px;
	}
	#product_list .char {
		font-size: 5vw;
		margin-top: 0;
	}
	#product_list .char .badge {
		width: 33%;
		padding: 0;
		text-align: center;
	}
	#product_list .char .txt {
		width: 67%;
		padding: 1.5vw 0;
		line-height: 1.3;
		text-align: center;
	}
	#product_list .char .lg {
		font-size: 6vw;
	}
	#product_list .sec {
		height: auto !important;
		min-height: auto!important;
		padding-bottom: 30px;
	}
	#product_list .sec .inner {
		padding: 0 15px;
		overflow: hidden;
	}
	#product_list .sec .p_txt {
		width: 100%;
		padding-top: 30px;
	}
	#product_list .sec .p_img {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: 300px;
		margin-top: 10px;
	}
	#product_list .sec .p_img .p_img_badge {
		bottom: 0;
	}
	#product_list .sec .p_img .p_img_badge > p {
		max-width: 100px;
	}
	#product_list .sec .catch {
		font-size: 18px;
		margin-bottom: 20px;
	}
	#product_list .sec .p_cate {
		font-size: 14px;
	}
	#product_list .sec .p_name {
		font-size: 22px;
	}
	#product_list .sec .p_name img {
		width: 80%;
	}
	#product_list .sec_ifrit .p_name img {
		width: auto;
		height: 60px;
	}
	#product_list .sec .p_name .sm {
		font-size: 15px;
	}
	#product_list .sec .spec {
		margin-top: 10px;
		font-size: 14px;
	}
	#product_list .sec ul {
		width: 100%;
		margin: 12px auto 0;
	}
	.section_subtitle {
		font-size: 18px!important;
	}
	.page_title:before {
		bottom: -5px;
		font-size: 40px;
	}
	.page_title .inner {
		padding: 30px 15px;
	}
	.page_title h2 {
		font-size: 24px;
		line-height: 1.4;
		letter-spacing: 0;
	}
	.page_title h2 .sm {
		font-size: 14px;
	}
	.section_btn {
		margin: 30px 0;
	}
	.section_btn a {
		display: block;
		padding: 10px 0;
		font-size: 16px;
	}
	.section_btn a:after {
		right: 10px;
	}

	footer .f_top {
		padding: 10px 0 0;
	}
	footer .f_top .ttl {
		width: 100%;
		margin-left: 0;
		padding: 0 15px;
		font-size: 20px;
	}
	footer .f_top ul {
		width: 100%;
		margin-top: 10px;
		border-top: 1px solid #fff;
	}
	footer .f_top ul li {
		width: 50%;
		margin: 0;
	}
	footer .f_top ul li:nth-child(odd) {
		border-right: 1px solid #fff;
	}
	footer .f_top ul li:not(:last-child) {
		border-bottom: 1px solid #fff;
	}
	footer .f_top ul li:last-child {
		width: 100%;
		border-right: none;
	}
	footer .f_top ul li a {
		font-size: 14px;
		padding: 5px;
		line-height: 2;
	}
	footer .f_bottom {
		padding: 10px 0 0;
	}
	#fnav {
		padding: 0 10px;
	}
	#fnav > ul > li {
		width: 100%!important;
		margin-left: 0!important;
		margin-bottom: 0;
	}
	#fnav > ul > li:nth-child(1) {
		min-width: auto;
	}
	#fnav > ul > li > a:after {
		float: right;
		margin-left: 0;
		margin-top: 8px;
	}
	#fnav > ul > li.nav_slide > a:after {
		transform: rotate(90deg);
	}
	#fnav > ul > li .nav_contents {
		margin-top: 0;
		padding: 0 10px 20px;
		display: none;
	}
	#fnav > ul > li .nav_content {
		width: 100%!important;
		margin-right: 0!important;
		margin-top: 15px;
	}
	#fnav > ul > li .nav_content > a:after {
		float: right;
		margin-left: 0;
		margin-top: 8px;
	}
	#copyright {
		margin-top: 12px;
		padding: 3px 0;
	}
	#copyright ul {
		width: 100%;
		padding: 0 15px;
	}
	#copyright ul li {
		width: 100%;
		margin: 0;
	}
	#copyright ul li a {
		display: block;
		vertical-align: bottom;
		line-height: 24px;
	}
	#copyright p {
		width: 100%;
		margin-top: 0;
		padding: 0 15px 3px;
		border-bottom: 1px solid #fff;
	}
	#f_logo {
		float: left;
		width: 100%;
		display: block;
		background-color: #323232;
		padding: 2px 46px 2px 0;
	}
	#f_logo a {
		display: inline-block;
		vertical-align: top;
	}
	#f_logo span {
		display: inline-block;
		vertical-align: top;
		padding: 0 5px;
		color: #fff;
		line-height: 40px;
		font-size: 3.5vw;
	}
}

@media screen and (max-width: 640px) {
	#logo {
		width: 280px;
	}
}

/*-------------------------------------------------Add190717*/
#anniversary_bnr {
}
#anniversary_bnr a {
	height: 200px;
	display: flex;
	align-items: center;
	transition: .3s;
	background: url(../images/bg_120th.jpg) no-repeat center;
	background-size: cover;
}
#anniversary_bnr a:hover {
	opacity: .8;
}
#anniversary_bnr .inner {
	position: relative;
}
#anniversary_bnr .anniversary_btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 736px) {
	#anniversary_bnr {
		text-align: center;
	}
	#anniversary_bnr a {
		height: auto;
		padding: 30px 15px 40px;
		display: block;
	}
	#anniversary_bnr .anniversary_btn {
		position: relative;
		margin-top: 10px;
	}
}
/*End190717-------------------------------------------------*/

/*-------------------------------------------------wf3000_bnr*/
#wf3000_bnr {
	overflow: hidden;
}
#wf3000_bnr a {
	height: 200px;
	display: flex;
	align-items: center;
	transition: .3s;
	background-size: cover;
	position: relative;
}
#wf3000_bnr a:hover {
	opacity: .8;
}
#wf3000_bnr .videowrap {
	width: 100%;
}
#wf3000_bnr video {
	width: 100%;
}

#wf3000_bnr .inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#wf3000_bnr .wf3000_bnr_txt01 img{
	width: 934px;
}
#wf3000_bnr .wf3000_bnr_txt02 img{
	width: 643px;
}
#wf3000_bnr .wf3000_bnr_btn img{
	width: 270px;
}
#wf3000_bnr .inner .wf3000_bnr_txtinner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

@media screen and (max-width: 736px) {
	#wf3000_bnr .inner{
    padding: 0 15px;
	}
	#wf3000_bnr img{
		width: 100%;
	}
	#wf3000_bnr .inner .wf3000_bnr_txtinner{
		display: block;
    text-align: center;
	}
	#wf3000_bnr .inner .wf3000_bnr_btn{
		margin-top: 15px;
	}
}

/*wf3000_bnr-------------------------------------------------*/

/*--------------------------------------------------movie_bnr*/
#movie_bnr {
	text-align: center;
	background-color: #deeced;
}
#movie_bnr a {
	transition: .3s;
}
#movie_bnr a:hover {
	opacity: .8;
}
#movie_bnr .sp {
	display: none;
}
#bnr_simulator + #movie_bnr {
	margin-top: 10px;
}
.page_title + #movie_bnr {
	margin-top: 20px;
}

#movie_bnr.-txt {
	padding: 20px 0;
	background-color: #deeced;
}
#movie_bnr.-txt a {
	width: 1080px;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	border: 8px solid #ad7a43;
	background-color: #004028;
}
#movie_bnr.-txt .movie_bnr_inner {
	margin: 0 auto;
	padding: 20px 15px 30px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}
#movie_bnr.-txt .movie_bnr_img01 {
	margin-right: 60px;
}
#movie_bnr.-txt .movie_bnr_img03 {
	position: absolute;
	right: 240px;
	bottom: -1px;
}
#movie_bnr.-simple a {
	display: block;
	padding: 25px 15px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
	background-color: #004028;
	border: 2px solid #004028;
}
#movie_bnr.-simple a:hover {
	opacity: 1;
	color: #004028;
	background-color: #fff;
}
#movie_bnr.sec {
	position: relative;
	z-index: 10;
	margin-bottom: -40px;
	background-color: #57a4a9;
}
#movie_bnr.sec a {
    display: block;
	position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 25px 0;
    position: relative;
    text-decoration: none;
}
#movie_bnr.sec a::after {
	content: ">";
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}
#movie_bnr.sec a:hover {
	opacity: 1;
	color: #57a4a9;
	background-color: #323232;
}

@media screen and (max-width: 736px) {
	#movie_bnr .pc {
		display: none;
	}
	#movie_bnr .sp {
		display: inline;
	}
	#movie_bnr.-txt a {
		width: 100%;
	}
	#movie_bnr.-txt .movie_bnr_inner {
		width: 100%;
		display: block;
		text-align: center;
		overflow: hidden;
	}
	#movie_bnr.-txt .movie_bnr_img01 {
		margin-right: 0;
	}
	#movie_bnr.-txt .movie_bnr_img02 {
		margin-top: 15px;
	}
	#movie_bnr.-txt .movie_bnr_img03 {
		right: 20px;
	}
	#movie_bnr.-simple a {
		padding: 15px;
		font-size: 16px;
	}
	#movie_bnr.sec {
		margin-bottom: 0;
	}
	#movie_bnr.sec a {
		font-size: 16px;
		line-height:
		padding: 15px 40px 15px 15px;
	}
	#movie_bnr.sec a::after {
		right: 15px;
	}
}
/*movie_bnr--------------------------------------------------*/

/*-------------------------------- 210310追記 */
.page_title .sub_title {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.2rem;
	position: absolute;
	top: 20px;
	left: 20px;
}
@media screen and (max-width: 736px) {
	.page_title.-contact .inner {
		padding-top: 40px;
	}
	.page_title .sub_title {
		font-size: 18px;
		letter-spacing: 0;
		top: 10px;
		left: 15px;
		margin-bottom: 20px;
	}
}
/*-------------------------------- 210310ここまで */


/*-------------------------------- 210909追記 */
header .h_top {
	overflow: visible;
}
#languageBtn {
	float: right;
	margin-top: 7px;
	margin-right: 30px;
	padding: 3px 10px 4px;
	position: relative;
	cursor: pointer;
	background-color: #fff;
}
.language_ttl {
	color: #666;
	font-size: 14px;
}
.language_ttl::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 6px;
	vertical-align: -3px;
	background: url(../images/icon_language.svg) no-repeat;
}
.language_ttl::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	background-image: url(../images/angle-right-solid.svg);
	transform: rotate(90deg);
	transition: transform .3s;
}
#languageBtn.-open .language_ttl::after {
	transform: rotate(270deg);
}
.language_list {
	display: none;
	position: absolute;
	z-index: 100;
	top: 39px;
	left: 0;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #ccc;
	background-color: #fff;
}
.language_list::before,
.language_list::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	transform: translateY(-100%);
}
.language_list::before {
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
}
.language_list::after {
	border-width: 0 9px 9px 9px;
	border-color: transparent transparent #ffffff transparent;
}
.language_list li {
	text-align: center;
}
.language_list li+li {
	margin-top: 10px;
}
.language_list li a {
	padding: 0 10px;
	display: block;
	color: #666;
}
.language_list li a:hover {
	color: #006ab0;
	text-decoration: underline !important;
}
.language_list li a.current {
	pointer-events: none;
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	header .h_top {
		overflow: hidden;
	}
	#languageBtn {
		float: none;
		margin-top: 3vw;
		margin-right: 0;
		margin-bottom: 2vw;
		padding: 0;
		position: relative;
		cursor: auto;
		background-color: transparent;
	}
	.language_ttl {
		color: #fff;
		font-size: 4vw;
	}
	.language_ttl::after {
		display: none;
	}
	.language_list {
		display: block;
		position: relative;
		top: 0;
		padding: 0 0 0 1em;
		margin-top: 2vw;
		border: none;
		background-color: transparent;
	}
	.language_list::before,
	.language_list::after {
		display: none;
	}
	.language_list li {
		padding-left: 1.5em;
		text-align: left;
		position: relative;
	}
	.language_list li::before {
		content: "";
		display: block;
		position: absolute;
		top: .8em;
		left: .4em;
		width: .5em;
		height: 1px;
		background-color: #fff;
	}
	.language_list li a {
		color: #fff;
		font-size: 4vw;
		padding: 0;
	}
}
/*-------------------------------- 210909ここまで */

/*-------------------------------- 211216追記 */
#megaMenu .megaMenu_items02 {
	margin-bottom: 5px;
}
#megaMenu .megaMenu_boiler .megaMenu_item a {
	padding: 1px 0 0 5px;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl03 {
	clear: both;
	margin-top: 5px;
	border: 3px double #5b9bd5;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl02 a {
	padding: 5px 0;
}
#megaMenu .megaMenu_boiler .megaMenu_items_ttl03 a {
	padding: 4px 0 5px 0;
}
.ua_pc #megaMenu .megaMenu_boiler .megaMenu_items_ttl03 a:hover {
	background-color: #5b9bd5;
}

#hydrogen_bnr {
	text-align: center;
	margin-bottom: 12px;
	background-color: #030542;
}
#hydrogen_bnr > a {
	display: block;
}
#hydrogen_bnr > a:hover {
	opacity: .85;
}
#hydrogen_bnr .sp {
	display: none;
}

#menu02 .sec.sec_movie a {
	padding-bottom: 29px;
}
#menu02 .sec.sec_movie a h2 {
	margin-top: 20px;
	line-height: 1.4;
}

@media screen and (max-width: 736px) {
	#hydrogen_bnr {
		margin-top: -6px;
		padding-bottom: 0;
	}
	#hydrogen_bnr .pc {
		display: none;
	}
	#hydrogen_bnr .sp {
		display: inline;
	}

	#menu02 .sec.sec_movie a {
		height: auto;
		min-height: calc((100vw - 12px) * 0.4493);
		padding-bottom: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#menu02 .sec.sec_movie a h2 {
		margin-top: 0;
	}
}
/*-------------------------------- 211216ここまで */