@charset "UTF-8";
/*common style.css*/
body{text-align:justify;text-justify:distribute;}
body {font-size: 12pt;font-family: 'Noto Sans JP', sans-serif;color: #fff;line-height: 1.5;}
#wrapper{background:#fff;width:100%;}
#contents{padding:0;width:100%;color:#fff;}
#header{box-shadow:none;background:#fff;border:none;}
#footerIn img{border:none;}
.pageTop{display:none;}
#contents a{color:#f4a84f;text-decoration:underline;cursor:pointer;}
#contents a:focus,#contents a:active,#contents a:hover{text-decoration:none;cursor:pointer;}
.txt_center{text-align:center;}
/*clear*/
.clear {clear:both;}
.clearfix:after {display:block;clear:both;height:0px;visibility:hidden;content:".";}
.clearfix {min-height:1px; /*IE6、7対策*/}
* html .clearfix {height:1px; /*¥*//*/ /*MAC IE5.x対策*/ height:auto;overflow:hidden; /**/}
ul.asterisk li {
	list-style-type: none;
	text-indent: -1em;
	margin-left: 15px;
	font-size: 13px;
}
ul.asterisk li:before {
	display: inline;
	content: "※";
}

/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Geostar+Fill&display=swap');
/* font-family: 'Geostar Fill', cursive; */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/* font-family: 'Anton', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */

/*コンテンツ--------------------------------------------------------------------------------*/
#con_bg{background:url(../img/bg_diaclon01.jpg) center 0 no-repeat;background-color:#000;}
#contents{background:url(../img/con_bg01.jpg) center 0 no-repeat;}
#con_box{max-width:960px;margin:0 auto;position:relative;}
/* menu */

@media screen and ( min-width:640px ) { /* PC ==================== */
  body{min-width:1000px;}
  #con_bg{min-width:1200px;}
#con_header{max-width:960px;height:70px;}
#con_header h2{position:relative;}
#con_header h2 span{display:block;position:absolute;top:17px;left:305px;}
nav#main_menu button,nav#con_menu button{display:none;}
nav#main_menu,nav#con_menu{clear:botn;background:url(../img/bg_nav.png) no-repeat;width:100%;height:70px;margin:0 auto;}
#main_menu ul{max-width:813px;margin:0 auto;}
#con_menu ul{max-width:920px;margin:0 auto;}
#main_menu ul,#con_menu ul{margin:0 auto;position:relative;z-index:9999;}
#main_menu li,#con_menu li{height:70px;display:block;float:left;}
#main_menu li a,#con_menu li a{display:block;overflow:hidden;height:0;cursor:pointer;padding-top:70px;background-position:0 0;}
#main_menu li a#btn_nav01,#con_menu li a#btn_nav01 {width:107px;background:url(../img/btn_nav01.png) center 0 no-repeat;}
#main_menu li a#btn_nav02,#con_menu li a#btn_nav02 {width:207px;background:url(../img/btn_nav02.png) center 0 no-repeat;}
#main_menu li a#btn_nav03,#con_menu li a#btn_nav03 {width:119px;background:url(../img/btn_nav03.png) center 0 no-repeat;}
#main_menu li a#btn_nav04,#con_menu li a#btn_nav04 {width:253px;background:url(../img/btn_nav04.png) center 0 no-repeat;}
#main_menu li a#btn_nav05,#con_menu li a#btn_nav05 {width:128px;background:url(../img/btn_nav05.png) center 0 no-repeat;}
#main_menu li a#btn_nav06,#con_menu li a#btn_nav06 {width:106px;background:url(../img/btn_nav06.png) center 0 no-repeat;}
#main_menu li a#btn_nav01:hover,#main_menu li a#btn_nav02:hover,#main_menu li a#btn_nav03:hover,#main_menu li a#btn_nav04:hover,#main_menu li a#btn_nav05:hover,#main_menu li a#btn_nav06:hover,#con_menu li a#btn_nav01:hover,#con_menu li a#btn_nav02:hover,#con_menu li a#btn_nav03:hover,#con_menu li a#btn_nav04:hover,#con_menu li a#btn_nav05:hover,#con_menu li a#btn_nav06:hover{background-position:0 -70px;}
}

@media screen and ( max-width:640px ) { /* SP  ==================== */
#con_header{width:100%;height:75px;}
#con_header h2{
	text-align:center;
}
#con_header h2 span{
	display: flex;
	width:172px;
	height:9px;
	margin: -10px auto 0;
	padding:0 0 0 50px;
}
#con_header h2 span img{
	margin:0;
	padding:0;
}
nav#main_menu,nav#con_menu{width:100%;background:url(../img/bg_nav.png) no-repeat;background-size:cover;margin:0;padding:0;}
.nav .navtoogle{display:none;width:100%;padding:0.5em 0.5em 0.8em;font-family:'Lato',Calibri,Arial,sans-serif;font-weight:normal;text-align:center;color:rgb(7, 16, 15);font-size:1.2em;background:none;border:none;border-bottom:4px solid #000;cursor:pointer;padding-top:18px;}
.navtoogle i{z-index:-1;margin-top:5px;}
.nav ul{width:100%;margin:0;padding:0;list-style:none;font-size:1.5em;font-weight:300;}
.nav li span{display:block;}
.nav a{display:block;color:#000 !important;text-decoration:none;-webkit-transition:color .5s, background .5s, height .5s;-moz-transition:color .5s, background .5s, height .5s;-o-transition:color .5s, background .5s, height .5s;-ms-transition:color .5s, background .5s, height .5s;transition:color .5s, background .5s, height .5s;}
a, button{-webkit-tap-highlight-color:#000;}
.no-touch .nav ul:hover a{color:#000;}
.no-touch .nav ul:hover a:hover{color:#f4a84f !important;}
.nav li:nth-child(6n+1),.nav li:nth-child(6n+2),.nav li:nth-child(6n+3),.nav li:nth-child(6n+4),.nav li:nth-child(6n+5),.nav li:nth-child(6n+6){background:#ae0014;border-bottom:1px solid #000;}
.nav .navtoogle{margin:0;display:block;}
.no-js .nav ul{max-height:30em;overflow:hidden;}
.js .nav ul{max-height:0em;overflow:hidden;}
.js .nav .active + ul {		max-height:30em;overflow:hidden;-webkit-transition:max-height .4s;-moz-transition:max-height .4s;-o-transition:max-height .4s;-ms-transition:max-height .4s;transition:max-height .4s;}
.nav li span{display:inline-block;height:100%;}
.nav a{padding:0.5em;}
.nav li:nth-child(6n+1),.nav li:nth-child(6n+2),.nav li:nth-child(6n+3),.nav li:nth-child(6n+4),.nav li:nth-child(6n+5),.nav li:nth-child(6n+6){border-left:8px solid #000;}
.touch .nav a{padding:0.8em;}
/*footer*/
}

#con_black_footer,#con_red_footer{clear:both;max-width:960px;margin:0 auto;padding-top:50px;position:relative;}
#con_black_footer p{margin:0 5px 0 20px;padding-bottom:5px;font-weight:normal;}
#con_red_footer p{margin:0 5px 0 20px;padding-bottom:5px;font-weight:normal;}
#con_black_footer ul,#con_red_footer ul{clear:both;width:100%;height:42px;margin:0 auto;position:relative;}
#con_black_footer ul{background:url(../img/con_black_footer.png) no-repeat;background-size:cover;}
#con_red_footer ul{background:url(../img/con_red_footer.png) no-repeat;background-size:cover;}
#con_black_footer li,#con_red_footer li{clear:both;width:140px;height:34px;position:absolute;top:1px;right:30px;}
#con_black_footer li a,#con_red_footer li a{display:block;overflow:hidden;height:0;cursor:pointer;padding-top:34px;background:url(../img/btn_pagetop.png) center 0 no-repeat;background-position:0 0;}
#con_black_footer li a:hover,#con_red_footer li a:hover{background-position:0 -34px;}
#tit_box{clear:both;width:100%;margin:0 auto;}
#tit_box img{width:100%;}


@media screen and ( min-width:640px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}
