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

body {
	margin-left: 0em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #004096;
}
a:active {
	color: #004096;
}

.header__left h1{
	font-weight:normal;
}
.header__left h1 a{
	text-decoration: none;
}
.header__left h1 span{
    background: url("../img/c16.gif") left 6px top 2px no-repeat
}
.kome {
	font-size: 0.8em;
	vertical-align: top;
}

@media screen and (max-width: 767px) {
#SMP------------------------{}
	#header {
		width: 90%;
		height: 94px;
		margin:0 auto;
		padding:0 0%;
	}
	.header__left {
		float: left;
		/*width: 52.5%;*/
		width: calc(88.8% - 184px);
	}
	.header__left h1{
		margin: 24px 0 0 10px;
		font-size:15px;
		line-height:21px;
	}
	.header__left h1 small{
		font-size:16px;
		display: none;
	}
    .header__left h1 span{
        padding-top: 10px;
		padding-left: 22px;
        background-size: 18px !important;
        background: url("../img/c16.gif") left bottom no-repeat;
        background-size: auto;
    }
	.header__right {
		float: left;
		/*min-width: 184px;*/
    	width: 184px;
		margin-top:21px;
	}
	.header__right img{
		width: 100%;
		height: auto;
	}
	#menu {
		clear:both;
		position: static!important;
		background-color:#efefef;
        background-color: rgba(0,0,0,0.75);/*白50%*/
	}
	#menu ul {
		float: none;
		width: 100%;
		/*height: 94px;*/
		display: block;
		margin: 0 auto;
		padding: 0px 0% 0;
	}
	#menu ul li {
		/*height: 40px;*/
		margin: 0 0px 7px 0;
		font-size:14px;
		text-align:center;
		background-color:#004da0;
		font-weight:bold;
	}
	#menu ul li a{
		display:block;
		width:100%;
		height: 50px;
		line-height: 50px;
		color:#FFF;
		text-decoration: none;
	}
	#menu ul li span{
		background-size:13px;
		padding-left:16px;
	}
	#menu ul li ul li{
		border-top:1px solid #000;
	}
	#menu ul li ul li a{
		height: 43px;
	}
	#menu ul li ul li.sp{
		display:none;
	}
	#menu ul li.header__sns__sp {
		/*height: 40px;*/
		width:50px;
		background-color:transparent!important;
		float:left;
		padding-top:5VW;
		padding-left:calc(50VW - 80px);
		padding-right:25px;
	}
	#menu ul li.header__sns__sp img {
		width:100%;
		height:auto;
	}
	#menu ul li.header__sns__sp a {
		background-color:transparent!important;
	}
	#menu ul li.header__sns__sp:last-child {
		padding-right:calc(50VW - 80px);
		padding-left:25px;
	}
	
	.comming a.menu02 {
		pointer-events: none;
		background-color: #a2b3c5!important;
	}
	.comming a.menu04 {
		pointer-events: none;
		background-color: #a2b3c5!important;
	}
	
	#main {
		width:94%;
		padding:0 3%;
	}
	#main img{
		width:100%;
		height: auto;
	}
	ul#gnav {
        display: none;
    }
	
	#return {
		width:46px;
        position: fixed;
        bottom: 50px;
        right: 2%;
	}
	#return a{
		display:inline-block;
		width:46px;
		height:46px;
		background: url(../img/btn_return_sp.png) center top no-repeat;
		background-size:46px;
	}
	#return a img{
		display:none;
	}
	#footer {
		height: 27px;
		width: 100%;
		padding: 5VW 0;
		background-color: #004DA0;
		text-align: center;
		color: #FFF;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 8px;
		line-height: 27px;
	}
    
    .rep .header__left h1 {
        font-size:18px;
    }
    .rep .header__left h1 span {
        font-size:15px;
    }
    .rep .header__left h1 span {
        padding-left: 0px;
        padding-right: 24px;
    }
    .rep .header__left h1 span {
        background: url("../img/c2.gif") right 3px top no-repeat;
        background-size: auto;
        padding-top: 2px;
    }
	
	#return.active {
		display:none;
	}
	
	.movie {
        width:100%;
		margin:30px auto 40px;
	}
	.movie_body {
        width:100%;
        padding: 20px 0%;
	}
	.movie_body iframe {
        width:100%;
		height:50VW;
	}
	
	.pc,
	.tb{
		display:none;
	}
}

@media screen and (max-width: 375px) {
#SMP------------------------{}
	#header {
		height: 84px;
	}
	.header__right {
    	width: 164px;
	}
	.header__left {
		width: calc(88.8% - 164px);
	}
}
@media screen and (max-width: 320px) {
#SMP------------------------{}/*iPhone SEサイズ*/
	.header__left h1{
		font-size:16px;
	}
	.header__left h1 span{
		font-size:13px;
	}
	.menu02 span,
	.menu05 span {
		font-size:11px;
	}
}

@media screen and (min-width: 768px) and (max-width: 834px){
#TABLET------------------------{}
	#header {
		width: 90%;
		height: 114px;
		margin:0 auto;
		padding:0 0%;
	}
	.header__left {
		float: left;
		width: 50%;
	}
	.header__left h1{
		margin-top: 30px;
		font-size:22px;
		line-height:33px;
	}
	.header__left h1 small{
		font-size:20px;
		display:block;
	}
	.header__left h1 br{
		display:none;
	}
    .header__left h1 span{
        padding-left:29px;
        background-size: 22px!important;
		background-position: left 4px top 0px;
    }
	.header__right {
		float: left;
        width: 230px;
        margin-top: 39px;
        padding-right: 4vw;
	}
	.header__right img{
		width: 100%;
		height: auto;
	}
	#menu {
		clear:both;
		width: 100%;
		position: static!important;
		background-color:#efefef;
        background-color: rgba(0,0,0,0.75);/*白50%*/
	}
	#menu ul {
		float: none;
		width: 100%;
		/*height: 94px;*/
		display: block;
		margin: 0 auto;
		padding: 0px 0% 0;
	}
	#menu ul li {
		/*height: 40px;*/
		margin: 0 0px 0px 0;
		font-size:18px;
		text-align:center;
		font-weight:bold;
		border-top:1px solid #000;
	}
	#menu ul li a{
		height: 60px;
		display:block;
		width:100%;
		line-height: 60px;
		color:#FFF;
		text-decoration: none;
		background-color:#004da0;
	}
	#menu ul li span{
		background-size: 18px;
		padding-left: 22px;
	}
	#menu ul li ul li{
	}
	#menu ul li ul li.sp{
		display:none;
	}
	#menu ul li.header__sns__sp {
		/*height: 40px;*/
		width:50px;
		background-color:transparent!important;
		float:left;
		padding-top:5VW;
		padding-left:calc(50VW - 75px);
		padding-right:20px;
	}
	#menu ul li.header__sns__sp img {
		width:100%;
		height:auto;
	}
	#menu ul li.header__sns__sp a {
		background-color:transparent!important;
	}
	#menu ul li.header__sns__sp:last-child {
		padding-right:calc(50VW - 75px);
		padding-left:20px;
	}
	
	.comming a.menu02 {
		pointer-events: none;
		background-color: #a2b3c5!important;
	}
	.comming a.menu04 {
		pointer-events: none;
		background-color: #a2b3c5!important;
	}
	
	#main {
		width:94%;
		padding:0 3%;
	}
	#main img{
		width:100%;
		height: auto;
	}
	ul#gnav {
        display: none;
    }
	
	#main {
		width:94%;
		padding:0 3%;
	}
	#main img{
		width:100%;
		height: auto;
	}
	
	#return {
		width:94%;
		/*margin:15px auto 15px;
		padding:0 3%;*/
		text-align:right;
        position: fixed;
        bottom: 68px;
        right: 2%;
	}
	#return a{
		display:inline-block;
		width:50px;
		height:50px;
		background: url(../img/btn_return_sp.png) center top no-repeat;
		background-size:100%;
	}
	#return a img{
		display:none;
	}
	#footer {
		height: 54px;
		width: 100%;
		background-color: #004DA0;
		text-align: center;
		color: #FFF;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 12px;
		line-height: 54px;
	}
	.report_box ul li img {
        width: auto !important;
    }
    .iconNew {
        width:35px;
    }
	
	#return.active {
		display:none;
	}
	
	.movie {
        width:100%;
		margin:30px auto 30px;
	}
	.movie_body {
        width:92%;
        padding: 20px 4%;
	}
	.movie_body iframe {
        width:100%;
		height:50VW;
	}
    
	.pc {
		display:none;
	}

/*.top #menu ul li .menu01,
.root #menu ul li .menu02,
.con #menu ul li .menu03,
.rep #menu ul li .menu04,
.faq #menu ul li .menu05,
.inq #menu ul li .menu06{
	background-color: #012477;
}*/
}

@media screen and (min-width: 835px) {
#PC------------------------{}
    body {
        overflow-x: hidden;
    }
	#header {
		text-align: left;
		width: 960px;
		height: 105px;
		margin:0 auto;
	}
	.header__left h1{
		margin-top: 42px;
		font-size:32px;
	}
	.header__left h1 small{
		font-size:32px;
	}
    .header__left h1 span{
        padding-left:40px;
    }
	.header__left {
		margin: 0em;
		padding: 0em;
		float: left;
		height: 75px;
		width: 590px;
		overflow: visible;
		display: block;
	}
	.header__right {
		float: left;
		overflow: hidden;
		display: block;
		margin:25px 40px 0 0;
		width:230px;
	}
	.header__sns {
		float: right;
		width:84px;
		margin-top:46px;
	}
	.header__sns li{
		float: left;
		width:32px;
		margin-left:10px;
	}
	.header__sns img{
		width: 100%;
		height: auto;
	}
	#menu {
		background-color: #004DA0;
		background: url(../img/menu_bg.gif) center top repeat-X;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		padding-top: 0px;
		padding-bottom: 0px;
		display: block;
		z-index: 999;
	}
	#menu > ul {
		float: none;
		width: 960px;
		overflow: hidden;
		height: 40px;
		display: block;
		margin: 0 auto;
		padding-top: 0em;
		padding-bottom: 0em;
		background: url(../img/menu_partition.gif) right top no-repeat;
	}
	#menu > ul > li {
		display: block;
		width: 137px;
		height: 40px;
		float: left;
		margin: 0 auto;
		padding-top: 0em;
		padding-bottom: 0em;
		overflow: hidden;
		background: url(../img/menu_partition.gif) left top no-repeat;
	}
	.menu_button {
		width: 192px;
		height: 40px;
		display: block;
		text-align: center;
		line-height: 37px;
	}
	.twolines .menu_button span {
		display:inline-block;
		padding: 5px 0 5px 28px!important;
	}
	.twolines .menu_button {
		line-height: 1.1em;
	}
	
	
	.comming a {
		pointer-events: none;
		background: url(../img/menu_none.gif) left top no-repeat;
	}
	.comming a.menu02 span {
  		background-position: left top 5px;
	}
	
	.comming a.menu04 {
		pointer-events: none;
		background: url(../img/menu_none.gif) left top repeat-X;
	}
	.comming a.menu04 span {
  		background-position: left top 5px;
	}
	
	#menu ul li a{
		display: block;
		width: 100%;
		height: 40px;
		text-decoration: none;
		color:#FFF;
		font-weight:bold;
		font-size:13px;
	}
	#menu > ul > li > a:hover{
		background-color: #012477;
	}
	#menu ul li span{
		display: inline-block;
		width: 7em;
		background-size:21px;
		padding:0px 0 0px 24px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#menu ul li > ul > li span{
		padding:5px 0 5px 0px;
	}
	
	#link_page_title {
		display: block;
		float: none;
		height: 60px;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		overflow: hidden;
	}
	.section_title {
		display: block;
		float: left;
		height: 40px;
		width: 100%;
		padding-bottom: 20px;
		overflow: hidden;
	}
	.section_title_small {
		display: block;
		float: left;
		height: 20px;
		width: 100%;
		padding-bottom: 10px;
		overflow: hidden;
	}
	.section_body {
		display: block;
		float: right;
		width: 940px;
		padding-bottom: 15px;
		padding-left: 20px;
		overflow: hidden;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}
	.section_body_18pt_22al {
		display: block;
		float: right;
		width: 940px;
		padding-left: 20px;
		overflow: hidden;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 18px;
		line-height: 22px;
		color: #000;
		font-weight: bolder;
	}
	.mar30px_60px {
		padding-bottom: 60px;
		padding-left: 30px;
		padding-top: 103px;
	}
	.section_body02 {
		display: block;
		float: right;
		width: 940px;
		padding-bottom: 30px;
		padding-left: 20px;
		overflow: hidden;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 14px;
		line-height: 22px;
		color: #000;
	}
	#section_body_wide430 {
		display: block;
		float: left;
		width: 430px;
		padding-bottom: 45px;
		padding-left: 20px;
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
	}
	#section_body_wide510_right {
		display: block;
		float: right;
		width: 510px;
		padding-bottom: 0px;
		overflow: hidden;
		padding-top: 70px;
		padding-right: 0px;
		padding-left: 0px;
		margin: 0px;
	}
	.ma10px {
		margin-bottom: 10px;
	}
	#section_title {
		display: block;
		margin: 0px;
		float: left;
		width: 100%;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		overflow: hidden;
	}

	#return {
		width:900px;
		margin:40px auto 0;
		text-align:right;
	}
	#footer {
		background-color: #004DA0;
		display: block;
		float: none;
		height: 32px;
		width: 100%;
		overflow: hidden;
		text-align: center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 10px;
		line-height: 12px;
		color: #FFF;
		padding-top: 20px;
	}

	a:hover img{
		opacity:0.75;
		-moz-opacity:0.75;
		filter:alpha(opacity = 75);
	}
	
	.sp,
	.tb {
		display:none;
	}

.top #menu ul li .menu01,
.root #menu ul li .menu02,
.con #menu ul li .menu03,
.rep #menu ul li .menu04,
.faq #menu ul li .menu05,
.gal #menu ul li .menu06,
.inq #menu ul li .menu07{
	background-color: #012477;
}
	
	.movie {
		width: 900px;
		margin:40px auto 0px;
	}
	.movie_body {
		width: 840px;
        padding: 30px 0;
	}
	.movie_body iframe {
		width: 672px;
		height:378px;
	}
}


.movie_body {
    /*background-color: #f1f1f1;*/
	text-align: center;
}
.movie_body img + p,
.movie_body iframe + p{
    text-align: center;
    margin-top:3px;
}

/*order*/
@media screen and (max-width: 767px) {
#SMP------------------------{}
	.order {
		width:94%;
		margin:8VW auto;
		box-sizing:border-box;
		padding:0px 0% 0VW;
	}
	.order .order__body {
		padding:5VW 4% 2VW;
	}
	.order h3 {
		margin:0 0;
		padding:12px 0;
		font-size:20px;
	}
	.order h4 {
		margin:0;
		font-size:16px;
	}
	.order h5 {
		margin:0;
		font-size:16px;
	}
	.order p {
		font-size:14px;
		margin:5px 0 15px;
	}
}

@media screen and (min-width: 768px) and (max-width: 834px){
#TABLET------------------------{}
	.order {
		margin-top:30px;
		box-sizing:border-box;
        width: 96%;
		margin: 30px auto 0;
	}
	
	.order {
		box-sizing:border-box;
        width: 96%;
        margin: 40px auto 0;
	}
	.order .order__body {
		padding:25px 22px 5px;
	}
	.order h3 {
		margin:0 0;
		padding:12px 0;
		font-size:24px;
	}
	.order h4 {
		margin:0;
		font-size:18px;
	}
	.order h5 {
		margin:0;
		font-size:18px;
	}
	.order p {
		font-size:16px;
		margin:5px 0 15px;
	}
}

@media screen and (min-width: 835px) {
#PC------------------------{}
	
	.order {
		box-sizing:border-box;
        width: 960px;
        margin: 40px auto 0;
	}
	.order .order__body {
		padding:25px 22px 5px;
	}
	.order h3 {
		margin:0 0;
		padding:12px 0;
		font-size:24px;
	}
	.order h4 {
		margin:0;
		font-size:18px;
	}
	.order h5 {
		margin:0;
		font-size:18px;
	}
	.order p {
		font-size:16px;
		margin:5px 0 15px;
	}
}
.order {
	border:3px solid #eb6ea5;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fef4f8;
}
.order h3{
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color: #eb6ea5;
    line-height:1;
}
.order h4{
	background-color: #e4007f;
	color:#fff100;
	padding:9px 1em;
    line-height:1;
}
.order h5{
	background-color: #e4007f;
	color:#fff100;
	padding:9px 1em;
    line-height:1;
}
.order p {
    line-height:1.56em;
}
/*order*/

/*alert*/
@media screen and (max-width: 767px) {
#SMP------------------------{}
	
	.alert {
		width:94%;
        margin:45px auto;
		box-sizing:border-box;
        font-size:15px;
	}
	.alert h3{
        width: 100%;
		padding:1em 0 ;
		line-height:1.5em!important;
	}
	.alert p{
        width: 100%;
		padding:1em 0 ;
		line-height:1.5em!important;
	}
}

@media screen and (min-width: 768px) and (max-width: 834px){
#TABLET------------------------{}
	.alert {
		width:94%;
		margin:20px auto 0;
		box-sizing:border-box;
        font-size:16px;
	}
    .alert br.sp {
        display:none;
    }
}

@media screen and (min-width: 835px) {
#PC------------------------{}
	
	.alert {
        width:840px;
        margin:45px auto;
		box-sizing:border-box;
	}
	.alert h3{
        width: 100%;
		padding:1em 0 ;
        font-size:24px;
	}
	.alert p{
        width: 100%;
		padding:1em 0 ;
        font-size:24px;
	}
}
.alert {
    text-align:center;
	line-height:2em;
}
.alert h3{
	border-radius: 12px 12px 0px 0px;
	-webkit-border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px;
    text-align:center;
	background-color: #e60012;
	font-weight:bold;
	color:#fff;
	margin-bottom:0;
}
.alert p{
	border-radius: 0px 0px 12px 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	-moz-border-radius: 0px 0px 12px 12px;
	background-color: #fff100;
	font-weight:bold;
	color:#000;
	margin-top:0;
}
/*alert*/


.menu01 span {
	background: url(../img/icon_menu01.png) left center no-repeat;
}
.menu02 span {
	background: url(../img/icon_menu02.png) left center no-repeat;
}
.menu03 span {
	background: url(../img/icon_menu03.png) left center no-repeat;
}
.menu04 span {
	background: url(../img/icon_menu04.png) left center no-repeat;
}
.menu05 span {
	background: url(../img/icon_menu05.png) left center no-repeat;
}
.menu06 span {
	background: url(../img/icon_menu06.png) left center no-repeat;
}
.menu07 span {
	background: url(../img/icon_menu07.png) left center no-repeat;
}

.del {
	color: #f00;
	text-decoration : line-through ;
}
.del span {
	color: #000;
}

.mt30 {
	margin-top:30px!important;
}
.mb30 {
	margin-bottom:30px!important;
}
.mb50 {
	margin-bottom:50px!important;
}

.red {
	color: #FF0000!important;
}
.blue {
	color: #004da0!important;
}
.purple {
	color: #fff!important;
	font-weight: bold;
	background-color:#e4007f;
	padding:2px 5px;
}
.skyblue {
	color: #fff!important;
	font-weight: bold;
	background-color:#00a0e9;
	padding:2px 5px;
}

.e87 {
	background: url("../img/icon_e87.png") left center no-repeat;
	padding:5px 0 5px 45px;
}
.e1 {
	background: url("../img/icon_E1.gif") left center no-repeat;
	padding:5px 0 5px 45px;
}
.e1a {
	background: url("../img/icon_e1a.png") left center no-repeat;
	padding:5px 0 5px 45px;
}
.e1aw {
	background: url("../img/icon_E1A.gif") left center no-repeat;
	padding:5px 0 5px 45px;
}
.e23 {
	background: url("../img/icon_E23.gif") left center no-repeat;
	padding:5px 0 5px 45px;
}
.e41 {
	background: url("../img/icon_E41.png") left center no-repeat;
	padding:5px 0 5px 45px;
}
.c1 {
	background: url("../img/icon_c1.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.c2 {
	background: url("../img/icon_c2.gif") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r1 {
	background: url("../img/icon_r1.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r2 {
	background: url("../img/icon_r2.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r3 {
	background: url("../img/icon_r3.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r4 {
	background: url("../img/icon_r4.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r5 {
	background: url("../img/icon_r5.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r6 {
	background: url("../img/icon_r6.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r11 {
	background: url("../img/icon_r11.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.r16 {
	background: url("../img/icon_r16.png") left center no-repeat;
	padding:7px 0 7px 30px;
}
.etc_limited {
	background: url("../img/ETC_limited.png") right center no-repeat;
	padding:7px 10px 7px 7px;
}

dl:after,
ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}