@charset 'utf-8';

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 { font-family: inherit; font-size: inherit; }
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	color: #000;
}

ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
a { transition: all 0.2s ease; color: #000; }
a:hover { text-decoration: none; }

/* clearfix
------------------------------------------------ */
.clearfix {
	clear: both;
	*zoom: 1;
}
.clearfix:before,.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after { clear: both; }

/* hide show pc and sp */
.pc { display: block !important; }
.sp { display: none !important; }

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

/* container
------------------------------------------------ */
#container {
	font-size: 10px;
	position: relative;
	display: block;
	overflow: clip;
	max-width: 375px;
	margin: 0 auto;
	padding-bottom: 80px;
}

	.wrap { position: relative; display: block; padding: 0 10px; z-index: 2; }
	.section { position: relative; display: block; }
	.section--title { font-size: 20px; font-size: 2em; line-height: 1.2; font-weight: 600; margin-bottom: 10px; }
	.section--btn { display: block; margin: 0 auto; margin-top: 35px; max-width: 375px; width: 100%; }
	.section--btn a,
	.section--btn button { font-size: 14px; font-size: 1.4rem; line-height: 1.3; display: flex; align-items: center; justify-content: center; position: relative; color: #fff; background: #31BF67; width: 100%; min-height: 60px; padding: 5px 15px; border-radius: 5px; border: none; appearance: none; text-align: center; transition: linear .2s; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); }
	.section--btn a:after,
	.section--btn button:after { content: ''; display: block; width: .71em; height: 1.21em; position: absolute; right: 1.33em; top: 50%; transform: translateY(-50%); background-image: url(../img/share/btn-arrow2.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }

	@media only screen and (min-width: 767px) {
		.section--btn a:hover,
		.section--btn button:hover { opacity: .7; }
	}

	@media only screen and (max-width: 767px) {
		#container { max-width: 100%; }
	}

	.page { display: block; position: relative; }

/* header
------------------------------------------------ */
#header {
	position: relative;
	display: block;
	width: 100%;
}

	

/* main
------------------------------------------------ */
#main {
	font-size: inherit; 
	display: block;
	position: relative;
	width: 100%;
}

	/* clear eccube style */
	.not-margin { margin-top: 0; }
	.ec-role { padding: 0; }
	.ec-pageHeader { text-align: center; padding: 42px 0 22px; margin-bottom: 24px; border-bottom: 1px solid #EBEBEB; }
	.ec-pageHeader h1 { font-size: 20px; font-size: 2rem; line-height: 1.2; font-weight: 600; margin: 0; padding: 0; border: none; }

/* footer
------------------------------------------------ */
#footer {
	font-size: inherit;
	position: fixed;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 60px;
	background: #000;
	z-index: 100;
}

	#ft-logo { float: left; width: 36px; margin-top: 9px; }
	#ft-logo a { display: block; }
	#ft-logo img { width: 100%; height: auto; }

	.ft-navs { float: right; display: flex; gap: 20px; }
	.ft-nav { display: block; }
	.ft-nav a { font-size: 9px; line-height: 1.2; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 60px; color: #fff; text-align: center; }
	.ft-nav--icon { width: 28px; margin-bottom: 3px; }

.sf-minitoolbar,
.ec-blockTopBtn { display: none !important; }