@charset 'UTF-8';
/* CSS Document */

/* z-index

9999	nav ul li ul.sub

*/

/* -------------------------------------------------------- html & body */

html {
	height: 100%;
}

body
{
	/* min-width: 1200px; */
	/* background: #f0f0f0; */
	height: 100%;
	width: 100%;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	
	background: url(../img/bg_main.png);
	background-size: 200px 196px;
	background-repeat: repeat;
	background-attachment: fixed;
}

div.wrapper {
	box-sizing: border-box;
	/* overflow: hidden; */
	font-size: 2.0rem;
	line-height: 2;
	
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* */

div.wrapper.index {
	box-sizing: border-box;
	/* overflow: hidden; */
	font-size: 2.0rem;
	line-height: 2;
	
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}


div.inner
{
    /* width: 1000px; */
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
    margin-right: auto;
}



/* ローディング アニメーション */



.loader-bg {
    /* background: #171c61; */
    background: url(../img/bg_main.png);
	background-size: 200px 196px;
	background-repeat: repeat;
	background-attachment: fixed;
	
	height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.loader-bg div {	
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000;
	
	display: block;
	width: 100px;
	height: 100px;
}

/* ローディング アニメーション */















/* 市松模様? */

/* 
#bg, #cover, #header .headinner {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

#bg {
    background: rgba(0, 0, 0, 0) url("../img/bg.png") repeat scroll center 0 / 284px auto;
    position: fixed;
}
 */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ common */

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

a
{
	color: #e60012;
    outline: none;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;

}

a:focus,
*:focus
{
    outline: none;
}
.default
{
    display: block;
}
.responsive
{
    display: none;
}
.responsive-inline-block
{
    display: none;
}

/* 
	centering position: absolute;
	
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
*/

.fs1 { font-size: 0.8rem !important; }
.fs2 { font-size: 1.0rem !important; }
.fs3 { font-size: 1.2rem !important; }
.fs4 { font-size: 1.3rem !important; }
.fs5 { font-size: 1.4rem !important; }
.fs6 { font-size: 1.8rem !important; }
.fs7 { font-size: 2.4rem !important; }
.fs8 { font-size: 3.6rem !important; }
.fs9 { font-size: 4.8rem !important; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w28 { width: 28%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w51 { width: 51%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66%; }
.w68 { width: 68%; }
.w70 { width: 70%; }
.w72 { width: 72%; }
.w75 { width: 75%; }
.w76 { width: 76%; }
.w78 { width: 78%; }
.w80 { width: 80%; }
.w84 { width: 84%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle;
}

.vb {
	vertical-align: bottom;
}

.m_o0 { margin-top: 0 !important; }
.m_o1 { margin-top: 1% !important; }
.m_o2 { margin-top: 2% !important; }
.m_o4 { margin-top: 4% !important; }

.m_o0 { margin-top: 0 !important; }
.m_o5 { margin-top: 5px !important; }
.m_o10 { margin-top: 10px !important; }
.m_o20 { margin-top: 20px !important; }
.m_o30 { margin-top: 30px !important; }
.m_o40 { margin-top: 40px !important; }
.m_o50 { margin-top: 50px !important; }
.m_o60 { margin-top: 60px !important; }
.m_o80 { margin-top: 80px !important; }

.m_l0 { margin-left: 0 !important; }
.m_l1 { margin-left: 1% !important; }
.m_l2 { margin-left: 2% !important; }
.m_l4 { margin-left: 4% !important; }

.m_r0 { margin-right: 0 !important; }
.m_r1 { margin-right: 1% !important; }
.m_r2 { margin-right: 2% !important; }
.m_r4 { margin-right: 4% !important; }

.m_u0 { margin-bottom: 0 !important; }
.m_u5 { margin-bottom: 5px !important; }
.m_u10 { margin-bottom: 10px !important; }
.m_u20 { margin-bottom: 20px !important; }
.m_u30 { margin-bottom: 30px !important; }
.m_u40 { margin-bottom: 40px !important; }
.m_u50 { margin-bottom: 50px !important; }
.m_u60 { margin-bottom: 60px !important; }
.m_u80 { margin-bottom: 80px !important; }

.p_o0 { padding-top: 0 !important; }
.p_o1 { padding-top: 1% !important; }
.p_o2 { padding-top: 2% !important; }
.p_o4 { padding-top: 4% !important; }

.p_o0 { padding-top: 0 !important; }
.p_o5 { padding-top: 5px !important; }
.p_o10 { padding-top: 10px !important; }
.p_o20 { padding-top: 20px !important; }
.p_o30 { padding-top: 30px !important; }
.p_o40 { padding-top: 40px !important; }
.p_o50 { padding-top: 50px !important; }
.p_o60 { padding-top: 60px !important; }
.p_o80 { padding-top: 80px !important; }

.p_l0 { padding-left: 0 !important; }
.p_l1 { padding-left: 1% !important; }
.p_l2 { padding-left: 2% !important; }
.p_l4 { padding-left: 4% !important; }

.p_r0 { padding-right: 0 !important; }
.p_r1 { padding-right: 1% !important; }
.p_r2 { padding-right: 2% !important; }
.p_r4 { padding-right: 4% !important; }

.p_u0 { padding-bottom: 0 !important; }
.p_u5 { padding-bottom: 5px !important; }
.p_u10 { padding-bottom: 10px !important; }
.p_u20 { padding-bottom: 20px !important; }
.p_u30 { padding-bottom: 30px !important; }
.p_u40 { padding-bottom: 40px !important; }
.p_u50 { padding-bottom: 50px !important; }
.p_u60 { padding-bottom: 60px !important; }
.p_u80 { padding-bottom: 80px !important; }




.fl {
	float: left;
}

.fr {
	float: right;
}

.center {
	margin-right: auto;
	margin-left: auto;
}


/* 中央揃え */

.outbox {
	position: relative;
}

.outbox .inbox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);	
	transform: translate(-50%, -50%);
}

/*
p {
	margin: 1em 0;
}
*/

.wrap {
	overflow: hidden;
}


.alert {
	color: #e60012;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .btn */	
/* .btn .default */

.btn {
	background: #eee;
	display: block;
	padding: 0.5em 1em;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	transition: all 0.1s ease-in-out;
	
	cursor: pointer;
	
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
}


.btn.inline {
	display: inline-block;
}

/* btn color */
.btn.default {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: #eee;	
    color: #111;
}
.btn.red {
	/* background: -moz-linear-gradient(top,#ff5a5f 0%,#ff5a5f);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5a5f), to(#ff5a5f)); */
    background: #fff;
	border: 2px solid #ff2255;
	color: #ff2255;
}
.btn.red:hover {
    background: #ff2255;
	color: #fff;
}

.btn.purple {
	background: -moz-linear-gradient(top,#6f5499 0%,#6f5499);
    background: -webkit-gradient(linear, left top, left bottom, from(#6f5499), to(#6f5499));
    background: #cf8ae5;
	color: #fff;
}
.btn.blue {
	background: -moz-linear-gradient(top,#337ab7 0%,#337ab7);
    background: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#337ab7));
    background: #4b8efa;
	color: #fff;
}
.btn.green {
	background: -moz-linear-gradient(top,#30a6b1 0%,#30a6b1);
    background: -webkit-gradient(linear, left top, left bottom, from(#30a6b1), to(#30a6b1));
    background: #6dcc54;
	color: #fff;
}
.btn.yellow {
	background: -moz-linear-gradient(top,#faee2b 0%,#faee2b);
    background: -webkit-gradient(linear, left top, left bottom, from(#faee2b), to(#faee2b));
    background: #f7cf4b;
	color: #666;
}
.btn.orange {
	background: -moz-linear-gradient(top,#f89406 0%,#f89406);
    background: -webkit-gradient(linear, left top, left bottom, from(#f89406), to(#f89406));
    background: #ffa244;
	color: #fff;
}

.btn:hover {
	 /* filter: brightness(85%);
 	 -moz-filter: brightness(85%);
	 -webkit-filter: brightness(85%); */
}

a.btn:hover {
	text-decoration: none !important;
}

p {
	margin: 1em 0;
	/* line-height: 2; */
}

.wrap {
	overflow: hidden;
}

section.stamp-rally h3,
section.photo-contest h3 {
	font-size: 3rem;
	line-height: 1.5;
    font-weight: bold;
    margin: 2em 0 0.5em;
	display: block;
	position: relative;
	
	background: #171c61;
	color: #171c61;
	padding: 0.4em 0.8em;
	
	background: none;
	border-top: 6px dotted #171c61;
	border-bottom: 6px dotted #171c61;
	text-align: center;
	
	
	/* background: url(../img/bg_main.png);
	background-size: 100px 100px; */
}

section.goods h3,
section.other h3 {
	font-size: 3rem;
	line-height: 1.0;
    font-weight: bold;
    margin: 0 0 0.5em;
	display: block;
	position: relative;
	
	padding: 0.4em 0;
}



h4 {
	font-size: 2.8rem;
	font-weight: bold;
	margin: 2em 0 1em;
	/* border-bottom: 3px solid #171c61; */
	color: #fff462;
	background: #171c61;
	
	
}

h5 {
	font-size: 1.8rem;
	margin: 1em 0 0.5em;
	display: inline-block;
	/* border-bottom: 3px solid #fe5700; */
}

span.head {
	color: #1c2a54;
	font-weight: bold;
	font-size: 2.1rem;
	letter-spacing: -1px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ ul */

ul.deco-list {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 0;
}

ul.deco-list li {
	margin: 0;
	padding: 0 0 0 1em;
	position: relative;
}

ul.deco-list.other li {
	border-bottom: 3px dotted #ccc;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 1.25em;
}

ul.deco-list.other li::before {
    background: url(../img/headline_bg.png) no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
/* 	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);  */
	
}

ul.deco-list li::before {
    background: #333;
    border-radius: 50%;
    content: "";
    height: 0.6em;
	top: 0.75em;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    width: 0.6em;
	
	transform: translate( 0, 0);
	-webkit-transform: translate( 0, 0);
}

ul.deco-list li ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 0 1.5em;
}


ul.deco-list.inline {
	margin: 0;
}

ul.deco-list.inline li {
	display: block;
	white-space: nowrap;
	float: left;
	padding-right: 0.5em;
}

ul.deco-list.min {
	line-height: 1.5;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ol.deco-list */

ol.deco-list {
	margin: 1em 0 2em 1em;
	
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ table.deco-tb */

table.deco-tb {
    text-align: left;
    vertical-align: middle;
    /* width: 100%; */
	border-collapse: collapse;
	border: 1px solid #ccc;
	/* border-top: 3px solid #ccc; */
	border-left: none;
	border-right: none;
	
	background: #fff;
}

table.deco-tb th {
    border: 3px solid #f0f0f0;
	border-left: none;
	border-right: none;
    padding: 0.4em 0.5em;
    text-align: left;
    /* vertical-align: middle; */
	/* background: #eee; */
	/* color: #ffffff; */
	
	/* background: #f8f8f8; */
}

table.deco-tb td {
    border: 3px solid #f0f0f0;
	border-left: none;
	border-right: none;
    padding: 0.4em 0.5em;
    /* vertical-align: top; */
}

/* スタンプ設置 一覧 */

table.deco-tb.stamp {
	/* width: 96%; */
	margin: 0 auto 1em;	
}

/* table.deco-tb.stamp tr th:nth-child(n + 8),
table.deco-tb.stamp tr td:nth-child(n + 8),
table.deco-tb.stamp tr th:nth-child(1),
table.deco-tb.stamp tr td:nth-child(1),
table.deco-tb.stamp tr th:nth-child(2),
table.deco-tb.stamp tr td:nth-child(2){
	display: none;	
} */

table.deco-tb.stamp tr th,
table.deco-tb.stamp tr td {
	white-space: nowrap;
	line-height: 1.5;
}

table.deco-tb.stamp th {
	/* background: #f6d780;
	border-top: 3px solid #f6d780;
	border-bottom: 3px solid #f6d780; */
}

table.deco-tb.stamp td {
	/* border-bottom: 3px solid #f6d780; */
}

/* 応募方法 */

table.deco-tb.entry td {
	word-break: break-all;
	white-space: normal;
}


span.trade-point { background: #01b5eb; padding-left: 1em; padding-right: 1em; border-radius: 1000px; color: #fff; display: block; text-align: center; }

span.stamp-point { background: #ea89b4; padding-left: 1em; padding-right: 1em; border-radius: 1000px; color: #fff; display: block; text-align: center; }




div.onsen-name-wrap {
	/* padding-left: 1em;
	padding-right: 1em; */
	/* width: 96%; */
	/* margin-top: 7em; */
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	vertical-align: middle;
	
	
}

/* div.onsen-name-wrap div.number {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	position: relative;
	background: #1c2a54;
	border-radius: 1000px;
	vertical-align: middle;
	margin-right: 0.25em;
	
} */

p.description {
	/* width: 96%; */
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.4rem;
	margin-bottom: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ .deco-box */

.deco-box {
	/* background: #f5d780; */
	/* background: #f8f8f8; */
	/* background: #fff051; */
	padding: 1em;
	/* border: 3px solid #dac073; */
	border: 3px solid #f0f0f0;
	box-sizing: border-box;
}

/* 泉質・効能 */

.deco-box.effect {
	border: 3px solid #171c5e;
	color: #171c5e;
	box-sizing: border-box;
}



.deco-box-line {
	padding: 1em;
	border: 1px solid #f0f0f0;
}

.deco-box.flow-arrow {
	padding: 1em;
	background: #fff;
	border: 10px solid #f6f6f6;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}

.deco-box.flow-arrow.none {
	
}

.deco-box.flow-arrow::before {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: -12px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;
    z-index: 0;
}

.deco-box.flow-arrow::after {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: -20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;
    z-index: 0;
}

.deco-box.flow-arrow.none::before,
.deco-box.flow-arrow.none::after {
	border: none;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- header */

header
{
	width: 100%;
	/* position: fixed; */
	position: relative;
	z-index: 5000;
	
	background: #fff;
	box-shadow: 0 2px 2px 2px rgba(0,0,0,0.125);
}

header div.inner 
{
	position: relative;
}

header.active
{
	/* background: #fff; */
}


header div.pref 
{
	float: left;
	max-width: 350px;
	/* padding: 0.5em 0; */
	
	padding: 1em 0 0.6em; 
}

header div.pref img
{
}

header div.sns 
{
	float: right;
	padding: 1.7em 0;
	
	margin-right: 100px;
}

header div.sns ul li 
{
	display: inline-block;
	margin-right: 0.3em;
}

/* dummy */

header div.sns ul li.twitter { width: 74px; /* */ }
header div.sns ul li.facebook {	position: relative; top: -5.5px; width: 72px; /* */ }
header div.sns ul li.line {	width: 80px; /* */ }

header div.sns ul li img
{
	width: 100%;
}

header div.logo 
{
	/* position: absolute;
	top: 0;
	left: 50%;
	transform: translate( -50%, 0);
	-webkit-transform: translate( -50%, 0); */
	/* padding: 0.5em; */
	padding: 0.7em 0.5em 0.6em;
	
	float: right;
}

header div.logo img 
{
	max-width: 100px;
	position: absolute;
	right: 0;
	top: 0.2em;
	
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- nav */

div.menuButton
{
    display: none;
}

nav
{
    /* background: #00aced; */
	background: #171c61;
    position: relative;
    height: 100%;
	/* background: #fff;	 */
}

nav ul
{
    display: table;
    width: 100%;
    height: 100%;
	table-layout: fixed;
}

nav ul li
{
    position: relative;
    display: table-cell;
    /* height: 80px; */
    vertical-align: middle;
	
	
	width: 20%;
}

/* nav > div.inner > ul > li > a::after
{
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    content: '';
    transition: all .1s ease-in-out;
    background: #003e6c;
} */

/* nav > div.inner > ul > li > a:hover::after
{
    left: 0;
    width: 100%;
} */

nav ul li a
{
    font-size: 1.7rem;
    line-height: 1.2;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
	
	/* height: 100px; */ /* */
	
    padding: 1em 0.5em;
    text-align: center;
    /* color: #fff; */
	color: #333;
	white-space: nowrap;
}

nav ul li a img
{
	display: block;
	border-radius: 10000px;
	overflow: hidden;
	box-sizing: border-box;
	border: 5px solid #fff;
}

nav ul li a:hover img
{
	border: 5px solid #e60012;
}



nav ul li a div.title
{
	height: 2em;
	position: absolute;
	left: 0;
	bottom: 3em;
	font-weight: bold;
	/* left: 0;
	transform: translate( -50%, 0);
	-webkit-transform: translate( -50%, 0); */
	width: 100%;
	
	text-shadow: 1px 1px 0 #fff,
             	-1px 1px 0 #fff,
             	 1px -1px 0 #fff,
                -1px -1px 0 #fff;
}

nav ul li a div.title span
{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	width: 100%;
}

nav ul li a:hover div.title span
{
	/* text-decoration: underline; */
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section common */

section
{	
	padding: 60px 0;
	position: relative;
	/* background: url(../img/bg.png) */
	background: #fff;
	
	box-shadow: 0 2px 2px 2px rgba(0,0,0,0.125);
}

section div.title
{
	font-weight: bold;
	margin-bottom: 3em;
	text-align: center;
	position: relative;
}

section div.title:after
{
	background: #333;
	background-size: 50px 50px;
	position: absolute;
	content: "";
	width: 68px;
	height: 68px;
	display: block;
	border-radius: 1000px;
	top: 4px;
	left: 50%; /* */
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	z-index: 0;	
}

section div.title h1,
section div.title h2
{
	display: inline-block;
	position: relative;
	font-size: 4rem;
	background: #fff;
	/* color: #e60012;	 */
	padding: 0.5em 1em;
	border-radius: 10px;
	line-height: 1.5;
	
	border: 4px solid #333;
	box-sizing: border-box;
	z-index: 1;
}

section div.title h1:before,
section div.title h2:before
{
	background: url(../img/headline_bg.png) no-repeat;
	background-size: 50px 50px;
	position: absolute;
	content: "";
	width: 50px;
	height: 50px;
	display: block;
	top: 0;
	left: 50%; /* */
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	z-index: 4;
}

section div.title h1:after,
section div.title h2:after
{
	background: #fff;
	background-size: 50px 50px;
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 1000px;
	top: 0;
	left: 50%; /* */
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	z-index: 3;	
}



section div.sub-title
{
    font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	transform: skew( -10deg ) rotate( -2deg );
	-webkit-transform: skew( -10deg ) rotate( -2deg );
}


section div a.link-btn {

	background: #e60012;
	display: block;
	padding: 0.5em 1em;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	transition: all 0.1s ease-in-out;
	
	cursor: pointer;
	
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	
	color: #fff;
	position: relative;
}


section div a.link-btn:after {
	position: absolute;
	top: 50%;
	right: 1em;
	display: block;
	width: 1em;
	height: 1em;
	
	content: '';
	transition: all .2s ease-in-out;
	transform: translate( 0, -50%) rotate(45deg);
	-webkit-transform: translate( 0, -50%) rotate(45deg);
	
	
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	
	background: none;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.main-visual */

section.main-visual {
	padding-top: 0;
	padding-bottom: 0;
	box-sizing: border-box;
	position: relative;
	/* height: calc(100vh - 100px); */
	overflow: hidden;
	
	/* background: #fff; */
	background: none;
	
	/* background: #f0f0f0; */
	/* background: url(../img/bg_main.png);
	background-size: 200px 196px; 
	background-repeat: repeat; */
	/* padding-top: 75%; */
	min-height: 600px;
	height: 100vh;
	max-height: 600px; /* */
	box-shadow: none;
}

section.main-visual div.inner {
	height: 100%;
	position: relative;
	background: #fff;
}

section.main-visual div.inner:before {
	background: url(../img/main_bg.png) no-repeat;
	/* background-attachment: fixed; */
	background-size: contain;
	background-position: center center;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	content: "";
}


/* くも */

div.cloud {
	/* position: fixed;
	height: 100vh;
	width: 100vw;
	pointer-events: none;
	top: 0;
	left: 0;
	z-index: 1000; */
}

div.cloud div {
	width: 300px;
	height: 150px;
	position: absolute;
	display: block;
}

/* ア ニ メ ー シ ョ ン の ス ピ ー ド 調 整 */

div.cloud div {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
}
  
div.cloud div img {
	display: block;
	width: 100%;
}

div.cloud div:nth-child(1) { top: 0; left: -200px;}
div.cloud div:nth-child(2) { bottom: 20px; left: -200px;}
div.cloud div:nth-child(3) { top: 0; right: -200px;}
div.cloud div:nth-child(4) { bottom: 20px; right: -200px;}


section.main-visual div.copy {
	z-index: 2;
	position: absolute;
	left: 50%;
	/* top: 50%; */
	/* top: 40%; */
	/* top: 50%; */
	
	top: 80px; /* */
	max-width: 350px;
	
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	
	white-space: nowrap;
}

section.main-visual div.copy h2 {
	font-size: 3.5rem;
}

section.main-visual div.logo {
	/* max-width: 500px; */
	position: absolute;
	/* bottom: 70px; */
	bottom: 70px;
	z-index: 1;
	left: 50%;
	transform: translate( -50%, 0);
	-webkit-transform: translate( -50%, 0);
	width: 70%;
}

section.main-visual div.logo img {
	/* height: 30vh; */
	/* max-width: 300px; */
	width: 100%;
	max-width: 1000px;
}


section.main-visual div.schedule {
	/* max-width: 500px; */
	position: absolute;
	bottom: 0;
	z-index: 1;
	left: 50%;
	transform: translate( -50%, 0);
	-webkit-transform: translate( -50%, 0);
}

section.main-visual div.schedule img {
	max-width: 600px;
	height: auto;
}



section.main-visual div.sand {
	/* max-width: 600px; */
	position: absolute;
	left: 50%;
	/* bottom: 0; */
	bottom: 10%;
	transform: translate( -50%, 0);
	-webkit-transform: translate( -50%, 0);
}

section.main-visual div.sand img {
	height: 50vh;
	min-height: 500px;	
	max-height: 500px;
	width: auto;
	max-width: none;
	transition: all 0.1s;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- movie */ 


div.movie div.inner {
	background: #fff;
}

div.movie .movieWrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
	 
div.movie .movieWrap iframe,
div.movie .movieWrap object,
div.movie .movieWrap a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ section.what */

div.nav + section.what {
	box-shadow: none;
}

section.what {
	overflow: hidden;/* 
	box-shadow: none; */
}


section.what div.inner {
	position: relative;
	z-index: 1;
}

section.what div.sub-title span.fs8 {
	font-size: 7rem !important;
	color: #ec6c00;
}

section.what div.inner:before {
	/* content: "";
	background: url(../img/main-visual-alola.png) no-repeat;
	background-size: 400px 600px;
	position: absolute;
	top: 0;
	left: -200px;
	width: 400px;
	height: 600px;
	overflow: visible;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	z-index: -1; */	
}

section.what div.inner:after {
	/* content: "";
	background: url(../img/main-visual-sand.png) no-repeat;
	background-size: 400px 600px;
	position: absolute;
	top: 0;
	right: -200px;
	width: 400px;
	height: 600px;	
	overflow: visible;
	transform: translate(50%, 0);
	-webkit-transform: translate(50%, 0);
	z-index: -1; */	
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- profile-information */


section.what div.character-profile {
	padding: 1em;
	/* background: #d8f1ff; */ /* */
	/* background: #ffe9a9; */
	
	border-radius: 10px;
	margin-bottom: 1em;
	
	/* border: 3px solid #333; */
}

section.what div.character-profile.sand {
	background: #ddc300;
}

section.what div.character-profile.alola {
	background: #9fd2f2;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- profile-information */

section.what div.character-profile div.profile-information {
	width: 65%;
	float: left;
}

section.what div.character-profile div.profile-information div.figure {
	max-width: 400px;
	width: 48%;
	position: relative;
	padding: 0.5em 0;
	margin-right: 2%;
	/* overflow: hidden;
	border-radius: 10px; */
}

section.what div.character-profile div.profile-information div.figure span {
}

section.what div.character-profile div.profile-information div.figure span img {
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	display: block; */
	display: block;
}


section.what div.character-profile div.profile-information div.description {
	width: 50%;
}

section.what div.character-profile div.profile-information div.description div.name {
	white-space: nowrap;
	font-size: 4.0rem;
	line-height: 1.5;
	margin-bottom: 0.5em;
}

section.what div.character-profile div.profile-information div.description table {
	background: none;
	border: none;
	width: 100%;
}

section.what div.character-profile div.profile-information div.description table th,
section.what div.character-profile div.profile-information div.description table td {
	border: none;
	line-height: 1.5;
	
}

section.what div.character-profile div.profile-information div.description table th span {
	background: #e60011;
	display: block;
	border-radius: 1000px;
	color: #fff;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- commentary-description */

section.what div.character-profile div.commentary-description {
	padding: 0 1em;
	float: right;
	width: 35%;
	box-sizing: border-box;
}

section.what ul.deco-list li {
	display: inline-block;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- stamp-rally */

section.stamp-rally div.figure {
	width: 100%;
}

section.stamp-rally div.thumnbnail span {
	width :100%;
	/* height: 300px; */ /* */
	/* background: #f0f0f0; */
	display: block;
}

section.stamp-rally div.prize-wrap {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 1em;
	position: relative;
	padding:  1em;
}

section.stamp-rally div.prize-wrap.blue {
	box-sizing: border-box;
	border: 5px solid #39adda;
	border-radius: 5px;
}

section.stamp-rally div.prize-wrap.yellow {
	box-sizing: border-box;
	border: 5px solid #e9ab36;
	border-radius: 10px;
}


div.prize-alphabet {
	width: 60px;
	height: 60px;
	position: absolute;
	top: -10px;
	left: -10px;
	border: 5px solid #fff;
}

section.stamp-rally div.prize-wrap.blue div.prize-alphabet {
	background: #e9ab36;
}

section.stamp-rally div.prize-wrap.yellow div.prize-alphabet {
	background: #39adda;
}

div.prize-alphabet span {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	font-size: 5.0rem;
	font-weight: bold;
	text-align: center;
	width: 100%;

}



section.stamp-rally div.prize-wrap.center {
	float: none;
	width: 49%;
	margin-right: auto;
	margin-left: auto;	

}

section.stamp-rally div.prize {
	line-height: 1.5;
}

section.stamp-rally div.prize-wrap span.prize-mark {
	display: block;
	position: relative;
	z-index: 1;
	color: #fff;
	line-height: 1.25;
}

section.stamp-rally div.prize-wrap span.prize-mark:before {
	width: 90px;
	height: 90px;
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	background: #e60012;
	border-radius: 1000px;
	content: "";
}


section.stamp-rally div.prize-wrap:nth-child(2n) {
	margin-right: 0;
}

section.stamp-rally div.prize-wrap div.prize-thumnbnail {
	width :100%;
	/* height: 300px; */ /* */
	/* background: #f0f0f0; */
	
	overflow: hidden;
	border-radius: 10px;
	/* border: 3px solid #fff; */
	box-sizing: border-box;
}

section.stamp-rally div.prize-wrap div.prize-thumnbnail img {
	display: block;
}



section.stamp-rally span.number {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	position: relative;
	background: #1c2a54;
	border-radius: 1000px;
	vertical-align: middle;
	margin-right: 0.25em;
}

section.stamp-rally span.number span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
}



div.introduction-onsen-name {
	font-weight: bold;
	font-size: 2.8rem;
	color: #171c61;
	margin-top: 1.5em;
	/* padding-left: 50px; */ /* */
	position: relative;
	display: inline-block;

}

div.introduction-onsen-name div {
	display: inline-block;
	vertical-align: middle;
}

div.introduction-onsen-name div.onsen-alphabet {
	background: #171c61;
	border-radius: 1000px;
	width: 1.5em;
	height: 1.5em;
	position: relative;
	
}

div.introduction-onsen-name div.onsen-alphabet span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	color: #fff;
}


/* div.introduction-onsen-name:before {
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 1.5em);
	transform: translateY(-50%);
	-webkit-transform: translateY(50%);
	background: url(../img/onsen_mark.png) no-repeat;
	background-size: 40px 40px;
	display: block;
	width: 40px;
	height: 40px;
} */

div.onsen-name-wrap {
	position: relative;
    border-bottom: 6px dotted #eb6663;
}

div.onsen-name-wrap div.number {
    background: #ec706d;
    border-radius: 1000px;
    display: inline-block;
    height: 1.25em;
    margin-right: 0.25em;
    position: absolute;
    vertical-align: middle;
    width: 1.25em;
	/* top: -1.75em; */
	top: 50%;
	left: -0.5em;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

div.onsen-name-wrap div.number span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
}

div.onsen-name-wrap div.onsen-name {
	vertical-align: middle;
	display: inline-block;
	/* padding-top: 2em; */
	
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
	
}

div.onsen-name img {
	max-width: 70px;
}

div.introduction-onsen-thumbnail {
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 1em;
}

div.introduction-onsen-thumbnail img {
	display: block;
}







/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- スタンプ設置場所一覧 を アコーディオン に 変更 */



section.stamp-rally div.trigger {
	cursor: pointer;
	position: relative;
	background: #e60012;
	color: #fff;
	
	width: 50%;
	margin: 2em auto;
	padding: 0 1em;
	box-sizing: border-box;
	border-radius: 5px;
    padding: 0.5em 1em;
	

	text-align: center;
}



section.stamp-rally div.accordion-article {
	max-height: 0;
	overflow: hidden;
	transition: all .5s;
	background: #fff;
	box-sizing: border-box;
	border-radius: 10px;
}

section.stamp-rally div.trigger.active + div.accordion-article {
	max-height: 20000px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- accodion */

section.stamp-rally div.trigger div.accordion {
	width: 48px;
	height: 48px;
    position: absolute;
	top: 50%;
	right: 0;
	transform: translate( 0 ,-50%); 
	-webkit-transform: translate( 0 ,-50%);
	
	z-index: 1;
}

section.stamp-rally div.trigger div.accordion span
{
	position: absolute;
	left: 0;

	display: inline-block;

	box-sizing: border-box;
	width: 20px;
	height: 2px;

	transition: all .4s;

	/* background: #8ec500; */
	background: #fff;
}

section.stamp-rally div.trigger span:nth-of-type(1)
{
	top: 16px;
	left: 14px;
	-webkit-transform: translateY(6px) rotate(-90deg);
			transform: translateY(6px) rotate(-90deg);
}


section.stamp-rally div.trigger span:nth-of-type(2)
{
	bottom: 18px;
	left: 14px;
	-webkit-transform: translateY(-6px) rotate(0);
			transform: translateY(-6px) rotate(0);
}

section.stamp-rally div.trigger.active span:nth-of-type(1)
{
	-webkit-transform: translateY(6px) rotate(-45deg);
			transform: translateY(6px) rotate(-45deg);
}

section.stamp-rally div.trigger.active span:nth-of-type(2)
{
	-webkit-transform: translateY(-6px) rotate(45deg);
			transform: translateY(-6px) rotate(45deg);
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.photo-contest */

section.photo-contest {
	position: relative;
}

section.photo-contest:before {
	background: #fcd04e;
	width: 1em;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	z-index: 0;
}

section.photo-contest:after {
	background: #fcd04e;
	width: 1em;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	z-index: 0;
}

section.photo-contest div.inner {
	position: relative;
	z-index: 1;
	/* background: #fff; */
}

section.photo-contest div.prize-wrap {
	float: left;
	width: 49%;
	margin-right: 2%;
}

section.photo-contest div.prize-wrap:nth-child(2) {
	margin-right: 0;
}

section.photo-contest div.prize-wrap div.prize-thumnbnail {
	width :100%;
	/* height: 300px; */ /* */
	/* background: #f0f0f0; */
	overflow: hidden;
	border-radius: 10px;
}

section.photo-contest div.prize-wrap div.prize-thumnbnail img {
	display: block;

}

section.photo-contest span.number {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	position: relative;
	background: #1c2a54;
	border-radius: 1000px;
	vertical-align: middle;
	margin-right: 0.25em;
}

section.photo-contest span.number span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.goods */

section.goods {
	background:url(../img/bg_goods.png);
}

section.goods div.goods-list {

}

section.goods div.goods-name h3 {
	background: #925f46;
	color: #fff;
	border-radius: 1000px;
	padding-left: 1em;
	padding-right: 1em;
	white-space: nowrap;
	
}

section.goods div.goods-wrap {
	margin-bottom: 40px;
	position: relative;
}

section.goods div.goods-wrap div.label {
	background: #171c61;
	position: absolute;
	width: 130px;
	height: 130px;
	top: -30px;
	left: -30px;
	border-radius: 1000px;
	text-align: center;
	line-height: 1;
	z-index: 0;
}

section.goods div.goods-wrap div.label > span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	color: #fff;
	white-space: nowrap;
}

section.goods div.goods-wrap div.label > span > span {
	font-size: 1.1rem;
}

section.goods div.goods-wrap:nth-child(3n) {
}

section.goods div.goods-wrap div.thumbnail {
	width: 35%;
	float: left;
	margin-right: 5%;
	/* min-height: 300px; */
	/* background: #fff; */
	border-radius: 10px;
	overflow: hidden;
	/* border: 3px solid #f0f0f0; */
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

section.goods div.goods-wrap div.thumbnail img {
	display: block;
}

section.goods div.goods-wrap div.thumbnail div.note {
	display: block;
	font-size: 1.6rem;
	color: #171c61;
	font-weight: bold;	
}

section.goods div.goods-wrap div.wrap {
	width: 60%;
	float: right;
}

section.goods div.goods-description {
	margin-bottom: 1em;
}

section.goods table.deco-tb {
	background: none;
}

section.goods table.deco-tb td,
section.goods table.deco-tb th {	
    border: 2px solid #888;
	border-left: none;
	border-right: none;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section.other */

section.other {
}

section.other div.other-article {
	margin-bottom: 40px;
}

section.other div.other-article div.other-figure {
	width: 35%;
	/* height: 300px; */
	background: #fff;
	overflow: hidden;
	border-radius: 10px;
}

section.other div.other-article div.other-figure span {
	overflow: hidden;
	border-radius: 10px;
	display: block;
}

section.other div.other-article div.other-figure img {
	display: block;
}

section.other div.other-article div.wrap {
	width: 60%;
}

section.other div.other-article div.wrap div.other-name {
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- page-top */

div.page-top
{
    position: fixed;
    z-index: 100;
    right: 1em;
    bottom: 1em;

    display: block;

    width: 110px;
    height: 110px;
	
	background-color: rgba(0,0,0,0.5);
	border-radius: 1000px;
	
	cursor: pointer;
}

div.page-top span {    
    display: block;
	position: relative;
	height: 100%;
	width: 100%;
}

div.page-top span img {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate( -50%, -50%);  
	-webkit-transform: translate( -50%, -50%);  	 
    width: 70px;
    height: 70px;
}

div.page-top span::before
{
    position: absolute;
    top: 1em;
    left: 50%;

    display: block;

    width: 20px;
    height: 20px;

    content: '';
    transform: translate( -50%, 0) rotate(-45deg);
    -webkit-transform: translate( -50%, 0) rotate(-45deg);

    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}




/* footer */

footer {
	/* background: #00aced; */
	background: #fff;
	padding: 1em 0;
	/* color: #fff; */
	color: #333;
}

footer div.supported {
}

footer div.supported img {
	width: 220px;
	vertical-align: middle;
}

footer a {
	color: #333;
}

footer div.banner {
	width: 468px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px; 
	padding-bottom: 20px; 
}

footer div.banner img {
	display: block;
	width: 468px;
}



/* tease サイト */

body.tease { }

body.tease section.main-visual div.sand {
	bottom: 3em;
}