@charset "shift_jis";

/* ======================================================
 * /common-files/css/room/room.css
 * ------------------------------------------------------
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
/* module
------------------------------------------------------ */
/* ----- btnLink01 ----- */
.btnLink01{
    margin-top: 40px;
}

.btnLink01 a{
	padding: 33px 105px 31px 143px;
	font-size: 34px;
	font-size: 3.4rem;
}
.btnLink01 a:after{
	right: 20px;
}


/* figureCol typeRevImg */
.figureCol.typeRevImg > .txt {
	float: left;
	width: 62%;
}
.figureCol.typeRevImg > .imgR {
	margin-left: 3%;
	width: 35%;
}

/* room_point */
.room_point {
	margin-top: 50px;
}
.room_point dt{
	background: radial-gradient(ellipse closest-side at 50% 50%, #409b26, #1f8a00);
	border-radius: 28px;
	padding: 8px 0;
	width: 100%;
	font-size: 25px;
	font-size: 2.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.room_point dt span{
	display: inline-block;
	background: url(/campaign/room/img/index_ic01.png) no-repeat 0 50%,
				url(/campaign/room/img/index_ic02.png) no-repeat 100% 50%;
	padding:0 88px;
}
.room_point dd ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.room_point dd ul li{
	border-bottom: #80bd17 dashed 1px;
	border-left: #80bd17 dashed 1px;
	padding: 1.5em 1.5em 0.5em 1.5em;
	width: 50%;
	box-sizing: border-box;
}
.room_point dd ul li span{
	display: inline-block;
	background: url(/campaign/room/img/index_ic03.png) no-repeat 0 0;
	background-size: 24px auto;
	padding-left: 38px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.room_point dd ul li .note{
	display: block;
	background: none;
	padding: 1em;
	text-indent: -1em;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
.room_point dd ul li:nth-child(1),
.room_point dd ul li:nth-child(3){
	border-left: none;
}
.room_point dd ul li:nth-child(3),
.room_point dd ul li:nth-child(4){
	border-bottom: none;
	padding-bottom: 2.5em;
}

/* presentWrap */
.presentWrap{
	background: #e5f8cc url(/campaign/room/img/pc_index_bg01.png) no-repeat 50% 0;
	margin-top: 40px;
	padding: 10px 70px 20px 20px;
}
.presentWrap .title{
	text-shadow: #fff 3px 3px 0px, #fff -3px 3px 0px,
             #fff 3px -3px 0px, #fff -3px -3px 0px;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	color: #a5001e;
	text-align: center;
}
.presentWrap .title span{
	display: block;
	font-size: 20px;
	font-size: 2.0rem;
	color: #222222;
	text-shadow: none;
}

.presentWrap .figureCol.typeRevImg{
	margin-top: 10px;
}
.presentWrap .figureCol.typeRevImg > .txt {
	float: left;
	width: 54%;
	font-size: 16px;
	font-size: 1.6rem;
}

.presentWrap .figureCol.typeRevImg > .txt .noteList01 > li{
	font-size: 12px;
	font-size: 1.2rem;
}

.presentWrap .figureCol.typeRevImg > .imgR {
	margin-left: 0;
	width: 40%;
}

/* section02 */

.section02 {
    margin-top: 50px !important;
}
.section02 .serviceWrap{
	display: table;
	margin-top: 52px !important;
}
.section02 .serviceWrap dl{
	display: table-cell;
	border-left: #bfbfbf solid 1px;
	padding: 0 20px;
	width: 33%;
	box-sizing: border-box;
	vertical-align: top;
}

.section02 .serviceWrap dl:first-child{
	border: none;
	padding-left: 0;
}
.section02 .serviceWrap dl dt{
	display: table;
	padding-left: 69px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.section02 .serviceWrap dl dt span{
	display: table-cell;
	vertical-align: middle;
}
.section02 .serviceWrap dl:first-child dt{
	background: url(/campaign/room/img/index_ic04.png) no-repeat 0 50%;
	background-size: 54px auto;
}
.section02 .serviceWrap dl:nth-child(2) dt{
	background: url(/campaign/room/img/index_ic05.png) no-repeat 0 50%;
	background-size: 54px auto;
}
/*.section02 .serviceWrap dl:last-child dt{
	background: url(/campaign/room/img/index_ic06.png) no-repeat 0 50%;
	background-size: 54px auto;
}*/
.section02 .serviceWrap dl:last-child{
	padding-right: 0;
}
.section02 .serviceWrap dl .btnLink01{
	margin-top: 20px !important;
}
.section02 .serviceWrap dl .btnLink01 a{
	padding: 15px 60px 13px 50px;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
}

.section02 .serviceWrap dl dd{
	padding-top: 25px;
}

.section02 .serviceWrap dl .noteList01{
	margin-top: 0;
}
.section02 .serviceWrap dl .provider{
	margin-top: 1em;
	font-size: 12px;
	font-size: 1.2rem;
}
.section02 .serviceWrap dl .kuronekoBox{
	background: #e9f2fc url(/campaign/room/img/index_bg02.png) no-repeat 100% 0;
	background-size: 97px auto;
	padding: 15px 20px;
	margin-top: 1em;
	border-radius: 5px;
}
.section02 .serviceWrap dl .kuronekoBox .title{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #413f6e;	
}
.section02 .serviceWrap dl .kuronekoBox .title span{
	font-size: 18px;
	font-size: 1.8rem;
}

/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {

/* ----- btnLink01 ----- */
.btnLink01{
    margin-top: 20px !important;
}
.btnLink01 a{
	padding: 25px 40px 23px 30px;
	font-size: 17px;
	font-size: 1.7rem;
}
.btnLink01 a:after{
	right: 7px !important;
}


.presentWrap + .btnLink01{
    margin-top: 15px;
}

/* figureCol typeRevImg */
.figureCol.typeRevImg > .txt {
	float: none;
	width: 100%;
}
.figureCol.typeRevImg > .imgR {
	margin-left: 0;
	width: 100%;
}

/* room_point */
.room_point {
	margin-top: 25px;
}
.room_point dt{
	font-size: 17px;
	font-size: 1.7rem;
}
.room_point dt span{
	display: block;
	background: url(/campaign/room/img/index_ic01.png) no-repeat 5% 50%,
				url(/campaign/room/img/index_ic02.png) no-repeat 95% 50%;
	background-size: 32px auto, 32px auto;
}
.room_point dd ul{
	display: block;
	margin-top: 0;
}
.room_point dd ul li{
	border-bottom: #80bd17 dashed 1px;
	border-left: none;
	padding: 0 0 0.5em 0;
	width: auto;
}
.room_point dd ul li span{
	background-position: 0 0.15em;
	background-size: 16px auto;
	padding-left: 20px;
	font-size: 16px;
	font-size: 1.6rem;
}
.room_point dd ul li:nth-child(n+1) span{
	margin-top: 1em;
}
.room_point dd ul li .note{
	display: block;
	background: none;
	padding: 0.4em 0.7em 0.7em 1em;
	margin-top: 0 !important;
	text-indent: -1em;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}
.room_point dd ul li:nth-child(1),
.room_point dd ul li:nth-child(3){
	border-left: none;
}
.room_point dd ul li:nth-child(2),
.room_point dd ul li:nth-child(3),
.room_point dd ul li:nth-child(4){
	border-bottom: #80bd17 dashed 1px;
	padding-bottom: 1em;
}

/* presentWrap */
.presentWrap{
	background: #e5f8cc url(/campaign/room/img/sp_index_bg01.png) no-repeat 50% 0;
    padding: 5em 2.9% 20px 2.9%;
}
.presentWrap .title{
	text-shadow: #fff 2px 2px 0px, #fff -2px 2px 0px,
             #fff 2px -2px 0px, #fff -2px -2px 0px;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1;
}
.presentWrap .title span{
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 0.8em;
}

/* figureCol typeRevImg */
.presentWrap .figureCol.typeRevImg > .txt {
	float: none;
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
}
.presentWrap .figureCol.typeRevImg > .imgR {
	margin-left: 0;
	width: 100%;
}
.presentWrap .noteList01{
	margin-top: 1em;
	font-size: 12px;
	font-size: 1.2rem;
}

.section02 {
    margin-top: 25px !important;
}
.section02 .serviceWrap{
	display: block;
	margin-top: 1.5em !important;
}
.section02 .serviceWrap dl{
	display: block;
	border-left: none;
	border-bottom: #bfbfbf solid 1px;
	padding: 0 0 1.5em 0 !important;
	margin-top: 1.5em;
	width: auto;
}
.section02 .serviceWrap dl:first-child{
	border-bottom: #bfbfbf solid 1px;
}
.section02 .serviceWrap dl:last-child{
	border-bottom: none;
	padding-bottom: 0 !important;
}
.section02 .serviceWrap dl dt{
	padding-left: 50px;
	font-size: 16px;
	font-size: 1.6rem;
}
.section02 .serviceWrap dl:first-child dt{
	background: url(/campaign/room/img/index_ic04.png) no-repeat 0 50%;
	background-size: 37px auto;
}
.section02 .serviceWrap dl:nth-child(2) dt{
	background: url(/campaign/room/img/index_ic05.png) no-repeat 0 50%;
	background-size: 37px auto;
}
/*.section02 .serviceWrap dl:last-child dt{
	background: url(/campaign/room/img/index_ic06.png) no-repeat 0 50%;
	background-size: 37px auto;
}*/
.section02 .serviceWrap dl .btnLink01{
	margin-top: 0.5em !important;
}
.section02 .serviceWrap dl dd{
	margin-top: 0.7em;
	padding-top: 0;
}

.section02 .serviceWrap dl .kuronekoBox{
	background: #e9f2fc url(/campaign/room/img/index_bg02.png) no-repeat 100% 0;
	background-size: 87px auto;
}
.section02 .serviceWrap dl .kuronekoBox .title{
	font-size: 14px;
	font-size: 1.4rem;	
}
.section02 .serviceWrap dl .kuronekoBox .title span{
	font-size: 16px;
	font-size: 1.6rem;
}

}

/* Cleafix
------------------------------------------------------ */