@charset "utf-8";

/* 共通
---------------------------------------------- */
/* clearfix */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/* 高汎用 */
.font_80{
 font-size: 80%;
}
.font_bold{
 font-weight: 900;
}
.font_bold_120{
 font-size: 120%;
 font-weight: 900;
}
.align_center{
 text-align: center;
}

/* スマホ非表示 */
.sp_none {
display:none;
}

/* パンくず */
#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;
}

#heigan img {
width:100%;
height:auto;
}



/* //////////////////////////////////////////////

トップページ
////////////////////////////////////////////// */
#heigan {
font-family:"sans-serif"!important;
margin-bottom:20px;
font-size:15px;
}
#heigan a{
 color: #1b6fb5!important;
 text-decoration: underline!important;
}
#heigan img{
 border: none;
}

/* キービジュアル
------------------------------------------ */
#heigan .keyV .inner {
 padding: 10px 0;
 text-align: center;
}
#heigan .keyV .inner img {
 width: 80%;
}

/* エリア検索
------------------------------------------ */
#heigan .areaMap {
padding:0 3% 1em;
}
#heigan .areaMap .areaMap_bg {
background:url(../img/bg_area.jpg) no-repeat right top;
background-size:cover;
}
#heigan .areaMap h4 {
background:url(../img/icon01.png) no-repeat left 10px top 4px #57B6DD;
padding:10px 0.5em 8px 60px;
color:#FFF;
margin:0 auto 10px;
border-radius:4px;
font-size:1.1em;
text-shadow:none;
}
#heigan .areaMap h4 span {
color:#ff8100;
font-size:130%;
text-shadow:2px  2px 1px #FFF,-2px  2px 1px #FFF,2px -2px 1px #FFF,-2px -2px 1px #FFF,2px  0px 1px #FFF,0px  2px 1px #FFF,-2px 0px 1px #FFF,0px -2px 1px #FFF;
margin-right:0.2em;
}

#heigan .areaMap dl {
font-size:16px;
font-weight:bold;
text-shadow:none;
padding: 4px;
}
#heigan .areaMap dl:nth-child(1) {
background:#2CB4B4;
}
#heigan .areaMap dl:nth-child(2) {
background:#4BBA6D;
}
#heigan .areaMap dl:nth-child(3) {
background:#EEC340;
}
#heigan .areaMap dl:nth-child(4) {
background:#E77E69;
}
#heigan .areaMap dl:nth-child(5) {
background:#E28A9B;
}
#heigan .areaMap dl:nth-child(6) {
background:#7DA1D3;
}
#heigan .areaMap dl dt {
color:#FFF;
font-size:70%;
padding:2px 1em;
}
#heigan .areaMap dl dd {
width:20%;
float:left;
padding:0 2px;
box-sizing:border-box;
margin-bottom:4px;
}
#heigan .areaMap dl dd a {
display:block;
text-align:center;
background:#FFF;
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
border:#DDD solid 1px;
border-radius:3px;
color:#222;
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
transition: all 400ms ease-out;
padding:0.5em 0;
}
.searchLinks h3{
font-size: 200%;
    text-align: center;
    margin-top: 80px;
    position: relative;
    margin-bottom: 10px;
}
.searchLinks h3::after{
margin-left: -16px;
    left: 50%;
    bottom: -10px;
    width: 32px;
    height: 2px;
    border-radius: 2px;
    background-color: #e95b00;
    content: "";
    position: absolute;
}

/* #gaiyou
---------------------------------------------- */
#gaiyou {
 width: 100%;
 margin: 0 auto 30px;
 padding: 20px 0 0;
 position: relative;
 background-image: url("/ssi/event/yoyaku_system/harukara/img/bg_re_x_01.png");
 background-repeat: repeat-x;
}
.tit_greenribbon {
 width: 86%;
 height: 4em;
 background-color: #36a638;
 margin: 0 auto 20px;
 border-radius: 10px;
 position: relative;
 padding: 20px 1%;
}
.tit_greenribbon:before {
 content: '';
 display: inline-block;
 width: 50px;
 height: 48px;
 background-image: url("/media/assets/img/support/concierge/ttl_bg01.png");
 background-size: contain;
 background-repeat: none;
 vertical-align: middle;
 position: absolute;
 left: -16px;
 bottom: -13px;
}
.tit_greenribbon:after {
 content: '';
 display: inline-block;
 width: 50px;
 height: 48px;
 background-image: url("/media/assets/img/support/concierge/ttl_bg02.png");
 background-size: contain;
 background-repeat: none;
 vertical-align: middle;
 position: absolute;
 right: -16px;
 bottom: -13px;
}
.tit_greenribbon p {
 display: block;
 font-size: 100%;
 font-weight: 900;
 color: #fff;
 margin: 0;
 text-align: center;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 width: 90%;
 z-index: 2;
}
.tit_greenribbon p span {
 font-size: 140%;
}
h2 {
 display: block;
 width: 100%;
 margin: 0 auto 30px;
 background-image: url("/ssi/event/yoyaku_system/harukara/img/bg_line.png");
 background-repeat: no-repeat;
 background-size: 100% 50%;
 background-position: center bottom;
 text-align: center;
 font-size: 240%;
 font-weight: 900;
 color: #4cb847;
 line-height: 1em;
}
h2 span {
 display: block;
 width: 80%;
 margin: 0 auto -25px;
 font-size: 45%;
 line-height: 1.8em !important;
}
.g_inner {
 width: 94%;
 margin: 0 auto;
 padding: 0;
 position: relative;
 border: 3px solid #4cb847; /*theme_green*/
 background-color: #fffcd6; /*theme_light_yellow*/
 border-radius: 10px;
}
.g_inner p {
 display: block;
 line-height: 1.7em;
 margin: 0 15px 1.7em;
 text-align: left !important;
}
.wrap_com01{
 margin: 0 0 20px;
 position: relative;
}
.wrap_com02{
 margin: 0 0 20px;
 position: relative;
}
img.chart{
 margin: 0 0 10px 2%;
 width:96%!important;
}
.green_band_1st,
.green_band_com{
 display: block;
 margin: 0 0 20px 0;
 padding: 10px 3%;
 background-color: #4cb847;
 color: #fff;
 font-size: 130%;
 font-weight: 900;
 line-height: 1.5em;
}
.green_band_1st{
 border-radius: 5px 5px 0 0;
}
.green_band_1st span,
.green_band_com span{
 color:#f47522;
 font-size:120%;
 text-shadow: 1px 1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, -1px -1px 0px #fff;
}
.time_limit{
 width: 83%;
 margin:4em auto 20px;/*closeの時だけ下marginを20pxから6emにする*/
 padding: 20px 6%;
 font-size: 140%;
 font-weight: 900;
 border: 4px solid #ed5053;
 border-radius:14px;
 background-color: #fff;/*closeの時だけ#fffを#999にする*/
 position: relative;
 text-align: center;
}
.time_limit span{
 color: #ed5053;/*theme_red*/
 font-size: 120%;
 margin-right: 5px;
}
.time_limit img.close_sp{
 display:block;
 position:absolute;
 width:80%;
 top:5.5em;
 left:0;
}
.time_limit img.close_pc{
 display: none;
}
.time_limit p.tl_tit{
 width:70%;
 text-align:center!important;
 display: block;
 position: absolute;
 color: #fff;
 background-color:#ed5053;
 padding:5px;
 border-radius:10px 10px 0 0;
 top:-48px;
 left:45%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.div_l{
 position: relative;
}
.div_l img{
 width:4.5em!important;
 position: absolute;
 right: 25%;
 top: 0;
}
.l_p01{
 display: block;
 font-size: 130%;
 font-weight: 900;
 color: #ed5053;
 margin-bottom:20px!important;
}
.l_p01 span{
 color: #1b6fb5;/*blue*/
 font-size: 140%;
}
.l_p02{
 display: block;
 background-color: #fff;
 border: 3px solid #ed5053;
 border-radius: 12px;
 padding: 16px 10%;
 font-size: 120%;
 font-weight: 900;
 line-height: 2em!important;
}
.l_p02 span{
 color: #ed5053;
 font-size: 140%;
}
.div_r{
 margin: 0 2% 30px;
 padding: 0;
}
ul.icons {
 list-style: none;
 margin: 0 10px 20px;
}
ul.icons li {
 display: block;
 float: left;
 width: 31%;
 text-align: center;
 margin: 0 2% 0 0;
 padding: 0;
}
img.dakara{
 width:60%!important;
}
dl.merit dt{
 padding-left: 1.6em;
 background-image: url(/ssi/event/yoyaku_system/heigan/img/icon_check.png);
 background-repeat: no-repeat;
 background-size:1.5em;
 font-size: 120%;
 font-weight: 900;
 line-height: 1.5em;
 margin:0 2% 1em;
 clear:both;
}
dl.merit dt span{
 color: #ed5053;
}
dl.merit dd.dd_img,
dl.merit dd.dd_img02{
 float:right;
 width:10em;
 position: relative;
 margin: 0 1% 20px;
}
dl.merit dd.dd_slide{
 padding-top:50px!important;
}
dl.merit dd.dd_text{
 margin-bottom:30px;
}
img.icon_sakura{
 position: absolute;
 width:4em!important;
 left:10px;
 top:-10px;
}
img.icon_slide{
 position: absolute;
 width:4em!important;
 left:30%;
 top:-10px;
}
.heigan_zu{
 width:94%;
 text-align: center;
 margin: 20px auto 0;
}

/* #why
---------------------------------------------- */
#why {
 width: 96%;
 margin: 0 auto 30px auto;
 padding: 30px 0 0;
}
.w_inner {
 width: auto;
 margin: 0 auto;
 padding: 0;
 position: relative;
 border: 3px solid #f36f23; /*theme_orange*/
}
.attention{
 margin: 0 auto;
 padding: 0;
 border: 4px solid #1b6fb5;/*theme_blue*/
}
.w_inner p {
 display: block;
 line-height: 1.7em;
 margin: 0 3% 1.7em;
 text-align: left !important;
}
.w_inner p span{
 font-size:120%;
 font-weight: 700;
 color: #f36f23;
}
.w_inner p.answer{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/text_a.png);
 background-repeat: no-repeat;
 background-size:1.8em;
 background-position:0 0;
 padding-left:2.2em;
}
p.w_tit_1st{
 margin: 0 0 1em !important;
 padding: 16px 3em 16px 2%;
 display: block;
 background-color: #f36f23;
 color: #fff;
 font-weight: 900;
 font-size: 140%;
 line-height: 1.5em;
 position: relative;
}
img.boy {
 width: 3.5em !important;
 position:absolute;
 right:0;
 bottom:0;
 z-index:0;
}
img.move {
 width: 10em!important;
 margin: 0 10px 5px 5px;
 float: right;
}
p.w_tit_next{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/text_q.png);
 background-repeat: no-repeat;
 background-size:1.6em;
 background-position:2% 16px;
 margin:0 0 1em!important;
 padding: 16px 2% 16px 2em;
 display: block;
 background-color: #f36f23;
 color: #fff;
 font-weight: 900;
 font-size:140%;
 line-height:1.5em;
}
.attention p.a_tit{
 margin:0 0 1em!important;
 padding:16px 2%;
 display: block;
 background-color: #1b6fb5;/*theme_blue*/
 color: #fff;
 font-weight: 900;
 font-size:140%;
}
.attention ul{
 display:block;
 list-style: none;
 padding:0;
}
.attention li{
 background-image: url(/ssi/event/yoyaku_system/heigan/img/icon_arrow_blue.png);
 background-repeat: no-repeat;
 background-size:1em;
 background-position: 0 2px;
 display:block;
 margin: 0 16px 2%;
 padding: 0 0 0 1.4em;
}