@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
/* View Switch */
.sp_only {
	display: none !important;
}
/* Universal Reset */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
input[type="submit"] {
	appearance: none;
	-webkit-appearance: none;
}
body p, body span, body dl, h1, h2, h3, h4, h5, h6 {}

/***********************************
Base Settings
************************************/
html {
	background: rgb(244, 244, 242);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;

	font-size: 14px;
    color: #222;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}
body {
	height: 100%;
	min-height: 100%;
	margin: 0;
}
.inner {
	width: 100%;
	min-width: 320px;
	max-width: 640px;

	margin: 0 auto;
}
/***********************************
Common Settings
************************************/
h2 {
	background: #41659B;
    background: -moz-linear-gradient(top, #41659B 0%, #1B4789 50%, #41659B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41659B), color-stop(50%,#1B4789), color-stop(100%,#41659B));
    background: -webkit-linear-gradient(top, #41659B 0%,#1B4789 50%,#41659B 100%);
    background: -o-linear-gradient(top, #41659B 0%,#1B4789 50%,#41659B 100%);
    background: -ms-linear-gradient(top, #41659B 0%,#1B4789 50%,#41659B 100%);
    background: linear-gradient(to bottom, #41659B 0%,#1B4789 50%,#41659B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41659B', endColorstr='#41659B',GradientType=0 );
    border: solid 1px #1B4789;
    border: 1px solid rgba( 0, 0, 0, .2 );
    font-size: 15px;
	color: #FFF;
    padding: 10px;
    text-shadow: 2px -2px 1px rgba( 0, 0, 0, .2 );
}
h3 {
	font-size: 15px;
	font-weight: bolder;
    border-bottom: 1px solid #000;
    padding: 5px;
    margin-bottom: 10px;
}
.f_black {
	color: #222 !important;
}
.bg_01 {
	background-color: #FD6F00 !important;
}
.bg_02 {
	background-color: #0C6DBA !important;
}
.bg_03 {
	background-color: #450693 !important;
}
.bg_04 {
	background-color: #006C00 !important;
}
.bg_05 {
	background-color: #9F0102 !important;
}
.bg_06 {
	background-color: #420807 !important;
}
.error {
	color: #F00;
	padding: 5px 0;
}
/***********************************
#header 
************************************/
#header {}
#header h1 {
	background: #176ED8;
    color: #FFF;
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}
#header #header_area {
	position: relative;
	display: table;
	width: 100%;


	padding: 0 5px;
	padding-top: 10px;
}
#header #header_area #logo {
	display: table-cell;
	vertical-align: top;
}
#header #header_area #logo a {}
#header #header_area #logo a img {
	height: 45px;
	vertical-align: bottom;
}
#header #header_area #navi {
	display: table-cell;
	width: 60px;
	padding-left: 10px;
}
#header #header_area #navi .btn_navi {
	background: #176ED8;
    width: 50px;
    height: 50px;
    border-bottom: 2px solid rgba( 0, 0, 0, .2 );
}
#header #header_area #navi .btn_navi span {
	display: block;
	background: url(./../../img/sp/navi.png) no-repeat center center;
	background-size: 24px auto;
	width: 100%;
	height: 100%;
}
#header #header_area #navi .navi_body {
	display: none;

	position: absolute;
	top: 60px;
	right: 0;
	left: 0;
    z-index: 99;

	background: #176ED8;
	
	width: 100%;

	list-style: none;
}
#header #header_area #navi .navi_body li:nth-child(2n) {
	background: rgba( 0, 0, 0, .2 );
}
#header #header_area #navi .navi_body li a {
	display: block;

	background: url(./../../sp/arrow_right.png) no-repeat right 10px center;
    background-size: auto 16px;
    display: block;
    padding: 10px;

    font-size: 15px;
    line-height: 180%;
	color: #FFF;
    text-decoration: none;
	
	border-bottom: 1px solid rgba( 0, 0, 0, .2 );
}
#header #header_area #navi .navi_body li .btn_close {
	display: block;
    background: rgba( 0, 0, 0, .2 );
    padding: 0 10px;
    color: #FFF;
    font-size: 15px;
    text-align: center;
    line-height: 50px;
}
/* #main */
#main {
	margin-top: 20px;
}
#main #message {
	background: #FFF;
    margin: 5px 5px 0;
    border: 1px solid #176ED8;
    padding: 10px;
    line-height: 150%;
}
#main #message span {
	color: #900;
}
#main_img {
	margin: 0 5px;
	margin-top: 10px;

	overflow: hidden;
	text-align: center;
}
#lineupItem{
	float:left;
	text-align:left;
}
#main_img .caroufredsel_wrapper {
	width: 630px !important;
}
#lineupItem li{
	float:left;
	display:inline;
	padding: 0 1px;
	width: 166px;
	height: 200px;
	text-align:center;
}
#lineupItem li img {
	width: 166px;
	height: 200px;
	vertical-align: bottom;
}
.prevBtn,
.nextBtn {
	display: none;
}
#main #news {
	margin-top: 10px;
}
#main #news .news_box {
	background: #fff;
    border: 1px solid #176ED8;

	margin: 0 5px;
	margin-top: 10px;

	padding: 1px;
}
#main #news .news_box a {
	text-decoration: none;
}
#main #news .news_box .category {
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	padding: 5px;
}
#main #news .news_box .category span {
	float: right;
	background: rgba( 0, 0, 0, .5 );
	font-size: 10px;
	padding: 2px 5px;
}
#main #news .news_box .news_info {
	background: rgba( 0, 0, 0, .2 );
	overflow: hidden;

	color: #000;
	font-size: 12px;
	padding: 5px;
}
#main #news .news_box .news_info .site {
	float: left;
}
#main #news .news_box .news_info .date {
	float: right;
}
#main #news .news_box .news_title {
	color: #000;
	font-size: 14px;
	padding: 10px 0;
}
/* #footer */
#footer {
	margin-top: 30px;
}
#footer #f_navi {
	background: #21538C;
}
#footer #f_navi li {
	border-bottom: 1px solid rgba( 0, 0, 0, .2 );
}
#footer #f_navi li:nth-child(2n) {
	background: rgba( 0, 0, 0, .1 );
}
#footer #f_navi li a {
	background: url(./../../sp/arrow_right.png) no-repeat right 10px center;
    background-size: auto 12px;
    display: block;
	width: 100%;
	min-width: 320px;
	max-width: 640px;
	font-size: 14px;
    color: #FFF;
	text-decoration: none;
    padding: 10px;
	margin: 0 auto;
}
#footer #f_ad {}
#footer #f_ad p {}
#footer #f_ad p img {
	width: 100%;
	vertical-align: bottom;
}
#footer #f_info {
	background: #21538C;
}
#footer #f_info p {}
#footer #f_info p a {
	display: block;

	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;

	padding: 10px;
}
#footer #f_info p.copy {
	color: #fff;
	font-size: 12px;
	text-align: center;

	border-top: 1px solid rgba( 0, 0, 0, .3 );
	padding: 10px;
}
/* subapage ----------------------------------------- */
#main .text_box {
	padding: 10px 5px 20px;
}
#main .text_box a {
	color: #005CAF;
}
#main .text_box span {
	color: #c00;
	font-size: 16px;
	font-weight: bold;
}
#main .text_box img {
	vertical-align: middle;
}
#main .text_box .f_small {
	font-size: 12px;
	margin-top: 20px;
}
#main .img_box {
	padding: 0 5px 20px;
} 
#main .img_box img {
	width: 100%;
	vertical-align: bottom;
}
#main .flow_img {
	width: 75%;
	margin: 0 auto 20px;

}
#main .flow_img img {
	width: 100%;
	vertical-align: bottom;
}
#main .flow_finish {
	background: url(./../../img/use/finish_bg.jpg) no-repeat center center;
	padding: 10px 0;
	margin-top: 10px;
}
#main .flow_finish h3 {
	background: none;
}
#main .ad_plan {
	width: 100%;
}
#main .ad_plan tr th {
	background: #FFE2E3;
	
	font-size: 13px;
    vertical-align: middle;

	padding: 10px;
}
#main .ad_plan tr td {
	text-align: center;
}
#main .ad_plan tr td span {
	display: block;
	color: #C00;
	font-size: 15px;
	font-weight: bold;
}
#main .ad_box_btn {
	padding: 0 5px;
	margin-top: 20px;
}
#main .ad_box_btn a {
	display: block;
    font-size: 14px;
    width: 100%;
    color: #FFF;
    background: #a90329;
    background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
    background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%);
    background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
    padding: 15px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#main .form {}
#main .form dl {}
#main .form dl dt {
	background: #C8D7A3;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
#main .form dl dt span {
	background: #c00;
	color: #fff;
	font-size: 12px;
	font-weight: normal;

	padding: 2px 5px;
	margin-left: 10px;

	border-radius: 4px;
}
#main .form dl dd {
	width: 100%;
	padding: 10px 5px;
}
#main .form dl dd p {
	font-size: 12px;
}
#main .form dl dd input[type="text"],
#main .form dl dd textarea {
	width: 100%;
	padding: 5px;
	resize: none;
}
#main .form .btn_box {
	margin-top: 20px;
	text-align: center;
}
#main .form .btn_box input[type="submit"] {
	background: #176ED8;
    width: 80%;
    font-size: 15px;
    color: #FFF;
    font-weight: bolder;
    padding: 10px;
    border-radius: 4px;
    border: 0;
    border-bottom: 2px solid rgba( 0, 0, 0, .7 );
    letter-spacing: .3em;
}
#main .attention {
	background: #ff9;
	padding: 5px;
}
#main .guide {
	padding: 0 5px 10px;
}
#main .guide dt {
	font-weight: bold;
}
#main .guide dd {
	margin-top: 5px;
	padding-left: 10px;
}
#main .guide_list {
	list-style: none;
}
#main .guide_list li {
    background: url(./../../sp/ico_attension.gif) no-repeat 0 0;
    margin-bottom: 10px;
    padding-left: 28px;

}