@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------*/
/*---import---*/

@import url("../../css/set.css");
@import url("./common.css");
@import url("./parts.css");

/*---body_container-------------------------------------------------------------*/

div#body_container{
position:relative;
width:100%;
min-height:100%;
overflow:hidden;
margin:0 auto;
}

.smp_dn{
	display:none!important;
}

a#smp_menu{
z-index:10500;
position:fixed;top:14px;right:10px;
width:38px;
height:38px;
background-color:rgba(213,1,0,1.0);
background-size:24px;
background-image:url(../../img/base/smp_menu_bt_wh.svg);
background-position:center center;
text-indent:-9999px;
display:block;
overflow:hidden;
cursor:pointer;
border:1px rgba(0,0,0,0.08) solid;

-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

/*----------------------------------------------------------------*/
/*---header-------------------------------------------------------------*/

header{
position:relative;
width:100%;
padding-bottom:1px;

-webkit-box-shadow:0 0 8px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.2);
box-shadow:0 0 8px rgba(0,0,0,0.2);
}

header div#header_container{
}

header h1 a{
	z-index:5000;
	position:relative;
	width:220px;
	height:35px;
	background-size:100%;
	background-image:url(../../img/base/logo_smp.svg);
display:block;
margin:15px auto;
}

header h1 img{
	display:none;
}

header p.h1_text{
font-size:12px;
line-height:17px;
text-align:center;
padding:0 3%;
margin-bottom:15px;

display:none;
}

/*----------------------------------------------------------------*/
/*---hd_line1-------------------------------------------------------------*/

div#hd_line1{
width:100%;
min-height:8px;
background-color:#181515;
}

div#hd_line1 ul.adv_bnr_smp_hd{
	padding:12px 12px;
	padding-right:66px;
}
div#hd_line1 ul.adv_bnr_smp_hd li{
}
div#hd_line1 ul.adv_bnr_smp_hd li p,
div#hd_line1 ul.adv_bnr_smp_hd li a{
	position:relative;
	display:block;
	border:1px rgba(255,255,255,0.2) solid;
}
div#hd_line1 ul.adv_bnr_smp_hd li p img,
div#hd_line1 ul.adv_bnr_smp_hd li a img{
	width:100%;
}

/*----------------------------------------------------------------*/
/*---menu_container-------------------------------------------------------------*/

div#menu_container{
	position:fixed;
	z-index:10000;
	width:100%;
	height:100%;
	background-color:#262526;
	display:none;
	overflow:auto;
}

div#menu_container > h2{
	background-color:#d50100;
	color:#ffffff;
	font-size:19px;
font-family: 'Poppins', sans-serif;
font-weight:600;
	text-align:center;
	display:block;
	letter-spacing:0.2em;
	padding:12px 12px;
	padding-top:14px;
}

/*---hd_line1-------------------------------------------------------------*/

div#menu_container ul#personal_menu{
}

div#menu_container ul#personal_menu > li{
	padding:0 20%;
}

div#menu_container ul#personal_menu > li > a{
	background-color:#d50100;
	color:#ffffff;
	font-size:13px;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:500;
	text-align:center;
	display:block;
	padding:14px 12px;

-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
div#menu_container ul#personal_menu > li > a:hover{
	background-color:#ed2437;
}

div#menu_container ul#personal_menu > li > a{
}
div#menu_container ul#personal_menu > li ul#mypage_menu li:hover{
	background-color:#ed2437;
}

div#menu_container ul#personal_menu > li ul#mypage_menu li:nth-child(1),
div#menu_container ul#personal_menu > li ul#mypage_menu li:nth-child(2){
	display:none;
}

div#menu_container ul#personal_menu > li ul#mypage_menu li{
	text-align:center;
}
div#menu_container ul#personal_menu > li ul#mypage_menu li a{
	color:#ffffff;
	font-size:12px;
	display:inline-block;
	margin-top:15px;
}
div#menu_container ul#personal_menu > li ul#mypage_menu li:last-child a{
}

/*----------------------------------------------------------------*/
/*---sub_menu-------------------------------------------------------------*/

div#menu_container ul.sub_menu{
	text-align:center;
}

div#menu_container ul.sub_menu li{
}
div#menu_container ul.sub_menu li a{
}

/*---sm_pu-------------------------------------------------------------*/

div#menu_container ul.sub_menu li.sm_pu{
	float:left;
	width:50%;
	border-right:1px rgba(255,255,255,0.1) solid;
	border-bottom:1px rgba(255,255,255,0.1) solid;
}
div#menu_container ul.sub_menu li.sm_pu a{
	background-size:5px;
	background-image:url(../../img/common/icon/arrow1.svg);
	background-position:left 12px center;
	color:#ffffff;
	font-size:12px;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:500;
	display:block;
	padding:8px 8px;
	padding-left:30px;
}
div#menu_container ul.sub_menu li.sm_pu a:hover{
	background-image:url(../../img/common/icon/arrow1_r_ho.svg);
	color:#ed2437;
}

/*---sm_sns-------------------------------------------------------------*/

div#menu_container ul.sub_menu li.sm_sns{
	width:44px;
	height:44px;
	font-size:0;
	display:inline-block;
	margin-top:5px;
}
div#menu_container ul.sub_menu li.sm_sns a{
	width:100%;
	height:100%;
	background-size:30px;
	background-position:center center;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
div#menu_container ul.sub_menu li#sm_fb a{background-size:13px; background-image:url(../../img/common/icon/fb_wh.svg);}
div#menu_container ul.sub_menu li#sm_tw a{background-size:22px; background-image:url(../../img/common/icon/tw_wh.svg);}
div#menu_container ul.sub_menu li#sm_yt a{background-size:28px; background-image:url(../../img/common/icon/yt_wh.svg);}
div#menu_container ul.sub_menu li#sm_inst a{background-size:22px; background-image:url(../../img/common/icon/inst_wh.svg);}
div#menu_container ul.sub_menu li#sm_fb a:hover{background-image:url(../../img/common/icon/fb_r.svg);}
div#menu_container ul.sub_menu li#sm_tw a:hover{background-image:url(../../img/common/icon/tw_r.svg);}
div#menu_container ul.sub_menu li#sm_yt a:hover{background-image:url(../../img/common/icon/yt_r.svg);}
div#menu_container ul.sub_menu li#sm_inst a:hover{background-image:url(../../img/common/icon/inst_r.svg);}

/*----------------------------------------------------------------*/
/*---main_menu-------------------------------------------------------------*/

div#menu_container ul.main_menu{
	margin-top:5px;
}

div#menu_container ul.main_menu > li{
	padding:5px 0;
	border-bottom:1px rgba(255,255,255,0.1) solid;
}
div#menu_container ul.main_menu > li:last-child{
	padding-bottom:10px;
}

div#menu_container ul.main_menu > li > a{
	color:#ffffff;
	font-size:13px;
font-family:'Noto Sans Japanese', sans-serif;
font-weight:400;
display:block;
padding:5px 12px;
padding-top:7px;
border-left:5px #d50100 solid;
}
div#menu_container ul.main_menu > li > a > b{
	color:inherit;
	font-size:14px;
font-family: 'Poppins', sans-serif;
font-weight:500;
line-height:18px;
display:none;
}
div#menu_container ul.main_menu > li.active > a,
div#menu_container ul.main_menu > li > a:hover{
color:#d50100;
}

/*----------------------------------------------------------------*/
/*---contents_container-------------------------------------------------------------*/

div#contents_container{
position:relative;
min-height:100%;
padding-top:18px;
padding-bottom:50px;
margin:0 auto;
}

/*---contents_center-------------------------------------------------------------*/

div#contents_center{
width:100%;
}

/*---contents_left-------------------------------------------------------------*/

div#contents_left{
}

/*---contents_right-------------------------------------------------------------*/

div#contents_right{
	display:none;
}

/*----------------------------------------------------------------*/
/*---footer-------------------------------------------------------------*/

footer{
	position:absolute;bottom:0;left:0;
width:100%;
background-color:#d50100;
}

div#footer_container{
position:relative;
margin:0 auto;
display:none;
}

/*----------------------------------------------------------------*/
/*---footer_menu-------------------------------------------------------------*/

div#footer_menu{
}

/*----------------------------------------------------------------*/
/*---copyright-------------------------------------------------------------*/

p#copyright{
width:100%;
color:#ffffff;
font-size:10px;
font-family: 'Poppins', sans-serif;
font-weight:500;
line-height:14px;
text-align:center;
padding:7px 0;
padding-top:9px;
}