@charset "utf-8";
.wrap {
	overflow: hidden;
}
img {
    max-width: 100%;
    height: auto;
}
p {
    text-align: justify;
    line-height: 1.8em;
	margin: 0;
}
.inner {
    padding: 5%;
}
.inner2 {
    padding: 0 5%;
}
.center {
    text-align: center;
}
.text {
    padding: 5%;
    background: #ffffff;
}
.box_img {
    margin: 10% 0 5%;
}
/* 見出し*/
h2 {
   letter-spacing: 0.1em;
    text-align: center;
}
.heading {
    letter-spacing: 0;
	text-align: center;
}
.note{
	font-size: 10px;
}
/* 文字　色*/
.f_blue {
    color: #0094b2;
}
.f_green{
	color: #30525f;
}
.f_purple{
	color: #7774b4;
}
.f_white{
	color: #ffffff;
}
.f_vm-pink{
	color: #ec7a9a;
}

/* 枠 */
.line_wrap {
    /*margin-top: 20%;*/
    padding: 5%;
    border: solid 2px;
    border-radius: 10px;
}
/* 枠　色r*/
.line_blue {
    border: solid #c6d7db;
}

/*dt*/
.line_wrap dl{
	margin-bottom: 50px;
}
.line_wrap dd{
	margin-top:10px; 
}

/*-----------------------------
firstview 
---------------------------------*/
.firstview {
    position: relative;
}
.firstview h1 {
    margin: 0;
	padding-top: 120px;
}
.firstview_banner {
    width: 54%;
    height: 14%;
    margin: 0 auto;
    display: flex;
    /*justify-content: center;*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
}
/*-------------------------------
春キャンペーン
---------------------------------*/
.cp {
    width: 100%;
	padding-bottom: 10%;
    background-color: #c6d7db;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #E7F8FC), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #E7F8FC), color-stop(.75, #E7F8FC), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
}
/*-------------------------------
プレゼント
---------------------------------*/
.present,.square_12f,.souvenir_1f,.cafe_1f,.info,.link,.bemove,.info-roof,.info-vm{
	width: 100%;
}
.present{
	background-color: #ffe533;
	color: #30525f;
}
/* 春キャンペーン 見出し */
.cp_ttl {
    background-color: rgba(0,148,178,0.8);
    color: #ffffff;
    text-align: center;
    padding: 10% 5% 5%;
}
.cp_ttl img {
    width: 60%;
}
/*-------------------------------
英語版追加　/春キャンペーン 見出し
---------------------------------*/
/* 春キャンペーン 見出し */
.cp_ttl_en {
    background-color: rgba(0,148,178,0.8);
    color: #ffffff;
    text-align: center;
    padding: 10% 5% 5%;
}

.cp_ttl_en img {
    width: 100%;
}

.lead {
    padding: 10% 0 5%;
}

/* Be Moved */
.bemove{
	background-color: #d9d9d9;
}

/*-------------------------------
3周年記念
---------------------------------*/
.anniversary3 {
	width: 100%;
	background-size: contain;
	background-image: url(../img/bg_3rd@2x-80.jpg);
	background-repeat: repeat-y;
}
.white_box {
	width: 100%;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px 20px 30px;
	background-image:url(../img/goods_carp@2x.png),
					 url(../img/goods_sanfrecce@2x.png);
	background-repeat:no-repeat,
					  no-repeat;
	background-position:left top,
						right top;
	background-size: 150px,150px;
}
.price_box {
	width: 100%;
	border: 1px solid #333333;
	text-align: center;
	margin: 40px auto;
}
.price_box h3.fee{
	font-size: 18px;
	margin: 35px auto 8px ;
}
ul.cp_priceList{
	display:table;
	width: 100%;
	border-top: 1px solid #333333;
	padding: 5px;
	margin-bottom: 0;
}
ul.cp_priceList li.price1{
	display:table-cell;
	width: 50%;
	padding: 0 5px 10px;
	float: left;
}
ul.cp_priceList li.price1:last-of-type{	
	border-left: 1px solid #333333;
}
ul.cp_priceList li.price2{
	display:table-cell;
	width: 100%;
	padding: 20px 5px 10px;
}
.limited_box {
	width: 100%;
	background-color: #90D1D6;
}
.limited_box h3.title{
	background-color: #0094B2;
	color: #ffffff;
	padding: 15px;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	margin: 0;
}
h4.cp_note-head{
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid #333333;
	margin-top: 50px;
	padding: 5px;
}
p.cp_note{
	text-align: left;
	font-size: 14px;
}
p.cp_note-center{
	text-align: center;
	font-size: 14px;
	line-height: 1.2;		
}
p.text_goods{
	text-align: center;
	font-size: 20px;
	margin: 40px 0 5px;
	line-height: 1.5;
}
p.text_carp{
	text-align: center;
	font-size: 38px;
	color: #E50012;
	font-weight: bold;
	line-height: 1;
}
p.text_carp span{
	font-size: 16px;
}
p.text_sf{
	text-align: center;
	font-size: 38px;
	color: #51308E;
	font-weight: bold;
	line-height: 1;	
}
p.text_sf span{
	font-size: 16px;
}
p.text_df{
	text-align: center;
	font-size: 38px;
	color: #E94709;
	font-weight: bold;
	line-height: 1;	
}
p.text_df span{
	font-size: 16px;
}
figcaption.note_goods{
	padding: 10px 0 30px;
	font-size: 14px;
	text-align: center;
}

/* テキストサイズ可変 */
.vw4{
	font-size: 4vw; 
}
.vw5{
	font-size: 5vw; 
}

/*-------------------------------
12F
---------------------------------*/
.square_12f,.souvenir_1f,.cafe_1f{
	/*margin-top: -5%;*/
	color: #3c4542;
}
/*-------------------------------
info
---------------------------------*/
.info{
	background-color: #dadada;
}
/*-------------------------------

/*-------------------------------
info-roof
---------------------------------*/
.info-roof{
	background-color: #30266a;
	color: #ffffff;
}
/*-------------------------------

/*-------------------------------
info-vm
---------------------------------*/
.info-vm{
	background-color: #ffe6f0;
	color: #e9608d;
}
/*-------------------------------

link
---------------------------------*/
.link{
	background-color: #ffffff;
}
/* バナー */
.bnner{margin: 30px 0;}
.bnner img{width: 90%;}
.btn-lg{font-size: 2rem !important;}
.fa-fw{text-align: right !important;}

.btn-outline-warning{
	color: #cab262 !important;
	border-color: #cab262 !important;
}
.btn-outline-warning:hover{
	background: #cab262 !important;
	color: #ffffff !important;
}

.btn-outline-danger {
    color: #e9608d !important;
    background-color: transparent;
    background-image: none;
    border-color: #e9608d !important;
}
.btn-outline-danger:hover {
	background: #e9608d !important;
	color: #ffffff !important;
}

.btn-outline-dark {
    color: #30525f !important;
    background-color: transparent;
    background-image: none;
    border-color: #30525f !important;
}
.btn-outline-dark:hover {
	background: #30525f !important;
	color: #ffffff !important;
}

@media screen and (min-width:481px) {

}

@media screen and (min-width:768px) {
	.firstview img{width: 100%;}
	.cp_ttl img {
    width: 30%;
}
	img {
    width: 100%;
    height: auto;
}
}

@media screen and (min-width:1024px) {
.cp_ttl img {
    width: 30%;
}
	h2{
		font-size: 40px !important;
	}
	h4{font-size: 24px !important;}
}

@media screen and (max-width:880px) {
.firstview h1 {
padding-top: 0;
}
}

@media screen and (max-width:599px) {
.white_box {
	background-size: 100px,100px;
}
p.text_goods{
	margin: 30px 0 20px;
}	
p.text_carp{
	font-size: 32px;
}
p.text_sf{
	font-size: 32px;
}
p.text_df{
	font-size: 32px;
}
}