@charset "UTF-8";

/* ----------------------------------------------------
	基本設定
---------------------------------------------------- */
/*
	#font
------------------------------ */
body {
	background: #fff url(../img/bg.jpg) center top repeat-y;
	background-size: 100% auto;
	background-attachment: fixed;
	line-height: 1.5;
	color: #000;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-feature-settings: "pkna";
	letter-spacing: 0.05em;
	overflow-x: hidden;
}

@media(max-width:768px) {
	body {
		background: #fff url(../img/bg_sp.jpg) center top repeat-y;
		background-size: 100% auto;
		background-attachment: fixed;
	}
}

/*
	#reset
------------------------------ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

a {
	text-decoration: none;
	transition: all 0.5s ease 0s;
}

a:hover {
	opacity: 0.8;
}

area {
	border: none;
	outline: none;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*
	表示設定
------------------------------ */
header>.inner,
nav>.inner,
footer>.inner,
section {
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	position: relative;
}

section,
div.contents {
	margin-bottom: 60px;
	padding: 0 20px;
}

@media(max-width:1100px) {
	section {
		margin-bottom: 6vw;
	}
}

@media(max-width:768px) {
	section {
		margin-bottom: 7.8125vw;
		padding: 0 2.73438vw;
	}
}

/*
	SP,PC表示切り替え
------------------------------ */
.pc {
	display: block;
}

.sp {
	display: none;
}

@media(max-width:768px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}


/* ----------------------------------------------------
	header
---------------------------------------------------- */
#header {
	margin-bottom: 54px;
	position: relative;
}

#header .logo {
	margin: 0 auto;
	padding-top: 100px;
	width: 62.7%;
	position: relative;
	z-index: 2;
}

#header .lead {
	position: absolute;
}

#header .lead01 {
	width: 14.4%;
	top: 12.7%;
	left: 22%;
	z-index: 3;
}

#header .lead02 {
	width: 21.3%;
	top: 13.2%;
	right: 9.5%;
}

#header .lead03 {
	width: 15.2%;
	top: 28.9%;
	left: 6.3%;
}

@media(max-width: 1100px) {
	#header {
		margin-bottom: 5.4vw;
	}
}

@media(max-width: 768px) {
	#header {
		margin-bottom: 7.03125vw;
	}

	#header::before {
		background: url(../img/bg_sp.svg) center top 10.678vw no-repeat;
		background-size: 115% auto;
		mix-blend-mode: overlay;
		width: 100%;
		height: 116.79688vw;
		display: block;
		opacity: 0.5;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
	}

	#header .logo {
		padding-top: 23.1%;
		width: 84.1%;
	}

	#header .lead01 {
		width: 25.5%;
		top: 14.9%;
		left: 8.7%;
		z-index: 1;
	}

	#header .lead02 {
		width: 29.6%;
		top: 23.2%;
		right: 2.3%;
	}

	#header .lead03 {
		width: 15.6%;
		top: 41.8%;
		left: 2.9%;
	}
}

/*
	members
------------------------------ */
#header .members {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

#header .members a {
	background: #e52922;
	padding: 36px 40px;
	line-height: 1;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border-radius: 0 0 50px 0;
	display: block;
}

#header .members a::before {
	margin-right: 8px;
	width: 12px;
	height: 12px;
	display: inline-block;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	transform: rotate(45deg);
	content: "";
}

#header .members a:hover {
	background: #fff;
	color: #e52922;
	opacity: 1;
}

#header .members a:hover::before {
	border-top-color: #e52922;
	border-right-color: #e52922;
}

@media(max-width: 1100px) {
	#header .members a {
		font-size: 2.4vw;
	}
}

@media(max-width: 768px) {
	#header .members a {
		padding: 2.86458vw 7.42188vw;
		line-height: 1.2;
		font-size: 3.90625vw;
		border-radius: 0 0 50px 0;
		position: relative;
	}

	#header .members a::before {
		width: 1.04167vw;
		height: 1.04167vw;
		display: inline-block;
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		position: absolute;
		top: 50%;
		left: 5%;
		transform: rotate(45deg) translateY(-50%);
		content: "";
	}

	#header .members a:hover {
		background: #fff;
		color: #e52922;
		opacity: 1;
	}

	#header .members a:hover::before {
		border-top-color: #e52922;
		border-right-color: #e52922;
	}
}

/* ----------------------------------------------------
	nav
---------------------------------------------------- */
#nav .nav_list {
	margin: 0 auto 54px;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
}

#nav .nav_item {
	width: 31%;
}

#nav .nav_link:hover {
	opacity: 1;
}

/* hover */
#nav .nav_link:hover .nav_title {
	transform: scale(1.15);
}

@media(max-width: 1100px) {
	#nav {
		margin-bottom: 5.4vw;
	}

	#nav .nav_list {
		padding: 0 2.60417vw;
	}
}

@media(max-width: 768px) {
	#nav {
		margin-bottom: 7.03125vw;
		padding: 0 2.73438vw;
	}

	#nav .nav_list {
		padding: 0;
	}
}

/*
	吹き出し
------------------------------ */
#nav .nav_title {
	background: #cc9900;
	margin-bottom: 20px;
	padding: 30px 0;
	color: #fff;
	font-size: 30px;
	text-align: center;
	border-radius: 50px;
	position: relative;
	z-index: 2;
	transition: all 0.5s ease 0s;
}

#nav .nav_title::before {
	border: solid 20px transparent;
	border-top: solid 40px #cc9900;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 2;
	transform: translateX(-50%);
	content: "";
}

@media(max-width: 1100px) {
	#nav .nav_title {
		font-size: 3vw;
		border-radius: 5vw;
	}
}

@media(max-width: 768px) {
	#nav .nav_title {
		margin-bottom: 2.60417vw;
		padding: 3.90625vw 0;
		font-size: 3.12500vw;
		border-radius: 6.51042vw;
	}

	#nav .nav_title::before {
		border-width: 2.60417vw;
		border-top-width: 5.20833vw;
	}
}

/*
	リンク詳細
------------------------------ */
#nav .nav_detail {
	background: #fff;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	transition: all 0.5s ease 0s;
}

#nav .nav_detail .nav_detail-title {
	color: #cc9900;
	font-size: 28px;
}

#nav .nav_detail .nav_detail-title::before {
	width: 100%;
	height: 180px;
	display: block;
	content: "";
}

#nav .nav_detail .nav_detail-title::after {
	width: 100%;
	height: 50px;
	display: block;
	content: "";
}

#nav .nav_detail .nav_detail-text {
	margin-top: 10px;
	color: #000;
	font-size: 24px;
	position: relative;
}

#nav .nav_detail .nav_detail-text::after {
	background-image: url(../img/arrow.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	margin-top: 20px;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	border-radius: 10px 10px 0 0;
	display: block;
	transform: rotate(180deg);
	content: "";
}

@media(max-width: 1100px) {
	#nav .nav_detail .nav_detail-title {
		font-size: 2.8vw;
	}

	#nav .nav_detail .nav_detail-title::before {
		height: 18vw;
	}

	#nav .nav_detail .nav_detail-title::after {
		height: 5vw;
	}

	#nav .nav_detail .nav_detail-text {
		font-size: 2.4vw;
	}

	#nav .nav_detail .nav_detail-text::after {
		background-size: 20px auto;
		margin-top: 2vw;
		height: 4.8vw;
	}
}

@media(max-width: 768px) {
	#nav .nav_detail .nav_detail-title {
		font-size: 3.64583vw;
	}

	#nav .nav_detail .nav_detail-title::before {
		height: 23.4375vw;
	}

	#nav .nav_detail .nav_detail-title::after {
		height: 50px;
	}

	#nav .nav_detail .nav_detail-text {
		margin-top: 1.30208vw;
		font-size: 3.125vw;
	}

	#nav .nav_detail .nav_detail-text::after {
		background-size: 2.60417vw auto;
		margin-top: 2.60417vw;
		height: 6.25vw;
	}
}

/*
	福袋
------------------------------ */
#nav .fukubukuro .nav_link:hover .nav_title {
	background-color: #e52922;
}

#nav .fukubukuro .nav_link:hover .nav_title::before {
	border-top-color: #e52922;
}

#nav .fukubukuro .nav_link .nav_detail-title::before {
	background: url(../img/nav_icon01.svg) center bottom 20px no-repeat;
	background-size: 37% auto;
}

#nav .fukubukuro .nav_link .nav_detail-title::after {
	background: url(../img/bg_nav01.svg) center center no-repeat;
	background-size: 80% auto;
}

#nav .fukubukuro .nav_link .nav_detail-text::after {
	background-color: #e52922;
}

/*
	宿泊招待券
------------------------------ */
#nav .ticket .nav_link:hover .nav_title {
	background-color: #7672c3;
}

#nav .ticket .nav_link:hover .nav_title::before {
	border-top-color: #7672c3;
}

#nav .ticket .nav_link .nav_detail-title::before {
	background: url(../img/nav_icon02.svg) center bottom 20px no-repeat;
	background-size: 45% auto;
}

#nav .ticket .nav_link .nav_detail-title::after {
	background: url(../img/bg_nav02.svg) center center no-repeat;
	background-size: 80% auto;
}

#nav .ticket .nav_link .nav_detail-text::after {
	background-color: #7672c3;
}

/*
	クーポン
------------------------------ */
#nav .coupon .nav_link:hover .nav_title {
	background-color: #00b5a4;
}

#nav .coupon .nav_link:hover .nav_title::before {
	border-top-color: #00b5a4;
}

#nav .coupon .nav_link .nav_detail-title::before {
	background: url(../img/nav_icon03.svg) center bottom 20px no-repeat;
	background-size: 45% auto;
}

#nav .coupon .nav_link .nav_detail-title::after {
	background: url(../img/bg_nav03.svg) center center no-repeat;
	background-size: 80% auto;
}

#nav .coupon .nav_link .nav_detail-text::after {
	background-color: #00b5a4;
}

/* ----------------------------------------------------
	anime
---------------------------------------------------- */
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.delay01 {
	animation-delay: 0.25s;
}

.delay02 {
	animation-delay: 0.5s;
}

.delay03 {
	animation-delay: 0.75s;
}

.delay04 {
	animation-delay: 1s;
}

.delay05 {
	animation-delay: 1.25s;
}

.delay06 {
	animation-delay: 1.5s;
}

/* ----------------------------------------------------
	contents
---------------------------------------------------- */
/* header */
.contents .cont_head {
	padding-top: 80px;
}

.contents .cont_head .cont_title {
	margin: 0 auto;
	width: 62.6%;
	position: relative;
}

.contents .cont_head .cont_title .point {
	width: 19.7%;
	display: block;
	position: absolute;
}

@media (max-width: 1100px) {
	.contents .cont_head {
		padding-top: 8vw;
	}
}

@media (max-width: 768px) {
	.contents .cont_head {
		padding-top: 10.41667vw;
	}

	.contents .cont_head .cont_title {
		width: 85%;
	}

	.contents .cont_head .cont_title .point {
		width: 25%;
	}
}

/* inner */
.contents .inner {
	background: #fff;
	padding: 50px 0;
	border-radius: 0 0 50px 50px;
}

.contents .inner .cont_lead {
	margin: 0 auto 50px;
	font-size: 26px;
	text-align: center;
}

.contents .inner .cont_sub-title {
	margin-bottom: 40px;
	font-size: 40px;
	text-align: center;
}

.contents .inner .cont_sub-title span {
	border-bottom: solid 1px;
	display: inline-block;
}

/* 画像リスト */
.contents .cont_image-list {
	margin: 0 auto 50px;
	width: 75%;
	display: flex;
	justify-content: space-between;
}

.contents .cont_image-item {
	background: rgba(0, 255, 255, 0.5);
	width: 32%;
}

@media (max-width: 1100px) {
	.contents .inner {
		padding: 5vw 0;
	}

	.contents .inner .cont_lead {
		margin-bottom: 5vw;
		font-size: 2.6vw;
	}

	.contents .cont_image-list {
		margin-bottom: 5vw;
	}

	.contents .inner .cont_sub-title {
		margin-bottom: 4vw;
		font-size: 4vw;
	}
}

@media (max-width: 768px) {
	.contents .inner {
		padding: 5.20833vw 0;
		border-radius: 0 0 2.60417vw 2.60417vw;
	}

	.contents .inner .cont_lead {
		margin-bottom: 6.51042vw;
		font-size: 3.125vw;
	}

	/* 画像リスト */
	.contents .cont_image-list {
		margin-bottom: 6.51042vw;
		width: 90%;
	}

	.contents .inner .cont_sub-title {
		margin-bottom: 5.20833vw;
		font-size: 5.20833vw;
	}
}

@media (max-width: 480px) {
	.contents .inner .cont_lead {
		font-size: 3.75vw;
	}
}

/*
	福袋（赤）
------------------------------ */
#fukubukuro .cont_head {
	background: url(../img/bg_cont01.png) center top no-repeat;
	background-size: 100% auto;
}

#fukubukuro .cont_head .cont_title .point {
	right: -16.4%;
	bottom: 12.4%;
}

#fukubukuro .inner .cont_sub-title span {
	color: #e52922;
	border-color: #e52922;
}

@media (max-width: 768px) {
	#fukubukuro .cont_head {
		background: url(../img/bg_cont01_sp.png) center top no-repeat;
		background-size: 100% auto;
	}

	#fukubukuro .cont_head .cont_title .point {
		right: -13%;
		bottom: 45%;
	}
}

/* スクロール */
#fukubukuro .inner .cont_scroll {
	margin: 0 auto;
	width: 75%;
}

#fukubukuro .inner .cont_scroll-title {
	background: rgb(229, 41, 34);
	background: linear-gradient(0deg, rgba(229, 41, 34, 1) 50%, rgba(234, 86, 80, 1) 50%);
	margin-bottom: 10px;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
}

#fukubukuro .inner .cont_scroll-title .icon {
	width: 140px;
	display: block;
	position: absolute;
	top: -50px;
	right: 40px;
}

#fukubukuro .inner .cont_scroll-detail {
	margin: 0 auto 3em;
	width: calc(100% - 2em);
	height: 11em;
	overflow-y: scroll;
}

#fukubukuro .inner .cont_scroll-detail::-webkit-scrollbar {
	width: 10px;
}

#fukubukuro .inner .cont_scroll-detail::-webkit-scrollbar-track {
	background-color: #f0f0f0;
	border-radius: 5px;
}

#fukubukuro .inner .cont_scroll-detail::-webkit-scrollbar-thumb {
	background-color: #c5c5c5;
	border-radius: 5px;
}

#fukubukuro .inner .cont_scroll-detail dl {
	margin-bottom: 1em;
	width: 100%;
	display: table;
}

#fukubukuro .inner .cont_scroll-detail dt,
#fukubukuro .inner .cont_scroll-detail dd {
	display: table-cell;
}

#fukubukuro .inner .cont_scroll-detail dt {
	width: 12%;
	color: #cc9900;
	font-size: 22px;
	font-weight: bold;
}

#fukubukuro .inner .cont_scroll-detail dt.okinawa {
	width: 25%;
}

#fukubukuro .inner .cont_scroll-detail dd {
	font-size: 20px;
}

@media (max-width: 1100px) {
	#fukubukuro .inner .cont_scroll-title {
		font-size: 2.4vw;
	}

	#fukubukuro .inner .cont_scroll-title .icon {
		width: 12.7vw;
		top: -5vw;
		right: 4vw;
	}

	#fukubukuro .inner .cont_scroll-detail dt {
		font-size: 2.2vw;
	}

	#fukubukuro .inner .cont_scroll-detail dd {
		font-size: 2vw;
	}
}

@media (max-width: 768px) {
	#fukubukuro .inner .cont_scroll {
		width: 90%;
	}

	#fukubukuro .inner .cont_scroll-title {
		font-size: 3.125vw;
	}

	#fukubukuro .inner .cont_scroll-title .icon {
		width: 18.2vw;
		top: -6.51042vw;
		right: 5.20833vw;
	}

	#fukubukuro .inner .cont_scroll-detail {
		width: 98%;
		height: 6.5em;
	}

	#fukubukuro .inner .cont_scroll-detail dt {
		width: 15%;
		font-size: 2.86458vw;
	}

	#fukubukuro .inner .cont_scroll-detail dt.okinawa {
		width: 28%;
	}

	#fukubukuro .inner .cont_scroll-detail dd {
		font-size: 2.34375vw;
	}
}

@media (max-width: 480px) {
	#fukubukuro .inner .cont_scroll-title {
		font-size: 4.16667vw;
	}

	#fukubukuro .inner .cont_scroll-title .icon {
		right: -3.125vw;
	}

	#fukubukuro .inner .cont_scroll-detail {
		height: 6em;
	}

	#fukubukuro .inner .cont_scroll-detail dt {
		width: 18%;
		font-size: 3.75vw;
	}

	#fukubukuro .inner .cont_scroll-detail dt.okinawa {
		width: 32%;
	}

	#fukubukuro .inner .cont_scroll-detail dd {
		font-size: 2.91667vw;
	}
}

/*
	宿泊招待券（青）
------------------------------ */
#ticket .cont_head {
	background: url(../img/bg_cont02.png) center top no-repeat;
	background-size: 100% auto;
}

#ticket .cont_head .cont_title .point {
	right: -16.6%;
	bottom: 13%;
}

#ticket .inner .cont_sub-title span {
	color: #7672c3;
	border-color: #7672c3;
}

@media (max-width: 768px) {
	#ticket .cont_head {
		background: url(../img/bg_cont02_sp.png) center top no-repeat;
		background-size: 100% auto;
	}

	#ticket .cont_head .cont_title .point {
		right: -13%;
		bottom: 45%;
	}
}

/* 確率アップ */
#ticket .inner .cont_probability {
	margin: 0 auto 125px;
	width: 80%;
}

/* 対象ホテルリスト */
#ticket .inner .cont_hotel-list {
	margin: 0 auto;
	width: 75%;
	font-size: 18px;
	display: flex;
	flex-wrap: wrap;
}

#ticket .inner .cont_hotel-item {
	margin: 0 40px 110px 0;
	width: calc((100% - 40px) / 2);
	display: flex;
	flex-direction: column;
}

#ticket .inner .cont_hotel-item:nth-child(even) {
	margin-right: 0;
}

#ticket .inner .cont_hotel-item .image {
	margin-bottom: 10px;
	order: 0;
	position: relative;
}

#ticket .inner .cont_hotel-item .image .icon {
	width: 142px;
	position: absolute;
	top: -68px;
	left: -32px;
}

#ticket .inner .cont_hotel-item .title {
	margin-bottom: 10px;
	color: #cc9900;
	line-height: 1.2;
	font-size: 28px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	order: 1;
}

#ticket .inner .cont_hotel-item .title small {
	display: block;
}

#ticket .inner .cont_hotel-item .list {
	padding-top: 20px;
	border-top: solid 2px #cc9900;
	order: 2;
}

@media (max-width: 1100px) {
	#ticket .inner .cont_probability {
		margin-bottom: 12.5vw;
	}

	#ticket .inner .cont_hotel-list {
		font-size: 1.8vw;
	}

	#ticket .inner .cont_hotel-item {
		margin: 0 4vw 11vw 0;
		width: calc((100% - 4vw) / 2);
	}

	#ticket .inner .cont_hotel-item .image {
		margin-bottom: 1vw;
	}

	#ticket .inner .cont_hotel-item .image .icon {
		width: 14.2vw;
		top: -6.8vw;
		left: -3.2vw;
	}

	#ticket .inner .cont_hotel-item .title {
		margin-bottom: 1vw;
		font-size: 2.8vw;
	}

	#ticket .inner .cont_hotel-item .list {
		padding-top: 2vw;
	}
}

@media (max-width: 768px) {
	#ticket .inner .cont_probability {
		margin-bottom: 12.5vw;
		width: 90%;
	}

	#ticket .inner .cont_hotel-list {
		width: 90%;
		font-size: 2.34375vw;
	}

	#ticket .inner .cont_hotel-item {
		margin: 0 3vw 8vw 0;
		width: calc((100% - 3vw) / 2);
	}

	#ticket .inner .cont_hotel-item .image {
		margin-bottom: 2.08333vw;
	}

	#ticket .inner .cont_hotel-item .image .icon {
		width: 14.2vw;
		top: -6.8vw;
		left: -3.2vw;
	}

	#ticket .inner .cont_hotel-item .title {
		margin-bottom: 1.30208vw;
		font-size: 3.38542vw;
	}

	#ticket .inner .cont_hotel-item .list {
		padding-top: 2.08333vw;
		letter-spacing: 0;
	}
}

@media (max-width: 480px) {
	#ticket .inner .cont_hotel-item .list {
		font-size: 2.916675vw;
	}

	#ticket .inner .cont_hotel-item .list li {
		margin-bottom: 0.5em;
	}
}

/*
	クーポンプレゼント（緑）
------------------------------ */
#coupon .cont_head {
	background: url(../img/bg_cont03.png) center top no-repeat;
	background-size: 100% auto;
}

#coupon .cont_head .cont_title .point {
	width: 24%;
	right: -18%;
	bottom: 7.9%;
}

@media (max-width: 768px) {
	#coupon .cont_head {
		background: url(../img/bg_cont03_sp.png) center top no-repeat;
		background-size: 100% auto;
	}

	#coupon .cont_head .cont_title .point {
		width: 28%;
		right: -13%;
		bottom: 45%;
	}
}

@media (max-width: 480px) {
	#coupon .cont_head .cont_title .point {
		right: -12%;
	}
}

/*
	cont_note
------------------------------ */
.contents .cont_note {
	background: #f7f0d9;
	margin: 0 auto 40px;
	padding: 25px 60px 65px;
	width: 75%;
	text-align: center;
}

.contents .cont_note-title {
	margin: 40px 0 25px;
	color: #cc9900;
	font-size: 24px;
	position: relative;
	z-index: 2;
}

.contents .cont_note-title::before {
	background: #cc9900;
	width: 100%;
	height: 2px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 1;
	content: "";
}

.contents .cont_note-title span {
	background: #f7f0d9;
	padding: 0 1em;
	display: inline-block;
	position: relative;
	z-index: 2;
}

.contents .cont_note-text {
	margin-bottom: 25px;
	font-size: 20px;
	letter-spacing: -0.001em;
}

.contents .cont_note-text.reset {
	margin-bottom: 5px;
}

.contents .cont_note-text a {
	color: #1790d7;
	text-decoration: underline;
}

.contents .cont_note-text a:hover {
	text-decoration: none;
}

.contents .cont_note-text.notelist li {
	margin-top: 0.25em;
}

.contents .cont_note-text.notelist li::before {
	content: "※";
}

.contents .cont_note-btn a {
	background: #cc9900;
	padding: 1.5em 0;
	max-width: 100%;
	width: 360px;
	line-height: 1;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	border: solid 4px #cc9900;
	display: inline-block;
}

.contents .cont_note-btn a:hover {
	background: #fff;
	color: #cc9900;
	opacity: 1;
}

.contents .cont_note-btn a::before {
	background: url(../img/arrow.svg) left center no-repeat;
	margin-right: 0.5em;
	width: 0.8em;
	height: 0.8em;
	line-height: 1;
	display: inline-block;
	transform: rotate(90deg);
	content: "";
}

.contents .cont_note-other {
	font-size: 18px;
	text-align: center;
}

@media (max-width: 1100px) {
	.contents .cont_note {
		margin-bottom: 4vw;
		padding: 2.5vw 6vw 6.5vw;
	}

	.contents .cont_note-title {
		margin: 4vw 0 2.5vw;
		font-size: 2.4vw;
	}

	.contents .cont_note-text {
		margin-bottom: 2.5vw;
		font-size: 1.8vw;
	}

	.contents .cont_note-text.reset {
		margin-bottom: 0.5vw;
	}

	.contents .cont_note-btn {
		margin-bottom: 4vw;
	}

	.contents .cont_note-btn a {
		font-size: 1.8vw;
	}

	.contents .cont_note-other {
		font-size: 1.8vw;
	}
}

@media (max-width: 768px) {
	.contents .cont_note {
		margin-bottom: 5.20833vw;
		padding: 3.25521vw 6.51042vw 8.46354vw;
		width: 90%;
	}

	.contents .cont_note-title {
		margin: 5.20833vw 0 3.25521vw;
		font-size: 3.125vw;
	}

	.contents .cont_note-text {
		margin-bottom: 3.25521vw;
		font-size: 2.60417vw;
	}

	.contents .cont_note-text.reset {
		margin-bottom: 0.65104vw;
	}

	.contents .cont_note-btn {
		margin-bottom: 5.20833vw;
	}

	.contents .cont_note-btn a,
	.contents .cont_note-other {
		font-size: 2.34375vw;
	}

	.contents .cont_note-other .sp {
		display: none;
	}
}

@media (max-width: 480px) {
	.contents .cont_note {
		padding: 3.125vw 4.16667vw 6.25vw;
	}

	.contents .cont_note-title {
		font-size: 4.16667vw;
	}

	.contents .cont_note-text,
	.contents .cont_note-btn a,
	.contents .cont_note-other {
		font-size: 3.33333vw;
	}

	.contents .cont_note-text {
		letter-spacing: -0.05em;
	}

	.contents .cont_note-other .sp {
		display: block;
	}
}

/*
	note
------------------------------ */
.contents .note {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 920px;
	width: 100%;
}

.contents .note li {
	margin-left: 1em;
	font-size: 16px;
	text-indent: -1em;
	font-weight: 600;
}

.contents .note li::before {
	content: "※";
}

@media (max-width: 1100px) {
	.contents .note li {
		font-size: 1.8vw;
	}
}

@media (max-width: 768px) {
	.contents .note {
		width: 95%;
	}

	.contents .note li {
		font-size: 2.34375vw;
	}
}

@media (max-width: 480px) {
	.contents .note li {
		font-size: 3.33333vw;
	}
}

/* ---------------------------------------------------
	footer
---------------------------------------------------- */
#footer {
	background: #fff;
	padding: 50px 20px 80px;
	text-align: center;
}

#footer .footer_logolist,
#footer .footer_logomain {
	margin: 0 auto;
	max-width: 690px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#footer .footer_logolist a,
#footer .footer_logomain a {
	display: block;
}

#footer .footer_logolist {
	margin-bottom: 60px;
}

#footer .footer_logolist li:nth-child(1) {
	width: 25.94203%;
}

#footer .footer_logolist li:nth-child(2) {
	width: 39.42029%;
}

#footer .footer_logolist li:nth-child(3) {
	width: 21.01449%;
}

#footer .footer_logomain {
	margin-bottom: 20px;
}

#footer .footer_logomain a {
	margin: 0 auto;
	width: 37.68116%;
}

#footer .copy {
	color: #808080;
	font-size: 12px;
}

@media (max-width: 768px) {
	#footer {
		padding: 6.51042vw 2.60417vw 10.41667vw;
	}

	#footer .footer_logolist {
		margin-bottom: 7.81250vw;
	}

	#footer .footer_logolist li:nth-child(1) {
		width: 25.94203%;
	}

	#footer .footer_logolist li:nth-child(2) {
		width: 39.42029%;
	}

	#footer .footer_logolist li:nth-child(3) {
		width: 21.01449%;
	}

	#footer .footer_logomain {
		margin-bottom: 2.60417vw;
	}

	#footer .copy {
		font-size: 1.56250vw;
	}
}

@media (max-width: 480px) {
	#footer {
		padding: 10.41667vw 4.16667vw 16.66667vw;
	}

	#footer .footer_logolist {
		flex-direction: column;
	}

	#footer .footer_logolist {
		margin-bottom: 0;
	}

	#footer .footer_logolist li {
		margin-bottom: 6.25vw;
	}

	#footer .footer_logolist li:nth-child(1) {
		width: 180px;
	}

	#footer .footer_logolist li:nth-child(2) {
		width: 272px;
	}

	#footer .footer_logolist li:nth-child(3) {
		width: 145px;
	}

	#footer .footer_logomain {
		margin-bottom: 6.25vw;
	}

	#footer .footer_logomain a {
		width: 262px;
	}

	#footer .copy {
		font-size: 2.5vw;
	}
}

/* ----------------------------------------------------
	pagetop
---------------------------------------------------- */
#pageTop a {
	background: #e52922;
	background-size: 16px auto;
	width: 64px;
	height: 64px;
	border: solid 4px #e52922;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 10;
}

#pageTop a img {
	width: 24px;
}

/* ----------------------------------------------------
	fadeIn（必要なければ消す）
---------------------------------------------------- */
/*
	共通初期設定
	パターン1：透明度が変化
------------------------------ */
.fadeBlock {
	opacity: 0;
	transition: all 1s;
}

.fadeBlock.fadeIn {
	opacity: 1;
}

/*
	パターン2：下から
------------------------------ */
.fadeBottom {
	transform: translateY(100px);
}

.fadeBottom.fadeIn {
	transform: translateY(0);
}