@charset "utf-8";

/*
@media only screen and (max-width:767px){}
@media only screen and (min-width:768px){}
*/


/*********************************************************************************/
/* min-width:768px
/*********************************************************************************/
@media only screen and (min-width:768px){


.for_sp {
	display:none !important;
}

body{
	font-size:16px;
}

body #sp_menu_bg{
	display:none;
}

.txthover_line{
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	bottom:-3px;
}
.uline:hover,
.uline_a a:hover{
	text-decoration:underline;
}


.mgm > nav .links > li .bar{
	-moz-transition: width 0.15s linear;
	-webkit-transition: width 0.15s linear;
	-o-transition: width 0.15s linear;
	-ms-transition: width 0.15s linear;
	transition: width 0.15s linear;
}
.mgm > nav .links > li.on .bar,
.mgm > nav .links > li:hover .bar{
	width:100%;
}



.hoverzoom{
	position:absolute;
	left:0;
	top:0;
	display:block;
	overflow:hidden;
	width:100%;
	height:100%;
	background-size:100.4% auto;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1;
	-moz-transition: background-size 0.2s linear;
	-webkit-transition: background-size 0.2s linear;
	-o-transition: background-size 0.2s linear;
	-ms-transition: background-size 0.2s linear;
	transition: background-size 0.2s linear;
}
.hoverzoom:hover{
	background-size:103% auto;
}
.hoverzoom:hover::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	background-color:transparent;
	background-image:url(../image-rn/bg_hover_layer.png);
	background-repeat:repeat;
	background-position:center;
	background-size:auto;
}

.hoverzoom .txt{
	z-index:4;
}

.hoverzoom.hoverOff{
	cursor: default;
}

.hoverzoom.hoverOff:hover{
	background-size:100.4% auto;
}

.hoverzoom.hoverOff:hover::before {
	display:none;
}

.link_arrow21{
	display:block;
	padding-left:20px;
}
.link_arrow21 a:hover::before{
	content:"";
	display:block;
	width:7px;
	height:6px;
	position:absolute;
	z-index:2;
	left:-20px;
	top:14px;
	background-image:url(../image-rn/ico_link_arrow_lb.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:7px 6px;
}
.link_arrow_w21 a::before{
	content:"";
	display:block;
	width:7px;
	height:6px;
	position:absolute;
	z-index:1;
	left:-20px;
	top:14px;
	background-image:url(../image-rn/ico_link_arrow_w.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:7px 6px;
}



.link_arrow{
	display:block;
	padding-left:20px;
}
.link_arrow a:hover::before{
	content:"";
	display:block;
	width:7px;
	height:6px;
	position:absolute;
	z-index:2;
	left:-20px;
	top:8px;
	background-image:url(../image-rn/ico_link_arrow_lb.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:7px 6px;
}
.link_arrow_w a::before{
	content:"";
	display:block;
	width:7px;
	height:6px;
	position:absolute;
	z-index:1;
	left:-20px;
	top:8px;
	background-image:url(../image-rn/ico_link_arrow_w.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:7px 6px;
}
.link_arrow_b a::before{
	content:"";
	display:block;
	width:7px;
	height:6px;
	position:absolute;
	z-index:1;
	left:-20px;
	top:8px;
	background-image:url(../image-rn/ico_link_arrow_b.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:7px 6px;
}
.mover:hover{
	opacity:0.8;
}

}
/*********************************************************************************/
/* max-width:767px
/*********************************************************************************/
@media only screen and (max-width:767px){
/*****/
body .for_pc {
	display:none !important;
}


body main#contents{
	width:100%;
	max-width:100%;
	min-width:100%;
	overflow:hidden;
}

body #header{
	padding-top: 19.1%;
}

body #search_area{
	width:100%;
	color:#FFFFFF;
	background-image:url(../image-rn/sp/bg_search.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
	padding-left: 15px;
	padding-right: 15px;
}
body #search_area .labeltxt{
	position:relative;
	top:-2px;
	left:-4px;
}
body #search_area .innerBox{
	width:100%;
	max-width:100%;
	min-width:100%;
	margin:0 auto;
	background-image:url(../image-rn/bg_search.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 100%;
	padding:15px 0 15px;
}
body #search_area .col{
	float:none;
}
body #search_area .col p{
	display: none;
}
body #search_area .col_1{
	width:auto;
}
body #search_area .col_1 h3{
	font-size:13px;
	margin-bottom:0;
}
body #search_area .col_1 p{
	display: none;
}
body #search_area .col_2{
	width:100%;
	font-size:13px;
}
body #search_area .col_2 ul{
	height:auto;
	overflow: hidden;
	left:-3px;
}
body #search_area .col_2 ul li{
	display:inline-block;
	padding-right:1em;
	float: left;
	font-size: 11px;
}
body #search_area .col_2 ul li label input[type=radio] + span::before{
	width:13px;
	height:13px;
	background-size:11px 11px;
	top:2px;
	left:-14px;
}
body #search_area .col_2 .txt_serch input{
	width:75%;
	font-size:13px;
	top:4px;
	margin-top:0;
}
body #search_area .col_2 .txt_serch::before{
	background-position: 19px 14px;
}
body #search_area .col_2 .txt_serch .btn_search{
	width:55px;
	font-weight: bold;
	letter-spacing: 2px;
}
body #search_area .col_3{
	width:100%;
	font-size:10px;
	overflow: hidden;
}

body #search_area .col_3 ul{
	padding:15px 0 0 0;
	line-height:2em;
	width: 100%;
}
body #search_area .col_3 ul li{
	width: auto;
	float: left;
	padding-left: 1em;
	margin-right: 1em;
}

body #footer{
	background-color: #002436;
	padding-top: 0;
	z-index: 1;
	min-width:initial;
}

	
body #footer .innerBox{
	width:100%;
	height: auto;
	padding: 0;
}
body #spfooter{
	z-index:2;
}


.dl_btns_outer ul {
	width: 100%;
	position: relative;
}
.dl_btns_outer ul li {
}
.dl_btns_outer ul li:nth-of-type(1) {
	background: #1763E7;
	padding-right: 25px;
	width: 37%;
}
.dl_btns_outer ul li:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 35%;
	width: 36%;
	background: #e95715;
	padding-right: 25px;
}
.dl_btns_outer ul li:nth-of-type(2):before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -25px;
    border-top: 48px solid #e95715;
    border-left: 25px solid transparent;
}

.dl_btns_outer ul li:nth-of-type(3) {
	position: absolute;
	top: 0;
	right: 0;
	background: #717071;
	width: 30%;
}
.dl_btns_outer ul li:nth-of-type(3):before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -25px;
    border-top: 48px solid #717071;
    border-left: 25px solid transparent;
}

.dl_btns_outer ul li a {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
.dl_btns_outer ul li:nth-of-type(1) a:after,
.dl_btns_outer ul li:nth-of-type(3) a:after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 16px;
	height: 14px;
	background: url(../image-rn/ico_dl.png) no-repeat 50% 50%;
	background-size: contain;
}
.dl_btns_outer ul li:nth-of-type(2) a:after {
	content: '';
	display: inline-block;
	margin-left: 2px;
	width: 18px;
	height: 14px;
	background: url(../image-rn/ico_catalog.png) no-repeat 50% 50%;
	background-size: contain;
}
	
#footer .dl_btns {
	top: 58px !important;
	right:50% !important;
	margin-right: -164px;
}

/*body #footer .dl_btns{
	position:relative;
	right: 0;
	top: 0;
	width: 100%;
	color:#FFFFFF;
}
body .dl_btns .col_l{
	width:58%;
}
body .dl_btns .col_l a{
	padding-left:0;
	font-size:11px;
	text-align: center;
}
body .dl_btns .col_r{
	width:47%;
}
body .dl_btns .col_r a{
	text-align: center;
	font-size:11px;
}
body .dl_btns .col_l a::after{
	width:14px;
	right: 0;
}
body .dl_btns .col_r a::after{
	width:14px;
	top: 20px;
	right: 0;
}*/

body #spfooter{
	background-color:#transparent;
}
body #spfooter .cname{
	width:39.0625%;
	line-height:0;
	margin:20px auto 0;
}
body #spfooter .cname img{
	width:100%;
	height:auto;
}

body #footer .pagetop{
	display:block;
	text-align: center;
	line-height:14px;
	background-color: #002436;
	padding-top: 19px;
	padding-bottom: 19px;
}
body #footer .pagetop img{
	width:13px;
	height:auto;
}
body #footer .links {
	margin-top: 60px;
	background-color:#001723;
	font-size: 12px;
}
body #footer .links > li{
	line-height:1em;
	border-bottom:1px solid #1A2F39;
	padding:1.5em 0;
}
body #footer .links > li:last-child{
	border:none;
}

body #footer .links2{
	color:#fff;
	width:100%;
	font-size:9px;
	line-height:1em;
	margin:0;
	text-align: center;
	background-repeat:no-repeat;
	background-size: contain;
	background-position: right top;
	
	padding-bottom: 17.3%;
}
body #footer .links2 > li{
	padding-right:1px;
	margin-right:1px;
	border-right:1px solid #fff;
	display: inline-block;
	margin-top: 38px;
}
body #footer .links2 > li:last-child{
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	margin-top: 0px;
}


body #footer small{
	color: #fff;
	font-size: 9px;
	position: absolute;
	bottom:23px;
	display: block;
	width:100%;
	text-align: center;
	z-index:3;
}
body #logo_k{
	margin-left: 28px;
	width: 45%;
	height: auto;
}









body .hoverzoom{
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
}


body .ttl_h1{
	font-size:19px;
	margin-top: 30px;
	line-height: 1.7em;
}
body .sub_ttl{
	font-size:11px;
	line-height: 1.7em;
	margin-bottom:25px;
}

.spblock{
	display:block;
	margin:0;
	padding:0 10px;
}
.fullblock{
	display:block;
	margin:0;
	padding:0;
}
body .link_arrow_b{
	padding-left:14px;
}
body .link_arrow_b::before{
	content: "";
	display:block;
	width: 7px;
	height:6px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	background-image: url(../image-rn/sp/arrow_link_b.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100% auto;
}
body .link_arrow_w::before{
	content: "";
	display:block;
	width: 7px;
	height:6px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-3px;
	background-image: url(../image-rn/sp/arrow_link_w.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100% auto;
}


/*****/
}