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

/* 共通 */
html,body { color: #fff; font-size:14px; line-height:150%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif; }
a:link { color:#fff; text-decoration:underline; }
a:visited { color:#fff; text-decoration:underline; }
a:hover { color:#cc6600; text-decoration:none; }
a:active { color:#cc6600; text-decoration:none; }
a:hover img.alpha_button { opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }

body { background: #190d01; }

/* 共通 */





/* ヘッダー */
@media screen and (min-width: 641px) and (max-width: 3000px) {
#header { margin: 20px auto 0 auto; width: 90%; max-width: 1200px; }
#header .sec_01 ul { display: flex; justify-content: space-between; font-size: 12px; }
#header .sec_02 { margin: 10px 0 0 0; }
#header .sec_02 img { display: block; margin: 0 0 10px 0; width: 100%; }
#header .pc ul { display: flex; justify-content: center; align-items: center; }
#header .pc li { padding: 0 10px; font-size: 12px; border-left: solid 1px #fff; }
#header .pc li:first-child { border-left: none; }
#header .pc li:last-child { display: none; }
.sp_menu { display: none; }
}

@media screen and (min-width: 1px) and (max-width: 640px) {
#header { margin: 20px auto 0 auto; width: 90%; }
#header .sec_01 ul { display: flex; flex-wrap:wrap; font-size: 12px; }
#header .sec_01 li:first-child { display: none; }
#header .sec_01 li:nth-child(2) { width: 100%; order: 2; }
#header .sec_01 li:nth-child(3) { width: 100%; order: 1; }
#header .sec_02 img { display: block; margin: 10px 0 0 0; width: 100%; }
#header .pc { display: none; }
}

/*ナビメニューのスタイルを指定*/
		nav.NavMenu{
			position: fixed;
			z-index: 2;
			top: 0;	
			left: 0;
			background: #fff;
			color: #000;
			text-align: center;
			width: 100%;
			transform: translateY(-100%);
			transition: all 0.6s;
			
		}

		nav.NavMenu ul{
			background: #79522a;
			width: 100%;	
			margin: 0 auto;
			padding: 0;
		}

		nav.NavMenu ul li{
			font-size: 1.1em;
			list-style-type: none;
			padding: 0;
			width: 100%;
			border-bottom: 1px dotted #190d01;		
		}

		nav.NavMenu ul li:last-child{
			padding-bottom: 0;
			border-bottom: none;
		}

		nav.NavMenu ul li a{
			display: block;
			color: #fff;
			padding: 1em 0;
            text-decoration: none;
		}
		
		nav.NavMenu.active{
			transform: translateY(0%);
		}

		.Toggle {
		    display: block;
		    position: fixed;
		    right: 13px;
		    top: 12px;
		    width: 42px;
		    height: 42px;
		    cursor: pointer;
		    z-index: 3;
		}
		 
		.Toggle span {
		    display: block;
		    position: absolute;
		    width: 30px;
		    border-bottom: solid 3px #fff;
		    -webkit-transition: .35s ease-in-out;
		    -moz-transition: .35s ease-in-out;
		    transition: .35s ease-in-out;
		    left: 6px;
		}
		 
		.Toggle span:nth-child(1) {
		    top: 9px;
		}
		 
		.Toggle span:nth-child(2) {
		    top: 18px;
		}
		 
		.Toggle span:nth-child(3) {
		    top: 27px;
		}
		 
		.Toggle.active span:nth-child(1) {
		    top: 18px;
		    left: 6px;
		    -webkit-transform: rotate(-45deg);
		    -moz-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		}
		 
		.Toggle.active span:nth-child(2),
		.Toggle.active span:nth-child(3) {
		    top: 18px;
		    -webkit-transform: rotate(45deg);
		    -moz-transform: rotate(45deg);
		    transform: rotate(45deg);
		}

		#fade{
			display: none;
		}
/* ヘッダー */





/* サイドナビ */
@media screen and (min-width: 641px) and (max-width: 3000px) {
#sidenavi_area { width: 22%; }

#sidenavi { color: #000; }
#sidenavi a { color: #0000ee; }
#sidenavi .title { padding: 10px; color: #fff; font-weight: bold; text-align: center; background: #660033; }
#sidenavi .sec_01 { text-align: center; }
#sidenavi .sec_02 { margin: 15px 0 0 0; }
#sidenavi .sec_02 ul { padding: 0 10px 10px 10px; background: #fff; }
#sidenavi .sec_02 li { padding: 10px 0 0 0; }
#sidenavi .sec_02 li img { vertical-align: middle; }
#sidenavi .sec_02 .line { padding-bottom: 10px; border-bottom: solid 2px #660033; }
#sidenavi .sec_03 img { width: 100%; }
#sidenavi .sec_04 { padding: 10px; background: #fff; }
#sidenavi .sec_05 img { width: 100%; }
#sidenavi .sec_06 p { padding: 10px; background: #ebdebe; }
#sidenavi .sec_06 .cell { padding: 0 10px 10px 10px; background: #fff; }
#sidenavi .sec_06 dl { display: flex; align-items: center; padding: 10px 0 0 0; }
#sidenavi .sec_06 dt { width: 40px; }
#sidenavi .sec_06 dt img { width: 100%; }
#sidenavi .sec_06 dd { flex: 1; margin: 0 0 0 10px; }
#sidenavi .sec_06 hr { margin: 10px 0 0 0; padding: 0; border:none; border-top: dashed 2px #016600; height: 2px; color: #fff; }
#sidenavi .sec_07 .cell { padding: 15px; text-align: center; background: #fff; }
#sidenavi .sec_07 p { margin: 10px 0 0 0; }
#sidenavi .sec_08 ul { background: #ebdebe; }
#sidenavi .sec_08 li { padding: 10px; border-bottom: solid 1px #000; }
#sidenavi .sec_08 li:last-child { border-bottom: none; }
#sidenavi .sec_09 li:first-child { text-align: center; background: #e3e9ff; }
#sidenavi .sec_09 img { width: 100%; }
}

@media screen and (min-width: 1px) and (max-width: 640px) {
#sidenavi_area { margin: 30px auto 0 auto; width: 90%; }

#sidenavi { color: #000; }
#sidenavi a { color: #0000ee; }
#sidenavi .title { padding: 10px; color: #fff; font-weight: bold; text-align: center; background: #660033; }
#sidenavi .sec_01 { text-align: center; }
#sidenavi .sec_02 { margin: 15px 0 0 0; }
#sidenavi .sec_02 ul { padding: 0 10px 10px 10px; background: #fff; }
#sidenavi .sec_02 li { padding: 10px 0 0 0; }
#sidenavi .sec_02 li img { vertical-align: middle; }
#sidenavi .sec_02 .line { padding-bottom: 10px; border-bottom: solid 2px #660033; }
#sidenavi .sec_03 img { width: 100%; }
#sidenavi .sec_04 { padding: 10px; background: #fff; }
#sidenavi .sec_05 img { width: 100%; }
#sidenavi .sec_06 p { padding: 10px; background: #ebdebe; }
#sidenavi .sec_06 .cell { padding: 0 10px 10px 10px; background: #fff; }
#sidenavi .sec_06 dl { display: flex; align-items: center; padding: 10px 0 0 0; }
#sidenavi .sec_06 dt { width: 40px; }
#sidenavi .sec_06 dt img { width: 100%; }
#sidenavi .sec_06 dd { flex: 1; margin: 0 0 0 10px; }
#sidenavi .sec_06 hr { margin: 10px 0 0 0; padding: 0; border:none; border-top: dashed 2px #016600; height: 2px; color: #fff; }
#sidenavi .sec_07 .cell { padding: 15px; text-align: center; background: #fff; }
#sidenavi .sec_07 p { margin: 10px 0 0 0; }
#sidenavi .sec_08 ul { background: #ebdebe; }
#sidenavi .sec_08 li { padding: 10px; border-bottom: solid 1px #000; }
#sidenavi .sec_08 li:last-child { border-bottom: none; }
#sidenavi .sec_09 li:first-child { text-align: center; background: #e3e9ff; }
#sidenavi .sec_09 img { width: 100%; }
}
/* サイドナビ */





/* フッター */
@media screen and (min-width: 641px) and (max-width: 3000px) {
#footer { margin: 50px auto 0 auto; width: 90%; max-width: 1200px; }
#footer .sec_01 img { width: 100%; }
#footer .sec_02 { margin: 15px 0 0 0; border: solid 1px #cc6600; }
#footer .sec_02 ul { display: flex; color: #000; border: solid 1px #996633; }
#footer .sec_02 li { padding: 15px; width: calc(100%/3); border-right: solid 1px #cc6600; border-left: solid 1px #996633; background: #fff; }
#footer .sec_02 li:first-child { border-left: none; }
#footer .sec_02 li:last-child { border-right: none; }
#footer .sec_02 a { color: #0000ee; }
#footer .sec_02 .red { color: #cc0000; }
#footer .sec_02 .purple { color: #990099; }
#footer .sec_02 .big { font-size: 120%; }
#footer .sec_02 .card { margin: 0 0 1em 0; text-align: center; }
#footer .sec_02 .cell { margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: solid 1px #000; }
#footer .sec_03 { margin: 15px 0 0 0; }
#footer .sec_03 ul { display: flex; justify-content: center; align-items: center; }
#footer .sec_03 li { padding: 0 10px; font-size: 12px; border-left: solid 1px #fff; }
#footer .sec_03 li:first-child { border-left: none; }
#footer .sec_03 li:last-child { display: none; }
#footer .sec_04 { text-align: center; }
#footer .sec_04 .cell { display: inline-block; }
#copyright { margin: 15px 0; padding: 15px 0 0 0; font-size: 12px; text-align: center; border-top: solid 1px #fff; }
}

@media screen and (min-width: 1px) and (max-width: 640px) {
#footer { margin: 50px auto 0 auto; width: 90%; }
#footer .sec_01 img { width: 100%; }
#footer .sec_02 { margin: 15px 0 0 0; border: solid 1px #cc6600; }
#footer .sec_02 ul { color: #000; border: solid 1px #996633; }
#footer .sec_02 li { padding: 15px; border-top: solid 1px #996633; border-bottom: solid 1px #cc6600; background: #fff; }
#footer .sec_02 li:first-child { border-top: none; }
#footer .sec_02 li:last-child { border-bottom: none; }
#footer .sec_02 a { color: #0000ee; }
#footer .sec_02 .red { color: #cc0000; }
#footer .sec_02 .purple { color: #990099; }
#footer .sec_02 .big { font-size: 120%; }
#footer .sec_02 .card { margin: 0 0 1em 0; text-align: center; }
#footer .sec_02 .cell { margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: solid 1px #000; }
#footer .sec_03 { margin: 15px 0 0 0; }
#footer .sec_03 ul { display: flex; justify-content: space-between; flex-wrap: wrap; border-top: solid 1px #fff; }
#footer .sec_03 li { padding: 5px; width: 50%; font-size: 12px; text-align: center; border-bottom: solid 1px #fff; }
#footer .sec_03 li:nth-child(odd) { border-right: solid 1px #fff; }
#footer .sec_04 { text-align: center; }
#footer .sec_04 .cell { display: inline-block; }
#copyright { margin: 15px 0; padding: 15px 15px 0 15px; font-size: 12px; text-align: center; border-top: solid 1px #fff; }
}
/* フッター */





/* メインインデックス */
@media screen and (min-width: 641px) and (max-width: 3000px) {
#content { display: flex; justify-content: space-between; flex-direction: row-reverse; margin: 25px auto 0 auto; width: 90%; max-width: 1200px; }

#main { width: 75%; }
#main img { width:100%; }

.top a { color: #0000ee; }
.top .sec_01 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_01 li { margin: 10px 0 0 0; width: 24%; }
.top .sec_01 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_02 { margin: 50px 0 0 0; color: #000; }
.top .sec_02 h3 { margin: 0 0 10px 0; }
.top .sec_02 table { border-collapse: separate; border-spacing: 2px; }
.top .sec_02 td { padding: 5px; vertical-align: top; background: #fff; }
.top .sec_02 .t_top { background: #ffff99; }
.top .sec_02 .sp { display: none; }
.top .sec_03 { margin: 50px 0 0 0; }
.top .sec_03 h3 { padding: 10px; color: #fff; background: #620423; }
.top .sec_03 p { margin: 10px 0; text-align: center; }
.top .sec_03 ul { display: flex; flex-wrap: wrap; }
.top .sec_03 li { padding: 10px; width: 25%; border-bottom: solid 1px #190d01; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_03 img { width: auto !important; vertical-align: middle; }
.top .sec_03 .cell { padding: 10px; color: #000; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_04 { margin: 50px 0 0 0; }
.top .sec_04 h3 { padding: 10px; color: #fff; background: #620423; }
.top .sec_04 h3 span { color: #ffff00; }
.top .sec_04 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_04 li { margin: 10px 0 0 0; width: 24%; }
.top .sec_04 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_05 { margin: 50px 0 0 0; }
.top .sec_05 p { margin: 10px 0; text-align: center; }
.top .sec_05 ul { display: flex; flex-wrap: wrap; }
.top .sec_05 li { padding: 10px; width: 25%; border-bottom: solid 1px #190d01; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_05 img { width: auto !important; vertical-align: middle; }
.top .sec_06 { margin: 50px 0 0 0; color: #000; }
.top .sec_06 h3 { margin: 0 0 10px 0; }
.top .sec_06 table { border-collapse: separate; border-spacing: 2px; }
.top .sec_06 td { padding: 5px; vertical-align: top; background: #fff; }
.top .sec_06 .t_top { background: #ffff99; }
.top .sec_06 .sp { display: none; }
.top .sec_07 { margin: 50px 0 0 0; }
.top .sec_07 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_07 li { margin: 10px 0 0 0; width: 24%; }
.top .sec_07 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_08 { margin: 50px 0 0 0; }
.top .sec_08 ul { display: flex; justify-content: center; }
.top .sec_08 li { width: 40%; max-width: 300px; }
.top .sec_08 li:last-child { margin: 0 0 0 15px; }
.top .sec_09 { margin: 50px 0 0 0; }
.top .sec_09 .cell { padding: 10px; color: #000; text-align: center; background: #fff; }
.top .sec_09 ul { display: flex; }
.top .sec_09 li { width: calc(100%/3); }
.top .sec_09 .movie-wrap { position: relative; padding-bottom: 20%;  height: 0; overflow: hidden; }
.top .sec_09 .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top .sec_10 { margin: 50px 0 0 0; padding: 3em 15px; color: #000; text-align: center; background: #fff; }
.top .sec_10 img { width: 100%; max-width: 600px; }
.top .sec_11 { padding: 0 15px 3em 15px; color: #000; text-align: center; background: #fff; }
.top .sec_11 img { width: 100%; max-width: 825px; }
.top .sec_12 { padding: 0 15px 3em 15px; color: #000; background: #fff; }
.top .sec_12 h3 { font-size: 18px; font-weight: bold; text-align: center; }
.top .sec_12 p { margin: 0 0 15px 0; padding: 10px; text-align: center; background: #ffff99; }
.top .sec_12 ul { display: flex; justify-content: center; margin: 15px 0 0 0; }
.top .sec_12 li { width: 300px; }
.top .sec_12 li:last-child { margin: 0 0 0 15px; }
.top .sec_13 { padding: 0 15px 3em 15px; color: #000; text-align: center; background: #fff; }
.top .sec_13 p { margin: 0 0 1em 0; font-size: 24px; font-weight: bold; }
.top .sec_13 img { width: 100%; max-width: 600px; }
}

@media screen and (min-width: 1px) and (max-width: 640px) {
#main { margin:30px auto 0 auto; width: 90%; }
#main img { width:100%; }

.top a { color: #0000ee; }
.top .sec_01 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_01 li { margin: 10px 0 0 0; width: 48%; }
.top .sec_01 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_02 { margin:30px 0 0 0; color: #000; }
.top .sec_02 h3 { margin: 0 0 10px 0; }
.top .sec_02 ul { margin: 0 0 15px 0; background: #fff; }
.top .sec_02 .t_top { padding: 10px; background: #ffff99; }
.top .sec_02 .t_middle { padding: 10px; }
.top .sec_02 p { color: #fff; text-align: center; }
.top .sec_02 p a { color: #ffff99; }
.top .sec_02 .pc { display: none; }
.top .sec_03 { margin: 30px 0 0 0; }
.top .sec_03 h3 { padding: 10px; color: #fff; background: #620423; }
.top .sec_03 p { margin: 10px 0; text-align: center; }
.top .sec_03 ul { display: flex; flex-wrap: wrap; }
.top .sec_03 li { padding: 10px; width: 50%; border-bottom: solid 1px #190d01; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_03 img { width: auto !important; vertical-align: middle; }
.top .sec_03 .cell { padding: 10px; color: #000; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_04 { margin: 30px 0 0 0; }
.top .sec_04 h3 { padding: 10px; color: #fff; background: #620423; }
.top .sec_04 h3 span { color: #ffff00; }
.top .sec_04 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_04 li { margin: 10px 0 0 0; width: 48%; }
.top .sec_04 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_05 { margin: 30px 0 0 0; }
.top .sec_05 p { margin: 10px 0; text-align: center; }
.top .sec_05 ul { display: flex; flex-wrap: wrap; }
.top .sec_05 li { padding: 10px; width: 50%; border-bottom: solid 1px #190d01; border-right: solid 1px #190d01; background: #ffffcc; }
.top .sec_05 img { width: auto !important; vertical-align: middle; }
.top .sec_05 .pc { display: none; }
.top .sec_06 { margin:30px 0 0 0; color: #000; }
.top .sec_06 h3 { margin: 0 0 10px 0; }
.top .sec_06 ul { margin: 0 0 15px 0; background: #fff; }
.top .sec_06 .t_top { padding: 10px; background: #ffff99; }
.top .sec_06 .t_middle { padding: 10px; }
.top .sec_06 p { color: #fff; text-align: center; }
.top .sec_06 p a { color: #ffff99; }
.top .sec_06 .pc { display: none; }
.top .sec_07 { margin: 30px 0 0 0; }
.top .sec_07 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.top .sec_07 li { margin: 10px 0 0 0; width: 48%; }
.top .sec_07 p { padding: 5px; text-align: center; background: #003333; }
.top .sec_08 { margin: 30px 0 0 0; }
.top .sec_08 ul { margin: 0 auto; width: 100%; max-width: 300px; }
.top .sec_08 li:last-child { margin: 10px 0 0 0; }
.top .sec_09 { margin: 30px 0 0 0; }
.top .sec_09 .cell { padding: 10px; color: #000; text-align: center; background: #fff; }
.top .sec_09 li { margin: 10px 0 0 0; }
.top .sec_09 .movie-wrap { position: relative; padding-bottom: 55%;  height: 0; overflow: hidden; }
.top .sec_09 .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.top .sec_10 { margin: 30px 0 0 0; padding: 3em 15px; color: #000; text-align: center; background: #fff; }
.top .sec_10 img { width: 100%; max-width: 600px; }
.top .sec_11 { display: none; }
.top .sec_12 { display: none; }
.top .sec_13 { padding: 0 15px 2em 15px; color: #000; text-align: center; background: #fff; }
.top .sec_13 p { margin: 0 0 1em 0; font-size: 24px; font-weight: bold; }
.top .sec_13 img { width: 100%; max-width: 600px; }
}
/* メインインデックス */