@charset "UTF-8";


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}

p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}

p {margin:0 0 0 0;}

ol,ul {list-style:none;}

fieldset,img {border:0; vertical-align:top;}

table {border-collapse:collapse; border-spacing:0;}

th {vertical-align:top; font-weight:normal;}

td {vertical-align:top;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

/* common */
/* -------------------------------------------------------- */
html{scroll-behavior:smooth;}
body {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#303030; text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6;}
input, select, textarea, button {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; line-height:1.2; vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}

img {border:0;}

body{font-family:Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri;}

.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }

li {
	list-style:none;
}

a:hover img.btn_couponcode01,
a:hover img.btn_couponcode02,
a:hover img.btn_couponcode03,
a:hover img.btn_showcase {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background-color:#fff;
}

.shoplist_link a:hover,
.sim_pack a:hover,
.sim_travel a:hover,
.sim_service a:hover {
	color:#e7198c;
}

.pagetop {
  position: relative;
  width: 960px;
  margin: 0 auto;
}

.pagetop a {
  position: absolute;
  top: -42px;
  right: 0;
}

.alert_green{
	color: #009944;
	font-weight: bold;
	text-indent: -7px;
}

@media screen and (min-width:641px) {

/* header */
/* -------------------------------------------------------- */

.smp {
	display:none;
}

header {
	width:100%;
}

.top_pic {
	background-image: url(/campaign/sej/images/seven_toppic_sej1906.png);
	background-repeat:no-repeat;
	background-position: center center;
	height:811px;
	position:relative;
}

.header_logo {
	width:960px;
	margin:10px auto;
	display:block;
}

.logo {
}

.seven_only {
	position:absolute;
	right:0px;
	top:-20px
}

.btn_seven01 {
	left: 50%;
    margin-left: -480px;
    position: absolute;
    bottom: 40px;
}

/* contents */
/* -------------------------------------------------------- */

.sevenbtn_Area {
	width:960px;
	margin:0 auto;
}

.section04,
.section05,
.section06,
.section07,
.section08,
.section09 {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.btn_seven02 {
	padding-bottom:30px;
}

.section01,
.section02,
.section03 {
	margin:0 auto 30px;
	width:960px;
}
.section02 {
	position:relative;
}
.howto_btn {
    bottom: 20px;
    left: 325px;
    position: absolute;
}

.section03 {
	position:relative;
	margin:0 auto 30px;
	width:960px;
}

.btn_couponcode01,
.btn_couponcode02,
.btn_couponcode03 {
	position:absolute;
	bottom: 30px;
	width:294px;
}
.btn_couponcode01 {
	left: 30px;
}
.btn_couponcode02 {
	left: 333px;
}
.btn_couponcode03 {
	right: 30px;
}

.section04 {
	background-color: #e8e8e8;
	padding:30px 0;
}

.showcase {
	width:960px;
	margin:0 auto;
	display:block;
	position:relative;
}

.btn_showcase {
	position:absolute;
	left: 137px;
    bottom: 120px;
}

.sevenbtn_Area {
    margin: 0 auto;
    width: 960px;
}

h1 {
    color: #009944;
    font-size: 24px;
    line-height: 38px;
	width: 940px;
	margin:0 auto 30px;
	letter-spacing: 0.2em;
	font-weight:bold;
}

.section05 {
	width:960px;
	margin:0 auto;
	background-image:url(/campaign/sej/images/pic_shoplist.png);
	background-repeat:no-repeat;
	padding-bottom:30px;
	height:188px;
	position:relative;
}
.shoplist_link {
	background-image: url(/campaign/sej/images/arrow-right.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    color: #009944;
    font-size: 18px;
    padding-left: 30px;
    position: absolute;
    right: 50px;
    top: 110px;
}

.section06 {
	border-top:	1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.summary {
	width:960px;
	margin:0 auto;
	padding:50px 0;
	display:block;
}

.section07 {
	width:960px;
	margin:0 auto;
	padding:50px 0;
	display:block;
	position:relative;
}

.section07 p {
	font-size:14px;
	text-align:center;
}

.sim_pack, .sim_travel, .sim_travel2, .sim_service {
	background-image: url(/campaign/sej/images/arrow-right.png);
    background-position: 0 5px;
    background-repeat: no-repeat;
	background-size:15px;
    color: #009944;
    padding-left: 20px;
    position: absolute;
}

.sim_pack {
	left: 20px;
	bottom: 90px;
}

.sim_travel {
    left: 325px;
    bottom: 100px;
}

.section07 .sim_travel2 {
	left: 325px;
	bottom: 65px;
	width: 200px;
	text-align: left;
	line-height: 1.0;
}

.sim_service {
    right: 160px;
    bottom: 90px;
}

.section08 {
	background-color: #e8e8e8;
	padding:30px 0;
}

h3 {
    color: #009944;
    font-size: 24px;
    line-height: 38px;
	width: 940px;
	margin:0 auto 30px;
	letter-spacing: 0.2em;
	font-weight:bold;
	text-align:center;
}

h4 {
    color: #009944;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 6px;
}

.section09 {
	width:960px;
	margin:0 auto;
	display:block;
}

.text_bottom {
	font-size:14px;
}

/* table */
/* -------------------------------------------------------- */

.sej-table tr:last-child{
	border-bottom: 1px solid #009944;
}

.sej-table th,
.sej-table td {
	padding:20px 50px;
	font-size:13px;
	border-top:1px solid #009944;
}

.sej-table th {
	color:#009944;
	text-align:center;
	width:30%;
	border-right:1px solid #009944;
	vertical-align:middle;
	letter-spacing: 0.2em;
	font-weight:bold;
}

/* FAQ */
/* -------------------------------------------------------- */

dl{
     width:960px;
	 margin:0 auto;
	 display:block;
	 text-align: left;
}

dl dt, dl dd {
	font-size:13px;
	padding:3px 0 30px 40px;
}

dl dt {
	background-image:url(/campaign/sej/images/pic_Q.png);
	background-repeat:no-repeat;
	background-size: 20px;
	background-position: 2px 0;
}

dl dd {
	background-image:url(/campaign/sej/images/pic_A.png);
	background-repeat:no-repeat;
	background-size: 23px;
	background-position-y: 10px;
}

/* footer */
/* -------------------------------------------------------- */
#footer {background: url(../images/footer-back.png) repeat-x; height:184px; position: relative;}
#footer .inr1 {max-width:960px; margin:0 auto; padding:45px 0; position:relative;}
#footer .inr1 .ftlogo{ float:left;}
#footer .inr1 .ftinfo{ float:left; color:#fff;}
#footer .inr1 .sns{ float:right; width:130px;}
#footer .inr1 .ftinfo .link a{ padding:0 0 0 18px; text-decoration:none; color:#fff; background: url(../images/f-mini-icon.jpg) no-repeat 2px center; display:block;}
#footer .inr1 .ftinfo .link a:hover{ color:#e7198c;}
#footer .inr1 .ftinfo .txt{ padding-bottom:5px;}
#footer .inr1 .ftinfo .link{ padding-bottom:5px;}
#footer .inr1 .ftinfo .copyright{ color:#666; font-size:10px;}
#footer .inr1 .sp {display:none;}

body.w3 #footer .inr1 {max-width:300px; padding:40px 0 0; position:relative;}
body.w3 .inr1 .ftlogo{ float:left; width:30%;}
body.w3 #footer .inr1 .ftlogo img{ width:92px;}
body.w3 #footer .inr1 .ftinfo{ font-size:7px; width:70%;}
body.w3 #footer .inr1 .ftinfo .link{ padding-bottom:20px;}
body.w3 #footer .inr1 .sns{ float:none; text-align:center; width:100%;}
body.w3 #footer .inr1 .copyrightsp{ color:#fff; font-size:10px; text-align:center; padding:10px 0 10px;}

body.w3 #footer .inr1 .sp {margin:0 auto; display:block;}
body.w3 #footer .inr1 .pc {display:none;}

/* clear */
/* -------------------------------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

}

@media screen and (max-width:640px) {

/* common */
/* -------------------------------------------------------- */

.pc {
	display:none;
}

html, body {
	max-width:640px;
	width:100%;
}

body {
	font-size:12px;
	font-family:"?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
	color:#303030;
	box-sizing:border-box;
}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2em;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.6em;}
img {border:0;}

.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }

li {
	list-style:none;
	font-size:13px;
}

a:hover img.btn_couponcode01,
a:hover img.btn_couponcode02,
a:hover img.btn_showcase {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.shoplist_link a:hover,
.sim_pack a:hover,
.sim_travel a:hover,
.sim_service a:hover {
	color:#e7198c;
}

.wrap {
	overflow:hidden;
}

.pagetop {
    position: absolute;
    right: 10px;
}

.pagetop a {
  position: absolute;
  top: -42px;
  right: 0;
}

/* header */
/* -------------------------------------------------------- */

header {
	width:100%;
}

.top_pic {
	width:100%;
	position:relative;
}

.top_pic .smp img {
	width:100%;
}

.header-logo {
	max-width:640px;
	margin:15px auto;
	display:block;
}

.logo {
    margin: 10px;
    width: 296px;
}

.seven_only {
    right: 10px;
    max-width: 90px;
    position: absolute;
    top: -40px;
    width: 25%;
}

.btn_seven01 {
    bottom: 10px;
    display: block;
    left: 50%;
    margin-left: -47%;
    position: absolute;
    width: 95% !important;
}

/* contents */
/* -------------------------------------------------------- */

.sevenbtn_Area {
	margin:0 auto 30px;
	width:94%;
	display:block;
}

.section01,
.section02,
.section03,
.section04,
.section05,
.section07,
.section08,
.section09 {
	margin-bottom:30px;
}

.section01,
.section02,
.section03 {
	max-width: 640px;
	width:100%;
}

.section02 {
	position:relative;
}

.pic01, .pic02, .pic03 {
	width: 90%;
	margin:0 auto;
	text-align:center;
	display:block;
}

.section03 {
    display: block;
    margin: 0 auto 30px;
    position: relative;
}

.btn_couponcode01,
.btn_couponcode02,
.btn_couponcode03 {
    left: 50%;
    margin-left: -33%;
    position: absolute;
    width: 70%;
}
.btn_couponcode01 {
	bottom: 12%;
}
.btn_couponcode02 {
	bottom: 6.5%;
}
.btn_couponcode03 {
	bottom: 1%;
}

.howto_btn {
    bottom: 8%;
    left: 10%;
    position: absolute;
    width: 80%;
}

.section04 {
    background-color: #e8e8e8;
    max-width: 640px;
    padding: 30px 0;
    width: 100%;
}

.btn_seven02_sp {
    display: block;
    margin: 0 auto;
    width: 95%;
}

.showcase_coda {
	position:relative;
}

.showcase_Img {
	display: block;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}

.btn_showcase {
    bottom: 5%;
    left: 50%;
    margin-left: -40%;
    position: absolute;
    width: 80%;
}

.showcase p {
    margin: 30px auto 0;
    width: 85%;
}

h1 {
    color: #009944;
    font-size: 24px;
    font-weight:bold;
    line-height: 38px;
	text-align:left;
	margin:0 20px 10px;
	letter-spacing: 0.2em;
}

.section05 {
    position: relative;
}

.section05 > img {
    display: block;
    margin: 0 auto;
    width: 95%;
}

.shoplist_link {
    background-image: url(/campaign/sej/images/arrow-right.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10% auto;
    font-size: 3vw;
    padding: 5%;
    position: absolute;
    right: 5%;
    top: 40%;
}

.section06 {
	border-top:	1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 30px 0;
}

.summary {
    margin: 0 auto 30px;
}

th, td {
	display:block;
	width:100%;
}

th {
    border-top: 1px solid #009944;
    color: #009944;
    font-size: 18px;
    font-weight: bold;
    line-height: 2em;
    margin-left: 20px;
    padding-top: 10px;
    text-align: left;
    width: 90%;
}

td {
    font-size: 13px;
    margin-left: 20px;
    padding: 0 0 10px;
    width: 90%;
}

h2 {
    color: #009944;
    font-size: 18px;
    font-weight:bold;
    line-height:2em;
	border-top: 1px solid #009944;
	margin: 0 20px;
	padding-top:10px;
}

.summary p, .summary ul {
    font-size: 21px;
    margin: 0 20px;
    padding: 0 0 10px;
	line-height:1.2em;
}

.summary ul {
	margin:0;
}

.section07 {
	width:100%;
	margin:0 auto;
	padding:30px 0;
	display:block;
}

.sec_txt {
	font-size:120%;
    margin: 0 20px 30px;
}

.sim_Img {
    margin: 0 auto;
    text-align: center;
    width: 95%;
	position:relative;
}

.sim_pic {
	width:90%;
	margin:0 auto;
}

.sim_pack, .sim_travel, .sim_travel2, .sim_service {
	background-image: url(/campaign/sej/images/arrow-right.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    color: #009944 !important;
    padding-left: 20px;
    position: absolute;
	left: 10%;
	font-size: 3vw;
}

.sim_pack {
	top: 20%;
}

.sim_travel {
 	bottom: 42%;
}

.sim_travel2 {
 	bottom: 34%;
}

.sim_service {
	bottom: 7%;
}

.section08 {
	background-color: #e8e8e8;
	padding:30px 0;
}

h3 {
    color: #009944;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 20px 30px;
}

h4 {
    color: #009944;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 6px;
}

.section09 {
	margin:0 20px 30px;
	overflow: hidden;
	display:block;
}

.text_bottom {
	font-size: 14px;
}

/* FAQ */
/* -------------------------------------------------------- */

dl{
	 text-align: left;
	 margin: 0 20px;
}

dl dt, dl dd {
	font-size: 13px;
	padding:0 0 20px 50px;
	font-weight:normal;
	line-height:1.2em;
}

dl dt {
	background-image:url(/campaign/sej/images/sp/pic_q_sp.png);
	background-repeat:no-repeat;
	background-position:4px 0;
}

dl dd {
	background-image:url(/campaign/sej/images/sp/pic_a_sp.png);
	background-repeat:no-repeat;
	background-position-y: 10px;
}

/* footer */

#footer { background:#271e23 url(/campaign/sej/images/sp/footer-back.png) repeat-x; height:auto;}
#footer .inr1 {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
    padding: 40px 0 0;
}

.ft_main {
	margin:0 auto;
	display:block;
	width:570px;
}
#footer .inr1 .ftlogo{ float:left; }
#footer .inr1 .ftinfo{
    float: left;
    max-width: 500px;
    width: 50%;
}
#footer .inr1 .ftinfo .txt { font-size:10px; color:#fff; }
#footer .inr1 .ftinfo .link a{
	color:#fff;
	background:url(/campaign/sej/images/sp/ico04.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	padding:0 0 20px 20px;
}
#footer .inr1 .sns{
	clear:both;
	text-align: center;
	padding-top: 10px;
}
#footer .inr1 .copyright{
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:10px 0 10px;
	margin:0 auto;
	clear:both;
}

.copyrightsp {
	text-align:center;
	color:#fff;
	padding:10px 0;
}

/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */
iframe[width="300"] {
  display:none;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

}

/* flexボックス */
.row {display: -webkit-flex;display: flex;flex-wrap: wrap;}
@media screen and (min-width: 641px) {
  .flex,.flex-sp {display: -webkit-flex;display: flex;}
}
.col-9{width:75%;}.col-8{width:66.6%;}.col-6{width:50%;}.col-4{width:33.3%;}.col-3{width:25%;}
@media screen and (max-width: 640px) {
  .flex-sp {display: -webkit-flex;display: flex;}
  .col-9,.col-8,.col-6,.col-4,.col-3{width:96%;margin:2%;}
  .col-9-sp{width:75%;}.col-8-sp{width:66.6%;}.col-6-sp{width:44%;}.col-4-sp{width:33.3%;}.col-3-sp{width:25%;}
}
.flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex-nowrap {-webkit-flex-wrap:nowrap;flex-wrap:nowrap;}
.flex-between{-webkit-justify-content:space-between;justify-content:space-between;}/*両端等間*/
.flex-around{-webkit-justify-content:space-around;justify-content:space-around;}/*等間*/
.flex-center{-webkit-justify-content:center;justify-content:center;}/*中央寄せ*/
.flex-middle{-webkit-align-items: center;align-items: center;}/*縦中央*/
.flex-right{-webkit-justify-content:flex-end;justify-content:flex-end;}/*右寄せ*/

.what-box{
  padding: 1rem 0 1rem 1rem;
  line-height: 1.5rem;
  border-right:1px solid #008CD6;
  width: 33.3%;
  align-items: center;
}
.what-box a.ar_link{
  color: #333;
  text-decoration: underline;
  padding: 1rem 15px;
  display: block;
}
.what-box a.ar_link:hover{
  color: #e7198c;
}
.what-box a.ar_link2{
  margin-top: -1.5rem;
}
@media screen and (max-width: 640px) {
  .what-box{
    width:100%;
    border-bottom:1px solid #008CD6;
  }
}

/* テキスト */
.text-center{text-align:center;}
.text-left{text-align:left;}
@media screen and (max-width: 640px) {
  .text-center-sp{text-align:center;}
  .text-left-sp{text-align:left;}
}

/*  共通カラー*/
.text-white{color:#FFF;}
.text-red{color:#E00;}
.text-pink{color:#FA4E9E;}
.text-blue{color:#008CD6;}
.text-yellow{color:#FF0;}
.bg-white{background:#FFF;}
.bg-mio{background:#FA4E9E;}
.bg-glay{background:#EEE;}
.bg-lightyellow{background:#F5F2E9;}
.border-color-mio{border-color: #FA4E9E;}