@charset "utf-8";
@import url("reset.css");
@import url("util.css");

html {
	font-size: 62.5%;
}

body {
	background: #ffffff;
	/*フォント*/
	font-family:  "游ゴシック", YuGothic,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1.4rem;
	color: #221815;
}

a {
	color: #221815;
	text-decoration: none;
}

a:hover {
	color: #221815;
	text-decoration: none;
	opacity: 0.8;
}

li {
	list-style: none;
}

img {
	vertical-align: bottom;
}

.relative {
	position: relative;
}

.spb {
	display: none;
}

.fwb {
	font-weight: bold;
}

.uetsuki {
	    font-size: 75.5%;
	    vertical-align: top;
	    position: relative;
	    top: -0.1em;
}

 .clearfix {
	clear: both;
}

.linkunder {
	text-decoration: underline;
	cursor: pointer;
}

.linkpointer {
	cursor: pointer;
}

.komegokushou {
	font-size: 1.2rem;
}

.komeshou {
	font-size: 1.4rem;
}

.comingsoon {
	margin-left: 8px;
	font-family: 'Tangerine', cursive;
	color: #ff0000;
}

/* ヘッダーここから */
#header {
	width: 100%;
	color: #221815;
}

#header_logo {
	width: 100%;
}

.headerIn {
	max-width: 1100px;
	margin: 20px auto 20px auto;
	font-size: 0px;
}

.headerIn img {
	max-width: 200px;
}

.headerIn2 {
	background: #ffffff;
}

#gnav {
	width: 100%;
	text-align: center;
	order: 3;
	-webkit-order: 3;
}

/* 三本線ボタンここから */
#navToggle {
	display: none;
}
/* 三本線ボタンここまで */

#gnav nav {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #221815; 
	box-sizing: border-box;
}

#gnav ul {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 0px;
}

#gnav ul > li {
	position: relative;
	display: inline-block;
	padding: 20px 0px 15px 0px;
	font-size: 1.9rem;
	width: calc( 100% / 4 );
	height: 100%;
	vertical-align: bottom;
	cursor: pointer;
}

#gnav ul > li > a {
	display: block;
	width:100%;
	color: #221815;
}

#gnav ul > li.sp {
	display: none;
}

.gnavhome {
	vertical-align: middle;
	margin-right: 5px;
}

/* dropdownここから */
#gnav ul > li > ul {
	padding: 16px 0 0 0!important;
	height: auto;
	z-index: 100;
}

#gnav ul > li > ul > li {
	width: calc(115% + 1px) !important;
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	background: #ffffff;
	border-left: 1px solid #221815;
	border-right: 1px solid #221815;
	border-bottom: 1px dotted #221815;
	box-sizing: border-box;
	text-align: left;
	line-height: 1.2;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#gnav ul > li > ul > li {
		/*margin-top: -1px;*/
	}
}

@-moz-document url-prefix() {
	#gnav ul > li > ul > li {
		margin-top: 0px;
	}
}

#gnav ul > li > ul > li:last-child {
	border-bottom: 1px solid #221815;
}

#gnav ul > li > ul > li > a {
	display: block;
	width: calc( 100% - 16px );
	padding: 13px 8px !important;
	margin: 0;
	padding: 0;
}

nav ul > li {
	position: relative;
}

nav ul > li .dropdown {
	position: absolute;
	visibility: hidden;
}

nav ul > li:hover > .dropdown {
	visibility: visible;
	cursor: pointer;
}
/* dropdownここまで */

.spbtn {
	display: none;
}

.spbtn2 {
	display: none;
}

.spsearch {
	display: none;
}

.headerfixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}
/* ヘッダーここまで */


/* パンくずリストここから */
.pan {
	width: 100%;
	background: #221815;
	font-size: 1.3rem;
	/*font-weight: bold;*/
	color: #ffffff;
	border-bottom: 1px solid #221815;
	box-sizing: border-box;
}

.panIn {
	max-width: 1100px;
	margin: 0px auto;
	padding: 10px 0px;
}

.panlist li {
  display:inline-block
}

.panlist li:after {
  content: '>';
  padding: 0 5px;
}

.panlist li:last-child:after {
  content: '';
}

.panlist li a {
	color: #ffffff;
}

.panlist li a:hover {
	text-decoration: underline;
}
/* パンくずリストここまで */

#main {
	margin-bottom: 0px;
}

#mainIn {
	max-width: 1100px;
	margin: 0px auto 80px auto;
}

.uetsuki {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}


/* トップに戻るここから */
#totop {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

#to_pagetop {
	position: fixed;
	bottom: 60px;
	margin-left: 1100px;
}
/* トップに戻るここまで */


/* トップに戻る（プレゼントページ専用）ここから */
#totop_pst {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

#to_pagetop_pst {
	position: fixed;
	bottom: 70px;
	margin-left: 1100px;
}
/* トップに戻る（プレゼントページ専用）ここまで */


/* FAQへここから */
#tofaq {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99998;
}

#to_faq {
	position: fixed;
	bottom: 20px;
	margin-left: 1100px;
}
/* FAQへここまで */


/* 閉じるここから */
#toclose {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

#to_close {
	position: fixed;
	bottom: 100px;
	margin-left: 1235px;
}
/* 閉じるここまで */


/* フッターここから */
#footer {
	width: 100%;
	border-top: 1px solid #221815;
	box-sizing: border-box;
}

#footerIn {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 0px;
}

#footerIn > div:first-child > div:first-child {
	display: inline-block;
	width: 285px;
	padding-top: 70px;
	vertical-align: top;
}

#footerIn > div:first-child > div:last-child {
	display: inline-block;
	width: calc( 100% - 285px );
	padding: 90px 0px 60px 0px;
	text-align: left;
	vertical-align: top;
}

#footerIn > div:first-child > div:first-child img {
	max-width: 227px;
}

#footerIn > div:first-child > div:last-child > ul {
	font-size: 0px;
}

#footerIn > div:first-child > div:last-child > ul > li:first-child {
	display: inline-block;
	width: 155px;
	font-size: 1.6rem;
	vertical-align: top;
}

#footerIn > div:first-child > div:last-child > ul > li:first-child > img {
	margin-top: 1px;
	margin-left: 10px;
	vertical-align: top;
}

#footerIn > div:first-child > div:last-child > ul > li:last-child {
	display: inline-block;
	width: calc( 100% - 155px );
	font-size: 0px;
	vertical-align: top;
}

#footerIn > div:first-child > div:last-child > ul > li:last-child > ul {
	width: 100%;
}

#footerIn > div:first-child > div:last-child > ul > li:last-child > ul > li {
	display: inline-block;
	font-size: 1.6rem;
	border-right: 2px solid #a4a4a4;
	box-sizing: border-box;
	text-align: center;
}

#footerIn > div:first-child > div:last-child > ul > li:last-child > ul > li:first-child {
	border-left: 2px solid #a4a4a4;
	box-sizing: border-box;
}

#footerIn > div:first-child > div:last-child > ul > li:last-child > ul > li > a {
	padding: 0px 20px;
}

#footerIn > div:last-child {
	margin-top: 20px;
	margin-bottom: 60px;
}

#footerIn > div:last-child ul {
	font-size: 0px;
}

#footerIn > div:last-child ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 1.4rem;
}

#footerIn > div:last-child ul li:nth-child(1) {
	width: 35%;
}

#footerIn > div:last-child ul li:nth-child(2) {
	width: 35%;
}

#footerIn > div:last-child ul li:nth-child(3) {
	width: 30%;
}

.frottl {
	padding-left: 20px;
	background: url(../imgs/footermark02.png) left center;
	background-repeat: no-repeat;
	font-size: 1.6rem;
}

.frodtl > div {
	background: url(../imgs/footermark03.png) left center;
	background-repeat: no-repeat;
	font-size: 1.4rem;
	margin-top: 20px;
	margin-left: 7px;
}

.frodtl > div:first-child {
	margin-top: 30px;
}

.frodtl > div {
	padding-left: 18px;
}

.frfttl {
	padding-left: 20px;
	background: url(../imgs/footermark02.png) left center;
	background-repeat: no-repeat;
	font-size: 1.6rem;
}

.frfdtl > div {
	background: url(../imgs/footermark03.png) left center;
	background-repeat: no-repeat;
	font-size: 1.4rem;
	margin-top: 20px;
	margin-left: 7px;
}

.frfdtl > div:first-child {
	margin-top: 30px;
}

.frfdtl > div > a {
	padding-left: 18px;
}

.frfdtl02 {
	margin-top: 30px;
	text-align: center;
	color: #eb4f27;
}

.frfdtl02 > div:nth-child(1) {
	padding: 15px 0px 10px 0px;
	color: #221815;
	font-size: 1.8rem;
	text-align: center;
	border-top: 2px dotted #221815;
	border-bottom: 2px dotted #221815;
}

.frfdtl02 > div:nth-child(2) {
	margin-top: 20px;
	font-size: 2.4rem;
}

.frfdtl02 > div:nth-child(2) img {
	vertical-align: middle;
	margin-right: 5px;
}

.frfdtl02 > div:nth-child(3) {
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
	color: #221815;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
}
/* フッターここまで */


/* Copyrightここから */
#copy {
	width: 100%;
	background: #221815;
	color: #ffffff;
}

#copyIn {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 1.3rem;
	line-height: 50px;
	text-align: center;
}
/* Copyrightここまで */


/* Copyright（プレゼントページ専用）ここから */
#copy_pst {
	width: 100%;
	background: #221815;
	color: #ffffff;
}

#copyIn_pst {
	max-width: 1100px;
	margin: 0 auto;
	font-size: 1.3rem;
	line-height: 50px;
	text-align: center;
}
/* Copyright（プレゼントページ専用）ここまで */


#to_faqsp {
	display: none;
}


@media screen and (max-width: 1169px) {

}


@media screen and (max-width: 767px) {
	body {
		background: #ffffff;
		/*フォント*/
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 4.0625vw;
		color: #1b1b1b;
	}

	a:hover {
		color: #221815;
		text-decoration: none;
		opacity: 1;
	}

	.spn {
		display: none;
	}

	.spn2 {
		display: none;
	}

	.spb {
		display: block;
	}

	/* ヘッダーここから */
	#header {
		display: flex;
		display: -webkit-flex;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		width: 100%;
		color: #221815;
		position: fixed;
		background: #ffffff;
		top: 0;
		left: 0;
		z-index: 200;
		height: 50px;
	}

	#header_logo {
		width: calc( 100% - 55px );
		order: 1;
		-webkit-order: 1;
	}

	.headerIn {
		width: 100%;
		margin: 0 auto;
	}

	.headerIn img {
		max-height: 30px;
		margin: 10px 0px 0px 20px;
	}

	#gnav {
		width: 55px;
		height: 50px;
		order: 2;
		-webkit-order: 2;
	}

	#gnav nav {
		/* bodyに対しての絶対位置（通常時はビュー上の外） */
		position: absolute;
		right: 0;
		top: -700px;
		width: 100%;
			height: auto;
			max-height: calc( 100vh - 120px );
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
		padding: 0px 0px 20px 0px;
		background: #ffffff;
		border-top: 1px solid #221815; 
		border-right: 0px solid #221815; 
		border-left: 0px solid #221815; 
		border-bottom: 1px solid #221815; 
		box-sizing: border-box;
		text-align: left;
		/* 降りてくる速度と動き */
		transition: .5s ease-in-out;
		z-index: 10000;
	}

	/* 三本線ボタンここから */
	#navToggle {
		display: block;
		position: absolute;
		right: 13px;
		top: 11px;
		width: 30px;
		height: 25px;
	}

	#navToggle div {
		position: relative;
	}

	#navToggle span {
		display: block;
		position: absolute;
		/* #navToggle div に対して */
		width: 100%;
		/* 三本線ボタンの太さ */
		border-bottom: solid 3px #221815;
		/* ×に代わる速度指定 */
		transition: .35s ease-in-out;
	}

	#navToggle span:nth-child(1) {
		top: 0;
	}

	#navToggle span:nth-child(2) {
		top: 11px;
	}

	#navToggle span:nth-child(3) {
		top: 22px;
	}

	/* Click Toggle（ハンバーガーボタン動き）
	最初のspanをマイナス45度にします */
	.openNav #navToggle span:nth-child(1) {
		top: 11px;
		transform: rotate(-45deg)
	}

	/* 2番目と3番目のspanを45度にします */
	.openNav #navToggle span:nth-child(2),
	.openNav #navToggle span:nth-child(3) {
		top: 11px;
		transform: rotate(45deg)
	}

	.openNav nav {
		/* .openNavが付いた要素の中のnavを 縦方向に750px移動します（=表示されます） */
		transform: translateY(750px);
	}
	/* 三本線ボタンここまで */

	#gnav ul {
		margin: 0;
		padding: 0;
		font-size: 0px;
		height: auto;
	}

	#gnav ul > li {
		display: block;
		width: 100%;
		height: 100%;
		margin: 0px 0px;
		padding: 0px 0px;
		border-left: none;
		border-bottom: solid 1px #221815;
		box-sizing: border-box;
		font-size: 1.4rem;
	}

	#gnav ul > li > a {
		display: block;
		width: calc( 100% - 20px );
		padding: 12px 0px 10px 20px;
	}

	#gnav ul > li > p {
		display: block;
		width: calc( 100% - 20px );
		padding: 12px 0px 10px 20px;
		background-image: url(../imgs/hclose.png);
		background-position: right 20px center;
		background-repeat: no-repeat;
		background-size: 20px auto;
	}

	#gnav ul > li.pc {
		display: none;
	}

	#gnav ul > li.sp {
		display: block;
	}

	#gnav ul li:nth-last-child(2){
		border-right: 0px;
	}

	.img_open {
		background-image: url(../imgs/hopen.png) !important;
		background-position: right 20px center;
		background-repeat: no-repeat;
		background-size: 20px auto;
	}

	#gnav ul > li > p > a {
		pointer-events: none;
	}

	#gnav ul > li > ul {
		background: #ffffff;
		display: none;
	}

	/* dropdownここから */
	#gnav ul > li > ul {
		margin: 0;
		padding: 0px !important;
		font-size: 0px;
		height: auto;
	}

	#gnav ul > li > ul > li {
		display: block;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.4rem;
		background: #ffffff;
		border-left: none;
		border-right: 0px;
		border-bottom: dotted 1px #221815;
		box-sizing: border-box;
		text-align: left;
		line-height: 1.5;
	}

	#gnav ul > li > ul > li:first-child {
		border-top: solid 1px #221815;
	}

	#gnav ul > li > ul > li:last-child {
		border : none;
	}

	#gnav ul > li > ul > li > a {
		display: block;
		width: calc( 100% - 40px );
		padding: 7px 0px 7px 40px !important;
		margin: 0;
		padding: 0;
	}

	 nav ul > li {
		position: relative;
	}

	 nav ul > li .dropdown {
		position: static;
		top: 0;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
	}

	 nav ul > li:hover > .dropdown {
		top: 0;
		visibility: visible;
	}
	/* dropdownここまで */

	.spbtn {
		display: block;
		width: 70%;
		margin: 0 auto;
		margin-top: 20px;
		font-size: 0px;
		text-align: center;
		color: #221815;
	}

	.spbtn > div:nth-child(1) {
		padding: 0px 0px 10px 0px;
		color: #221815;
		font-size: 4.375vw;
		text-align: center;
		border-bottom: 1px dotted #221815;
	}

	.spbtn > div:nth-child(2) {
		margin-top: 10px;
		font-size: 5vw;
		font-weight: bold;
	}

	.spbtn > div:nth-child(2) img {
		width: 4.6875vw;
		vertical-align: middle;
		margin-right: 5px;
	}

	.spbtn > div:nth-child(2) a {
		color: #eb4f27;
	}

	.spbtn > div:nth-child(3) {
		margin-top: 10px;
		padding: 10px 0px 0px 0px;
		font-size: 3.75vw;
		color: #221815;
		text-align: center;
		border-top: 1px dotted #221815;
		line-height: 1.5;
	}

	.headerfixed {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}
	/* ヘッダーここまで */


	/* パンくずリストここから */
	.pan {
		width: 100%;
		background: #221815;
		font-size: 3.125vw;
		/*font-weight: bold;*/
		color: #ffffff;
		border-bottom: 1px solid #221815;
		box-sizing: border-box;
	}

	.panIn {
		max-width: 1100px;
		width: 95%;
		margin: 0px auto;
		padding: 8px 0px;
	}

	.panlist li {
	  display:inline-block
	}

	.panlist li:after {
	  content: '>';
	  padding: 0 5px;
	}

	.panlist li:last-child:after {
	  content: '';
	}

	.panlist li a {
		color: #ffffff;
	}

	.panlist li a:hover {
		text-decoration: underline;
	}
	/* パンくずリストここまで */


	/* メインここから */
	#main {
		margin-bottom: 0px;
		padding-top: 50px;
	}

	#mainIn {
		width: 100%;
		max-width: 1100px;
		margin: 0px auto 50px auto;
	}

	/* メインここまで */


	/* トップに戻るここから */
	#totop {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 99999;
	}

	#to_pagetop {
		position: fixed;
		bottom: 60px;
		right: 20px;
	}

	#to_pagetop a {
		display: block;
		padding: 5px 5px;
	}

	#to_pagetop a img {
		width: 50px;
	}
	/* トップに戻るここまで */


	/* FAQへここから */
	#tofaq {
		display: none;
	}
	/* FAQへここまで */


	/* 閉じるここから */
	#toclose {
		display: none;
	}
	/* 閉じるここまで */


	/* フッターここから */
	#footer {
		display: none;
	}
	/* フッターここまで */


	/* Copyrightここから */
	#copy {
		width: 100%;
		height: 30px;
		background: #221815;
		color: #ffffff;
		margin-bottom: 0px;
	}

	#copyIn {
		font-size: 1.2rem;
		width: 100%;
		margin: 0 auto;
		line-height: 30px;
		text-align: center;
	}
	/* Copyrightここまで */

	#to_faqsp {
		display: block;
		background: #eb4f27;
		width: 100%;
		color: #ffffff;
		font-weight: bold;
		position: fixed;
		bottom: 0;
		z-index: 99999;
	}

	#to_faqsp a {
		color: #ffffff;
		letter-spacing: 2px;
	}

	#to_faqspIn {
		font-size: 1.6rem;
		width: 100%;
		margin: 0 auto;
		line-height: 50px;
		text-align: center;
		background: url(../imgs/to_faqmark.png) right 10vw center;
		background-repeat: no-repeat;
	}
	/* Copyrightここまで */



}