@charset "UTF-8";


/* 共通スタイル */
/* #header */

	.kaisai #header{
		width: 100%;
		height: 120px;
		background: url(../images/header_kaisai.png) left top no-repeat;
		position: relative;
		z-index: 3;
	}
	.kaisai.chushi #header{background: url("../images/h_chushi.png") left top no-repeat;}
	.kaisai.chushi.J #header{background: url("../images/h_chushi2.png") left top no-repeat;}

	.zenken #header{
		width: 100%;
		height: 120px;
		background: url("../images/h_zenken.png") left top no-repeat;
		position: relative;
		z-index: 3;
	}

	.hikaisai #header{
		width: 100%;
		height: 120px;
		background: url("../images/h_hikaisai.png") left top no-repeat;
		position: relative;
		z-index: 3;
	}
	#header a.header_logo{
		width:294px;
		height: 80px;
		background: url(../images/header_logo.png) left top no-repeat;
		text-indent: -9999px;
		display: block;
		position: absolute;
		top: 24px;
		left: 22px;
	}
	#header #today{
		width: 230px;
		display: block;
		position: relative;
		font-family: Oswald;
		font-weight: 700;
		margin-left: 420px;
		line-height: 52px;
	}
	#header #today .day1{
		height: 72px;
		width: 180px;
		display: flex;
		justify-content: center;
	}
	#header #today .month{
		font-size: 44px;
		margin-top: 5px;
	}
	#header #today .day{
		font-size: 58px;
		margin-top: 10px;
	}
	#header #today .week{
		height: 34px;
		line-height: 34px;
		width: 34px;
		font-size: 22px;
		text-align: center;
		font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		background: #000;
		color: #FFF;
		margin-left: 10px;
		margin-top: 28px;
	}
	#header #today .day2{
		display: flex;
		height: 48px;
	}
	#header #today .day2 p.tit{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		line-height: 28px;
		height: 32px;
		padding: 0 10px;
		margin-top: 8px;
		font-size: 22px;
	}
	#header #today .day2 p.time{
		font-size: 34px;
		line-height: 48px;
		margin-left: 5px;
	}

	ul#sns{margin-left: 410px; display: none;}
	ul#sns li{
		float: left;
		margin-left: 12px;
	}
	/**header_menu**/
	#header #b_menu {
		height: 120px;
		width: 100px;
		background-image: url(../images/header_menu.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-indent: -9999px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
#header .on#b_menu {
	background-position: 0px -120px;
}

#nav_f{
	position: fixed;
	bottom: 0;
	z-index: 1000;
/*	background: linear-gradient(#1313FD,#0400B5);*/
/*	background: linear-gradient(#444,#222);*/
	background: linear-gradient(#FFF,#CCC);
	width: 100%;
	height: 120px;
	transition: .3s;
/*	border-bottom: 6px solid #FF0066;*/
}
#nav_f ul{
	display: flex;
	width: 720px;
  justify-content: space-evenly;
	font-size: 22px;
	line-height: 1.1em;
}
#nav_f ul li{
	width: 180px;
	height: 130px;
	position: relative;
	text-align: center;}
#nav_f ul li a{
	color: #222;
	width: 100%;
	height: 130px;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
#nav_f ul li a p{position: relative; top: 20px;}

#nav_f ul li.nav01 a{background: url("../images/i_nav_f01.png") center 12px no-repeat;}
#nav_f ul li.nav01b a{background: url("../images/i_nav_f01b.png") center 8px no-repeat;}
#nav_f ul li.nav02 a{background: url("../images/i_nav_f02.png") center 8px no-repeat;}
#nav_f ul li.nav03 a{background: url("../images/i_nav_f03.png") center 8px no-repeat;}
#nav_f ul li.nav04 a{background: url("../images/i_nav_f04.png") center 8px no-repeat;}

#nav_f ul li:before{
	content: '';
	width: 1px;
	height: 80px;
	background: rgba(100,100,100,0.5);
	opacity: 0.5;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -40px;
}
#nav_f:before{
	content: '';
	width: 100%;
	height: 6px;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
	position: absolute;
	top: -6px;
}
#nav_f.up{
	height: 100px;
	transition: .3s;
	padding: 0 !important;
}
#nav_f.up ul.menu01{
	display: block;
}
#nav_f.up ul.menu01{
	display: none;
}
#nav_f.up .menu02{
	display: none;
}
#nav_f.up .menu02{
	display: block;
}

#nav_f .menu02{
	overflow: hidden;
}
#nav_f .back,
#nav_f .logo{
	float: left;}
#nav_f .back a{
	background: url("../images/up_back.png") center center no-repeat rgba(255,255,255,0.5);
	height: 100px;
	display: block;
	width: 110px;
	text-indent: -9999px;
}
#nav_f .logo {margin-left: 80px;}
#nav_f .logo a{
	background: url("../images/up_logo.png") center center no-repeat;
	display: block;
	height: 100px;
	width: 340px;
	text-indent: -9999px;
}
#nav_f .menu {float: right;}
#nav_f .menu a{
	background: url("../images/up_menu.png") center center no-repeat rgba(255,255,255,0.5);
	display: block;
	height: 100px;
	width: 110px;
	text-indent: -9999px;
}


/**Footer**/
.footer{
	width: 100%;
}
.foot_header{
	width: 100%;
	height: 100px;
	background: url("../images/foot_header.png") no-repeat top center;
	margin-bottom: -1px;
}


#nav {
	width:720px;
	position: absolute;
	top:120px;
	left: 0px;
	padding-top: 20px;
	font-size: 17px;
	z-index: 9999;
	display:none;
	background: linear-gradient(#666,#333);
}

.footer .link{
	color: #FFF; 
	font-size: 30px;
	overflow: hidden;
	padding: 0 20px;
	margin-top: 10px;
/*	background: #222;*/
}
.footer .link li{float: left; color: #FFF;}
.footer .link a{color: #FFF; text-decoration: underline;}
/*footer用*/
#nav2 {
	width: 720px;
	position: absolute;
	left: 0px;
/*	padding-top: 20px;*/
	z-index: 2;
	background: #222;
}

#nav_list dt {
	height: 80px;
	cursor: pointer;
	font-size: 36px;
	line-height: 80px;
	font-weight: bold;
	text-align: center;
	background: 
		url("../images/nav_list_dt.png") right top no-repeat,
		url("../images/f_btn_bk.png") repeat-x;
/*	border-top: 1px solid #FFF;*/
	color: #FFF;
}
#nav_list dt#nav06.plus{
		border-bottom: 2px solid #26C9FF;
	}
#nav_list dt.plus {
/*	background-position:;*/
/*	color: #222;*/
}
#nav_list dt.minus {
	color: #26C9FF;
/*	color: #222;*/
	background: url("../images/nav_list_dt.png") right bottom no-repeat #000;
		border-bottom: 2px solid #26C9FF;
		border-top: 2px solid #26C9FF;
}
#nav2 dd {
	display: none;
}
#nav_list .menu_list li {
	height: 80px;
	border-bottom: 1px dotted #FFF;
}
#nav_list .menu_list li:first-child{
		border-top: 2px solid #000;
	}

#nav_list .menu_list li.off {
	width: 680px;
	height: 80px;
	background-image: url(../images/menu_list3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #999;
	font-size: 32px;
	line-height: 80px;
	padding-left: 60px;
}
#nav_list .menu_list li a {
	border-left: 20px solid #555;
/*	width: 700px;*/
	height: 80px;
	display: block;
	background: url(../images/menu_list2.png) right no-repeat;
	color: #FFF;
	text-decoration: none;
	font-size: 32px;
	text-indent: 20px;
	line-height: 80px;
}

#nav_list .menu_list{background:#666; }

#sub_nav {
	width:690px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#nav2 #sub_nav{
	display: none;
}

#sub_nav li {
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-bottom: 10px;
}
#sub_nav li a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
#sub_nav li#btn01 a {
	background-image: url(../images/sub_nav01.png);
	height: 124px;
	width: 220px;
}
#sub_nav li#btn02 a {
	background-image: url(../images/sub_nav02.png);
	height: 124px;
	width: 220px;
}
#sub_nav li#btn03 a {
	background-image: url(../images/sub_nav03.png);
	height: 124px;
	width: 220px;
}

#sub_nav li.off {
	text-indent: -9999px;
	opacity: 0.3;
}
#sub_nav li.off#btn01 {
	background-image: url(../images/sub_nav01.png);
	height: 124px;
	width: 220px;
}
#sub_nav li.off#btn02 {
	background-image: url(../images/sub_nav02.png);
	height: 124px;
	width: 220px;
}
#sub_nav li.off#btn03 {
	background-image: url(../images/sub_nav03.png);
	height: 124px;
	width: 220px;
}


#sub_btn02 {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#sub_btn02 li {
	float: left;
	margin-top: 14px;
}
	#sub_btn02 li:nth-child(odd){
		margin-right: 14px;
	}
#sub_btn02 li a {
	display: block;
	width: 332px;
	height: 68px;
	font-size: 26px;
	color: #FFF;
	text-decoration: none;
	line-height: 70px;
	text-align: center;
	border: 1px solid #FFF;
}
#sub_btn03 {
	width:670px;
	margin:0 auto;
/*	background: #222;*/
	overflow: hidden;
	display: flex;
	padding: 10px 0 20px 0;
/*	justify-content: center;*/flex-wrap: nowrap;
}
#sub_btn03 li{width: 25%; display: flex; justify-content: center;}
	#sub_btn03 li a{
		width:110px;
		height:110px;
		text-indent: -9999px;
		display: block;
		float: left;
		border-radius: 10px;
		margin: 10px auto;
		box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	}
/*
	#sub_btn03 li:first-child a{
		margin-left: 0px;
	}
*/
	#sub_btn03 li#btn01 a{
		background: url(../images/sub_nav04.png) center center no-repeat,linear-gradient(#DDDDDD,#AAA);
	}
	#sub_btn03 li#btn02 a{
		background: url(../images/sub_nav05.png) center center no-repeat,linear-gradient(#DDDDDD,#AAA);
	}
	#sub_btn03 li#btn03 a{
		background: url(../images/sub_nav06.png) center center no-repeat,linear-gradient(#DDDDDD,#AAA);
	}
	#sub_btn03 li#btn04 a{
		background: url(../images/sub_nav07.png) center center no-repeat,linear-gradient(#DDDDDD,#AAA);
	}
.fsd{
	width: 720px;
	height: 200px;
	position: relative;
	background: url(../images/footer_dot.png) repeat;
}
.fsd ul{
	height: 200px;
	background: url(../images/fsd_tit.png) no-repeat center 30px;
}
#fsd_tel a{
	position: absolute;
	width: 384px;
	height: 70px;
	line-height: 70px;
	text-indent: -9999px;
	background: url(../images/fsd_tel.png) no-repeat center top;
	top: 100px;
	left: 20px;
	display: block;
}
#fsd_mail a{
	position: absolute;
	width: 282px;
	height: 70px;
	line-height: 70px;
	text-indent: -9999px;
	background: url(../images/fsd_mail.png) no-repeat center top;
	top: 100px;
	left: 414px;
	display: block;
}
.desktop a{
	width: 600px;
	height: 70px;
	margin: 30px auto;
	background: url(../images/desktop.png) no-repeat center top;
	text-indent: -9999px;
	display: block;
	border-radius: 70px;
}

.foot_logo{
	width: 720px;
	height: 100px;
	background: url(../images/foot_logo.png) no-repeat center top;
	margin-top: 20px;
}

/* 縦向きの場合のスタイル */
@media screen and (orientation: portrait) {
/*@media (max-aspect-ratio: 16/10) {*/
	#wrapper,
	#main,.left-box,#left-box{
		width: 720px;
		overflow: hidden;
	}
	.yoko{display:none;}
	.left-wrap{
		margin-bottom: none !important;}
	
	#nav{padding-bottom: 30px;}
	.foot_logo{margin-bottom: 120px;}
	#nav2{background:linear-gradient(#666,#333 50%);}
	
	
	.right-box #nav{padding-top: 0;}
	#nav_list {
		width:720px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 20px 0 0 0;
		background: #222;
	}
	#nav_list dt,
	#nav_list dd{ 
		width: 720px;
		margin: 0 auto;
	}
	.desktop{display: none;}
	
#nav:before{
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;
	background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0))
}
	#nav #sub_nav {display: none;}
.left-box #sub_btn02{display: none;}
#left-box #sub_btn02{display: none;}
}
/* 横向きの場合のスタイル */
@media screen and (orientation: landscape) {
/*@media (min-aspect-ratio: 16/10) {*/
	/* body.iphone{position:fixed;} */
	#nav_f,
	#footer_nav,
	#b_menu,
	.footer .link{display: none;}
	#contents{
		overflow: hidden; width: 720px;}
	#sub_btn03 li a{
		box-shadow: none;
	}
	#header_nav{
		position: relative;
		left: 360px;
		width: 400px;
	}
	#header_nav li,#header_nav li a{width:  120px;}
	#nav #sub_btn03,
	#sub_btn02{padding: 4% 4% 0 4%;}
	#nav #sub_btn03{margin-bottom: -2%;}
	
	/* 左右画面分割用スタイル */
	 .split-box{
		 position:absolute;
		 width: 100vw;
		 height:100vh;
	}
	.left-box,
	#left-box{ 
		left:0; 
		overflow-y:scroll;
		padding-bottom: 0;
		-webkit-overflow-scrolling: touch;/*iOS用*/
		overflow-scrolling: touch;/*iOS用*/
	}
	 .right-box{
		 width:35%; 
		 right:0;
		 overflow-y:scroll;	 
		 -webkit-overflow-scrolling: touch;/*iOS用*/
		 overflow-scrolling: touch;/*iOS用*/
	}
	 .tate{display:none;}
	
	.left-wrap{
		transform: scale(0.65);
		transform-origin:left top;
	}
	#header #today{margin-left: 460px;}

	/* 右側メニュー */
	#nav{
		width:100%;
		top:0;
/*		padding:4%;*/
		padding-bottom: 4%;
		display:block;
		position:relative;
	}
	#nav #nav_list{width:100%; margin-top:68%;}
	
	#nav_list dt{
		height:50px; line-height:46px;

/*		background-size:30px auto;*/
		font-size:100%;
	}
	#nav #nav_list dt{padding-right:10%;}
/*	#nav_list dt.plus{background-position:100% -20%;}*/
/*	#nav_list dt.plus{background-size: 15%;}*/
/*	#nav #nav_list dt.plus{color:#222;}*/

	#nav_list dt{
		background-image: url(../images/nav_list_dt.png) right top no-repeat, url(../images/f_btn_bk.png) repeat-x;
		background-size: 17%,auto;
	}
	#nav_list dt.minus {
    	background-image: url(../images/nav_list_dt.png) right bottom no-repeat,#D9D9D9;
		background-size: 17%,auto;
	}
	#nav_list .menu_list li{border-bottom: 1px solid #CCC;}
	#nav_list .menu_list li,
	#nav_list .menu_list li.off,
	#nav_list .menu_list li a{
		height:50px; line-height:50px;
		border-left: 0;
/*		background-size: 17%;*/
		background-image: none;
		text-indent: 10px;
	}
	#nav_list .menu_list li a,
	#nav_list .menu_list li.off{
		width:100%;
/*		padding-left:8%;*/
		font-size:80%;
/*		background-size:25px auto;*/
	}
	
/*
	#nav #nav_list .menu_list li a,
	#nav #nav_list .menu_list li.off{padding-left:8%; background-position:-2% 50%;}
*/
	#sub_nav,#sub_btn02,#sub_btn03{justify-content:center; display:flex; flex-wrap:wrap;}
	#sub_nav{
		width:90%;
		margin-top:0;
/*		padding:2%;*/
/*		background:#000;*/
		position:absolute;
		top:12px; left:5%;
	}
	#sub_nav li{width:calc(50% - 1px); margin:0; float:none;}
	#sub_nav li#btn01{border-right:#FFF 1px solid; border-bottom:#FFF 1px solid;}
	#sub_nav li#btn02{border-bottom:#FFF 1px solid;}
	#sub_nav li#btn03{border-right:#FFF 1px solid;}
	#sub_nav li#btn04 a{background-image:url(../images/sub_nav08.png);}
	#sub_nav li#btn01 a,#sub_nav li#btn02 a,
	#sub_nav li#btn03 a,#sub_nav li#btn04 a{
		width:100%; height:82px;
		background-position:center;
		background-size:140px;
	}
	#sub_btn02,#sub_btn03{width:100%;}
	#sub_btn02 li:nth-child(odd){margin-right:3%;}
	#sub_btn02 li{
		width:48%;
		margin-top:3%;
		float:none;
	}
	#sub_btn02 li a{
		width:100%;
		height:50px; line-height:45px;
		background-position:center;
		font-size:90%;
	}
	#nav #sub_btn02 li:nth-child(2) a,
	#nav #sub_btn02 li:nth-child(3) a{padding-top:6%; line-height:120%;}
	
	
	#nav #sub_btn03 {
	width:100%;
	margin:0 auto;
/*	background: #222;*/
	overflow: hidden;
	display: flex;
/*	padding: 20px 0;*/
	justify-content: center;
}
	#nav #sub_btn03 li a{width:37px; height:37px; margin:0 6px;}
	#nav #sub_btn03 li#btn01 a{background:url(../images/header_sns1.png) no-repeat center;}
	#nav #sub_btn03 li#btn02 a{background:url(../images/header_sns2.png) no-repeat center;}
	#nav #sub_btn03 li#btn03 a{background:url(../images/header_sns3.png) no-repeat center;}
	#nav #sub_btn03 li#btn04 a{background:url(../images/header_sns4.png) no-repeat center;}
	#nav2{
		background: #222;}
	.fsd{background: none;}
	.footer #nav2_menu,
	.footer #nav_f{
		display: none;}
}

h2#con_mida{
	background: #222; color: #FFF; text-align: center; font-weight:bold; 
	border-bottom: 3px #FF0066 solid;
	padding: 10px 0;
	font-size: 30px;
}
h2#con_mida span {
	display:block;
	text-align:center;
	font-size:22px;
}
/*
========================================
　　　　　　▼色指定▼
========================================*/

/*赤*/.c_01 {color:#CC0000;}
/*青*/.c_02 {color:#0066CC;}
/*紫*/.c_03 {color:#9933CC;}
/*緑*/.c_04 {color:#339900;}
/*黒*/.c_05 {color:#000000;}
/*灰*/.c_06 {color:#999999;}
/*茶*/.c_07 {color:#993300;}
/*紺*/.c_08 {color:#003399;}
/*橙*/.c_09 {color:#FF6600;}
/*空*/.c_10 {color:#6699FF;}
/*桃*/.c_11 {color:#FF6699;}

/*太*/.c_bold {text-shadow:1px 0 1px black;}
/*斜*/.c_obli {font-style:oblique; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

/*1*/.c_size1 {font-size:26px;}
/*2*/.c_size2 {font-size:28px;}
/*3*/.c_size3 {}
/*4*/.c_size4 {font-size:32px;}
/*5*/.c_size5 {font-size:33px;}
/*6*/.c_size6 {font-size:34px;}
/*7*/.c_size7 {font-size:35px;}