@charset "utf-8";

:root{
	--black: #411D01;
	--light-gray: #ccc;
	--middle-gray: #999;
	--dark-gray: #666;
	--red: #D50000;
	--red2: #930022;
	--pink: #f17e78;
	--blue: #7DCDF5;
	--green: #7AD294;
	--orange: #F1A34B;
	--main-color: #F09B96;
	--sub-color: #FAF0DC;

	--main-font: 'Zen Maru Gothic', sans-serif;
	--fas: 'Font Awesome 6 Free';
}
/*====================================================================
　全体設定
====================================================================*/
html,body,header,footer,main,section,div,ul,ol,li,a,p,h1,h2,h3,h4,img,dl,dt,dd,form,label,input,textarea{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	background-origin: border-box;
}
/*--ベースとなるフォントサイズ 1rem=10px想定--*/
html{
	font-size: calc(1000vw / 375);
}
body {
	background: var(--sub-color);
	color: var(--black);
	font-family: var(--main-font);
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
@media screen and (max-width: 480px){
	body{
		min-width: 100vw;
	}
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
main {
	position: relative;
	overflow-x: hidden;
}
img {
	display: block;
	width: 100%;
}
a {
	color: var(--red);
}
ul{
	list-style-type: none;
}
.caution li{
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}
.caution li i{
	margin-left: 1.5rem;
}
.indent{
	padding-left: 1em;
	text-indent: -1em;
}
.after_none::after{
	display: none;
}
.cautionary{
	background: #fff;
	border-radius: 0.5rem;
	padding: 1rem;
}
.error {
	background: #F8DFDF;
	border-radius: 1rem;
	width: 100%;
	max-width: 94vw;
	margin: 2vw auto ;
	padding: 0.5em;
	color: #c92a19;
}
#top{
	margin-top: -5rem;
	padding-top: 5rem;
}

.scroll{
	opacity : 0;
	transform : translate(0, 5rem);
	transition : all 500ms;
}
.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

.mt0{margin-top: 0!important;}
.mt2{margin-top: 0.75rem!important;}
.mt3{margin-top: 1.125rem!important;}
.mt4{margin-top: 1.5rem!important;}
.mt5{margin-top: 1.875rem!important;}
.mt8{margin-top: 3rem!important;}
.mt10{margin-top: 3.75rem!important;}
.mt12{margin-top: 4.5rem!important;}
.mt15{margin-top: 5.625rem!important;}
.mb2{margin-bottom: 0.75rem!important;}
.mb3{margin-bottom: 1.125rem!important;}
.mb4{margin-bottom: 1.5rem!important;}
.mb5{margin-bottom: 1.875rem!important;}
.mb8{margin-bottom: 3rem!important;}
.mb10{margin-bottom: 3.75rem!important;}
.mb12{margin-bottom: 4.5rem!important;}
.mb15{margin-bottom: 5.625rem!important;}
.center{text-align: center!important;}

/*--------------見出し-----------*/
h2{
	margin: 0 auto 2rem;
	text-align: center;
	line-height: 1.2;
}
h3{
	display: inline-block;
	background: var(--main-color);
	border-radius: 10vw;
	padding: 0.5rem 2rem;
	margin: auto;
	color: #fff;
	letter-spacing: 0.15em;
}
.content h3{
	display: block;
	background: none;
	border-radius: 0;
	padding: 0;
	color: var(--black);
	letter-spacing: 0;
}
/*--------------------枠--------------------*/
.section {
	padding-bottom: 2rem;
}

.block {
	padding: 2rem 1.25rem;
}
.content{
	position: relative;
	background: rgba(255, 255, 255, 0.6);
	border: var(--main-color) double 0.6rem;
	border-radius: 1rem;
	padding: 2rem 1rem 3rem;
	max-width: 35rem;
	margin: auto;
}

/*--------------------ボタン--------------------*/
button {
	appearance: none;
	background: none;
	border: none;
	font-family: var(--main-font);
}
.button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--light-gray) url(img/bg_button.svg) repeat center center/3.7rem 1rem;
	border: #fff solid 0.5rem;
	border-radius: 100vw;
	width: 100%;
	max-width: 32rem;
	margin: 0 auto;
	min-height: 11rem;
	padding: 0.5rem 1rem;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.16);
	transform: rotateZ(0deg);
}
.button2{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--light-gray) url(img/bg_button.svg) repeat center center/3.7rem 1rem;
	border: #fff solid 0.5rem;
	border-radius: 100vw;
	width: 15rem;
	max-width: 15rem;
	height: 15rem;
	max-width: 15rem;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	transform: rotateZ(0deg);
}
.button:disabled{
	background: var(--light-gray);
}
.bt_next::after {
	font-family: var(--fas);
	content: "\f054";
	position: absolute;
	right: 1.5rem;
}
.bt_back{
	background-color: #EBC06C;
	min-height:7rem;
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bt_back::before {
	font-family: var(--fas);
	content: "\f053";
	position: absolute;
	left: 1.5rem;
}
.bt_sumi{
	background: var(--middle-gray);
	color: #ddd;
}
.bt_outside::after {
	font-family: var(--fas);
	content: "\f35d";
	position: absolute;
	right: 3vw;
	font-weight: 700;
}
.bt_copy::after {
	position: absolute;
	font-family: var(--fas);
	content: "\f24d";
	right: 3vw;
	font-weight: 400;
}
.bt_checkin::after {
	font-family: var(--fas);
	content: "\f124";
	position: relative;
	margin-left: 1rem;
	font-weight: 700;
}
.bt_facility::before{
	position: relative;
	background: url(img/icon_loc.svg) no-repeat center center/100% auto;
	content: "";
	width: 5.2rem;
	height: 4rem;
	margin-right: 1rem;
}
.bt_search::before{
	position: relative;
	margin-right: 1rem;
	font-family: var(--fas);
	content: "\f689";
	font-weight: 700;
	font-size: 4rem;
}
.bt_reload::before{
	position: relative;
	margin-right: 1rem;
	font-family: var(--fas);
	content: "\f2f9";
	font-weight: 700;
	font-size: 3rem;
}
.bt_cart::before{
	position: relative;
	margin-right: 1rem;
	font-family: var(--fas);
	content: "\f07a";
	font-weight: 700;
	font-size: 3rem;
}
.bt_qr{
	flex-direction: column;
	align-items: flex-start;
	padding-left: 7rem;
}
.bt_qr small{
	font-size: 1.2rem;
}
.bt_qr::before{
	position: absolute;
	left: 2.5rem;
	font-family: var(--fas);
	content: "\f029";
	font-weight: 700;
	font-size: 4rem;
}
.bt_apply{
	padding: 0 7rem;
}
.bt_apply::before{
	position: absolute;
	background: url(img/icon_babybottle.svg) no-repeat center center/100% auto;
	content: "";
	width: 5rem;
	height: 6.5rem;
	left: 3rem;
}
.bt_apply::after{
	position: absolute;
	background: url(img/icon_garagara.svg) no-repeat center center/100% auto;
	content: "";
	width: 5rem;
	height: 6.5rem;
	right: 3rem;
}
.bt_questionnaire::before{
	position: relative;
	background: url(img/icon_questionnaire.svg) no-repeat center center/100% auto;
	content: "";
	width: 4.8rem;
	height: 4.2rem;
	margin-right: 1rem;
}
.bt_map::before{
	position: absolute;
	font-family: var(--fas);
	content: "\f5a0";
	font-weight: 700;
	font-size: 3rem;
	left: 1.5rem;
}
.bt_map2::before{
	position: absolute;
	font-family: var(--fas);
	content: "\f3c5";
	font-weight: 700;
	font-size: 3rem;
	left: 2rem;
}
.bt_cookie{
	background-color: var(--red);
	min-height:7rem;
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bh7{
	min-height:7rem;
}

/*--------------------色--------------------*/
.red {
	color: var(--red)!important;
}
.blue{
	color: var(--blue)!important;
}
.gray1{
	color: var(--light-gray)!important;
}
.bg_red{
	background-color: var(--main-color);
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bg_blue{
	background-color: var(--blue);
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bg_green{
	background-color: var(--green);
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bg_purple{
	background-color: #C195CC;
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bg_purple2{
	background-color: #e672c9;
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.bg_orange{
	background-color: #F1A34B;
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}


/*====================================================================
　ヘッダー設定
====================================================================*/
header {
	position: relative;
	background: url(img/header_bg.jpg) repeat-x center center/auto 100%;
	width: 100%;
}

header nav{
	position: fixed;
	top: 0rem;
	right: 0rem;
	z-index: 200;
}
header nav .nav{
	display: flex;
	justify-content: flex-end;
	gap: 0 0.3rem;
	height: 5.2rem;
	padding: 0.3rem;
	overflow: hidden;
}
header nav .nav li{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 0.5rem;
	width: 4.6rem;
	height: 4.6rem;
	font-size: 1.8rem;
	color: var(--blue);
	box-shadow: 0 0 0.6rem rgba(0,0,0,0.16);
}
header nav .nav li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: var(--blue);
}
.menu-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-btn span.menubtn,
.menu-btn span.menubtn:before,
.menu-btn span.menubtn:after {
	position: absolute;
	display: block;
	background-color: var(--blue);
	border-radius: 0.3rem;
	height: 0.3rem;
	width: 2.5rem;
	content: '';
	z-index: 2;
}
.menu-btn span.menubtn:before {
	bottom: 0.8rem;
}
.menu-btn span.menubtn:after {
	top: 0.8rem;
}
.menu span.menutext{
	position: absolute;
	display: block;
	font-size: 1.3rem;
	bottom: 2vw;
}

#bt_menu:checked ~ .menu-btn span {
	background-color: rgba(255, 255, 255, 0);
}
#bt_menu:checked ~ .menu-btn span::before {
	bottom: 0;
	transform: rotate(45deg);
}
#bt_menu:checked ~ .menu-btn span::after {
	top: 0;
	transform: rotate(-45deg);
}
#bt_menu,
#bt_translation {
	display: none;
}
.menu-content {
	position: fixed;
	background: #fff;
	width: 100%;
	height: 100%;
	padding-top: 5rem;
	top: 0;
	left: 0;
	transition: all 0.3s;
	transform: scale(0,0);
	transform-origin: top right;
}
.menu-content ul.menu {
	display: block;
	padding: 0 5vw;
	height: 100%;
	overflow-y: scroll;
}
.menu-content ul.menu li {
	background: none;
	border: none;
	border-bottom: var(--main-color) solid 0.1rem;
	border-radius: 0;
	width: 100%;
	box-shadow: none;
}
.menu-content ul.menu li:last-of-type{
	border: none;
}
.menu-content ul.menu li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 1.5rem 3rem 1.5rem 0.5rem;
	font-size: 1.5rem;
	color: var(--main-color);
	text-decoration: none;
}
.menu-content ul li a::after {
	position: absolute;
	font-family: var(--fas);
	content: "\f054";
	right: 3vw;
	font-weight: 700;
}
#bt_menu:checked ~ .menu-content {
	transform: scale(1,1);
	top: 0;
	left: 0;
}

.menu-translation {
	position: fixed;
	background: var(--blue);
	border-radius: 1rem;
	width: 20rem;
	top: 5rem;
	right: 0.2rem;
	transition: all 0.3s;
	transform: scale(0,0);
	transform-origin: top;
}
.menu-translation ul.translation_list,
.menu-translation ul.wovn-lang-list {
	display: block;
	padding: 0 0.5rem;
	height: 100%;
	overflow-y: scroll;
}
.menu-translation ul.translation_list li,
.menu-translation ul.wovn-lang-list li {
	background: none;
	border: none;
	border-bottom: #fff solid 0.1rem;
	border-radius: 0;
	width: 100%;
	box-shadow: none;
}
.menu-translation ul.translation_list li button,
.menu-translation ul.wovn-lang-list li.wovn-switch{
	padding: 1rem;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
}
.menu-translation ul.translation_list li:last-of-type,
.menu-translation ul.wovn-lang-list li.wovn-switch:last-of-type{
	border: none;
}
#bt_translation:checked ~ .menu-translation {
	transform: scale(1,1);
}
/*====================================================================
　フッター設定
====================================================================*/

/*====================================================================
　規約・概要
====================================================================*/
.rule{
	margin-bottom: 3rem;
}
.rule dt{
	font-size: 1.8rem;
	font-weight: 700;
}
.rule dt span{
	color: var(--main-color);
}
.rule dd + dt{
	border-top: var(--main-color) dotted 0.1rem;
	padding-top: 0.5rem;
}
.rule dd{
	margin-bottom: 0.5rem;
	padding: 0.5rem 0;
	word-break: break-all;
}
.rule dd div{
	background: var(--sub-color);
	margin: 0.5rem 0;
	padding: 1rem;
}
.rule li {
	padding-left: 1em;
	text-indent: -1em;
}
.rule li + li{
	margin-top: 0.5rem;
}
.rule i{
	display:initial;
}
.rule-box{
	height: 25rem;
	border: var(--main-color) solid 0.1rem;
	border-radius: 0.5rem;
	padding: 2rem 1rem 3rem;
	overflow-y: scroll;
}
input[type="checkbox"]:disabled{
	background: var(--light-gray);
}


.entry{
	position: relative;
	padding: 2.8rem 0;
}
.entry p{
	font-size: 1.6rem;
	font-weight: 700;
}
.entry img{
	width: 18rem;
	margin: 2rem auto;
}
/*====================================================================
　マイページ設定
====================================================================*/
.mypage {
	text-align: center;
}

.mypage .title {
	font-weight: bold;
	font-size: 1.8rem;
}

/*--------------------ユーザー情報--------------------*/
.info{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	min-height: 13.5rem;
	line-height: 1;
	font-weight: 700;
}
.info::after{
	position: absolute;
	background: url(img/kirin.svg) no-repeat center bottom/100% auto;
	content: "";
	width: 6.9rem;
	height: 10.4rem;
	bottom: 0;
	right: calc(50% - 18.4rem);
	animation: slidein-r 1s 0.3s ease-in both;
}
@keyframes slidein-r{
	0%{transform: translateX(10rem) ;}
	100%{transform: translateX(0rem);}
}
.info .name,
.info .myno {
	font-size: 2.2rem;
}
.info .name small,
.info .myno small{
	font-size: 1.4rem;
}
.info p {
	font-size: 1.0rem;
	text-align: center;
}

.business_info{
	border-top: var(--blue) solid 0.2rem;
	padding: 2rem 1.25rem;
	text-align: left;
	font-size: 1.2rem;
	font-weight: 700;
}

/*--------------------TOPメニュー--------------------*/
.top_menu{
	display: flex;
	background: var(--blue);
}
.top_menu li{
	width: 25%;
}
.top_menu li a{
	display: block;
	padding: 0 0 0.6rem;
	width: 100%;
	height: 100%;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}

/*--------------------トピックス--------------------*/
.topics_top{
	background: #fff url(img/border1.svg) repeat-x center bottom/100% auto;
	padding: 2rem 1.25rem;
}
@media screen and (min-width: 481px){
	.topics_top{
		padding: 2rem 1.25rem 4rem;
	}
}
.topics_top ul{
	margin-bottom: 0.5rem;
}
.topics_top li{
	width: 100%;
	padding: 0.25rem 0;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.topics_top li a{
	color: var(--black);
	font-weight: 700;
}
.topics_top li span{
	margin-right: 1em;
	color: #999;
	font-size: 1.2rem;
	font-weight: 700;
}
.topics_link{
	display: block;
	text-align: right;
	color: var(--black);
	font-weight: 700;
	text-decoration: none;
}

/*--------------------未登録時--------------------*/
.not_entry{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff url(img/border1.svg) repeat-x center bottom/100% auto;
	height: 10.5rem;
	width: 100%;
	padding-bottom: 1.1rem;
	font-size: 2rem;
	font-weight: 700;
	color: var(--main-color);
}
.not_entry::before{
	position: relative;
	background: url(img/icon_child_r.svg) no-repeat center center/100% auto;
	content: "";
	width: 4.4rem;
	height: 3.6rem;
	margin-right: 0.5rem;
	animation: pyonpyon 3s ease-in-out infinite both;
}
@keyframes pyonpyon{
	0%{transform: translateY(0)}
	10%{transform: translateY(-0.3rem)}
	15%{transform: translateY(0)}
	20%{transform: translateY(-0.15rem)}
	25%{transform: translateY(0)}
}

.use_info{
	position: relative;
	background: url(img/egg.svg) no-repeat center top/37.5rem auto, url(img/border2.svg) repeat-X center bottom;
	padding: 8.9rem 0 1rem;
}
.use_info::before,
.use_info::after{
	position: absolute;
	background: url(img/garland1.svg) no-repeat center center/100% auto;
	content: "";
	width: 14.9rem;
	height: 7.3rem;
	top: 0;
	z-index: -1;
}
.use_info::before{
	left: 0;
}
.use_info::after{
	background-image: url(img/garland2.svg);
	right: 0;
}
.use_info1,
.use_info2{
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	transform: translate(0,0);
	opacity: 1;
}
.use_info1{
	align-items: flex-end;
	margin-bottom: 5.4rem;
}
.use_info1.scroll img:nth-of-type(1){
	transform: translate(18rem,0);
	transition: all 1000ms;
}
.use_info1.scroll img:nth-of-type(2){
	transform: translate(18rem,0);
	transition: all 1250ms;
}
.use_info1.scroll img:nth-of-type(3){
	transform: translate(18rem,0);
	transition: all 1500ms;
}
.use_info2.scroll img{
	transform: translate(-18rem,0);
	transition: all 3000ms;
}
.use_info1.scrollin img:nth-of-type(n),
.use_info2.scrollin img{
	transform: translate(0,0);
}
.use_info1 p,
.use_info2 p{
	font-size: 2.4rem;
	font-weight: 700;
	text-align: left;
}
.top_tori{
	width: 5.9rem;
}
.top_hiyoko{
	width: 3.4rem;
}
.top_zou{
	width: 15.9rem;
}

.use_step{
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 5.3rem 0 4.1rem;
}
.use_step ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3.2rem 1rem;
}
.use_step li{
	position: relative;
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 1rem;
	width: 17.5rem;
	padding: 5.5rem 0.8rem 1.3rem;
}
.balloon{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: url(img/balloon_r.svg) no-repeat center center/100% auto;
	width: 5.2rem;
	height: 6.2rem;
	padding: 1rem 0;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	top: -1rem;
	left: -0.3rem;
	animation: fuwafuwa 5s cubic-bezier(.14,.59,.71,.31) infinite both;
}
@keyframes fuwafuwa{
	0%{transform: translate(0,0);}
	25%{transform: translate(0.2rem,-0.2rem);}
	50%{transform: translate(0,0.2rem);}
	75%{transform: translate(-0.2rem,-0.2rem);}
	100%{transform: translate(0,0);}
}
.use_step li:nth-of-type(2) .balloon,
.use_step li:nth-of-type(3) .balloon{
	background-image: url(img/balloon_b.svg);
}
.use_step li:nth-of-type(2) .balloon{
	animation-delay: -1s;
}
.use_step li:nth-of-type(3) .balloon{
	animation-delay: -2.5s;
}
.use_step li:nth-of-type(4) .balloon{
	animation-delay: -4s;
}
.balloon span{
	display: block;
	margin-top: -0.5rem;
	font-size: 3rem;
	line-height: 1;
}
.use_step li .title{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.3rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: var(--main-color);
	min-height: 2em;
	line-height: 1;
}
.use_step li p{
	margin-bottom: auto;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 700;
}



/*--------------------登録後--------------------*/
.after_registration{
	background: #E3EEF6;
}
.after_registration .title{
	font-size: 2.4rem;
	font-weight: 700;
}


.select-data{
	position: relative;
	padding: 2.8rem 0.8rem 0.9rem;
}
.select-data select{
	border-color: #C1C1C1;
	margin: 1.4rem auto 0.9rem;
	width: 100%;
	height: 5.3rem;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
}
.select-data form p{
	font-size: 1.2rem;
	font-weight: 700;
}

.barth_date{
	position: relative;
	background-color: #fff;
	background-image:  url(img/border1.svg),  url(img/border1.svg);
	background-repeat: repeat-x, repeat-x;
	background-position: center top, center bottom;
	background-size: 100% auto, 100% auto;
	padding: 3rem 0 2.6rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.barth_date span{
	padding: 0 0.5rem;
	font-size: 3rem;
}
.barth_date p{
	font-size: 1.2rem;
	color: var(--red);
}
.barth_date .monthly{
	font-size: 1.6rem;
}
.barth_date .monthly span{
	font-size: 2rem;
}


.stamp-list {
	position: relative;
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 2.8rem 0 4.5rem;
}
.stamp-list .point {
	position: relative;
	display: flex;
	align-items: center;
	width: 32rem;
	margin: 1.3rem auto;
	padding: 0 3.5rem 0 1.7rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.stamp-list .point img{
	position: relative;
	width: 8.6rem;
}
.stamp-list .point div{
	margin-left: auto;
}
.stamp-list .point p{
	margin: 0;
	margin-left: auto;
	line-height: 1;
	text-align: right;
}
.stamp-list .point strong{
	margin-right: 1rem;
	font-size: 6rem;
}
.stamp-list .point span{
	margin: 0 0.5rem;
	font-size: 2.8rem;
}
.stamp-list small{
	display: block;
	font-size: 1.1rem;
}
.stamp-list p{
	margin: 1.3rem auto;
	font-size: 1.6rem;
	font-weight: 700;
}
.stamp-list ul{
	width: 29.6rem;
	margin: 2rem auto 0;
	font-size: 1.2rem;
	font-weight: 700;
}


.top_apply,
.top_questionnaire{
	position: relative;
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 2.8rem 0 4.5rem;
}
.top_apply .title{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 1.5rem;
}
.top_apply .title img{
	animation: pyonpyon 3s ease-in-out infinite both;
}
.top_apply .title img:nth-of-type(2){
	animation-delay: -1.5s;
}
.top_apply p{
	margin: 1.3rem auto;
	width: 32rem;
	font-size: 1.6rem;
	font-weight: 700;
}


.top_questionnaire .title{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	gap: 0.5rem;
	margin-bottom: 0.7rem;
	transform: translate(0,0);
	opacity: 1;
}
.top_questionnaire .title img{
	transform: translate(-17rem,0);
	transition: 2000ms;
}
.top_questionnaire .title.scrollin img{
	transform: translate(0,0);
}
.buttons_history{
	display: flex;
	justify-content: space-between;
	width: 32rem;
	margin: 2.7rem auto 0;
}
.buttons_history .button2{
	flex-direction: column;
	margin: 0;
}
.bt_stamp::before{
	position: relative;
	font-family: var(--fas);
	content: "\f5bf";
	top: 0rem;
	font-size: 3.4rem;
}
.bt_omutsu::before{
	position: relative;
	background: url(img/icon_omutsu.svg) no-repeat center center/100% auto;
	content: "";
	width: 4.8rem;
	height: 2.6rem;
	margin: 1rem auto;
}

/*--------------------共通--------------------*/
.input_child_data{
	position: relative;
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 2.8rem 0 4.5rem;
}
.input_child_data p{
	display: inline-block;
	margin-right: 2.6rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.input_child_data img{
	display: inline-block;
	width: 7rem;
	transform-origin: right bottom;
	animation: whon 2s ease-in-out infinite both;
}
@keyframes whon{
	0%{transform: rotate(0)}
	10%{transform: rotate(5deg)}
	15%{transform: rotate(0)}
	20%{transform: rotate(5deg)}
	25%{transform: rotate(0)}
	100%{transform: rotate(0)}
}
.input_child_data .button{
	padding-right: 5rem;
}
.input_child_data .button::before{
	position: relative;
	background: url(img/icon_child_w.svg) no-repeat center center/100% auto;
	content: "";
	width: 5.9rem;
	height: 4.8rem;
	margin-right: 1rem;
}
.input_child_data .button::after{
	position: absolute;
	font-family: var(--fas);
	content: "\f055";
	font-size: 3rem;
	right: 2rem;
}

.buttons_loc{
	position: relative;
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 2.8rem 0 4.5rem;
}
.buttons_loc p{
	display: inline-block;
	margin-left: 0.6rem;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: left;
}
.buttons_loc img{
	display: inline-block;
	width: 13.2rem;
	transform: translate(-17rem,-5rem);
	opacity: 1;
	transition: all 3000ms;
}
.buttons_loc img.scrollin{
	transform: translate(0,0);
}
.buttons_loc .caution{
	width: 27rem;
	margin: 2rem auto 0;
	font-weight: 700;
}

.officale{
	position: relative;
	background: url(img/border2.svg) no-repeat center bottom/100% auto;
	padding: 2.8rem 4rem 4.5rem;
	text-align: left;
}
.officale b{
	display: block;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}


/*====================================================================
　商品リスト
====================================================================*/
.goods_group{
	text-align: center;
	font-weight: 700;
}
.goods_group .stamp-list {
	background: rgba(255, 255, 255, 0.6);
	padding: 1rem;
}
.goods_group .stamp-list .title{
	font-size: 2.2rem;
}
.goods_group .stamp-list dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem 0;
	background: #fff;
	border-radius: 1rem;
	padding: 1rem 2rem;
	font-size: 1.8rem;
}
.goods_group .stamp-list dt{
	width: 70%;
	text-align: left;
}
.goods_group .stamp-list dd{
	width: 30%;
	text-align: right;
}
.goods_group .stamp-list dd span{
	margin-right: 0.5rem;
	font-size: 2rem;
}
.goods_group .stamp-list p.caution{
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
	color: var(--red);
	font-size: 1.4rem;
}
.goods_group .title{
	margin-bottom: 2rem;
	font-size: 2.4rem;
}
.goods_group .title span{
	margin: 0 0.5rem;
	font-size: 3.5rem;
	color: var(--pink);
}
.goods_group ul{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 4rem 2rem;
	margin: 3rem auto 5rem;
	max-width: 37.5rem;
}
.goods_group li{
	position: relative;
	background: var(--main-color);
	border-radius: 100vw;
	padding: 0.5rem;
	width: 15rem;
	height: 15rem;
	color: var(--main-color);
}
.goods_group li .inner{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #fff;
	border-radius: 100vw;
	width: 100%;
	height: 100%;
	font-size: 1.6rem;
	line-height: 1.2;
}
.goods_group li:nth-of-type(2){
	background: var(--blue);
	color: var(--blue);
}
.goods_group li:nth-of-type(3){
	background: linear-gradient(90deg,var(--orange) 0%,var(--orange) 50%,var(--blue) 50%,var(--blue) 100%);
	width: 32rem;
}
.goods_group li:nth-of-type(3) .inner{
	flex-direction: row;
}
.goods_group li:nth-of-type(3) div:nth-of-type(1){
	padding-left: 0.5rem;
	color: var(--orange);
}
.goods_group li:nth-of-type(3) div:nth-of-type(2){
	padding-right: 0.5rem;
	color: var(--blue);
}
.goods_group li:nth-of-type(4){
	background: var(--green);
	width: 32rem;
	color: var(--green);
}
.goods_group li strong{
	font-size: 2.5rem;
}
.goods_group li span{
	display: block;
	font-size: 3rem;
}
.goods_group li i{
	margin: auto 0.5rem;
	color: var(--main-color);
	font-size: 3rem;
}
.goods_group li:nth-of-type(1) .inner::before{
	position: absolute;
	background: url(img/illust1.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: 9rem;
	left: -3rem;
}
.goods_group li:nth-of-type(1) .inner::after{
	position: absolute;
	background: url(img/illust2.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: -3rem;
	right: 0rem;
	transform: rotate(15deg);
}
.goods_group li:nth-of-type(2) .inner::before{
	position: absolute;
	background: url(img/illust4.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: -2.5rem;
	right: -2rem;
	transform: rotate(10deg);
}
.goods_group li:nth-of-type(2) .inner::after{
	position: absolute;
	background: url(img/illust3.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	bottom: -3rem;
	left: -2.5rem;
}
.goods_group li:nth-of-type(3)::before{
	position: absolute;
	background: url(img/illust7.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: -2rem;
	left: 9rem;
	z-index: 2;
}
.goods_group li:nth-of-type(3)::after{
	position: absolute;
	background: url(img/illust8.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	bottom: -3rem;
	left: -1rem;
	z-index: 2;
	transform: rotate(-15deg);
}
.goods_group li:nth-of-type(3) .inner::before{
	position: absolute;
	background: url(img/illust5.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: -2.5rem;
	right: -2rem;
	transform: rotate(30deg);
}
.goods_group li:nth-of-type(3) .inner::after{
	position: absolute;
	background: url(img/illust6.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	bottom: -4rem;
	right: 9rem;
}
.goods_group li:nth-of-type(4) .inner::before{
	position: absolute;
	background: url(img/illust9.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	top: -1.5rem;
	right: -1rem;
	transform: rotate(10deg);
}
.goods_group li:nth-of-type(4) .inner::after{
	position: absolute;
	background: url(img/illust10.svg) no-repeat center center/100% auto;
	content: "";
	width: 6.5rem;
	height: 6.5rem;
	bottom: -1rem;
	left: 0.5rem;
}
.goods_group a::before{
	position: absolute;
	background: url(img/illust1.svg) no-repeat center center/100% auto;
	content: "";
	width: 4.5rem;
	height: 4.5rem;
	left: -1.5rem;
	top: -1.5rem;
}
.goods_group a:nth-of-type(2)::before{
	background-image: url(img/illust7.svg);
	left: -2rem;
}
.goods_group a:nth-of-type(3)::before{
	background-image: url(img/illust6.svg);
	left: -2rem;
}
.goods_group a:nth-of-type(4)::before{
	background-image: url(img/illust9.svg);
	left: -2rem;
}
.goods_group a span{
	position: relative;
	padding: 0 1.5rem;
}
.goods_group a span::before{
	position: absolute;
	background: url(img/illust2.svg) no-repeat center center/100% auto;
	content: "";
	width: 4.5rem;
	height: 4.5rem;
	right: -2.5rem;
	bottom: -4rem;
}
.goods_group a:nth-of-type(2) span::before{
	background-image: url(img/illust8.svg);
}
.goods_group a:nth-of-type(3) span::before{
	background-image: url(img/illust5.svg);
}
.goods_group a:nth-of-type(4) span::before{
	background-image: url(img/illust10.svg);
	bottom: -3rem;
}
.goods_group P.link_pdf{
	margin: 3rem auto;
}



.goods_list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 1rem;
	width: 35rem;
	margin: auto;

}
.goods_list form{
	margin-bottom: 3rem;
}
.goods_list form h3{
	display: block;
	background: none;
	padding: 0;
	text-align: center;
	font-size: 2rem;
	color: var(--main-color);
	letter-spacing: 0;
}
.goods_list dd p{
	background: var(--main-color);
	width: 100%;
	padding: 0.5rem;
	margin: 0.5rem auto;
	font-size: 1.6rem;
}
.goods_list dd p:nth-of-type(2){
	background: var(--green);
}
.goods_list dd p:nth-of-type(3){
	background: var(--orange);
}
.goods_list form select{
	width: calc(100% - 5em);
	margin-left: 1rem;
}
.goods_list li{
	display: flex;
	width: calc((100% - 2rem)/3);
}
.goods_list li a{
	position: relative;
	display: block;
	background: #fff;
	border: var(--pink) solid 0.1rem;
	border-radius: 1rem;
	width: 100%;
	height: 100%;
	padding: 1rem;
	text-decoration: none;
	line-height: 1;
	color: var(--black);
	box-shadow: 0 0.5rem 0 rgba(0 ,0 ,0 ,0.16);
}
.goods_list li a img{
	margin-bottom: 1rem;
	max-width: 8.8rem;
	max-height: 8.8rem;
	object-fit: contain;
}
.goods_list li a p{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
@media screen and (min-width: 481px){
	.goods_list ul{
		width: 100%;
	}
	.goods_list li a img{
		max-width: 20rem;
		max-height: 20rem;
		margin: 0 auto 2rem;
	}
	.goods_list li p{
		font-size: 1.6rem;
	}
}


.goods_detail{
	text-align: center;
}

.goods_detail img{
	background: #fff;
	border: var(--middle-gray) solid 0.1rem;
	border-radius: 1rem;
	width: 26rem;
	max-height: 26rem;
	margin: 2rem auto;
	object-fit: contain;
}
.goods_detail dl{
	background: #fff;
	border-radius: 1rem;
	padding: 1rem;
	text-align: left;
}
.goods_detail dt{
	font-size: 1.6rem;
	font-weight: 700;
}
.goods_detail dd + dt{
	border-top: var(--main-color) solid 0.1rem;
	margin-top: 1rem;
	padding-top: 1rem;
}
.goods_detail dd{
	font-size: 1.8rem;
}
@media screen and (min-width: 481px){
	.goods_detail dl{
		max-width: 50rem;
		margin: auto;
	}
	.goods_detail img{
		width: 30rem;
		max-height: 30rem;
	}
}
.stock_status{
	margin: 2rem auto 3rem;
	text-align: center;
}
.stock_status div.title{
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--main-color);
}
.stock_status div.title span.none{
	color: #666;
}
.stock_status div.title span.bit{
	color: #30a2db;
}
.stock_status p{
	margin: 2rem auto 1rem;
	font-size: 1.6rem;
	font-weight: 700;
}
.favorite{
	margin: 2rem auto;
	font-size: 1.8rem;
	font-weight: 700;
}
.favorite input[type="checkbox"]{
	display: none;
}
.favorite label{
	display: block;
	margin-bottom: 2rem;
}
.favorite label i{
	color: var(--middle-gray);
}
.favorite input:checked ~ label i{
	color: var(--main-color);
}
.favorite input[type="number"]{
	width: 3em;
	text-align: center;
}
.favorite button{
	font-size: 1.8rem;
	font-weight: 700;
}
.favorite button.on{
	color: var(--black);
}
.favorite label button.off{
	color: var(--black);
}
.favorite button.on i{
	color: var(--main-color);
}
.favorite button.off i{
	color: var(--middle-gray);
}
.goods_detail h3{
	margin: 2rem auto 1rem;
	text-align: center;
}
.goods_detail table{
	background: rgba(255, 255, 255, 0.6);
	border: var(--black) solid 0.1rem;
	border-collapse: collapse;
	margin: 1rem auto 0;
	text-align: left;
}
.goods_detail th,
.goods_detail td{
	border: var(--black) solid 0.1rem;
	padding: 0.5rem 1rem;
}
.goods_detail th{
	background: var(--main-color);
	text-align: left;
}
.goods_detail td{
	width: 65%;
}
.goods_detail td:empty::before{
	content: "-";
}

.goods_popup {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	padding: 2rem;
	top: 0;
	left: 0;
	z-index: 500;
}
.goods_popup > div {
	background: #fff;
	border-radius: 1rem;
	padding: 2rem;
	text-align: center;
}
.goods_popup div h2 {
	color: var(--red);
	font-size: 1.8rem;
}
.goods_popup div img{
	border: var(--light-gray) solid 0.1rem;
	border-radius: 1rem;
	width: 15rem;
	margin: auto;
}
.goods_popup .close {
	display: inline-block;
	background: var(--main-color);
	border-radius: 10vw;
	padding: 0.5rem 1.5rem;
	margin-top: 2rem;
	font-weight: 700;
	color: #fff;
}



/*====================================================================
　カート
====================================================================*/
.cart{

}
.cart-progress{
	display: flex;
	justify-content: center;
	gap: 0 5%;
	margin: 1rem auto 2rem;
}
.cart-progress li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--middle-gray);
	width: 30%;
	height: 5rem;
	max-height: 5rem;
	padding: 0 0.5rem;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
}
.cart-progress li.active{
	background: var(--blue);
}
.cart-progress li:nth-of-type(1)::after,
.cart-progress li:nth-of-type(2)::after{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5rem 0 2.5rem 1rem;
	border-color: transparent transparent transparent var(--middle-gray);
	content: "";
	right: -0.95rem;
}
.cart-progress li.active:nth-of-type(1)::after,
.cart-progress li.active:nth-of-type(2)::after{
	border-color: transparent transparent transparent var(--blue);
}
.cart-progress li:nth-of-type(2)::before,
.cart-progress li:nth-of-type(3)::before{
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5rem 0 2.5rem 1rem;
	border-color: var(--middle-gray) var(--middle-gray) var(--middle-gray) transparent;
	content: "";
	left: -0.95rem;
}
.cart-progress li.active:nth-of-type(2)::before,
.cart-progress li.active:nth-of-type(3)::before{
	border-color: var(--blue) var(--blue) var(--blue) transparent;
}

.goods li{
	position: relative;
	display: flex;
}
.goods li + li{
	background: url(img/border2.svg) no-repeat center top/100% auto;
	margin-top: 2rem;
	padding-top: 3rem;
}
.goods li img{
	border: var(--light-gray) solid 0.1rem;
	border-radius: 1rem;
	width: 10rem;
	height: 10rem;
	margin-right: 1rem;
	object-fit: contain;
}
.goods li div.goods-detail{
	position: relative;
	width: 100%;
	font-weight: 700;
}
.goods-detail .favorite{
	position: absolute;
	top: -0.2rem;
	right: 0;
	margin: 0;
}
.group-name{
	display: inline-block;
	border-radius: 10vw;
	padding: 0.3rem 1rem;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
}
.group1{background: var(--main-color);}
.group2{background: var(--orange);}
.group3{background: var(--blue);}
.group4{background: var(--green);}
.product-num{
	font-size: 1.2rem;
}
.goods-name{
	font-size: 1.6rem;
	color: var(--pink);
}
.quantity{
	display: inline-block;
	margin-top: 1rem;
	font-size: 1.6rem;
}
.quantity a{
	background: #37c1a8;
	border-radius: 0.5rem;
	padding: 0.3rem 1rem;
	margin-left: 0.5em;
	font-weight: 500;
	right: 0;
	top: 0;
	color: #fff;
	font-size: 1.5rem;
	text-decoration: none;
}
.goods li button{
	position: absolute;
	background: #fff;
	border: var(--middle-gray) solid 0.1rem;
	border-radius: 0.5rem;
	padding: 0.3rem 1rem;
	margin-left: 2em;
	font-weight: bold;
	right: 0;
	top: 0;
	color: var(--middle-gray);
	font-size: 1.5rem;
}
.goods li button i{
	margin-right: 0.5rem;
}
.total{
	display: flex;
	align-items: baseline;
	border-bottom: var(--black) solid 0.1rem;
	margin: 2rem auto 0;
	padding: 0 1rem;
	width: 70%;
	font-size: 2rem;
}
.total span{
	margin-left: auto;
	font-size: 2.6rem;
}

/*====================================================================
　全体マップ画面
====================================================================*/
.map_all{
	height: 100vh;
}

/*====================================================================
　対象地点一覧
====================================================================*/
.spot-list{
	padding: 2rem 0;
}
.spot-list form{
	margin: 3rem auto;
}
.spot-list select{
	width: 100%;
}
.spot-list form button{
	width: 20rem;
}
.spot-list ul{
	max-width: 50rem;
	margin: 2rem auto;
}
.spot-list li {
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 0.1rem solid #ccc;
}
.spot-list li:last-of-type{
	border: none;
}
.spot-list li a {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 1rem 3rem 1rem 1rem;
	width: 100%;
	color: #333;
	font-weight: bold;
	font-size: 1.8rem;
	text-decoration: none;
}
.spot-list li a::after {
	position: absolute;
	font-family: var(--fas);
	content: "\f054";
	right: 1.5rem;
}
.spot-list li a span{
	display: block;
	font-size: 1.3rem;
}
.spot-list .map{
	margin: 3rem auto;
}

.pager{
	display: flex;
	justify-content: center!important;
	gap: 0 0.5rem;
	margin: 2rem auto!important;
}
.pager li{
	background: #ffdede;
	border: none!important;
	border-radius: 0.5rem;
	width: 4rem!important;
	height: 4rem!important;
	font-weight: 700;
	font-size: 1.8rem;
}
.pager li.disabled{
	background: var(--middle-gray);
	opacity: 0;
}
.pager li.selected{
	background: var(--blue);
}
.pager li a{
	display: flex!important;
	justify-content: center;
	align-items: center;
	background: none!important;
	border: none!important;
	padding: 0;
	box-shadow: none!important;
}
.pager li a::after{
	content: none;
}

/*====================================================================
　地点詳細画面
====================================================================*/
.spot{
	text-align: center;
}
.spot h2 span{
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.3rem;
}
.spot-detail {
	background: rgba(255, 255, 255, 0.6);
	border: 0.3rem double var(--main-color);
	border-collapse: collapse;
	margin: 1rem auto 2rem;
	width: 100%;
	max-width: 50rem;
	text-align: left;
}
.spot-detail th,
.spot-detail td {
	border: var(--main-color) solid 0.1rem;
	padding: 0.5rem;
	word-break: break-all;
}
.spot-detail th {
	background: #d2edfa;
	width: 3em;
	vertical-align: top;
	text-align: center;
}
.spot-detail td i{
	margin-left: 0.5em;
}
.spot .button{
	margin-top: 2rem;
}



/*====================================================================
　ユーザー情報
====================================================================*/
.profile{
	text-align: center;
}
.profile p{
	text-align: left;
	font-weight: 700;
}
.profile h3{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto 0;
}
.profile h3::before,
.profile h3::after{
	position: relative;
	background: var(--pink);
	content: "";
	width: 3rem;
	height: 0.2rem;
	margin: 0 1rem;
}
.profile table{
	table-layout:fixed;
	background: rgba(255, 255, 255, 0.6);
	border: var(--main-color) double 0.3rem;
	border-collapse: collapse;
	margin: 0.5rem auto 3rem;
	width: 100%;
	text-align: left;
}
.profile th,
.profile td{
	border: var(--main-color) solid 0.1rem;
	padding: 1rem 0.5rem;
	font-size: 1.6rem;
}
.profile th{
	background: #d2edfa;
	width: 7em;
	font-size: 1.4rem;
}
.profile td{
	word-wrap: break-word;
	overflow-wrap:break-word;
}
.profile input::placeholder{
	font-size: 1.4rem;
}
.profile .edit-comp{
	background: #d1f0ff;
	border-radius: 10vw;
	margin: 1rem auto;
	padding: 0.5rem;
	color: #006298;
	font-size: 1.6rem;
}
.profile sup{
	color: #c7002e;
	font-size: 1rem;
}





/*====================================================================
　よくある質問
====================================================================*/
.qanda dt{
	position: relative;
	display: flex;
	align-items: baseline;
	padding: 0.5rem 3rem 0.5rem 1em;
	margin: 0.2rem auto;
	color: #38b7f7;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.2;
	text-indent: -1em;
}
.qanda dd + dt{
	border-top: var(--main-color) solid 0.1rem;
	margin-top: 1rem;
	padding-top: 1rem;
}
.qanda dt span{
	margin-right: 0.75rem;
	font-size: 2.4rem;
}
.qanda dd{
	padding: 0.5rem 0.5rem 1.5rem;
}
.qanda dd li{
	padding-left: 1em;
	text-indent: -1em;
}
.qanda dd img + img{
	margin-top: 0.5rem;
}


/*====================================================================
　スタンプ取得画面設定
====================================================================*/
.getstamp {
	position: relative;
	background: url(img/border1.svg) repeat-x top center/100% auto,url(img/border2.svg) repeat-x bottom center/100% auto;
	min-height: 100vh;
	padding: 1.1rem 0;
	text-align: center;
}
.getstamp::before{
	position: absolute;
	background: url(img/tori.svg) no-repeat center center/100% auto;
	content: "";
	width: 5.9rem;
	height: 7rem;
	top: 38rem;
	right: -5.9rem;
	animation: walkthrough 6s 1.2s linear infinite both, up-down 1s ease-in-out infinite both;
}
.getstamp::after{
	position: absolute;
	background: url(img/tori.svg) no-repeat center center/100% auto;
	content: "";
	width: 3.4rem;
	height: 4.1rem;
	top: 41rem;
	right: -3.4rem;
	animation: walkthrough 6s 2.0s linear infinite both, up-down 1s 0.7s ease-in-out infinite both;
}
@keyframes walkthrough{
	0%{transform: translateX(0);}
	100%{transform: translateX(-130vw);}
}
@keyframes up-down{
	0%{margin-top: 0;}
	50%{margin-top: -0.5rem;}
	100%{margin-top: 0;}
}
.stampget{
	position: relative;
	padding: 7rem 0 0;
	z-index: 1;
}
.stampget p{
	font-size: 4rem;
	font-weight: 900;
	animation: scale-up-center 0.4s 1.2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.stampget::before{
	position: absolute;
	background: url(img/garland1.svg) no-repeat top left/100% auto;
	content: "";
	width: 14.9rem;
	height: 7.3rem;
	top: 0;
	left: 0;
}
.stampget::after{
	position: absolute;
	background: url(img/garland2.svg) no-repeat top right/100% auto;
	content: "";
	width: 14.9rem;
	height: 7.3rem;
	top: 0;
	right: 0;
}
.getstamp .stamp-img {
	position: relative;
	margin: 3vw auto 8rem;
}
.getstamp .stamp-img img{
	width: 21.4rem;
	margin: auto;
	animation: scale-up-center 0.4s 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
.getstamp .stamp-img::before{
	position: absolute;
	background: url(img/flash.svg) no-repeat center center/100% auto;
	content: "";
	width: 45rem;
	height: 45rem;
	left: calc(50% - 22.5rem);
	top: calc(50% - 22.5rem);
	z-index: -1;
	animation: fade-in 1.2s 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both, rolling 10s linear infinite both;
}
@keyframes rolling{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes scale-up-center {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
.getstamp .spot-title {
	border-radius: 2vw;
	font-size: 2rem;
	font-weight: bold;
	padding: 2vw 0;
	animation: fade-in 1.2s 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.getstamp .message {
	margin: 1.5rem auto;
	font-weight: bold;
	font-size: 1.8rem;
	animation: fade-in 1.2s 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.getstamp .button {
	margin: 1.5rem auto;
	animation: fade-in 1.2s 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.getstamp .close {
	display: block;
	margin: 2rem auto 3rem;
	font-size: 3rem;
	animation: fade-in 1.2s 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}



/*====================================================================
　履歴画面設定
====================================================================*/
.history ul {
	margin: 2rem auto;
}
.history li {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	padding: 2vw;
	font-weight: bold;
}
.history .history_goods li{
	flex-wrap: wrap;
}
.history li + li{
	border-top: 0.1rem dotted #999;
}
.history li span {
	display: block;
}
.history li .history-date {
	margin: 2vw 1rem 0 0;
	color: var(--black);
	font-size: 1.3rem;
	font-weight: 700;
}
.history li .history-pt {
	color: var(--main-color);
	font-size: 1.8rem;
}
.history li .history-stamp{
	margin-left: auto;
	min-width: 5em;
	color: var(--dark-gray);
	text-align: center;
}
.history .history_goods li span{
	width: 100%;
}
.history p.no-history {
	margin: 0 auto;
	font-size: 1.8rem;
	color: var(--middle-gray);
	font-weight: bold;
	text-align: center;
}
.history .history-inquiry{
	width: 100%;
	word-break: break-all;
}


/*====================================================================
　トピックス設定
====================================================================*/
.topics_list ul{
	margin: 5vw auto;
}
.topics_list li{
	position: relative;
}
.topics_list li + li{
	border-top: #333 dotted 0.2rem;
}
.topics_list li a{
	position: relative;
	display: block;
	text-align: left;
	padding: 2vw 5vw 2vw 0;
	text-decoration: none;
	color: var(--black);
}
.topics_list li a::after{
	position: absolute;
	font-family: var(--fas);
	content: "\f054";
	right: 0;
	top: calc(50% - 3vw);
	color: var(--main-color);
	font-size: 2.3rem;
	font-weight: bold;
}
.topics_list h3,
.topics_datail h3{
	margin-bottom: 2vw;
	color: var(--main-color);
}
.topics_list span{
	color: #aaa;
}
.topics_list p{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.topics_datail div.date{
	color: #aaa;
	text-align: left;
}
.topics_datail div.note{
	text-align: left;
	margin-bottom: 5vw
}


/*====================================================================
　ポップアップ設定
====================================================================*/
.popup {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100%;
	padding: 2rem;
	top: 0;
	left: 0;
	z-index: 500;
}
.popup > div {
	background: #fff;
	border-radius: 1rem;
	padding: 2rem;
	text-align: center;
}
.popup div strong {
	color: var(--red);
	font-size: 1.8rem;
}
.popup .close {
	display: inline-block;
	background: var(--main-color);
	border-radius: 10vw;
	padding: 0.5rem 1.5rem;
	margin-top: 2rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
.form .close {
	display: inline-block;
	background: var(--main-color);
	border-radius: 10vw;
	padding: 0.5rem 1.5rem;
	margin: 2rem auto;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
/*====================================================================
　フォーム設定
====================================================================*/
.form p{
	font-weight: 700;
}
.form dl{
	margin-bottom: 1em;
}
.form dt {
	margin: 1em 0 0;
	padding: 0.25em 0.25em 0.5em;
	border-top: 0.1rem double var(--main-color);
	font-weight: 700;
	font-size: 1.1em;
}
.form dd {
	margin-top: 0.5em;
	font-size: 1.6rem;
}
.form dd.flex,
.form dd.flex50{
	display: flex;
	flex-wrap: wrap;
}
.form dd.flex label {
	margin-right: 5vw;
}
.form dd.flex50 label {
	width: 50%;
}
.form dd label {
	display: flex;
	align-items: center;
	margin-bottom: 2vw;
}
.required {
	color: #c92a19;
}
.childe-name {
	position: relative;
	background: #fff;
	border: var(--main-color) solid 0.1rem;
	border-radius: 1rem;
	margin: 0rem auto 2rem;
	padding: 1rem 0.5rem 1rem 4rem;
	max-width: 35rem;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	color: var(--main-color);
}
.childe-name small{
	font-size: 1.4rem;
}
.childe-name::before{
	position: absolute;
	background: url(img//icon_child_r.svg) no-repeat center center/100% auto;
	content: "";
	width: 3rem;
	height: 3rem;
	left: 0.5rem;
	top: 1.2rem;
}
form.childe-name select{
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 2.2rem;
	font-weight: bold;
	color: var(--main-color);
	text-align: center;
}
.childe-state{
	margin: 1rem auto 2rem;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	color: var(--pink);
	line-height: 1;
}
.form  .address{
	background: #fff;
	border-radius: 1rem;
	padding: 1rem;
}
.form .caution li{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
}
.form_comp{
	text-align: center;
}
.form_comp p{
	margin: 5vw auto;
}

.form .officale{
	position: relative;
	background: none;
	padding: 2.8rem 0 0;
	text-align: left;
}
.form .officale b{
	display: block;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}
.form .officale div{
	margin-top: 1rem;
	padding-left: 1em;
	text-indent: -1em;
}
.form .officale div i{
	margin-left: 1em;
}

input[type="radio"] {
	-webkit-appearance: none;
	position: relative;
	background: #fff;
	border: 0.1rem solid #4c4c4c;
	border-radius: 50%;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}
input[type="radio"]:checked {
	background: #999;
}
input[type="radio"]:checked:before {
	position: absolute;
	display: block;
	content: "";
	background: #fff;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	left: calc(50% - (1rem / 2));
	top: calc(50% - (1rem / 2));
	box-shadow: 0 0.2rem 0.1rem rgba(0, 0, 0, 1);
}
input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	background: #fff;
	border: 0.1rem solid #4c4c4c;
	border-radius: 0.5rem;
	width: 2rem;
	min-width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}
input[type="checkbox"]:checked {
	background: #666;
}
input[type="checkbox"]:checked:before {
	position: absolute;
	display: block;
	background: #FFFFFF;
	content: "";
	left: 0.02rem;
	top: 1.25rem;
	width: 1rem;
	height: 0.25rem;
	transform: rotate(45deg);
	transform-origin: right center;
	box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 1);
}
input[type="checkbox"]:checked:after {
	position: absolute;
	display: block;
	background: #FFFFFF;
	content: "";
	left: 0.8rem;
	top: 1.25rem;
	width: 1.25rem;
	height: 0.25rem;
	transform: rotate(-45deg);
	transform-origin: left center;
	box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 1);
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	border: #333 solid 0.1rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
	font-size: 1.4em;
	width: 100%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select {
	background: #fff;
	border: #333 solid 0.1rem;
	border-radius: 0.5rem;
	color: var(--black);
	margin: 0.5rem 0;
	padding: 0.5rem;
	max-width: 100%;
	font-size: 1.4em;
}
textarea {
	-webkit-appearance: none;
	border: #333 solid 0.1rem;
	border-radius: 0.5rem;
	width: 100%;
}
textarea[disabled] {
	border: #ddd solid 0.1rem;
}
::placeholder {
	color: #999;
	font-size: 0.9em;
}
input#textPassword{
	border: none;
}
.textPassword{
	position: relative;
	border: #666 solid 0.1rem;
	border-radius: 0.5rem;
	overflow: hidden;
}
#buttonEye {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 10%;
	right: 0;
	top: 0;
}
#buttonEye1 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 10%;
	right: 0;
	top: 0;
}
#buttonEye2 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 10%;
	right: 0;
	top: 0;
}
#buttonEye3 {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 10%;
	right: 0;
	top: 0;
}
/*====================================================================
　参加時のご注意
====================================================================*/
dl.join_attention {
	margin: 0 auto 2.5rem;
	max-width: 32rem;
	text-align: left;
}
.join_attention dt{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--main-color);
	border: none;
	margin: 0;
	padding: 1rem;
	color: #fff;
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
}
.join_attention dt::after {
	position: absolute;
	font-family: var(--fas);
	content: "\f078";
	font-weight: bold;
	right: 3vw;
	transform: rotateZ(180deg);
}
.join_attention dt.active{
	border: none;
}
.join_attention dt.active::after{
	transform: rotateZ(0deg);
}

.join_attention dd {
	background: #fff;
	margin: 0;
	padding: 1rem 0.75rem;
}

.join_attention strong{
	font-size: 1.8rem;
}

.join_attention a{
	font-weight: bold;
}

.join_attention div.device{
	background: var(--sub-color);
	margin: 2rem 0 1rem;
	padding: 1rem;
}
.join_attention li{
	padding-left: 1em;
	text-indent: -1em;
	font-weight: bold;
	font-size: 1.4rem;
}
.join_attention li + li{
	margin-top: 0.5rem;
}
.join_attention div + ul li{
	font-size: 1.2rem;
	font-weight: normal;
}

/*------初回アクセス時-----*/
.attention {
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100vh;
	padding: 5vw;
	top: 0;
	left: 0;
	text-align: center;
	overflow-y: auto;
}
.attention div{
	background: #fff;
	border-radius: 1rem;
	height: 70%;
	padding: 5vw;
	margin-bottom: 5vw;
	overflow-y: scroll;
}
.attention dl{
	margin: 0 0 5vw;
}
.attention dt{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 3vw;
}
.attention dt i{
	margin: 0 3vw;
	color: #c92a19;
}
.attention dd {
	padding: 2vw 0;
	text-align: left;
}
.attention ul li{
	padding: 2vw 1em;
	text-indent: -1em;
}
.attention ul li img{
	width: 40vw;
	margin: 0 auto;
}



/*====================================================================
　FAQ
====================================================================*/
.faq .title{
	background: #cc0000;
	padding: 1rem;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.faq img {
	width: 100%;
	margin: 1rem 0;
}
.faq dt {
	margin: 0;
	padding: 1rem 0;
	color: #185195;
}
.faq dt strong {
	font-size: 1.8rem;
}
.faq dd  {
	border-bottom: 0.1rem dotted #999;
	padding-bottom: 1em;
	margin: 0 0 1rem;
}
.faq dd strong {
	font-size: 1.8rem;
	color: #cc0000;
}
.faq ul {
	padding: 2vw 0 2vw 1em;
	text-indent: -1em;
}
.faq .title2{
	background: #006bb6;
	padding: 2vw;
	margin: 2vw 0;
	color: #fff;
}
.faq .midashi{
	background: var(--red);
	padding: 2vw;
	margin: 2vw 0;
	color: #fff;
	font-weight: bold;
}

/*====================================================================
　自動翻訳の設定方法
====================================================================*/
.translate h3.title {
  background-color: #006298;
  color: #fff;
  text-align: center;
  padding: 2vw;
  margin-bottom: 6vw;
}
.translate img {
  display: block;
  margin: 2vw auto;
}
.translate ol.numb {
  list-style: none;
  counter-reset: number;
}
.translate ol.numb li {
  position: relative;
  padding-left: 1.8em;
}
.translate ol.numb li:not(:last-of-type) {
  border-bottom: 2px #666 dotted;
  padding-bottom: 5vw;
  margin-bottom: 6vw;
}
.translate ol.numb li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 4vw;
  height: 4vw;
  background: #006298;
  color: #fff;
  font-size: 0.7em;
  text-align: center;
  line-height: 1.5;
  padding: 0.5vw;
  font-weight: bold;
}
.translate ol.numb li div.box {
  margin: 2vw 2vw 2vw -4vw;
}
.translate ol.numb li img.inline {
  display: inline;
  width: 2em;
  margin: 0;
}
.translate form{
	margin: 0 auto 2rem;
	text-align: center;
}
#en,
#en_btn{
	display: none;
}


/*====================================================================
　PCでアクセス時のエラー表示
====================================================================*/
@media screen and (max-width: 480px){
	.not_sp{
		display: none;
	}
}
@media screen and (min-width: 481px){
	html{
		font-size: 10px;
	}
	header img{
		max-width: 50rem;
		margin: auto;
	}
	main{
		max-width: 750px;
		margin: auto;
	}
	.content{
		max-width: 100%;
	}
	.not_pc{
		display: none;
	}
}
.view_pc .error{
	width: 470px;
	margin: 3rem auto;
}
.view_pc img{
	width: 200px;
	margin: 30px auto;
}