@charset "UTF-8";

#headerscp {
	/* position: fixed; */
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	width: 100%;
	/* height: 115px; */
	background-color: white;
	z-index: 9999;
	text-align: center;
	zoom: 1;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#headerscp:after { display: block; clear: both; content: ""; }
/*#headerscp.ds {
	box-shadow: 0 8px 2px 0px rgba(88, 59, 44, 0.3);
	-moz-box-shadow: 0 8px 2px 0px rgba(88, 59, 44, 0.3);
	-webkit-box-shadow: 0 8px 2px 0px rgba(88, 59, 44, 0.3);
}*/
#headerscp.navHide { height: 50px; }
#headerscp #logo {
	width: 161px;
	margin: 20px auto 10px;
}
#headerscp #logo > a {
	display: block;
	width: 100%;
}
#headerscp #logo > a img {
	width: 100%;
	height: auto;
}
#headerscp #scrollNavi {
	display: block;
	float: left;
	width: 100%;
	height: 41px;
	margin: 9px 0 0 0;
	zoom: 1;
}
#headerscp #scrollNavi:after { display: block; clear: both; content: ""; }
#headerscp #scrollNavi li {
	display: block;
	float: left;
	width: 47.6%;
	height: 100%;
	margin: 0 0 0 1.6%;
	font-size: 0;
}
#headerscp #scrollNavi li a { display: block; width: 100%; height: 100%; background-color: #ebebeb; }
#headerscp #scrollNavi li a.current { background-color: #2f66ff; }
#headerscp #scrollNavi li.privilege a.current img,
#headerscp #scrollNavi li.cmGallery a.current img { display: none; }
#headerscp #scrollNavi li.privilege a.current {
	background-image: url(./../../../../img/campaign/2025/summer/txt_header_01_active.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#headerscp #scrollNavi li.cmGallery a.current {
	background-image: url(./../../../../img/campaign/2025/summer/txt_header_02_active.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#headerscp #scrollNavi li a > img { width: auto; height: 100%; }
#headerscp #scrollNavi li:first-child { width: 0; height: 0; }
#summerCampaign {
	width: 100%;
	/* padding-top: 29.375vw; */
	color: #666666;
	line-height: 1.3;
}
#summerCampaign.navHide { padding-top: 55px; }
#summerCampaign #cpHead { text-align: center; }
#summerCampaign #cpHead > h1 { width: 94%; margin-left: 3%; }
#summerCampaign #cpHead > h1 img { width: 100%; height: auto; }
#summerCampaign #cpHead > p { display: inline-block; width: 46%; margin-top: 15px; }
#summerCampaign #cpHead > p img { width: 100%; height: auto; }
#summerCampaign #mainVisual {
	position: relative;
	z-index: 0;
	width: 100%;
	font-size: 0;
	overflow: hidden;
}
#summerCampaign #mainVisual .mainTtl {
	position: absolute;
	top: -webkit-calc(24 / 750 *100vw);
	top: calc(24 / 750 *100vw);
	left: 0;
}
#summerCampaign #mainVisual .mainTtl img {
	width: 100%;
}
#summerCampaign #mainVisual p.btn { position: absolute; z-index: 11; width: 21.4%; right: 5.78%; top: 34.91%; }
#summerCampaign #mainVisual p.btn img { width: 100%; height: auto; }
#summerCampaign #mainVisual .main01 {
	width: 100%;
	z-index: 10;
}
#summerCampaign #mainVisual .main02 {
	width: 100%;
	position: absolute;
	bottom: -11.33334vw;
	left: 0;
	z-index: 10;
}
#summerCampaign #mainVisual .tex { width: 75.93%; position: absolute; left: 14.2%; bottom: 7.60%; z-index: 9; }
#summerCampaign #mainVisual .gu { width: 13.12%; height: auto; position: absolute; left: 48.7%; margin-left: -6.56%; top: 67.96%; z-index: 9; }
#summerCampaign #privilege {
	margin-bottom: 9.8667vw;
}
#summerCampaign #privilege .cbSplitOuter {
	position: relative;
	width: 100%;
	margin-top: 20px;
}
#summerCampaign #privilege .cbSplitOuter .balloon {
    position: relative;
    width: 55%;
    height: auto;
    background-color: rgba(0,0,0,0);
    margin: 0 0 -5vw 2vw;
    z-index: 20;
}
#summerCampaign #privilege .cbSplitOuter .balloon img {
	width: 100%;
}
#summerCampaign #privilege .cbSplitOuter > div { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; background: #2f66ff; height: 76px; border-top: white 1px solid; }
#summerCampaign #privilege .cbSplitOuter > div > p {
	z-index: 11;
	position: absolute;
	right: 4.6875%;
	top: 15px;
	font-size: 0;
}
#summerCampaign #privilege .cbSplitOuter > div > p img { width: 45px; height: 45px; }
#summerCampaign #privilege .cbSplitOuter > div input[type="checkbox"] { display: none; }
#summerCampaign #privilege .cbSplitOuter > div label { cursor: pointer; z-index: 10; display: block; position: absolute; width: 275px; height: 75px; left: 0; top: 0; font-size: 0; }
#summerCampaign #privilege .cbSplitOuter > div.cb1 input[type="checkbox"] + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_01.png) no-repeat 6.25vw 15px;
	-webkit-background-size: 229px 50px;
	background-size: 229px 50px;
}
#summerCampaign #privilege .cbSplitOuter > div.cb1 input[type="checkbox"]:checked + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_01_c.png) no-repeat 6.25vw 15px;
	-webkit-background-size: 229px 50px;
	background-size: 229px 50px;
}
#summerCampaign #privilege .cbSplitOuter > div.cb2 input[type="checkbox"] + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_02.png) no-repeat 6.25vw 15px;
	-webkit-background-size: 233px 50px;
	background-size: 233px 50px;
}
#summerCampaign #privilege .cbSplitOuter > div.cb2 input[type="checkbox"]:checked + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_02_c.png) no-repeat 6.25vw 15px;
	-webkit-background-size: 233px 50px;
	background-size: 233px 50px;
}
#summerCampaign #privilege .cbSplitOuter > div.cb3 input[type="checkbox"] + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_03.png) no-repeat 6.25vw 14px;
	-webkit-background-size: 233px 48px;
	background-size: 233px 48px;
}
#summerCampaign #privilege .cbSplitOuter > div.cb3 input[type="checkbox"]:checked + label {
	background: #2f66ff url(./../../../../img/campaign/2025/summer/ttl_cb_03_c.png) no-repeat 6.25vw 14px;
	-webkit-background-size: 233px 48px;
	background-size: 233px 48px;
}
#summerCampaign #privilege .noselect {
	position: relative;
	/*margin-top: 1px;*/
}
#summerCampaign #privilege .noselect img {
	width: 100%;
	height: auto;
}
#summerCampaign #privilege .noselect .btn_comingsoon {
	position: absolute;
	bottom: 13.3333vw;
	left: 50%;
	display: block;
	width: 81.0667vw;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#summerCampaign #privilege .noselect .btn_comingsoon img {
	webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#summerCampaign #privilege .liststwolinks_list { border-bottom: 1px solid #2f66ff; /* margin-top: 4px; */ box-sizing: border-box; height: 13.3333vw; width: 50%; }
#summerCampaign #privilege .liststwolinks_list:nth-of-type(2n+1) { border-right: 1px solid #2f66ff; }
#summerCampaign #privilege .liststwolinks_list a, #summerCampaign #privilege .liststwolinks_list span { align-items: center; background-color: white; color: #2f66ff; display: flex; flex-flow: row nowrap; font-size: 1.36364em; height: 100%; justify-content: center; letter-spacing: 0.1em; width: 100%; }
#summerCampaign #privilege .liststwolinks_list span { color: #ccc; background-color: #f7f7f7; }
#summerCampaign #privilege .searchs_menu_lists .skin_large .item_button { flex-flow: column nowrap !important; height: 26.6667vw !important; justify-content: center !important; }
#summerCampaign #privilege .searchs_menu_lists .item_list.skin_large { height: auto; margin-right: 2.65vw; width: calc((100% - 2.66667vw) / 2); }
#summerCampaign #privilege .searchs_menu_lists .item_list.skin_large:nth-of-type(2n) { margin-right: 0; }
#summerCampaign #privilege .searchs_menu_lists .item_list.skin_large .item_button { flex-flow: column nowrap; height: 26.6667vw; justify-content: center; align-content: stretch; align-items: center; background: #2f66ff url("/chintai/sp/img/common/btn_arrow_whiteright.png") no-repeat scroll calc(100% - 1.73333vw) 50%/1.6vw auto; border: 1px solid #2f66ff; box-sizing: border-box; color: white; display: flex; font-size: 1.36364em; height: 13.3333vw; justify-content: flex-start; padding: 0 4.66667vw; width: 100%; }
#summerCampaign #privilege .searchs_menu_lists .item_list.skin_large .item_button .item_icon { display: block; height: 8.4vw; margin-right: 0; width: 100%; }
#summerCampaign #privilege .searchs_menu_lists .item_list.skin_large .item_button .item_text { display: block; line-height: 1.5; margin-top: 2vw; }
#summerCampaign #privilege .index_searchs_ajax_button { background-color: #2f66ff; border-radius: 4px; box-sizing: border-box; color: #fff; display: inline-block; font-size: 1em; line-height: 7.33333vw; position: relative; text-align: center; width: 26.6667vw; margin-right: 2.66667vw; margin-bottom: 20px; margin-top: 20px; }
#summerCampaign #privilege .index_searchs_ajax_button:before { background: url("/chintai/sp/img/common/arrow_white_left.png") no-repeat scroll 0 0/100% auto; content: ""; display: inline-block; height: 2.53333vw; left: 2vw; position: absolute; top: 50%; transform: translateY(-50%); width: 1.46667vw; }
#summerCampaign #privilege .mapDisact { border: #2f66ff 5px solid; margin-bottom: 50px; width: 100%; display: flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#summerCampaign #privilege .mapDisact > div { display: inline-block; margin: 30px auto; width: 100%; text-align: center; font-size: 0; }
#summerCampaign #privilege .mapDisact > div p { margin-bottom: 41px; }
#summerCampaign #privilege .mapDisact > div p img { width: 70%; height: auto; }
#summerCampaign #privilege .mapDisact > div a { transition: 0.15s all; }
#summerCampaign #privilege .mapDisact > div a img { width: 70%; height: auto; }
#summerCampaign #privilege .mapDisact > div a:hover { opacity: .8; }
#summerCampaign #privilege .nashinashiTtl {
	text-align: center;
	margin-top: 10.6667vw;
	margin-bottom: 8vw;
	width: 100%;
}
#summerCampaign #privilege .nashinashiTtl img {
	width: 95%;
	height: auto;
}
#summerCampaign #privilege .btnSet01 {
	margin: 0 auto;
	height: auto;
	width: 85.2%;
}
#summerCampaign #privilege .btnSet02 {
	margin: 0 auto 9.3333vw;
	height: auto;
	width: 85.2%;
}
#summerCampaign #privilege .btnSet01 img,
#summerCampaign #privilege .btnSet02 img {
	width: 100%;
}
#summerCampaign #cmGallery {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-top: 15vw;
	margin-bottom: 10vw;
	padding: 4vw 1.3333vw 1.3333vw;
	background-image: url(./../../../../img/campaign/2025/summer/bgi_color.png);
	background-size: 50% 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #00437c;
	/* border-left: 3px solid #900c52;
	border-right: 3px solid #00437c; */
}
#summerCampaign #cmGallery .cmGallery_body {
	padding: 6vw 5.3333vw 5vw;
	background-color: #fff;
}
#summerCampaign #cmGallery > h3 {
	display: block;
	height: auto;
	text-align: center;
	margin-bottom: 4vw;
}
#summerCampaign #cmGallery > h3 img {
	width: 80%;
	height: auto;
}
#summerCampaign #cmGallery ul {
	text-align: center;
	margin-bottom: 0;
}
#summerCampaign #cmGallery ul li {
	display: block;
	width: 100%;
	margin: 8vw auto 0;
}
#summerCampaign #cmGallery ul li:first-child {
	/* margin-top: 0; */
}
#summerCampaign #cmGallery ul li div {
	position: relative;
	width: 100%;
}
#summerCampaign #cmGallery ul li div .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	z-index: 11;
}
#summerCampaign #cmGallery ul li div .thumbnail {
	width: 100%;
}
#summerCampaign #cmGallery ul li div .thumbnail img { width: 100%; height: auto; }
#summerCampaign #cmGallery ul li div iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 11; }
#summerCampaign #cmGallery ul li h4 {
	line-height: 1.0;
	margin-bottom: 3.2vw;
	color: #333;
	font-size: 18px;
	font-weight: 700;
}
#summerCampaign #cmGallery ul li p {
	line-height: 1.0;
	margin-top: 3.2vw;
	color: #666;
	font-size: 16px;
}
#summerCampaign #cmGallery .md_cm_catch {
	margin-top: 14.6667vw;
}
#summerCampaign #cmGallery .md_cm_catch_head {
	margin-bottom: 5.3333vw;
	text-align: center;
}
#summerCampaign #cmGallery .md_cm_catch_head img {
	width: 71.2vw;
}
#summerCampaign #cmGallery .md_cm_catch_body {
	text-align: center;
}
#summerCampaign #cmGallery .md_cm_catch_body img {
	width: 64vw;
}
#summerCampaign #cmGallery .md_cm_catch_body.skin_double {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
#summerCampaign #cmGallery .md_cm_catch_body.skin_double img {
	width: 64vw;
}
#summerCampaign #cmGallery .md_cm_model {
	margin-top: 5vw;
}

#summerCampaign #other {
	background: #f1ffff;
	border: 1px solid #2f66ff;
	margin: 0 0 6.6666667vw;
	padding: 4vw 2.6667vw 4.6875vw;
}
#summerCampaign #other h2 {
	text-align: center;
	margin-bottom: 3.3333vw;
}
#summerCampaign #other h2 img {
	width: 100%;
}
#summerCampaign #other .txt_caution {
	font-size: 3.28125vw;
	padding: 1.5625vw 3.75vw 3.75vw 3.75vw;
}
#summerCampaign #other .txt_caution li {
	margin-top: 0.8em;
	margin-left: 1em;
	text-indent: -1em;
}
#summerCampaign #other .txt_caution li:first-child {
	margin-top: 0;
}
#summerCampaign #other div {
	background: white;
	border: 1px solid #2f66ff;
	padding: 4.6667vw 3.4375vw;
}
#summerCampaign #other div p { font-size: 12px; font-size: 1.8; }
#summerCampaign #other div p strong { display: block; font-weight: bold; color: #2f66ff; margin-bottom: .5em; }
#summerCampaign #other div p small { font-size: 10px; }
#summerCampaign #other div .txt_lead {
	font-size: 3.75vw;
}
#summerCampaign #other div ul {
	margin-top: 2.6667vw;
}
#summerCampaign #other div ul li { line-height: 1.7; margin-left: 13px; }
#summerCampaign #other div ul li a {
	margin-left: -13px;
	padding-left: 13px;
	background: url(./../../../../img/campaign/2025/summer/ico_arw.png) no-repeat left 3px;
	-webkit-background-size: 6px 8px;
	background-size: 6px 8px;
	font-size: 3.75vw;
	text-decoration: underline;
}
.cmpDetailContents { width: 100%; height: 100%; border: #2f66ff 4px solid; padding: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cmpDetailContents .lsDisc { margin-top: 25px; }
.cmpDetailContents .lsDisc li { line-height: 1.8; text-indent: -1em; font-size: 14px; color: #666; }
.cmpDetailContents .lsDisc li:before { content: '・'; color: #2f66ff; font-weight: bold; }
.cmpDetailContents .lsDisc li + li { margin-top: .5em; }
.cmpDetailContents .close { text-align: center; display: block; margin: 40px auto 0; }
.skin_gray { background: #808080; color: white; padding: 5px 2.66667vw 2px; text-align: center; }
#summerCampaign .cp-ttl {
	margin: 3.73vw auto 7vw;
	width: 93.06%;
}
#summerCampaign .cp-inner {
	margin: 3.46vw auto 0;
	width: 92%;
	display: flex;
	justify-content: space-between;
}
#summerCampaign .cp-inner img {
	width: 45.3125vw;
	/* height: 10.4vw; */
}
#summerCampaign .cp-inner img:nth-child(2) {
	height: auto;
}
#summerCampaign .cp-search {
	margin: 5.06vw auto 2.13vw;
	text-align: center;
}
#summerCampaign .cp-search img {
	width: 80%;
}

/* ---------------------------------------------
*   modal_campaign_CM
--------------------------------------------- */
#cboxOverlay.modal_campaign_CM { background: rgba(0, 0, 0, 0.8); opacity: 1.0; filter: alpha(opacity=100); }
.modal_campaign_CM #cboxTopLeft, .modal_campaign_CM #cboxTopRight, .modal_campaign_CM #cboxBottomLeft, .modal_campaign_CM #cboxBottomRight, .modal_campaign_CM #cboxMiddleLeft, .modal_campaign_CM #cboxMiddleRight, .modal_campaign_CM #cboxTopCenter, .modal_campaign_CM #cboxBottomCenter, .modal_campaign_CM #cboxClose { display: none; }
.modal_campaign_CM #cboxContent { border: none; overflow: visible; background: white; float: none; margin: 0 auto; }
.modal_campaign_CM #cboxLoadedContent { margin-bottom: 0; background: white; }

/* ---------------------------------------------
*   Override
--------------------------------------------- */
/*
.icon_external:after {
	width: 2.933333333vw;
	height: 2.933333333vw;
	background-image: url(./../../../../img/campaign/2025/summer/icn_popup.png);
	background-position: 50% 50%;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
*/
#summerCampaign .icon_external span {
	display: inline-block;
	margin-left: 0.625vw;
	width: 2.933333333vw;
	height: 2.933333333vw;
}
.icon_external span img {
	vertical-align: middle;
}

/* ---------------------------------------------
*   Caution
--------------------------------------------- */
#summerCampaign #privilege .ajaxSearch +p {
	font-size: 4.375vw;
	text-align: left;
	margin-top: 5vw;
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 5vw;
	padding-right: 5vw;
}