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

@media screen and (min-width: 640px) {


/* main
-------------------------------------------------------------- */



.fixed_top {
	background-color: rgba(255,255,255,.77);
	border-bottom: 1px solid #DDD;
	height: 52px;
}

.a_fixedTop_R1 {
	display: block;
}

#burger {
	/*
	top: 30px;
    right: 30px;
	width: 70px;
    height: 70px;
	*/
	display: none;
}

#menu-toggle:checked ~ #burger {
	top: 55px;
	right: 55px;
}


#main_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow-x: visible;
	overflow-y: visible;
	scrollbar-width: auto;
	background-color: rgba(0,0,0,.44);
	height: auto;
}

#main_menu .ul_menu > li > a,
#main_menu .ul_menu > li > a:visited,
#main_menu .ul_menu > li .menuS1 div {
	color: #FFF;
	text-shadow: 0 0 6px #000;
}

#main_menu .menu_logo {
	background-image: url("../images/logo_draft_w.svg");
}

.main_menu_inner1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	max-width: 1350px;
	margin: 0 auto;
}

.menu_logo_spc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	padding-top: 0;
	margin-bottom: 6px;
}

.menu_logo {
	height: 69px;
}

.menu_logo_tx {
	height: 69px;
}

#main_menu .menu_logo_tx p {
	font-size: 1.4rem;
	text-align: left;
	text-shadow: 0 0 6px #000;
	color: #FFF;
}


#page_menu {
	padding-top: 38px;
}

#page_menu .menu_logo_spc {
	display: block;
}

#page_menu .menu_logo_tx {
	width: 100%;
}

#page_menu .menu_logo_tx p {
	text-align: center;
	padding: 10px 0 30px;
}

#page_menu .menu_logo {
	margin-bottom: 0;
}



.hdr_sp {
	display: none;
}

.bg_kv {
	background: url("../images/bg_kvPC.webp") no-repeat center center / cover;
	height: 181px;
}

@media screen and (min-width: 1140px) {
	.bg_kv {
		height: 139px;
	}
}


#main_menu.s1_active {
	height: 350px;
}

#main_menu .ul_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	
  	-ms-flex-wrap: wrap;
  	    flex-wrap: wrap;
	
	width: 100%;
	padding: 0;
	max-width: none;
	margin: 0;
}


@media screen and (min-width: 1140px) {
	#main_menu .ul_menu {
		width: calc(100% - 350px);
		margin-top: 44px;
	}
}

:root {
	--height-navPC: 42px;
}

#main_menu .ul_menu > li {
	width: calc(100% / var(--menu-num));
	max-width: 200px;
	border-right: 1px solid #FFF;
	height: var(--height-navPC);
	display: table;
	border-bottom: none;
}

#main_menu .ul_menu > li > a,
#main_menu .ul_menu > li > a:visited,
#main_menu .ul_menu > li > .menuS1 div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;
}

#main_menu .ul_menu > li > .menuS1 {
	height: var(--height-navPC);
	display: table;
	width: 100%;
}

#main_menu .ul_menu > li .menuS1 div,
#main_menu .ul_menu > li .menuS1.s1_active div {
	background-image: none;
}

#main_menu .ul_menu > li > .menuS1 div {
	height: 100%;
}

#main_menu .ul_menu > li:last-child {
	border-right: none;
}

#main_menu .ul_menu li .menuS1 ul,
#hamb_menu .ul_menu li .menuS1 ul {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
	transition: all .5s ease;
}

#main_menu .ul_menu li .menuS1.s1_active ul,
#hamb_menu .ul_menu li .menuS1.s1_active ul,
#page_menu .ul_menu li .menuS1 ul {
	max-height: 350px;
	opacity: 1;
	visibility: visible;
}

#main_menu .menuS1 {
	position: relative;
}

#main_menu .menuS1 ul {
	position: absolute;
	top: var(--height-navPC);
	left: 0;
	text-align: left;
	font-size: 1.2rem;
	width: 140px;
}

#main_menu .menuS1 ul li {
	border-bottom: 1px solid #000;
}

#main_menu .menuS1 ul li:first-child {
	position: relative;
}

#main_menu .menuS1 ul li:last-child {
	border-bottom: none;
}

#main_menu .ul_menu > li > a,
#main_menu .ul_menu > li > a:visited,
#main_menu .menuS1 div {
	font-size: 1.3rem;
	color: #FFF;
	background-image: none;
	height: var(--height-pcnav);
}

#main_menu .menuS1 ul li a,
#main_menu .menuS1 ul li a:visited {
	padding: 16px 8px;
	font-size: 1.3rem;
	color: #FFF;
	background-color: rgba(69,69,69,0.90);
	display: block;
}

#main_menu .menuS1 ul {
	width: calc(100vw / var(--menu-num));
	max-width: 200px;
}

#page_menu .menuS1 ul li a,
#page_menu .menuS1 ul li a:visited {
	padding: 16px 10px;
}



.bt_entry {
	top: 19px;
	left: auto;
	right: 0;
	width: 278px;
	z-index: 1100;
	height: 42px;
	padding: 4px 3px 0;
}

@media screen and (min-width: 1140px) {
	.bt_entry {top: 3px;}
}

@media screen and (min-width: 1350px) {
	.bt_entry {right: calc((100vw - 1350px) / 2);}
}

.bt_entry a {
	width: 94%;
}


#timer_spc {
	top: 136px;
	/*background-image: url("../images/bg_timer_pc.webp");*/
	background-color: rgba(0,0,0,.6);
}	

@media screen and (min-width: 1140px) {
	#timer_spc {top: 94px;}
}



.draft_main {
	padding-top: 181px;
	background-image: url("../images/bg_vector_pc.webp");
}

@media screen and (min-width: 1140px) {
	.draft_main {padding-top: 139px;}
}




.atcl1 {
	padding: 37px 30px 48px;
	
}



.wrap_inner1 {padding: 10px 40px;}
@media screen and (min-width: 1140px) {
	.wrap_inner1 {padding: 10px 80px;}
}

.titleL1 {font-size: 9.1rem;}
.h2_rubi {font-size: 2.6rem;}
.tx1 {font-size: 1.4rem;}
.wrap1 h3 {font-size: 2.2rem;}
.wrap1 h4 {font-size: 2.3rem;}
.tx1.shiftL {padding-left: 10px;}
.txS1.shiftL {padding-left: 10px;}
.txL1 {font-size: 2.3rem;}
.tx3{font-size: 1.4rem;}
.blk_special_tx2 {font-size: 1.4rem;}

.fmt1_table {font-size: 1.4rem;}
.fmt1_tableTitle {font-size: 1.3rem;}

.bt_main1, .bt_main1:visited {font-size: 1.5rem;}

.wrap1 hr, .wrap2 hr, .wrap3 hr {
	margin: 54px auto 54px;
	width: 41%;
}

.ul_check1 li {
	font-size: 1.5rem;
}

.bt_img_linebox {
	display: none;
}

.wrap_thumb_A1 {
	width: calc(100% * 21 / 34 + 3px);
}

.wrap_thumb_A2 {
	width: calc(100% * 13 / 34 - 3px);
}

@media screen and (min-width: 840px) {
	.thumb_A2 div p {
		font-size: 1.3rem;
		line-height: 1.4;
	}
	
	.thumb_A2 div {
		padding: 4px 10px;
	}
}

.thumb_B {
	height: calc((((100vw - 60px) / 3) - 12px) / 5 * 3);
	max-height: calc((((1280px - 60px) / 3) - 12px) / 5 * 3);
}

.thumb_B p {
	letter-spacing: .2rem;
	font-size: 1.6rem;
}

.spc_top_subContents {
	/*background-image: url("../images/bg_vector_pc.webp");*/
}

.atcl_top_special:not(.bottom) {
	width: calc(100% * 21 / 34);
}


.atcl_top_special h3, 
.atcl_top_news h3 {
	font-size: 2.5rem;
}

.atcl_top_news:not(.bottom) {
	width: calc(100% * 13 / 34);
}

.spc_top_subContents_inner {
	padding: 0 30px;
}

.atcl_top_special.bottom .spc_topSpecial a {
		width: calc(100% / 3);
}

@media screen and (min-width: 1080px) {
	.spc_topSpecial a {
		width: calc(100% / 3);
	}
	
	.atcl_top_special.bottom .spc_topSpecial a {
		width: calc(100% / 4);
	}
}



.bt_blk_list {
	width: calc(100% / 3 - 10px);
}

@media screen and (min-width: 980px) {
	.bt_blk_list {width: calc(100% / 5 - 10px);}
}

.bt_modal_close {
	top: 30px;
    right: 30px;
	width: 70px;
    height: 70px;
	background-color: transparent;
}


.name_mp {font-size: 2.5rem;}
.tx1_mp {
	padding: 0 15px;
	font-size: 1.4rem;
}



.if_googleMap {
    height: 680px !important;
}


.footer_bridge_wrap {
	background: url("../images/bg_ft_bridgePC.webp") no-repeat #FFF center center / auto 480px;
}

.footer_bridge {
	height: 480px;
}

.footer_bridge img:first-child {
	left: 0;
	clip-path: polygon(40% 0%, 100% 0%, 60% 100%, 0% 100%);
}

.footer_bridge img:last-child {
	left: 240px;
	clip-path: polygon(0% 0%, 60% 0%, 100% 100%, 40% 100%);
}


.bt_scrolltoTop {
	width: 48px;
	height: 66px;
	right: 10px;
}


.a_btSnsBtm {
	margin: 0 20px;
}






/* general PC
-------------------------------------------------------------- */

.onlyPC {display: block;}
.onlyPC_il {display: inline;}
.onlySP, .onlySP_il {display: none;}



}