@charset "UTF-8";

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {  margin:0; padding:0;  border:0;  outline:0;  background:transparent;}
ol, ul {list-style: none;}


body, html {text-align: center; font-family: 'meiryo', 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;font-size: 62.5%;padding: 0;margin: 0;width:100%;}
body{font-size:1.6rem;line-height:1.6em;z-index: -1; color: #000000;}
body { position: relative;animation: fadeIn 1s ease-in 0s 1 normal; -webkit-animation: fadeIn 1s ease-in 0s 1 normal;}
body{background-color: #FAF0F0;}
header{width: 100%; margin: 0 auto; overflow: visible; }
img{width:100%; margin: 0 auto;vertical-align: bottom;}

.pc { display:block; }
.sp { display:none; }

@media only screen and (max-width : 767px){
  .pc { display:none; }
  .sp { display:block; }
}

a,
a:hover{text-decoration:none;}
a{color:#555;width: 100%;height:100%;}

/*キャンペーンキャッチコピー*/

@media (min-width: 1200px) {
	.title .sub_title{font-size: 2.8rem; font-weight: bold; line-height:4.2rem; padding-top: 20px; padding-bottom: 12px; }
	.title .main_title{font-size: 6rem; font-weight: bold; line-height:7rem; color:#0B426E; padding-bottom: 20px; }
}
@media only screen and (max-width : 767px){
	.title .sub_title{font-size: 2rem; font-weight: bold; line-height:2.8rem; padding-top: 20px; padding-bottom: 12px; }
	.title .main_title{font-size: 3rem; font-weight: bold; line-height:4rem; color:#0B426E; padding-bottom: 20px; }
}

/*特典内容*/
@media (min-width: 1200px) {
	.present{margin: auto; width:75%; max-width: 750px; }
}
@media only screen and (max-width : 767px){
	.present{margin: auto; width:95%; max-width: 767px; }
}

/*.present{ 
	width: 95%;
	max-width: 700px; 
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	grid-gap: 5px; 
	border:3px #EAC5C4 solid; 
	background-color: #EAC5C4; 
	box-shadow: 2px 2px 4px; 
	margin: 0 auto 30px; 
	color:#C00000; 
	font-size: 1.6rem; 
	font-weight: bold;
	padding-bottom: 20px; 
}
@media (min-width: 1200px) {
	.present .prezent_title{grid-column: 4 span; color:#C00000; font-size: 3.2rem; font-weight: bold; padding: 15px; }
	.present .amazon{grid-column: 2 span; font-size: 2.4rem; margin: auto;}
	.present .amazon_amount{font-size: 2.4rem; margin: auto;}
	.present .coupon{grid-column: 2 span; font-size: 2.4rem; margin: auto;}
	.present .coupon_amount{font-size: 2.4rem; margin: auto;}
	.present .or{grid-column: 4 span; color:#000000; margin: auto;}
	.present div img{width:100px; margin: auto;}
}
@media only screen and (max-width : 767px){
	.present .prezent_title{grid-column: 4 span; color:#C00000; font-size: 2rem; font-weight: bold; padding: 15px; }
	.present .amazon{grid-column: 2 span; margin: auto;}
	.present .amazon_amount{margin: auto;}
	.present .coupon{grid-column: 2 span; margin: auto;}
	.present .coupon_amount{margin: auto;}
	.present .or{grid-column: 4 span; color:#000000; margin: auto;}
	.present div img{width:70px; margin: auto;}
}
.present .yellow_marker{background:linear-gradient(transparent 75%, #ff6 75%);}*/

/*写真イメージ*/
.travel_image div img{margin: 5px; width:35%; max-width: 380px; border: 8px solid #FFF; box-shadow: 2px 2px 4px #999; }


/*polog案内*/
.polog{max-width: 700px; margin: 0 auto 30px; text-align: left; padding: 20px; }
@media (min-width: 1200px) {
	.polog .polog_title{font-size: 3.5rem; font-weight:bold; line-height: 4.5rem; text-align: center; color:#0B426E; padding-bottom: 20px; }
	.polog ol{list-style: decimal; font-weight: bold; font-size: 2rem; line-height: 3.5rem; margin-left: 45px; }
}
@media only screen and (max-width : 767px){
	.polog .polog_title{font-size: 2rem; font-weight:bold; line-height: 2.4rem; text-align: center; color:#0B426E; padding-bottom: 20px; }
	.polog ol{list-style: decimal;  font-weight: bold; font-size: 1.6rem; line-height: 2.2rem; padding-left: 30px; }
}
.polog .polog_img{text-align: center; }
.polog div img{ width:40%; max-width: 180px; }


/*キャンペーン応募方法*/
@media (min-width: 1200px) {
	.howto div{margin: auto; width:80%; max-width: 800px; }
}
@media only screen and (max-width : 767px){
	.howto div{margin: auto; width:95%; max-width: 767px; }
}


.btn {background: #F6FAF2;padding:20px;margin: 50px auto;max-width: 910px;display: flex;flex-wrap: wrap;justify-content: space-around;align-content: space-between;align-items: center;  line-height: 80px;}
.btn a{ max-width: 326px;width:100%;margin: 10px}
.btn a:hover img{opacity: .6}
.btn a:hover{background:#FFF; border-radius: 10px;}
.btn .title{max-width: 354px;width:100%;background: none;min-height: auto;margin: 10px 0;padding:0}

a.btn{ background: #0B426E; max-width: 420px; width: 90%; border-radius: 10px; font-size: 24px; font-weight: bold; text-align: center; min-height: 80px; padding: 10px 0; color: #fff; box-sizing: border-box;}
a.btn:hover{color: #ffffff; opacity: 0.7; cursor: pointer}
a.btn span{display: block;font-size:24px; }


/*注意事項*/
.notice{ max-width: 994px; width: 95%; border:3px #D38583 solid; margin: 0 auto 30px; text-align: left; padding-bottom: 20px;}
.notice div{max-width: 860px;margin:30px auto 0; }
.notice .main_notice{max-width: 300px; text-align: center; font-size: 18px; background: #D38583;color: #fff; margin:0 auto 30px;  padding: 10px }
@media (min-width: 1200px) {
	.notice .sub_notice{font-weight:bold; }
	.notice ul{max-width: 820px; list-style: disc; margin: 0 auto;  font-size: 14px; }
}
@media only screen and (max-width : 767px){
	.notice .sub_notice{font-weight:bold; margin-left: 5px; }
	.notice ul{max-width: 820px; list-style: disc; margin: 0 5px 0 25px;  font-size: 14px; }
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}
@-webkit-keyframes h_img {
	0% {
		opacity: 0;}

	30% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
}

footer{width:100%; color: #fff;padding:30px 0; text-align: center;background: #003C81;height:auto;}
footer a,
footer a:hover{color: #fff;}
footer img{max-width:300px}
footer div{font-size: 12px;max-width: 500px;margin: 0 auto; width: 80%;}
footer div p{text-align: center}
.company{display: flex;flex-wrap: wrap;width: 80%;max-width: 400px;margin: 0 auto;}
.company li{width: 200px;}