@charset "utf-8";

/* 共通
---------------------------------------------- */

/* 余白調節 */
.ui-content {
padding-top:0;
}
.yohakuReset {
width:calc(100% + 30px);
margin-left:-15px;
}

/* スマホ非表示・特有 */
.sp_none {
display:none;
}
.nomal_p{
 width: 94%;
 margin: 0 auto 0.5em auto;
 display: block;
}

/* 高汎用 */
.centering {
 text-align: center;
}
.font80 {
 font-size: 85%;
}
.font_bold {
 font-weight: 900;
}
.font_bold_110 {
 font-weight: 900;
 font-size: 110%;
}
.font_red {
 color: #e23410;
}
.font_bold_red {
 font-weight: 900;
 color: #e23410;
}
.font_lightyellow {
 color: #fff28b;
}
.font_bold_red_130 {
 font-weight: 900;
 color: #e23410;
 font-size: 125%;
}
.font_bold_red_130m {
 font-weight: 900;
 color: #e23410;
 font-size: 125%;
 background: linear-gradient(transparent 50%, #fff28b 50%);
}
.font_bold_red_underline {
 font-weight: 900;
 color: #e23410;
 text-decoration: underline;
}
.font_red_80{
 color: #f00;
 font-size:80%;
}
.font_white_80{
 color: #fff;
 font-size:80%;
}
.pagelink{
	color: #388bdb!important;
	font-weight: 700;
	text-decoration: underline;
	padding-left:1.6em;
	background-image:url(/media/assets/img/common/icon71.png);
	background-size:1.2em;
	background-repeat: no-repeat;
}
.no_margin {
 margin: 0 !important;
}

/* リンクチップ */
.linkChip {
z-index: 3;
position:fixed;
width:100%;
text-align:center;
left:0;
bottom:0;
background-color:#cf2e39;
}
.linkChip > a {
display:block;
border-top:2px solid #fff;
color:#fff!important;
text-shadow:1px 1px 0px #000;
font-size:120%;
font-weight:900;
padding:0.2em 1em;
line-height:1.3em;
box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.linkChip span.c_yellow{
 color: #ffff73;
}
.linkChip span.small{
	font-size:80%;
}
.linkChip img{
	vertical-align:middle!important;
	margin-left:0.5em;
}

/* パンくず */
#breadCrumb {
margin:0 auto;
}
#breadCrumb ol {
position: relative;
padding: 4px 10px 6px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #fefefe;
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);
line-height: 1.4;
z-index: 10;
}
#breadCrumb ol li {
display: inline-block;
padding: 0 0.5em 0 10px;
background: url(/ssi/event/yoyaku_system/mae/img/icon_arrow_03.png) 0 50% no-repeat;
background-size: 4px 7px;
font-size: 10px;
}
#breadCrumb ol li,#breadCrumb ol li a {
/*padding: 10px 0;*/
}
#breadCrumb ol li:first-of-type {
padding-left: 0;
	background-image: none;
}

/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
#other_service {
 width: 100%;
 margin: 0 0 4em 0;
 padding: 1em 0;
 background-color: #ECECEC;
 border-top: 3px solid #212121;
 border-bottom: 3px solid #212121;
}
#other_service div {
 width: 90%;
 margin: 0 auto;
 height: auto;
 text-align: center;
}
#other_service a {
 display: block;
 float: left!important;
 width: 32%;
 margin: 0 0.5% 0.2em 0.5%;
}
#other_service div.before {
 margin: 0 auto 0.5em auto;
 border-bottom: 1px dotted #333;
}
#other_service img {
 width: 100%;
}
#other_service h6 {
 font-weight: 900;
 font-size: 11pt;
 display: block;
 margin: 0 auto 0.5em auto;
 padding: 0;
}


/* コンテンツ全体、MV
---------------------------------------------- */
.gouhatsu {
 width: 100%;
 padding: 0;
 margin: 0 auto;
 transition: ease-in-out 1.4s;
 background-color: #f7f3ed;
 line-height: 1.9em !important;
	letter-spacing:0.1rem;
 font-size: 12pt;
 transition: 0s;
 background-image: url("/ssi/event/yoyaku_system/mae/img_2026/bg_koushi.png");
}
.gouhatsu .keyV {
 width: 100%;
 padding: 0;
 /*margin-top: 20px;*/
}
.gouhatsu .keyV .inner {
 width: 93%;
 height: auto;
 margin: 0 auto;
 padding: 0;
}
.pageTitle{
	margin:0!important;
}

/* .common_tit(汎用タイトル：桜スタンプ＋リボン)
---------------------------------------------- */
.common_tit,
.first_tit,
.yakan_tit {
 width: 74%;
 height: auto;
 font-size: 110%;
 font-weight: 900;
	line-height:1.4em;
 display: block;
 margin: 2em auto 1em;
 padding: 0.5em 4% 0.8em 14%;
 background-image: url("/ssi/event/yoyaku_system/mae/img_2026/sp/bg_contenttit.png");
	background-size:100% 100%!important;
 background-repeat: no-repeat;
 position: relative;
}
.first_tit span{
	color:#e23410;
	font-size:120%;
}
.sakura_stamp{
	display: block;
	width:2.2em;
	height: auto;
	position: absolute;
	top:0;
	left:2%;
}

/* #ver_tit(旧汎用タイトル：桜)
---------------------------------------------- */
.ver_tit {
 width: 93%;
 height: auto;
 font-size: 130%;
 font-weight: 900;
 display: block;
 margin: 1em auto 0!important;
 padding: 0.5em 0.5em 1.8em;
 line-height:1.3em!important;
 background-image: url("/ssi/event/yoyaku_system/mae/img_2026/sp/tit_back.png");
 background-repeat: no-repeat;
 position: relative;
 background-size:100% 100%;
}
.ver_tit img {
 width:2em;
 position: absolute;
 left: -4px;
 top: -20px;
}

/* .section（汎用枠）
---------------------------------------------- */
.section,
.section_first{
 width: 88%;
 margin: 0 auto;
 padding: 0;
}
.section_first p {/*冒頭の挨拶*/
 margin: 0 0 1em 0;
}
.section_first a.link_blank{
	color: #388bdb;
	text-decoration: underline;
	margin-right:0.2em;
	padding-right:1.5em;
	background-image:url(/media/assets/img/common/icon48.png);
	background-size:1.2em auto;
	background-position:right center;
	background-repeat: no-repeat;
}

/* #doga（動画枠）
---------------------------------------------- */
#doga {
 width: 100%;
 padding: 1em 0 0;
 margin-top: 2em;
 background-color: #edd9ad;
 border-top: solid 2px #fff;
 border-bottom: solid 2px #fff;
}
#doga div {
 width: 94%;
 margin: 0 auto;
}
#doga h2{
	font-size:100%;
	line-height: 1.6em;
}
.movieSec .movieUl > li {
 width: 100% !important;
}
.movieSec .movieUl>li.m_chushaku{
	background:none;
	height:3em!important;
}
.movieSec .movieUl>li.m_chushaku p{
	font-size:90%;
	line-height:1.6em;
	margin: 1em 0 0;
	padding-left:2em;
	background-image:url(/area/images/ico_blank_02.svg);
	background-repeat: no-repeat;
	background-size:1.8em auto;
	background-position:0 2px;
}

/*画像横スクロールレスポンシブ
----------------------------------------*/
.img_slide_of1,
.img_slide_of2{
	width: auto;
 margin: auto;
 overflow: hidden;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 scrollbar-face-color:#fffcd6;
}
.img_slide_of1 img {
 height: auto;
 max-width: none;
 width: 600px;
}
.schedule{
	position: relative;
}
.swipe{
	position: absolute;
	top:-2em;
	left:0;
	width:6em;
	height:5em;
	background-image:url(/ssi/event/yoyaku_system/mae/img_2026/sp/figure_swipe.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}

/* #waku_gouhatsu
---------------------------------------------- */
#waku_gouhatsu, #waku_onlinesearch {
 width: 100%;
 background-color: #fff;
 background-position: 0 top;
 margin: 5em auto;
 padding: 0 0 1em;
 position: relative;
 border-radius: 10px;
 box-shadow: 0 3px 6px #bcb5b0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
#waku_heigan {
 width: 100%;
 background-color: #fff;
 background-position: 0 top;
 margin: 5em auto 2em;
 padding: 0;
 position: relative;
 border-radius: 10px;
 box-shadow: 0 3px 6px #bcb5b0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.heigan_end{
	position:absolute;
	left:0;
	top:14em;
	width:100%;
	height:40em;
	background-color:#000;
	opacity:0.7;
}
.heigan_end p{
	color: #fff!important;
	line-height:2em;
	font-weight: 700;
	font-size:140%;
	margin: 40px;
	text-align:center;
}
img.sashie1 {
	width:6em;
 position:absolute;
	top:-4.5em;
	left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.gouhatsu_tit_orange {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_gouhatsu.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 90px;
 left: 0;
 width: 100%;
 height: 4em;
}
.gouhatsu_tit_orange p {
 color: #fff;
 padding: 16px 0 0 2.5em;
 font-size: 140%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb01.png);
 background-repeat: no-repeat;
 background-position: 0.8em 0.2em;
}
.brown_tit {
	text-align:center;
 border-radius: 10px 10px 0 0;
 margin: 0;
 padding: 1em 3% 2em;
 background-color: #3b3633;
 font-size: 120%;
 font-weight: 700;
 height: 40px;
 width: 94%;
 color: #fff;
}
.brown_tit span {
 border-bottom: 3px dotted #fff;
}
.yellow_tit {
 margin: 0;
 padding: 4.6em 3% 0.8em;
 background-color: #fff28b;
 font-size: 90%!important;
 font-weight: 900;
 height: auto;
 width: 94%;
 font-size: 120%;
 font-weight: 700;
 text-align: left;
}
.yellow_tit span, .yellow_tit_p05 span {
 border: 2px solid #000;
 border-radius: 10px;
 padding: 0.15em;
 margin: 0 0.5em 0 0;
}
.yellow_tit_p05 {
 margin: 3em 0 0 0;
 padding: 2.6em 3% 0.5em;
 background-color: #fff28b;
 font-size: 90%!important;
 font-weight: 900;
 height: auto;
 width: 94%;
 font-size: 120%;
 font-weight: 700;
 text-align: left;
}
ul.pieces {
 width: 94%;
 margin: 1em auto 0;
}
ul.pieces_p05{
 position: relative;
 width: 94%;
 margin: 1em auto 0;
}
ul.pieces_p06{
 position: relative;
 width: 94%;
 margin: 1em auto 0;
	padding-top:60px;
}
ul.pieces_p07{
 position: relative;
 width: 94%;
 margin: 1em auto 0;
	padding-top:60px;
}
ul.pieces img {
 margin: 1em 0 0 0;
}
#waku_onlinesearch ul.pieces li{
	border: none!important;
}
ul.pieces li{
 margin: 0;
 border-bottom: 1px solid #e1dbcf;
 padding: 0 0 1.5em;
}
ul.pieces_p05 li,
ul.pieces_p06 li,
ul.pieces_p07 li{
 margin: 1em auto;
 padding: 0 0 1.5em;
}
ul.pieces li.piece2 {
 float: none;
	clear:left;
 width: 100%;
 border-bottom: 1px solid #e1dbcf;
 padding: 1.5em 0;
}
ul.pieces li.piece3 {
 float: none;
	clear:left;
 width: 100%;
 border-bottom: none;
 padding: 1.5em 0 0 0;
}
#waku_gouhatsu ul.pieces li p {
 width: auto;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_orange.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
/* #waku_onlinesearch
---------------------------------------------- */
#waku_onlinesearch .brown_tit {
 margin-bottom: 5em !important;
}
img.sashie2 {
 width:7em!important;
 position:absolute;
	top:-4.5em;
	left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.gouhatsu_tit_yellow {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_onlinesearch.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 90px;
 left: 0;
 width: 97%;
 height: 6em;
	padding:0 3% 0 0
}
.gouhatsu_tit_yellow p {
 text-shadow: 0px 0px 3px #666;
 color: #fff;
 padding: 15px 0 0 2em;
 font-size: 130%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb02.png);
 background-repeat: no-repeat;
 background-position: 0.3em 0.4em;
	background-size:1.8em;
}
.gouhatsu_tit_bluepurple {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_yakandenwa.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 0;
 left: -3%;
 width: 100%;
 height: auto;
}
.gouhatsu_tit_bluepurple p {
 color: #fff;
	line-height:1.4em;
	text-indent:1.5em;
 padding: 1em 3%!important;
 font-size: 110%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_moon.png) !important;
 background-repeat: no-repeat;
 background-position: 10px 17px !important;
}
.gouhatsu_tit_lightblue {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_shitami.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 0;
 left: -3%;
 width: 97%;
	padding-right:3%;
 height: 6em;
}
.gouhatsu_tit_lightblue p {
 color: #fff;
 padding: 15px 0 0 70px;
 font-size: 130%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_walk_woman.png) !important;
 background-repeat: no-repeat;
 background-position: 10px 7px !important;
 background-size: 1em !important;
}
ul.pieces li.p01 p {
 width: auto;
 margin-bottom: 1em;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_yellow.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
ul.pieces li.p01 img {
 width: 50% !important;
 float: right;
 margin-left: 1em;
}
ul.pieces li.p02 {
 position: relative;
 float: none;
 width: 100%;
 border-bottom: 1px solid #e1dbcf;
 padding: 7em 0 0;
}
ul.pieces li.p02 p {
 width: auto;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_bluepurple.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
.yakan_end{
	position:absolute;
	left:0;
	top:5em;
	width:100%;
	height:80%;
	background-color:#000;
	opacity:0.7;
}
.yakan_end p{
	color: #fff!important;
	line-height:1.6em;
	font-weight: 700;
	font-size:130%;
	margin: 120px 10px 10px;
	text-align:center;
	background:none!important;
	padding:0!important;
}
ul.pieces li.p03 {
 position: relative;
 float: none;
 width: 100%;
 border-top: 1px solid #e1dbcf;
 padding: 6.5em 0 0;
	margin-top:1em;
}
ul.pieces li.p03 p {
 width: auto;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_lightblue.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
ul.pieces li.p03 p a{
	padding-right:1.4em;
	margin-right: 0.3em;
	background-image: url(/media/assets/img/common/icon27.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: right 2px;
	font-weight: 700;
	color: #00b7ee;
}
a.self_kengaku{
	display:none;
}
ul.pieces li.p04 {
 border: none !important;
}
ul.pieces li.p04 p {
 width: auto;
 margin-bottom: 1em;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_green.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
img.sashie_p04 {
 width: 100%;
 float: none;
 margin: 0 auto 1em;
}
ul.pieces_p05 li p {
 width: auto;
 margin-bottom: 1em;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_lightgreen.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
ul.pieces_p06 li p {
 width: auto;
 margin-bottom: 1em;
 padding-left: 1.4em;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_arrow_pink.png);
 background-repeat: no-repeat;
 background-size: 1.2em;
 background-position: 0 4px;
}
/* #waku_heigan
---------------------------------------------- */
img.sashie3 {
 width:5em!important;
 position:absolute;
	top:-4.7em;
	left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.gouhatsu_tit_green {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_heigan.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 90px;
 left: 0;
 width: 100%;
 height: 4em;
}
.gouhatsu_tit_green p {
 color: #fff;
 padding: 15px 0 0 2em;
 font-size: 150%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb03.png);
 background-repeat: no-repeat;
 background-position: 0.3em 0.4em;
	background-size:auto 90%;
}
.gakuman_icons,
.gakuman_icons2 {
 background-color: #ecf1f2;
 padding: 18px 3% 6px;
 border-radius: 10px;
 width: auto;
}
.gakuman_icons img,
.gakuman_icons2 img{
 width: 5em !important;
 margin: 0 2% 0 !important;
}
.gakuman_icons p,
.gakuman_icons2 p{
 clear:both;
 display: block;
 font-weight: 700;
 padding: 0 !important;
 background: none !important;
 line-height: 1.4em;
 margin-top: 1em;
}
.btn_green {
 display: block;
 width: 80%;
 text-align: center;
 margin: 1em auto 0;
 padding: 0.5em 6%;
 background: #32b16c; /*ボタン色*/
 color: #FFF !important;
	line-height:1.6em;
	font-weight: 700;
 border-bottom: solid 4px #1c7b47;
 border-radius: 10px;
}
.btn_green img {
 width: 1.2em !important;
 vertical-align: center;
 margin-left: 0.5em !important;
 margin-top: 0.4em !important
}
.btn_green:active,
.btn_lightgreen:active,
.btn_pink:active{
 -webkit-transform: translateY(4px);
 transform: translateY(4px); /*下に動く*/
 border-bottom: none; /*線を消す*/
}
.gouhatsu_tit_lightgreen {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_slidesystem.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: -7.7em;
 left: -3%;
 width: 100%;
 height: 4em;
}
.gouhatsu_tit_lightgreen p {
 color: #fff;
 padding: 15px 0 0 2em;
 text-shadow: 0px 0px 3px #666;
 font-size: 140%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb04.png);
 background-repeat: no-repeat;
	background-size:auto 90%;
 background-position: 0.3em 0.4em;
}
.slide_icon {
 background-color: #ecf1f2;
 padding: 5px 3%;
 border-radius: 10px;
 width: auto;
}
.slide_icon img {
 width: 3.5em !important;
 margin-right: 5px;
}
.slide_icon p {
 float: right;
 display: block;
 font-weight: 700;
 width: 75% !important;
 padding: 0 !important;
 background: none !important;
 line-height: 1.4em;
 margin-top: 0.3em;
}
.btn_lightgreen {
	text-shadow: 1px 1px 1px #000;
 background: #b3d465; /*ボタン色*/
 border-bottom: solid 4px #758f37;
	display: block;
 width: 80%;
 text-align: center;
 margin: 1em auto 0;
 padding: 0.5em 6%;
 color: #FFF !important;
	line-height:1.6em;
	font-weight: 700;
 border-radius: 10px;
}
.btn_lightgreen img {
 width: 1.2em !important;
 vertical-align: center;
 margin-left: 0.5em !important;
 margin-top: 0.4em !important
}
.gouhatsu_tit_pink {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_harukara.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 0;
 left: -3%;
 width: 100%;
 height: 4em;
}
.gouhatsu_tit_pink p {
 color: #fff;
 padding: 15px 0 0 2em;
 text-shadow: 0px 0px 3px #666;
 font-size: 130%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb05.png);
 background-repeat: no-repeat;
 background-position: 0.3em 0.4em;
	background-size:auto 90%;
}

ul.pieces_p07 .gouhatsu_tit_pink {
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/bg_tit_nmb06.png);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 position: absolute;
 top: 0;
 left: -3%;
 width: 100%;
 height: 4em;
}
ul.pieces_p07 .gouhatsu_tit_pink p {
 color: #fff;
 padding: 10px 0 0 3em;
	line-height:1.2em;
 text-shadow: 0px 0px 3px #666;
 font-size: 100%;
 font-weight: 700;
 background-image: url(/ssi/event/yoyaku_system/mae/img_2026/icon_nmb06.png);
 background-repeat: no-repeat;
 background-position: 0.3em 0.4em;
 background-size:auto 3em;
}
.btn_pink {
 text-shadow: 0px 0px 2px #666;
 background: #fe709f; /*ボタン色*/
 border-bottom: solid 4px #a53f61;
 display: block;
 width: 80%;
 text-align: center;
 margin: 1em auto 0;
 padding: 0.5em 6%;
 color: #FFF !important;
	line-height:1.6em;
	font-weight: 700;
 border-radius: 10px;
}
.btn_pink img {
 width: 1.2em !important;
 vertical-align: center;
 margin-left: 0.5em !important;
 margin-top: 0.4em !important
}

/* #flow
------------------------------------*/
#flow {
 width: 100%;
 margin: 0;
 padding: 0;
 position: relative;
}
#flow .ver_tit {
 margin: 1em auto 0!important;
 padding: 0.5em 0.5em 1.8em;
 width:85%;
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.flow_pink {
 width: 100%;
 padding: 8em 0 0 0;
 margin: 0;
 background-color: #f1bfb6; /*pink*/
 background-image: url("/ssi/event/yoyaku_system/mae/img/kazariobi_top.png");
 background-repeat: repeat-x;
 background-position: top;
 background-size:160%;
}
.flow_green {
 width: 100%;
 padding: 3em 0 0 0;
 margin: 0;
 background-color: #9ecf7d; /*green*/
}
.flow_yellow {
 width: 100%;
 padding: 3em 0 1em;
 margin: 0;
 background-color: #ffbd7f; /*yellow(orange)*/
}
.flow_pg {
 width: 100%;
 height: 40px;
 padding: 0;
 margin: 0;
 position: relative;
 background: linear-gradient(-180deg, #f1bfb6, #9ecf7d);
}
.flow_gy {
 width: 100%;
 height: 40px;
 padding: 0;
 margin: 0;
 position: relative;
 background: linear-gradient(-180deg, #9ecf7d, #ffbd7f);
}
.flow_pg img, .flow_gy img {
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 width:50%;
}
.f_inner {
 width: 94%;
 margin: 0 auto;
}
p.f_tit_p {
 color: #fff;
 font-weight: 900;
 display: block;
 margin: 0 auto 1em;
 font-size: 160%;
 width:90%;
 text-shadow: 2px 2px 2px #da7563, -2px 2px 2px #da7563, 2px -2px 2px #da7563, -2px -2px 2px #da7563;
}
p.f_tit_g {
 color: #fff;
 font-weight: 900;
 display: block;
 margin: 0 auto 1em;
 font-size: 160%;
 width:90%;
 text-shadow: 2px 2px 2px #508130, -2px 2px 2px #508130, 2px -2px 2px #508130, -2px -2px 2px #508130;
}
p.f_tit_y {
 color: #fff;
 font-weight: 900;
 display: block;
 margin: 0 auto 1em;
 font-size: 150%;
 width:90%;
 text-shadow: 2px 2px 2px #ff7f0c, -2px 2px 2px #ff7f0c, 2px -2px 2px #ff7f0c, -2px -2px 2px #ff7f0c;
}
p.f_tit_p img, p.f_tit_g img, p.f_tit_y img {
 margin: 0 0 0.4em 0;
 vertical-align: middle;
 width:3em;
 display:block;
}
.f_inner ul, .f_inner li {
 display: block;
}
.f_inner ul {
 margin: 0 auto;
}
.f_inner li {
 width:88%;
 background-color: #fff;
 border-radius: 10px;
 padding: 1em 4%;
 margin:0 auto 1em;
}
.f_inner p {
 display: block;
 margin-bottom: 1em;
}
.flow_pink p.step_tit, .flow_green p.step_tit, .flow_yellow p.step_tit {
 font-size: 120%;
 font-weight: 900;
 display: block;
 margin-bottom: 0.8em;
}
.flow_pink p.step_tit span {
 font-size: 130%;
 color: #e23410;
}
.flow_green p.step_tit span {
 font-size: 130%;
 color: #508130;
}
.flow_yellow p.step_tit span {
 font-size: 130%;
 color: #ff7f0c;
}
.right_img {
 float: right;
 margin: 0 0 0.5em 0.5em;
 width: 12em;
}
a.btn--orange {
 color: #fff!important;
 text-shadow:none;
 clear: both;
 display: block;
 width: 95%;
 margin: 0 auto;
 padding: 10px;
 border-radius: 5px;
 text-align: center;
 font-weight: 900;
 font-size: 120%;
 background-color: #eb6100;
 border-bottom: 4px solid #b84c00;
}
a.btn--orange img {
 width: 2em;
 margin-right: 10px;
 vertical-align: middle;
}
a.btn--orange:hover {
 padding-top: 11px;
 color: #fff;
 background: #f56500;
 border-bottom: 2px solid #b84c00;
}
a.btn--orange2{
 color: #fff!important;
 text-shadow:none;
 display: block;
 width: 95%;
 float:none;
 margin: 0 auto 0.5em;
 padding: 10px;
 border-radius: 5px;
 text-align: center;
 font-weight: 900;
 font-size: 120%;
 background-color: #eb6100;
 border-bottom: 4px solid #b84c00;
}
a.btn--orange2 img{
 width: 2em;
 margin-right: 10px;
 vertical-align: middle;
}
a.btn--orange2:hover{
 padding-top: 11px;
 color: #fff;
 background: #f56500;
 border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
 -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
 box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

/*.toiawase
---------------------------------------------- */
.toiawase {
 clear: both;
 width: 100%;
 margin: 0;
 padding: 1em 0;/*稼働時は上部1em 0 0.8em*/
 /*background-image:url(/ssi/event/yoyaku_system/mae/img/email.png);
 background-repeat:no-repeat;
 background-position:center top;*/
 background-size:3.5em;
 background-color: #3b3633;
}
.t_inner_pc{
 display: none;
}
.t_inner_sp {
 width: 100%;
 margin: 0 auto;
 text-align: center;
 font-size:120%;
}
.t_inner_sp p{/*OffSeason*/
 color:#fff;
 display:block;
 margin:0 5%;
}
.t_inner_sp a.button{
    display:block;
    margin:1em auto 0;
    padding:0;
    width:82%;
    background-color:#fff28b;
    border-radius:15px;
 box-shadow:0px 2px 1px #151d33;
 font-weight: 700;
}
.t_inner_sp a.button p{
	color:#000;
	font-size:120%;
    padding:0.8em 0;
}
.t_inner_sp a.button p.precan{
    background-color:#e23410!important;
    border-radius:0 0 15px 15px;
    color:#fff;
    text-shadow:none;
	width:100%;
	margin:0;
}
p.precam_attention{
 width:70%;
 margin:1em auto;
 text-align:left;
 line-height:1.3em;
 padding: 0 0 0 2em;
 background-image:url(/ssi/event/yoyaku_system/mae/img_2026/sp/icon_present_close.png);
 background-size:1.6em 60%;
 background-repeat:no-repeat;
 background-position:0 center;
}
p.precam_attention a{
 color:#fff;
 font-size:10pt;
 text-decoration: underline;
}
.back_top {
 width: 94%;
 margin: 0 auto;
 text-align: right;
}

/* map47
---------------------------------------------- */
#map47 {
 width: 100%;
 padding: 1em 0;
 margin: 0 auto;
 position: relative;
}
img.japan_map {
 display:none;
}
#map47 div.back_re {
 background: url(/ssi/event/yoyaku_system/mae/img/bg_serch_contents_01.png);
 background-repeat: repeat-x;
 background-color: #fff;
 width: 94%;
 height: auto;
 margin: 0;
 padding: 1em 3%;
}
#map47 h5 {
 display: block;
 width: 96%;
 margin: 0 auto 0.5em;
 padding: 0.5em 2%;
 font-size: 140%;
 line-height:1.3em;
 font-weight: 900;
 background: url(/ssi/event/yoyaku_system/mae/img/bg_grad_01.png);
 background-repeat: repeat-x;
 background-size: auto 100%;
}
#map47 h5 span{
 color:#e23410;
 display:block;
 line-height:1.6em;
 font-size:9pt!important;
}
#map47 h5 img {
    width:1em;
 margin-right: 10px;
}
#map47 ul {
 width: 100%;
 list-style: none;
 display: block;
 margin: 0;
 padding: 0;
}
#map47 ul li {
 display: block;
 float: left;
}
#map47 ul li {
 width: 100%;
}
#map47 dl {
 display: block;
 width: 100%;
 margin: 0;
 padding: 0;
}
#map47 dl a {
 display: block;
 float: left;
 margin: 0 5px 5px 0;
 background-image: url(/ssi/event/yoyaku_system/mae/img/bg_grad_01.png);
 padding: 5px 15px 3px;
 border-radius: 10px;
 font-weight: 900;
 color: #222;
 box-shadow: 0px 1px 0px #666;
}
#map47 dl span {
 display: block;
 float: left;
 margin: 0 5px 5px 0;
 background-image: url(/ssi/event/yoyaku_system/mae/img/bg_grad_01.png);
 padding: 5px 15px 3px;
 border-radius: 10px;
 font-weight: 900;
 color: #999;
 box-shadow: 0px 1px 0px #666;
}
#map47 dl a:hover,
#map47 dl span{
 margin: 0 5px 5px 0;
 background-image: none;
 background-color: #e0e0e0 !important;
 padding: 6px 15px 2px;
 box-shadow: none;
}
#map47 dl img {
 margin: 0 5px 0 0;
}
#map47 dl dt {
 background-color: #e0e0e0;
 font-weight: 900;
 margin: 0;
 padding:0.3em 0;
 clear:both;
 border-top: 1px solid #fff;
 text-align: center;
}
#map47 dl dd {
 margin: 0;
 padding: 10px 2%;
 width: 96%;
 border-top: 1px solid #fff;
}
#map47 dl dd.hokkaido {
 background-color: #66b2cb;
}
#map47 dl dd.tohoku {
 background-color: #25b7aa;
}
#map47 dl dd.kanto {
 background-color: #1bad54;
}
#map47 dl dd.tokai {
 background-color: #cb8e00;
}
#map47 dl dd.kansai {
 background-color: #EA5449;
}
#map47 dl dd.chushi {
 background-color: #d66397;
}
#map47 dl dd.kyushu {
 background-color: #718CC7;
}
img.daruma_okotowari_pc{
 display: none;
}
img.daruma_okotowari_sp{
 width: 100%!important;
 margin:1em 0 0;
}
#sogoannai {
 width: 96%;
 margin: 0 auto;
 padding: 0;
}
p.fc_tit {
 font-weight: 900;
 font-size: 120%;
 display: block;
 margin: 0 0 10px 0;
 padding: 3px 3px 3px 10px;
 border-left: 5px solid #ea5449;
 background-color: #fff;
}
p.fc_tit2 {
 font-weight: 900;
 font-size: 120%;
 display: block;
 margin: 20px 0 10px 0;
 padding: 3px 3px 3px 10px;
 border-left: 5px solid #ea5449;
 background-color: #fff;
}
#sogoannai ul {
 list-style: none;
 display: block;
 width: 100%;
 margin: 0 auto 0.5em;
 padding: 0;
}
#sogoannai ul li {
 background: url(/ssi/event/yoyaku_system/mae/img/icon_arrow_01.png);
 background-repeat: no-repeat;
 background-position: 0 8px;
 padding: 0 0 0 12px;
 margin: 0 auto 10px 0.8em;
 width: 90% !important;
 font-size: 110%;
 font-weight: 900;
}
#sogoannai span a {
 color: #e23410;
 font-size:110%;
}
.yakan_uketsuke{
 margin: 1em 0;
 text-align: center;
}
.yakan_uketsuke img{
 width:90%;
}

/*　#faq
---------------------------------------------- */
#faq {
 width: 94%;
 margin: 0 auto;
 padding: 0;
 clear: both;
 position:relative;
}
#faq a,
#flow a{
	color: #388bdb;
	text-decoration: underline;
}
.faq_wrapper {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 background-color: #f1bfb6;
 position: relative;
 border-radius: 10px;
}
.faq_wrapper img.daruma {
 position: absolute;
 top: 2em;
 left: 8px;
 width:2.5em;
}
h4.tit_faq {
 display: block;
 margin: 0 0 15px 0;
 padding: 1em 0.5em 0 3.5em;
 color: #222;
 font-size: 13pt;
 font-weight: 900;
 line-height: 1.4em;
}
div.faq_text {
 margin: 0 auto 1em auto;
 width:88%;
 padding:1em 4%;
 border-radius: 10px;
 background-color: #fff;
}
.faq_text p {
 display: block;
 font-size: 100%;
 line-height: 1.6em;
 margin: 0 0 1em 0;
}
.wrap_qacont {
 margin: 10px auto;
 padding: 1em 0;
}
.qa_content ul {
 list-style: none;
 display: block;
 margin: 0 auto 1em;
 padding: 0;
 width: 96%;
}
.qa_content ul li.backpink {
 background-color: #fde8e5;
 padding: 16px;
 font-size: 120%;
 font-weight: 900;
}
.qa_content ul li.backwhite {
 background-color: #fff;
 padding: 16px;
}
.chushaku {
 width: 92%;
 padding: 0.5em 2%;
 margin: 0 auto 1em auto;
 background-color: #fde8e5;
 font-size: 90%;
}
.chushaku_w {
 width: 92%;
 padding: 0.5em 2%;
 margin: 0 auto 1em auto;
 background-color: #fff;
 font-size: 90%;
}
.chushaku p,
.chushaku_w p{
 display: block;
 margin: 1em 0 0.5em;
 padding: 0;
 font-size:120%;
 font-weight: 900;
}
.chushaku ul,
.chushaku_w ul{
 display: block;
 margin: 0 0 1em 0;
 list-style: none;
}
.chushaku ul li,
.chushaku_w ul li{
 background: url(/ssi/event/yoyaku_system/mae/img/icon_kome_10px.gif);
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding: 0 0 0 1em;
 margin: 0 0 0.5em 0;
 line-height: 1.6em;
}


/*追加要素20250212*/
ul.pieces_p07 .comments{
    background-color: #ecf1f2;
    padding: 10px 15px 15px;
    border-radius: 10px;
    font-size: 0.8em;
    line-height: normal;
}
ul.pieces_p07 .comments div.set1{
        font-weight: 900;
    color: #e23410;
    font-size: 130%;
}