@charset "UTF-8";
html { overflow-y: scroll; }
ol, ul, li { list-style: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
img { border: 0; }
h1, h2, hr { margin: 0; padding: 0; }
body { margin: 0;
background-image: url("../img/white_wall_hash.png");
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}
hr { border-top: 1px dotted #8c8b8b;}
a:visited, a:link { color: #1591cd; }
a:hover { opacity: 0.5; }
/* ページ設定 */
.topimg { max-width: 100%; height: auto; vertical-align: bottom; }
#hanbai img {max-width: 100%; height: auto; vertical-align: bottom;}
.copyright p { margin: 0; padding-bottom: 10px; color: #666666; font-size: 12px; text-align: center; }
.footer { padding: 10px 15px 0 ; }
.wrapper,h1 {background:#fff;}
.main { padding-top: 5px; padding-bottom: 10px;}
.text { background: #fff; border-radius: 10px;
margin: 10px 30px 20px; padding-top: 5px; padding-bottom: 5px;}
.text p { color: #333; padding: 6px; font-size: 14px;}
.text a { color: #063190; }
.logo { padding: 20px 0; margin: 0 auto; }
.aqua p { font-size: 20px; text-align: center; color: #333; }
h2 {padding: 0; }
h2 img { padding-bottom: 10px; }
h3 b { font-size: 24px;}
h4 { margin: 0; color: #333; }
h4 { position: relative; padding: .75em 1em .75em 1.5em; font-weight: bold; font-size: 20px;}
h4::after { position: absolute; top: .5em; left: .5em; content: ''; width: 6px;
height: -webkit-calc(100% - 1em); height: calc(100% - 1em); background-color: #1e51a2;
border-radius: 4px; }
span { background: linear-gradient(transparent 60%, #ffff66 60%); }
.under { background: linear-gradient(transparent 60%, #ef8eb8 60%); }
.under_b { background: linear-gradient(transparent 60%, #7ecef4 60%); }
.red { color: red; font-style: normal; }
.border { text-decoration: underline; font-style: normal; }
#hanbai { width: 95%; margin: 0 auto; padding-top: 10px;}
#hanbai img {  display: inline; }
#hanbai h3 {margin-top: 0px; }
.attention { font-weight: bold; font-size: 25px;}
.boxA {margin-top: 5px;}
.boxA, .aqua { border-bottom: dotted 2px #7ecef4; margin-bottom: 10px; }
.event { background: red; color: #fff; padding: 2px; text-align: center;
font-weight: bold; font-size: 18px; }
.copy { font-size: 12px; text-align: right; }
.syugo { font-size: 20px; text-align: center; font-weight: bold; }
.wf { padding-left: 10px; padding-right: 10px; }
.gaiyou { padding-left: 10px; font-size: 13px;}
.gaiyou img { padding: 10px;}
.event_s { background: red; color: #fff; font-weight: normal; padding: 0 2px; }
.other { font-weight: bold; text-align: center; padding: 10px 0;}
.sao b {font-weight: normal;}
.twi {padding-left: 30px; padding-right: 30px;}
.kyoyu { text-align: right; margin-right: 20px; }
#ero .box3 {padding: 10px;}
.kakaku { text-align: right; font-weight: bold; margin-top: 0;}
.ero_mds { font-weight: bold; color: #90c31f; padding-bottom: 5px;}
.pop1{text-align: center;}
/**
 * Design Shack Respnsive Menu
 */
 /* メニュー */
 .menu { margin: 0 auto;}
* {	padding: 0;	margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
nav {	width: 95%;	margin: 10px auto; overflow: hidden; }
nav ul { list-style: none; overflow: hidden; padding-bottom: 1px; }
nav li a { background: #1e51a2; border-right: 1px solid #fff; font-weight: bold; color: #fff; display: block;
float: left; font: 400 14px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif; padding: 10px;
text-align: center; text-decoration: none; width: 12.5%; border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ -moz-border-radius: 5px;   /* Firefox用 */
/*TRANSISTIONS*/
-webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease; -ms-transition: background 0.5s ease; transition: background 0.5s ease; }
nav a:visited, nav a:link   { color: #fff; }
/*HOVER*/ nav li a:hover { background: #222;}
/*SMALL*/ nav small { font: 100 12px/1 Helvetica, Verdana, Arial, sans-serif; text-transform: none; }
/*BORDER FIX*/ nav li:last-child a { border: none; }
/*BLUE MENU*/ nav .blue { margin-top: 50px; }
.blue li a { background: #75b1de; }
.blue small { color: white; }
.blue li a:hover { background: #444; }
/*RED MENU*/ nav .red { margin-top: 50px; }
.red li a { background: #5C0002; }
.red small { color: white; }
.red li a:hover { background: #a60306; }
/* MEDIA QUERIES*/ nav li a { width: 25%; font: 400 16px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif; }
nav small { font: 100 11px/1 Helvetica, Verdana, Arial, sans-serif; }

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
nav li a { width: 25%; border-bottom: 1px solid #fff; font: 400 11px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif; }
nav li:last-child a, nav li:nth-child(4) a { border-right: none; }
nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a { border-bottom: none; }
.sao { white-space: nowrap;/* 改行禁止 */ }
.sao b { white-space: nowrap;/* 改行禁止 */ }
}
@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
nav li a { width: 50%; font: 400 13px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
padding-top: 10px; padding-bottom: 10px; }
nav li:nth-child(even) a { border-right: none; }
nav li:nth-child(5) a, nav li:nth-child(6) a { border-bottom: 1px solid #fff; }
}
@media only screen and (max-width : 580px){
.sao b {font: 400 10px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif; white-space: nowrap;/* 改行禁止 */ }
}
@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
nav li a { font: 400 11px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif; padding-top: 3px; padding-bottom: 3px; }
}

/* -----------------ブラウザ別----------------- */
/* 1000以上 */
@media (min-width: 1000px) {
.wrapper, .footer-inner { width: 1000px; margin: 0 auto; }
.footer { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 886px){ h3 b { font-size: 20px;} }

/* 599以下 スマホ等 */
@media (max-width: 599px) {
.syosai, .syugo, .wf p { font-size: 13px; }
.aqua h2 { font-size: 16px; }
.text { font-size: 13px; padding: 5px 10px; margin-bottom: 10px; margin: 0 10px 10px; }
.end h2 {	text-align: left; font-size: 16px; padding: 0 10px; color: red;	}
.logo { padding: 0;}
h3 { font-size: 11px;}
h3 b { font-size: 16px;}
.attention {  font-size: 20px;}
.aqua p { font-size: 16px; }
.copy, .copyright p {	font-size: 10px; }
.event { padding: 2px; font-size: 15px; }
.kyoyu { margin-top: 5px;}
.other { font-size: 16px; }
h4 { position: relative; padding: .75em 1em .75em 1.5em; font-weight: bold; font-size: 18px;}
.main img {	margin-bottom: 5px;}
.ero_mds {font-size: 14px;}
}
/* 599以上 */
@media (min-width: 599px) {
.text p { color: #333; padding: 0 15px;}
.main img {	padding-top: 10px; padding-bottom: 25px;}
.other { font-size: 25px; }
.wf { padding-left: 25px;}
.ero_mds {font-size: 18px;}
}

/* 768以下 */
@media (max-width: 768px){
#page-top { position: fixed; bottom: 10px; right: 10px; display: none; }
#page-top a { display: block; width: 50px; padding: 10px; background: #7ecef4;
	color: white; text-decoration: none; text-align: center; font-weight: bold; font-size: 18px; }
.kakaku { font-size: 11px;}
.kakaku b { font-size: 16px; }
.midashi{ margin-bottom: 5px;}
.midashi { font-size: 11px; position: relative; padding: 0.5em 1em; margin-top: 20px;
background-color: #fff; color: #000; border-left: solid 7px #1e51a2;}
}

/* 768以上 */
@media (min-width: 768px){
.boxA:after { content: ""; display: block; clear: both; }
.box2 { float: left; width:50%;}
.box3 { float: left; width:50%;}
#page-top { position: fixed; bottom: 20px; right: 20px; display: none; }
#page-top a { display: block; width: 70px;  background: #b6e8ff;
color: white; text-decoration: none; text-align: center; font-weight: bold; font-size: 25px;}
.twi {padding-top: 50px;}
.kakaku { font-size: 14px }
.kakaku b { font-size: 25px }
.midashi { font-size: 11px; position: relative; padding: 0.5em 2em; margin-top: 20px;
background-color: #fff; color: #000; border-left: solid 7px #1e51a2;}
}