@charset "UTF-8";

/* reset
---------------------------------------- */

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

/* HTML5 display-role reset for older browsers */

article,
aside,
detail,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
	display :block;
}

a {
	text-decoration: none;
}

/* border-box */

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Reset input */

input,
button,
textarea,
select {
	margin: 0;
	padding: 0;
	background: none;
	outline: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* cmn
---------------------------------------- */

.inner {
	position: relative;
	margin: 0 auto;
	zoom: 1;
}

.inner:before,
.inner:after {
	content: '';
	display: table;
}

.inner:after {
	clear: both;
}

.sp { 
	display: inline-block !important;
}
.pc { display: none; }

.inner {
	max-width: 100%;
}

@media (min-width: 844px) {
	.sp{ display: none!important;}
	.pc { 
		width: 100%;
		display: inline-block; 
	}
	.pc img{ 
		margin: 0 auto;
	}
}

/* cmn
---------------------------------------- */

body {
	position: relative;
	color: #3c3c3c;
	font-size: 3.4375vw;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.6;
	background-color: #e9e5e2;
}

body a {
	color: #493d3d;
}

body a:hover {
	opacity: .6;
	-webkit-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
}

body .wrapper {
	min-height: 100vh;
	background-size: 100% auto;
}



/* content-area
---------------------------------------- */
.content-area .top {
	margin-bottom: 3.125vw;
}

.content-area .message {
	margin-bottom: 3.125vw;
}


/* content-area
---------------------------------------- */
.remodal-wrapper {
	padding: 1px;
	overflow: visible;
}
.remodal {
	padding: 1px;
	max-width: none;
	overflow: auto;
	height: 100%;
	text-align: center;
}
.remodal .remodal-close {
	left: auto;
	right: 0;
	width: 10vw;
    height: 10vw;
}
.remodal .remodal-close:before {
	font-size: 7vw;
    line-height: 10vw;
    width: 10vw;
}
@media (min-width: 1024px) {
	.remodal .remodal-close {
		left: auto;
		right: 0;
		width: 100px;
	    height: 100px;
	}
	.remodal .remodal-close:before {
		font-size: 60px;
	    line-height: 100px;
	    width: 100px;
	}
}
.remodal .list {
	padding: 20px 3.125vw;
	text-align: left;
}
@media (min-width: 844px) {
	.remodal .list {
		font-size: 16px;
	}
}
.remodal .list .item {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px dashed #3c3c3c;    
}
.remodal .list .item .area {
	position: absolute;
	right: 0;
	top: 10px;
	padding: 2px 10px;
	font-weight: bold;
}
.remodal .list .item .title {
	width: 80%;
	font-size: 4.0625vw;
	font-weight: bold;
}
.remodal-area01 .list .item {border-color: #3c3c3c;}
/*
.remodal-area01 .list .item .title {color: #00944D;}
.remodal-area01 .list .item .area {background-color: #A2CF62;}
.remodal-area02 .list .item {border-color: #B1ADD4;}
.remodal-area02 .list .item .title {color: #6C67AE;}
.remodal-area02 .list .item .area {background-color: #A5A0CE;}
.remodal-area03 .list .item {border-color: #F9C4CF;}
.remodal-area03 .list .item .title {color: #F480AE;}
.remodal-area03 .list .item .area {background-color: #F7ACBB;}
.remodal-area04 .list .item {border-color: #3BC7E3;}
.remodal-area04 .list .item .title {color: #015AAA;}
.remodal-area04 .list .item .area {background-color: #1CBFDF;}
.remodal-area05 .list .item {border-color: #FCCC59;}
.remodal-area05 .list .item .title {color: #FCB815;}
.remodal-area05 .list .item .area {background-color: #FCB814;}
*/