@charset "utf-8";
/* 共通
---------------------------------------------- */
/* 余白調節 */
.ui-content {
 padding-top: 0;
}
.yohakuReset {
 width: calc(100% + 30px);
 margin-left: -15px;
}
.pageTitle {
	margin-bottom: 0!important;
}
/* スマホ非表示・特有 */
.sp_none {
 display: none;
}
.nomal_p {
 width: 94%;
 margin: 0 auto 0.5em auto;
 display: block;
}
/* 高汎用 */
.clearfix {
 *zoom: 1;
}
.clearfix:after {
 content: '';
 display: table;
 clear: both;
}
.clear_left {
 clear: left;
}
.centering {
 text-align: center;
}
.font_80{
	font-size:80%;
}
.font_bold {
 font-weight: 900;
}
.font_bold_110 {
 font-weight: 900;
 font-size: 110%;
}
.font_bold_red {
 font-weight: 900;
 color: #e62a43;
}
.font_bold_red_110 {
 font-weight: 900;
 color: #e62a43;
 font-size: 110%;
}
.no_margin {
 margin: 0 !important;
}
/* リンクチップ */
.linkChip {
 z-index: 3;
 position: fixed;
 width: 100%;
 text-align: center;
 left: 0;
 bottom: 0;
 background-color: #e62a43;
}
.linkChip > a {
 display: block;
 border-top: 3px solid #000;
 color: #fff !important;
 text-shadow: 1px 2px 0px #000;
 font-size: 120%;
 font-weight: 900;
 padding: 0.5em 1em;
 line-height: 1.3em;
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
span.c_yellow {
 color: #fff100;
}
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(/s/files/img/common/ico_topicpath_01.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;
}
/* コンテンツ　見出し */
#raishun {
 background-image: url(/ssi/event/yoyaku_service/img_2027/back_flower.png);
 background-size: 120%;
 background-position: center top;
 background-repeat: no-repeat;
}
#raishun .infoTitle > .intro h3 {
 background: url(/pr/it_id/img/stripe_blue.gif);
 color: #FFF;
 font-size: 1em;
 font-weight: bold;
 padding: 10px;
}
#raishun .infoTitle > .intro p {
 font-size: 14px;
 padding: 0.5em 1em;
}
/* 画像伸縮 */
/*#raishun img {
 width: 100%;
 max-width: 100%;
 height: auto;
}*/
.backtop_sp {
 width: 100%;
 margin: 1em 0;
}
.backtop_sp p {
 display: block;
 padding: 0 1em;
 text-align: right;
}
/* サービスバナー　※コンテンツ下部
---------------------------------------------- */
img.rakusearch {
 width: 98% !important;
 margin: 0 0 10px 0;
}
.other_service {
 width: 100%;
 margin: 0 auto;
 padding: 1em 0;
 background-color: #faf6ed;
}
.other_service h5, .other_service h6 {
 display: block;
 width: 80%;
 font-size: 16px;
 margin: 10px auto !important;
 clear: both;
}
.other_service div {
 width: 92%;
 margin: 0 auto;
 height: auto;
 text-align: center;
}
.other_service p {
 display: block;
 float: left;
 width: 49%;
}
.other_service p.precam {
 float: none;
 width: 80%;
}
/* .closed（クローズ処理）　*/
.closed {
 background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
 width: 100%;
 height: 10%;
 padding: 2em 0;
 position: absolute;
 top: 0;
 left: 0;
}
.closed p {
 display: block;
 width: 94%;
 line-height: 1.6em;
 margin: 0 auto;
 font-size: 140%;
 color: #fff;
 text-shadow: none;
 font-weight: 900;
}
.closed p a {
 color: #fcff73 !important;
}
.closed img {
 width: 80% !important;
 margin: 1em 0 0;
}

/* #container_r　トップからピンク層までの背景
---------------------------------------------- */
#container_r{
	transition: ease-in-out 1.4s;
	font-size: 14px !important;
	line-height: 1.7em !important;
	background-color: #fff;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

/* #section01～05
---------------------------------------------- */
#section01{
	background-color:#e4f9f9;
	margin: 0;
	padding-bottom:0.1em;
	height: auto;
}
#section02{
	width:98%;
	height: auto;
	margin: 0;
	padding:4em 0 0;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_01.png);
	background-repeat:repeat-x;
	background-size:auto 6em;
	background-position:center 0;
}
.section02_wrapper{
	width:100%;
	background-color:#e4f9f9;
	position: relative;
}
#section03{
	width:98%;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_02.png);
	background-repeat:repeat-x;
	background-position:0 top;
	background-size:auto 6em;
	background-color:#fffbd2;
	margin: -2em 0 0;
	padding-top:6em;
	height: auto;
}
#section04{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_03.png);
	background-position:0 top;
	background-repeat:repeat-x;
	background-size:auto 3em;
	margin: 0;
	height: auto;
	padding:6em 0 0;
}
#section05{
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_precam.png);
	background-size: 30% auto;
	margin: 0;
	padding:3em 0;
	height: auto;
}

/* #section02
---------------------------------------------- */
.commontit_r_1line_first,
.commontit_r_1line_second{
	background-image:url(/ssi/event/yoyaku_service/img_2027/sp/bg_title_r.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-size:100% 100%;
	width:84%;
	height: auto;
	margin: 0 auto 1em;
	padding:2em 6% 1.6em 10%;
	font-size:140%;
	font-weight:700;
	color:#231815;
}
.commontit_b_1line{
	background-image:url(/ssi/event/yoyaku_service/img_2027/sp/bg_title_b.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-size:100% 100%;
	width:84%;
	height: auto;
	margin: 0 auto 1em;
	padding:2em 6% 1.6em 10%;
	font-size:140%;
	font-weight:700;
	color:#231815;
}
.commontit_pr_1line{/*section04で使用*/
	background-image:url(/ssi/event/yoyaku_service/img_2027/sp/bg_title_pr.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-size:100% 100%;
	width:84%;
	height: auto;
	margin: 0 auto 1em;
	padding:2em 6% 1.6em 10%;
	font-size:140%;
	font-weight:700;
	color:#231815;
}
.commontit_r_1line_first span,
.commontit_b_1line span,
.commontit_pr_2line span,
.commontit_pr_1line span{
	font-size:110%;
	color: #e62a43;
}
.outer_first{
	width: 94%;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.outer{
	width: 94%;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.txt_group{
	width:92%;
	margin: 0 auto;
}
.txt_group p{
	margin-bottom:1em;
}
.mv_content{
	width:100%;
	padding:0 0 2em;
	background-color:#fff;
	border-bottom:dashed 6px #3c449c;
	position: relative;
}
h2.mv_title{
	width:96%;
	margin:0 auto;
	display:block;
	font-size:120%;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
	color: #231815;
}
h2.mv_title span{
	font-size:120%;
	color: #e62a43;
}
ul.recommend4,
ul.recommend4 li{
 display: block;
}
ul.recommend4{
	width:96%!important;
 list-style: none;
	padding:2em 2%;
	background-color:#3c449c;
}
ul.recommend4 li{
 padding:0.8em 3% 1em;
	width:90%;
 margin: 0 auto 1em;
 float:none;
 border-radius: 20px;
 font-weight: 900;
 font-size:100%;
 line-height:1.7em;
}
ul.recommend4 li.yellow_tit{
	background-color: #fff;
	border: 2px solid #231815;
}
ul.recommend4 li.green_tit{
	background:repeating-linear-gradient(-45deg, #fae9e8, #fae9e8 2px, #f8d6d4 2px, #f8d6d4 8px);
	border: 2px solid #fff;
}
ul.recommend4 li span{
	color: #e62a43;
	font-size: 110%;
}
ul.recommend4 li.yellow_tit p{
	background-color:#fff100;
	border-radius:18px;
	border:2px solid #231815;
	width:auto;
	margin:0 auto 0.5em;
	padding: 0.5em 1em;
	text-align:center;
	color: #231815;
	font-weight: 900;
	font-size:130%;
}
ul.recommend4 li.green_tit p{
	background-color:#e62a43;
	border-radius: 14px;
	border:2px solid #fff;
	width:auto;
	margin:0 auto 0.5em;
	padding: 0.5em 1em;
	text-align:center;
	color: #fff;
	font-weight: 900;
	font-size:110%;
}
ul.recommend4 li.green_tit a,
a.present_yudou{
	text-decoration:underline;
	text-shadow: 2px 2px 0 #fff100;
	padding-left:2em;
	background-image:url(/ssi/event/yoyaku_service/img_2027/figure_giftcard.png);
	background-repeat: no-repeat;
	background-size:1.6em auto;
}

/*動画枠*/
.movieSec .movieUl>li {
    height:auto;
    padding:10px 5% 10px 8%;
    margin: 0 4% 0!important;
    background-image:url(/ssi/event/yoyaku_service/img_2027/bg_movie.png);
    background-repeat:no-repeat;
	background-size:96% 100%;
}
.movieSec .movieUl li a {
    width:90%!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: 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;
}
.schedule_arrow{
 width: 96%;
 padding: 0 2%;
 margin: 0;
 background-repeat: no-repeat;
 background-position: center top;
 background-size:1000px;
}
.schedule_arrow ul, .schedule_arrow li {
 display: block;
 padding: 0;
}
.schedule_arrow ul {
 list-style: none;
 margin: 0 auto 20px auto;
}
.schedule_arrow li {
 width: 98%;
 margin: 1em auto;
 padding: 0.8em 2% 0.8em 0;
 background-color: #231815;
 clear: left;
}
.schedule_arrow li img {
 width: 30%;
 float: left;
 margin: 0 0.5em 0;
}
.schedule_arrow ul p {
 display: block;
 padding: 0;
 color: #fff;
 line-height: 1.6em;
 text-shadow: none;
 margin: 0;
}
.btn-sticky {
 display: inline-block;
 padding: 0.5em 1em;
 width: 80%;
 margin: 0.5em;
 text-decoration: none;
 background: #f7f7f7;
 border-left: solid 6px #e62a43; /*左線*/
 color: #000 !important;
 font-weight: bold;
 box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
 box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
 transform: translateY(2px);
}
.btn-sticky img {
 float: none !important;
 width: 1em !important;
 vertical-align: top;
 margin-left: 0.5em;
}
.img_slide_of1 {
 width: 97%;
 margin: 0 auto;
 overflow: hidden;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 scrollbar-face-color: #fffcd6;
}
.img_slide_of1 img {
 height: auto;
 max-width: none;
 width: 700px;
}

/* #section03
---------------------------------------------- */
.needs_inner{
 width: 96%;
 margin: 0 auto;
 padding: 0 2%;
}
.needs_inner a{
	color:#008ad8;
	text-decoration: underline;
	background-image:url(/media/assets/img/common/icon70.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	background-size:1em;
	padding-right:1.3em;
	margin-right:0.2em;
}
.needs_inner ul, .needs_inner li {
 display: block;
 padding: 0;
}
.n_inner ul {
 list-style: none;
 margin: 0 auto 20px auto;
 width: 100%;
}
.needs_inner li, .needs_inner li .nomargin {
 margin: 10px !important;
 padding: 0.3em 3% !important;
 background-color: #fff;
 clear: left;
}
.needs_inner li img {
 width: 35% !important;
 float: left;
 margin: 0.5em 0.5em 0 0.5em;
}
.needs_inner ul p {
 display: block;
 color: #000;
 line-height: 1.6em;
 text-shadow: none;
	margin:0.8em 0;
}
.needs_inner li.banner_area, .needs_inner li.sumikae_cam {
 display: none;
}

/* #section04
---------------------------------------------- */
/*問合せボタン*/
.button_yellow_01{/*最初のボタンだけに使用するclass*/
 width: 100%;
 margin: 0 auto 3em;
 padding: 2em 0;
	background-color:#3c449c;
}
.button_yellow_02{/*汎用*/
 width: 100%;
 margin: 3em auto;
 padding: 30px 0;
	background-color:#3c449c;
}
.button_yellow_03{/*プレキャンの上*/
 width: 100%;
 margin: 60px auto 0;
 padding: 30px 0;
	background-color:#3c449c;
}
.button_yellow_01 a,
.button_yellow_02 a,
.button_yellow_03 a{
	display: block;
	text-align: center;
    justify-content: center;
    align-items: center;
    width: 70%;
	height: auto;
    margin:0 auto;
    padding: 1em 2em;
    border: 2px solid #231815;
    border-bottom: solid 11px #231815;
    border-radius: 60px;
    background-color: #fff100;
    color: #231815;
    font-weight: 600;
    font-size: 1.4em;
    transition: .5s ease;
}
.button_yellow_01 a:hover,
.button_yellow_01 a:active,
.button_yellow_02 a:hover,
.button_yellow_02 a:active,
.button_yellow_03 a:hover,
.button_yellow_03 a:active{
	transform: translateY(5px);
    border-bottom-width: 2px;
}
.commontit_pr_2line{
	background-image:url(/ssi/event/yoyaku_service/img_2027/sp/bg_title_pr.png);
	background-repeat: no-repeat;
	background-size:auto;
	background-size:100% 100%;
	width:84%;
	height: auto;
	margin: 0 auto 1em;
	padding:2em 6% 1.6em 10%;
	font-size:140%;
	font-weight:700;
	color:#231815;
}
/*#flow*/
#flow {
 width: 100%;
 margin: 0 auto 3em auto;
 padding: 0;
}
.f_inner {
 width: 94%;
 margin: 0 auto 3em auto;
 padding: 0;
 position: relative;
}
#flow dl {
 display: block;
 margin: 2em auto;
 width: 100%;
}
#flow dt.f1_01, #flow dt.f1_02, #flow dt.f1_03, #flow dt.f1_04 {
 background-color:#e62a43;
 color: #fff;
 text-shadow: none;
}
#flow dt.f2_04, #flow dt.f2_05, #flow dt.f2_06, #flow dt.f2_07, #flow dt.f2_08 {
 background-color:#63c9dc;
	text-shadow:2px 2px 0 #fff,
		-2px 2px 0 #fff,
		2px -2px 0 #fff,
		-2px -2px 0 #fff;
}
#flow dt span {
 display: none;
}
#flow dt {
 box-shadow: 0px 3px 4px #aaa;
 padding: 10px;
 font-size: 120%;
 font-weight: 900;
 clear: both;
}
#flow dt img {
 margin-right: 0.3em;
 width: 1.6em;
 vertical-align: bottom;
}
#flow dd {
 background-color: #fff;
 margin: 0 0 60px 0;
 padding: 1.3em 1em;
 box-shadow: 0px 3px 4px #aaa;
 position: relative;
}
#flow dd.fl_last {
 margin-bottom: 0 !important;
}
#flow dd.f1_01_dd p, #flow dd.f1_02_dd p, #flow dd.f2_04_dd p, #flow dd.f2_05_dd p, #flow dd.f2_06_dd p, #flow dd.f2_07_dd p, #flow dd.f2_08_dd p {
 float: none;
 display: block;
 width: 100%;
}
#flow dd.f1_01_dd img {
 width: 90%;
 margin: 0 0 1em 5%;
}
#flow dd.f1_02_dd img, #flow dd.f1_04_dd img, #flow dd.f2_04_dd img, #flow dd.f1_03_dd img, #flow dd.f2_05_dd img, #flow dd.f2_06_dd img, #flow dd.f2_07_dd img, #flow dd.f2_08_dd img {
 float: left;
 width: 40%;
 margin-right: 0.3em;
}
#flow dd ul {
 clear: both;
 width: 100%;
 margin: 1em auto;
 padding: 1em 0 0 0;
 border: 1px dashed #000;
}
#flow dd ul li {
 padding: 0 2%;
 margin: 0 0 1em 0;
 font-size: 90%;
 font-weight: 900;
}
#flow dd ul li span {
 color: #e62a43;
 font-size: 120%;
}
#flow dd ul li img {
 float: right !important;
 width: 45% !important;
}
#flow dd ul li a {
 display: block;
 position: relative;
}
#flow dd ul li .tap_blank i {
 position: absolute;
 right: 0.5em;
 top: 1.5em;
 width: 3em;
 height: 3em;
 background-image: url(/ssi/event/yoyaku_service/img_2027/sp/tap_blank.png);
 background-size: 100% 100%;
 background-repeat: no-repeat;
 display: flex;
 justify-content: center;
 align-items: center;
 cursor: pointer;
}
#flow dd ul li.bg_white {
 display: none;
}
#flow hr {
	margin:30px 0;
	clear:both;
		border: none;
		border-top: 3px double #000;
		color: #000;
		overflow: visible;
		text-align: center;
		height: 5px;
	}
 
	hr:after {
		background: #fff;
		content: '§';
		padding: 0 4px;
		position: relative;
		top: -13px;
	}
#flow div.unilifeid{
	margin:0;
	padding:0;
	background-image:none!important;
	float:none;
	width:100%;
}
#flow div.unilifeid p{
	margin:0 0 1em;
	padding:0;
	font-size:90%;
	line-height:1.6em;
	font-weight: normal;
	text-align:left;
}
#flow div.unilifeid h4{
	width:100%;
	font-size:100%;
	text-align:center!important;
	font-weight:700;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_focuslines.png);
	background-repeat:no-repeat;
	background-size: 90% 100%;
	background-position:center top;
}
#flow div.unilifeid h4 span{
	font-size:130%;
	color:#e62a43;
}
#flow div.unilifeid img{
	padding:0;
	float:left;
	width:50%!important;
	margin:0 10px 10px 0;
}
p.uni_account{
	clear:both;
	padding-left:1.7em!important;
	margin:0 0 0.3em!important;
	padding-left: 1.5em;
	background-image:url(/ssi/event/yoyaku_service/img_2027/bg_checkmark_pr.png);
	background-repeat:no-repeat;
	background-size:1.2em;
	background-position:0 3px;
}
p.uni_account_figure_family{
	display: none;
}
p.uni_account_akawaku{
	color:#e62a43;
	width:90%;
	padding:6px 16px!important;
	margin:0 0 1em!important;
	border-radius:14px;
	border:1px solid #e62a43;
}
.purple_button {
  display: block;
  text-decoration: none;
  width: 90%;
  margin:1em auto 0;
	padding:0.5em;
  height: auto;
  font-size: 140%;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  font-weight: 700;
  transition: .3s;
	background-color: #3c449c;
	color: #fff!important;
	background-image:url(/media/assets/img/common/icon56-white.png);
	background-repeat:no-repeat;
	background-position:right 20px center;
	background-size:1em;
}
.purple_button:hover {
	color:#e7e7e7;
	background-color:#384096;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

#flow div.self_naiken {
 border: 1px dashed #000;
 padding: 0.5em;
 font-weight: 900;
 font-size: 90%;
 line-height: 1.4em;
}
#flow div.self_naiken img {
 width: 100% !important;
}
#flow div.self_naiken p {
 padding: 1em 0 0 0;
}
#flow dd.f1_01_dd p:after, #flow dd.f1_02_dd p:after, #flow dd.f1_03_dd p:after, #flow dd.f1_04_dd p:after {
 content: url(/ssi/event/yoyaku_service/img_2027/pink_arrow.png);
 display: inline-block;
 height: 60px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 bottom: -60px;
}
#flow dd.f2_04_dd p:after, #flow dd.f2_05_dd p:after, #flow dd.f2_06_dd p:after, #flow dd.f2_07_dd p:after {
 content: url(/ssi/event/yoyaku_service/img_2027/blue_arrow.png);
 display: inline-block;
 height: 60px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 bottom: -60px;
}

/* .experience
---------------------------------------------- */
/*.experience {4～9月はプレゼント表示を優先するため非表示にする。1～3月および10～12月は公開する。
 display: none;
}*/
.experience {
 width: 100%;
 margin: 0 auto;
 padding: 0;
}
.e_inner {
 width: 96%;
 margin: 0 auto;
 padding: 0;
}
p.tit03 { /*高汎用タイトル 2行の場合*/
 width: 92%;
 display: block;
 background-image: url("/ssi/event/yoyaku_service/img_2027/tit_back_01.png");
 background-repeat: no-repeat;
 background-size: 100% 100%;
 padding: 1.3em 3%;
 margin: 2em auto 1em auto;
 font-size: 100%;
 font-weight: 900;
 text-align: center;
 line-height: 1.4em;
 position: relative;
}
.exp_pink, .exp_blue, .exp_yellow {
 margin-bottom: 20px;
}
.e_inner ul, .e_inner li {
 display: block;
}
.e_inner ul {
 list-style: none;
 position: relative;
}
.e_inner li {
 float: none;
}
.e_inner li.p_person_l {
 width: auto;
 height: 10em;
 margin: 0;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 top: -10em;
 z-index: 0;
}
.e_inner li.p_person_l img {
 width: auto;
 height: 100%;
}
.e_inner li.y_person_l{
 width: auto;
 height: 10em;
 margin: 0;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 top: -10em;
 z-index: 0;
}
.e_inner li.y_person_l img {
 width: auto;
 height: 100%;
}
.e_inner li.p_con_r, .e_inner li.y_con_r {
 width: 90%;
 margin: 11em auto 0;
 background-color: #fff;
 border-radius: 10px;
}
.e_inner li.b_person_r, .e_inner li.g_person_r {
 width: auto;
 height: 10em;
 margin: 0;
 position: absolute;
 top: -10em;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 z-index: 0;
}
.e_inner li.b_person_r img, .e_inner li.g_person_r img {
 width: auto;
 height: 100%;
}
.e_inner li.b_con_l, .e_inner li.g_con_l {
 width: 90%;
 margin: 11em auto 0;
 background-color: #fff;
 border-radius: 10px;
}
.e_inner li.p_con_r {
 border: 4px solid #e62a43;
 position: relative;
}
.e_inner li.p_con_r:after {
 display: none;
}
.e_inner li.b_con_l {
 border: 4px solid #63c9dc;
 position: relative;
}
.e_inner li.b_con_l:after {
 display: none;
}
.e_inner li.y_con_r {
 border: 4px solid #b3d46c;
 position: relative;
}
.e_inner li.y_con_r:after {
 display: none;
}
.e_inner li.g_con_l {
 border: 4px solid #b3d46c;
 position: relative;
}
.e_inner li.g_con_l:after {
 display: none;
}
.e_inner li p {
 margin: 16px;
 display: block;
}
.e_inner li p.comment_tit {
 font-size: 100%;
 line-height: 1.6em;
 font-weight: 900;
 padding: 0 0 0 1.8em;
 margin-bottom: 30px;
 position: relative;
}
.e_inner li p.comment_tit span {
 font-size: 140%;
}
.e_inner li p.comment_tit:after {
 content: '';
 display: inline-block;
 width: 100%;
 height: 15px;
 background: url(/ssi/event/yoyaku_service/img_2027/angled_stripe.png) no-repeat;
 background-size:160%;
 background-position:center top;
 position: absolute;
 bottom: -1.3em;
 right: 0;
}
.e_inner li.p_con_r p.comment_tit {
 background-image: url(/ssi/event/yoyaku_service/img_2027/pink_sakura.png);
 background-repeat: no-repeat;
 background-size: 1.4em;
 background-position: 0 0;
}
.e_inner li.p_con_r p.comment_tit span {
 color: #e62a43;
}
.e_inner li.b_con_l p.comment_tit {
 background-image: url(/ssi/event/yoyaku_service/img_2027/blue_sakura.png);
 background-repeat: no-repeat;
 background-size: 1.6em;
 background-position: 0 0;
}
.e_inner li.b_con_l p.comment_tit span {
 color: #63c9dc;
}
.e_inner li.y_con_r p.comment_tit {
 background-image: url(/ssi/event/yoyaku_service/img_2027/green_sakura.png);
 background-repeat: no-repeat;
 background-size: 1.4em;
 background-position: 0 0;
}
.e_inner li.y_con_r p.comment_tit span {
 color: #94b154;
}
.e_inner li.g_con_l p.comment_tit {
 background-image: url(/ssi/event/yoyaku_service/img_2027/green_sakura.png);
 background-repeat: no-repeat;
 background-size: 1.6em;
 background-position: 0 0;
}
.e_inner li.g_con_l p.comment_tit span {
 color: #94b154;
}

/* #section05
---------------------------------------------- */
.present_tit{
	width:98%;
	margin: 0 auto;
	padding:0;
}
.present_tit img{
	width:100%;
}
#present {
	background-color:#fff;
	border-radius:20px;
	border:2px solid #231815;
 width: 94%;
 background-size: 100%;
 margin: 1em auto 0;
 padding: 0 0 20px;
 position: relative;
}
/*#present:before {
 content: url(/ssi/event/yoyaku_service/img_2027/pink_arrow.png);
 display: inline-block;
 height: 0px;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 bottom: 20px;
}*/
#present .kv img {
 width: 100%;
	margin-bottom:1em;
}
.present_period{
	background-image:url(/ssi/event/yoyaku_service/img_2027/present/bg_orange.png);
	margin: 0 0 0.5em;
	padding: 16px 0 10px;
	font-size:110%;
	font-weight: 700;
	text-align: center;
	line-height: 1.6em;
	color:#fff;
	border-radius:19px 19px 0 0;
	text-shadow: 2px 2px 1px #864d2c,
             -2px 2px 1px #864d2c,
             2px -2px 1px #864d2c,
             -2px -2px 1px #864d2c;
}
.present_period span{
	font-size:130%;
}
.p_inner {
 width: 98%;
 margin: 0 auto;
 padding: 0;
 background-color: #fff;
}
.p_tit {
 width: 94%;
 margin: 0;
 padding: 0.5em 3%;
 background-color: #35b48e;
 text-align: center;
}
.p_tit ul, .p_tit li, .precam ul, .precam li {
 display: block;
}
.p_tit ul, .precam ul {
 list-style: none;
}
.p_tit li.p_tit1, .p_tit li.p_tit2 {
 font-weight: 900;
 color: #fff;
 text-shadow: none;
 margin-right: 20px;
}
.p_tit li.p_tit1 span {
 font-size: 120%;
}
.p_tit li.p_tit2 {
 font-size: 152%;
 margin-bottom: 0.4em;
 padding-top: 10px;
}
.p_tit li.p_tit3 {
 background-color: #fff100;
 border-radius: 10px;
 padding: 5px 10px;
 color: #7e473e;
}
.p_tit li.p_tit3 span {
 font-size: 120%;
 font-weight: 900;
}
.amazon_gift {
 width: 94%;
 margin: 10px auto;
 padding: 0 3%;
}
.amazon_gift div {
 background-image: url("/ssi/event/yoyaku_service/img_2027/pre_box.png");
 background-repeat: no-repeat;
 background-position: right bottom;
 background-size: 4em;
 padding: 0;
 width: 100%;
}
p.at_1 {
 color: #7e473e;
 font-weight: 900;
 font-size: 90%;
}
p.at_1 span {
 color: #ee3a73;
 font-size: 120%;
}
p.at_2 {
 color: #7e473e;
 font-weight: 900;
 font-size: 180%;
 line-height: 1.1em;
}
p.at_2 span {
 color: #f37421;
}
p.at_3 {
 color: #7e473e;
 font-weight: 900;
 font-size: 120%;
 line-height: 1.1em;
}
p.at_3 span {
 font-size: 180%;
 line-height: 1.2em;
 color: #ee3a73;
 text-shadow: 2px 2px 1px #7e473e, -2px 2px 1px #7e473e, 2px -2px 1px #7e473e, -2px -2px 1px #7e473e;
}
dl.chushaku1 {
 width: 92%;
 margin: 0 auto 20px auto;
 padding: 0.5em 2%;
 border: 1px solid #000;
 font-size: 90%;
}
dl.chushaku2 {
 width: 94%;
 margin: 0 auto 20px auto;
 padding: 1em 3% 2em 3%;
 /* background-color: #ececec;*/
 font-size: 90%;
}
dl.chushaku1 a, dl.chushaku2 a {
 color: #388bdb;
 text-decoration: underline;
}
a.a_blank {
 padding-right: 1em;
 margin-right: 0.4em;
 background-image: url(/area/images/ico_blank_02.svg);
 background-repeat: no-repeat;
 background-position: right center;
 background-size: 0.8em;
}
dl.chushaku1 dt, dl.chushaku2 dt {
 font-weight: 900;
 margin: 0 0 0.5em 0;
 font-size: 120%;
}
dl.chushaku1 dd {
 margin: 0 0 0.5em 0;
 padding: 0 0 0 0.5em;
}
dl.chushaku1 dd span {
 font-weight: 900;
 font-size: 110%;
 margin-right: 10px;
}
dl.chushaku2 dd {
 margin: 0 0 0.5em 0;
 padding: 0 0 0 1em;
 font-size: 90%;
 line-height: 1.8em;
 background-image: url(/files/img/common/icon_arrow_02.png);
 background-repeat: no-repeat;
 background-size: 0.8em;
 background-position: 0 0.4em;
}
dl.chushaku2 dd.last1line {
 margin-bottom: 1em !important;
 padding-bottom: 1em !important;
 border-bottom: 1px dashed #000;
}
dl.chushaku2 dd.nomark {
 background-image: none !important;
}
dl.chushaku2 dd span.bold_ul {
 color: #e62a43;
 text-decoration: underline;
 font-weight: 900;
}
dl.chushaku2 dd span.red_waku {
 padding: 0 0.2em;
 border: 1px solid #e62a43;
 color: #e62a43;
 background-color: #fff;
 font-weight: 900;
}
dl.chushaku2 dd span.waku {
 padding: 0 0.2em;
 border: 1px solid #000;
 background-color: #fff;
 font-weight: 900;
}
.precam {
 width: 98%;
 padding: 0.5em 0;
 margin: 0 auto 20px auto;
 background-image: url(/ssi/event/yoyaku_service/img_2027/present/pre_kuma.png);
 background-repeat: no-repeat;
 background-size: auto 4.5em;
 background-position: right 2em bottom;
}
.precam li.sarani {
 width: 100%;
}
.precam li img {
 width: 100% !important;
}
.precam li {
 width: 49.5%;
 float: left;
}
.precam li.pre_a, .precam li.pre_c, .precam li.pre_e {
 clear: left;
 border-top: 1px dotted #000;
 border-left: 1px dotted #000;
 border-right: 1px dotted #000;
}
.precam li.pre_e, .precam li.pre_d {
 border-bottom: 1px dotted #000;
}
.precam li.pre_b, .precam li.pre_d {
 border-top: 1px dotted #000;
 border-right: 1px dotted #000;
}
p.agree {
 width: 90%;
	border-radius: 20px;
 display: block;
 padding: 0.5em 3%;
 margin: 0 auto;
 line-height: 1.8em;
 font-weight: 900;
 font-size: 120%;
 text-align: center;
 background-color: #fff100;
}
.schedule img {
 width: 100%;
}

/* .button_last
---------------------------------------------- */
.button_last{
 width: 98%;
 margin: 1em auto 0;
 padding: 0;
}
.b_inner{
 width: 100%;
 margin: 0 auto;
 padding: 0;
 text-align: center;
}
.b_inner p{
 color: #fff;
}
.b_inner .btn-gradient-3d {
  display: inline-block;
  width:88%;
  padding: 1em 3%;
  line-height:1.4em;
  text-decoration: none;
  font-weight: 900;
  font-size:160%;
  border-radius: 6px;
  color:#fff!important;
  text-shadow: 2px 2px 1px #000;
  background-image: linear-gradient(#3c449c 0%, #63c9dc 100%);
 border-top:1px solid #000;
 border-right:1px solid #000;
 border-left:1px solid #000;
 border-bottom:3px solid #000;
}
.b_inner .btn-gradient-3d:active {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  border-bottom: none;
}
.btn-gradient-3d img{
	vertical-align:middle;
	width:0.7em;
}




/* コンテンツ全体、MV ここ以下古い情報
---------------------------------------------- */
#raishun {
 transition: ease-in-out 1.4s;
 font-size: 14px !important;
 line-height: 1.7em !important;
 background-color: #fff;
 padding: 0 0 60px;
 margin: 0 auto;
 position: relative;
}
#raishun .keyV {
 width: 100%;
 background-size: 100%;
}
#raishun .keyV .inner {
 width: 100%;
 height: auto;
 margin: 0 auto 1.5em auto;
 padding: 0.5em 0 0 0;
}
#raishun .sp_mv {
 display: block;
 width: 100%;
 height: auto;
 text-align: center;
 margin: 0 auto 1em auto;
}
#raishun .sp_mv img {
 width: 92%;
}
/* .notice
---------------------------------------------- */
.notice {
 width: 100%;
 margin: 0 auto 3em auto;
 padding: 5em 0 0 0;
 background-image: url("/ssi/event/yoyaku_service/img_2027/bg_grass.png");
 background-repeat: repeat-x;
 background-position: left 3.2em;
 position: relative;
}
div.signboard {
 width: 100%;
 height: 5em;
 background-image: url("/ssi/event/yoyaku_service/img_2027/bg_notice.png");
 background-repeat: no-repeat;
 background-position: center top;
 background-size: auto 5em;
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.grass_frame_bg {
 width: 100%;
 margin: 0 auto;
 padding: 0 0 0.3em 0;
 background-color: #a1c979;
}
.grass_frame {
 width: 80%;
 padding: 1em 2% 0.4em;
 margin: 10px auto;
 border-radius: 10px;
 background-color: #e8f0c5;
}
.grass_frame p {
 font-size: 90%;
 font-weight: 700;
 line-height: 1.6em;
 margin-bottom: 0.8em;
}
p.g_tit {
 color: #e62a43;
 font-size: 120%;
 font-weight: 700;
 margin-bottom: 0.3em;
 text-align: center;
}
/* .gaiyou
---------------------------------------------- */
.gaiyou {
 width: 94%;
 margin: 0 auto 2em auto;
 padding: 0;
}
.g_inner {
 width: 96%;
 margin: 0 auto 3em auto;
 padding: 0;
}
.g_inner p {
 width: 94%;
 margin: 0 auto;
}
p.tit01 { /*高汎用タイトル 2行の場合*/
 width: 92%;
 display: block;
 background-image: url("/ssi/event/yoyaku_service/img_2027/tit_back_01.png");
 background-repeat: no-repeat;
 background-size: 100% 100%;
 padding: 1.3em 3%;
 margin: 0 auto 1em auto;
 font-size: 100%;
 font-weight: 900;
 text-align: center;
 line-height: 1.4em;
 position: relative;
}
p.tit01 span, p.tit02 span, p.tit03 span, .n_tit p span, .n_inner p.nees_tit span {
 font-size: 110%;
 color: #e62a43;
}
.gaiyou4 {
 width: 94%;
 margin: 4em auto 1.5em auto;
 position: relative;
}
.gaiyou4 img.gaiyou4_tit {
 position: absolute;
 width: 16em;
 top: -3.5em;
}
.gaiyou4 img.gaiyou4_point {
 position: absolute;
 width: 6em;
 bottom: 2em;
 right: -0.7em;
 z-index: 200;
}
.gaiyou4 ul, .gaiyou4 li {
 display: block;
}
.gaiyou4 ul {
 list-style: none;
}
.gaiyou4 ul li {
 padding: 0.5em 3%;
 background-color: #fff;
 font-weight: 900;
 font-size: 100%;
 line-height: 1.6em;
 margin: 0 0 10px 0;
 width: 94%;
}
.gaiyou4 ul li.l1_pink, .gaiyou4 ul li.l3_blue, .gaiyou4 ul li.l2_green, .gaiyou4 ul li.l4_orange {
 background-image: url("/ssi/event/yoyaku_service/img_2027/waku_l.png");
 background-repeat: no-repeat;
 background-size: 100% 100%;
}
.gaiyou4 ul li.l1_pink span {
 color: #e62a43;
 text-shadow: 1px 1px 0 #ccc;
}
.gaiyou4 ul li.l2_green span {
 color: #b3d46c;
 text-shadow: 1px 1px 0 #666;
}
.gaiyou4 ul li.l3_blue span {
 color: #656bc7;
 text-shadow: 1px 1px 0 #ccc;
}
.gaiyou4 ul li.l4_orange span {
 color: #ffc875;
 text-shadow: 1px 1px 0 #666;
}
/* .what_r
---------------------------------------------- */
.what_r {
 width: 100%;
 background-color: #ffe8ed;
 border-top: 3px solid #efc3cc;
 margin: 0;
 padding: 0 0 4em 0;
}
.wh_tit {
 width: 100%;
 margin: 0 auto;
 padding: 2.3em 0 0 0;
 position: relative;
}
.wh_tit p {
 display: block;
 padding: 5px 3%;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 top: -2em;
 width: 80%;
 background-color: #fff;
 border: 3px solid #efc3cc;
 border-radius: 10px;
 font-size: 110%;
 font-weight: 900;
 text-align: center;
}
.wh_tit p img.hana {
 display: none;
}
.wh_inner {
 width: 85%;
 margin: 0.5em auto;
 padding: 0;
}
.wh_inner p {
 margin-bottom: 1em;
}
.scroll_box {
 margin: 0.5em 0 1em 0;
 overflow-x: auto;
 padding-bottom: 10px;
 -webkit-overflow-scrolling: touch;
}
p.x_scroll {
 padding: 0.4em 0 0.5em 1.6em;
 margin: 1em 0 0 0;
 background-color: #fff;
 line-height: 1.5em;
 display: block;
 height: 1.5em;
 font-size: 90%;
 background-image: url("/ssi/event/yoyaku_service/img_2027/sp/x_scroll.gif");
 background-repeat: no-repeat;
 background-size: 1.4em;
 background-position: 0.2em center;
}
.scroll_box div img {
 max-width: 100%;
 min-width: 600px;
 vertical-align: top;
}

/*画像横スクロールレスポンシブ
----------------------------------------*/
p.xscroll_guide {
 display: block;
 padding: 0.5em 0.5em 0.5em 3em;
 background-color: #fff;
 background-image: url(/ssi/event/yoyaku_service/img_2027/sp/x_scroll.gif);
 background-repeat: no-repeat;
 background-size: auto 80%;
 background-position: 5px 5px;
 line-height: 1.3em;
}

/* .needs
---------------------------------------------- */
.needs {
 width: 100%;
 background-color: #deebb5;
 margin: 0 0 3em 0;
 padding: 0;
 border-bottom: 3px solid #b3d46c;
}
.n_tit {
 width: 100%;
 margin: 0 auto;
 padding: 3em 0 0 0;
 position: relative;
}
.n_tit p {
 display: block;
 padding: 5px 3%;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 top: -2em;
 width: 80%;
 background-color: #fff;
 border: 3px solid #b3d46c;
 border-radius: 10px;
 font-size: 110%;
 font-weight: 900;
}
.n_inner {
 width: 94%;
 margin: 0 auto;
 padding: 0;
}
.n_inner ul, .n_inner li {
 display: block;
 padding: 0;
}
.n_inner ul {
 list-style: none;
 margin: 0 auto 20px auto;
 width: 100%;
}
.n_inner li, .n_inner li .nomargin {
 margin: 10px !important;
 padding: 0.3em 3% !important;
 background-color: #fff;
 clear: left;
}
.n_inner li img {
 width: 30% !important;
 float: left;
 margin: 0.5em 0.2em 0 0.5em;
}
.n_inner ul p {
 display: block;
 color: #000;
 line-height: 1.6em;
 text-shadow: none;
}
.n_inner li.banner_area, .n_inner li.sumikae_cam {
 display: none;
}
/* .button_gbook
---------------------------------------------- */
.button_gbook {
 width: auto;
 margin: 1em 2% 1em 6%;
 padding: 0;
}
.button_gbook_nami {
 width: 100%;
 margin: 0 auto 40px auto;
 padding: 0;
 background-image: url(/ssi/event/yoyaku_service/img_2027/line_tennami.png);
 background-size: 80%;
}
.button_gbook li {
 float: left;
}
.button_gbook li.g_left {
 width: 25%;
}
.button_gbook li.g_right {
 width: 25%;
}
.button_gbook li.g_center {
 width: 35%;
 margin-right: 10%;
}
.button_gbook li.gb_chushaku {
 color: #000;
 text-shadow: none;
 font-size: 10px;
 font-weight: 200;
 line-height: 1.5em;
 text-align: left;
 width: 90%;
 padding: 0 0 0 6%;
}
.b_inner_gb {
 width: 100%;
 margin: 0 auto;
 padding: 1em 0;
 text-align: center;
}
.b_inner_gb p {
 display: none;
}
.btn-gradient-4d {
 display: inline-block;
 width: 100%;
 padding: 1em 10%;
 line-height: 1.2em;
 text-decoration: none;
 font-weight: 900;
 font-size: 110%;
 border-radius: 6px;
 color: #fff !important;
 text-shadow: 2px 2px 1px #000;
 background-image: linear-gradient(#656bc7 0%, #9196e3 100%);
 border-top: 1px solid #000;
 border-right: 1px solid #000;
 border-left: 1px solid #000;
 border-bottom: 3px solid #000;
}
.btn-gradient-4d:active {
 -webkit-transform: translateY(4px);
 transform: translateY(4px);
 border-bottom: none;
}