/* CSS Document */
/*
	base.css
	サイト全体のスタイル指定用
*/
@charset "utf-8";

body {
	background : #FFF;
	font-family: 'Noto Sans JP', sans-serif;
}
/* -----------------------------
デバイス振り分け(PC)
----------------------------- */
@media screen and (min-width:720px) {
.sp {display:none;}
body {
	background: #f0eeec url(../img/bg-background.gif) repeat left top;
}
/* =========================================
Header
========================================= */
header {
	margin:0 auto;
	width:760px;
}
.add_header {
	margin:0 auto;
	width:100%;
	background:#FFF;
	font-size:0;
	line-height:0;
}

/* img類 */
header img,
.add_header img {width:100%;}


/* =========================================
Contents
========================================= */
.content_wrap {
	margin : 0 auto;
	width : 760px;
	min-height: 100vh;
	position: relative;/*←相対位置*/
	padding-bottom: 10px;/*←footerの高さ*/
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
	background:#FFF;
}

.contentsbox {
	margin:0 auto;
	width:96%;
}


/* =========================================
INDEX
========================================= */
/* slider */
.slide_img {
	margin:0 auto;
	width:100%;
	background:#231815;
}
.slide_img img {width:100%;}

.slider {
	margin: 0 auto;
	width: 94%;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.sld_dtl{width: 100%;}
.sld_dtl .slick-slide{margin: 10px 5px;}

.download_wrap {
	margin:10px auto;
	width:100%;
}

.download_wrap ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	font-size:20px;
	font-weight:bold;
}
.download_wrap li {line-height:24px;}
.download_wrap ul li:last-of-type {
	margin-left: auto;
}

.compliant {
	margin:80px auto;
	padding:20px 14px;
	width:50%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	border:1px solid #595757;
	border-radius: 10px;
	font-size:16px;
	line-height:32px;
}

.compliant div:nth-child(1) {
	padding:10px 0 0 15px;
}
.compliant div:nth-child(2){
	margin:0 30px 0 40px;
	font-weight:bold;
}



/* =========================================
PRIVACY
========================================= */
/* subpage common */
.sub_logo {
	margin:0 auto 0 0;
	padding:10px 0 0 10px;
	width:25%;
}

.page_navi {
	margin:10px auto;
	width:96%;
}
.page_navi li {
	display: inline;
	margin:10px 20px 0 0;
	font-size:14px;
	line-height:26px;
}
.page_navi li:last-of-type {
	margin-right: 0;
}

.n_arrow_r {
	position: relative;
}
.n_arrow_r a,
.author a,
.story_rating a {
	color:#e83828;
	text-decoration:underline;
}

.n_arrow_r:after {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #595757;
	border-right: solid 1px #595757;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top:-3px;
}
.subpage_lead,
.subpage_guide {
	font-size:14px;
	line-height:26px;
	text-align:left;
}
.subpage_lead p span,
.subpage_guide p span {
	font-weight:bold;
}

.subpage_guide P {
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px solid #ccc;
}
.subpage_guide a {
	color:#e83828;
	text-decoration:none;
}
.subpage_guide a:hover {
	color:#e83828;
	text-decoration:underline;
}

.useful {
	margin:0 0 16px;
	padding: 0 0 0 8px;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	position:relative;
}
.useful:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	z-index: 9;
	width: 4px;
	height: 18px;
	background: #1a1a1a;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}


/* =========================================
SUPPORT
========================================= */
.error {
	margin:0 0 20px;
	font-size:12px;
}

.sup_wrap {
	margin:0 auto;
	width:100%;
}
.sup_wrap table {
	margin:0 auto;
	width:100%;
}
.sup_wrap th {
	padding:0 0 8px;
}
.sup_wrap td {
	padding:0 0 16px;
}
.confirm_bdr {
	display:block;
	margin:0 0 16px!important;
	padding:0 0 16px!important;
	border-bottom: 1px solid #D6D6D6;
}

.sup_wrap input[type='text']{ outline: none;}
.sup_wrap input[type='text']{
	width: calc(100% - 26px);
	height:40px;
	padding: 5px 12px;
	font-size:14px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.sup_wrap select {
	width: 100%;
	height:40px;
	padding: 5px 12px;
	font-size:14px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea{
	width: 100%;
	width: calc(100% - 26px);
	height: 200px;
	padding: 12px 12px 0 12px;
	font-size:14px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.cnt_btn input[type='submit'] {
	padding: 1em 0;
	margin: 50px 0;
	display: inline-block;
	width:100%;
	background: #fff;
	border: 2px solid #065A89;
	border-radius: 2px;
	color: #065A89;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.cnt_btn input[type='submit']:hover {
	background: #065A89;
	color: #fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}


/* =========================================
FOOTER
========================================= */
.footer_wrap {
	margin:8vw auto 0;
	width:96%;
/* 	position:absolute;
	bottom:70px; */
}

.kiyaku_wrap li {
	display:inline-block;
	font-size:14px;
	line-height:26px;
}

.f_arrow_r {
	padding:6px 20px 0 10px;
	font-size:14px;
	font-weight:normal;
	position: relative;
}
.f_arrow_r a {
	color:#231815;
	text-decoration:none;
}

.f_arrow_r:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 1px #595757;
	border-right: solid 1px #595757;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: -3px;
}

/* .footer {font-size:2.8vw;} */
.copy_lead {
	font-size:12px;
	margin:10px 0;
	text-align:justify;
}
.copy {font-size:12px;text-align:center;}

/* --------------------  common */
.mb3 {margin-bottom:30px;}
.mb6 {margin-bottom:60px;}

.w07 {width:7%;}
.w08 {width:8%;}
.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}

.iw {width:100%;}
.ifs {font-size:0;line-height:0;}

.bk01 {background:#c9a063!important;}

.g_img img {width:5%;margin:0 0 -0.8vw 0;}


}/* end */

/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:719px) {
.pc {display:none;}
/* =========================================
Header
========================================= */
header {
	margin:0 auto;
	width:100%;
}
.add_header {
	margin:0 auto;
	width:100%;
	background:#FFF;
	font-size:0;
	line-height:0;
}

/* img類 */
header img,
.add_header img {width:100%;}


/* =========================================
Contents
========================================= */
.content_wrap {
	margin : 0 auto;
	width : 100%;
	min-height: 100vh;
	position: relative;/*←相対位置*/
	padding-bottom: 2vw;/*←footerの高さ*/
	box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

.contentsbox {
	margin:0 auto;
	width:96%;
}


/* =========================================
INDEX
========================================= */
/* slider */
.slide_img {
	margin:0 auto;
	width:100%;
	background:#231815;
}
.slide_img img {width:100%;}

.slider {
	margin: 0 auto;
	width: 94%;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.sld_dtl{width: 100%;}
.sld_dtl .slick-slide{margin: 2vw 1vw;}

.download_wrap {
	margin:2vw auto 1vw;
	width:100%;
}

.download_wrap ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size:4.2vw;
	font-weight:bold;
	text-align:center;
}
.download_wrap li {line-height:7.2vw;}
.download_wrap li:nth-child(1) {
	padding:0 0 2vw;
	width:100%;
}
.download_wrap li:nth-child(2),
.download_wrap li:nth-child(3) {
	width:48%;
}

/* subpage common */
.sub_logo {
	margin:2vw auto 0 2vw;
	width:44%;
}

.page_navi {
	margin:2vw auto;
	width:96%;
}
.page_navi li {
	display: inline;
	margin:1vw 5vw 0 0;
	font-size:3vw;
	line-height:7.2vw;
}
.page_navi li:last-of-type {
	margin-right: 0;
}

.n_arrow_r {
	position: relative;
}
.n_arrow_r a,
.author a,
.story_rating a {
	color:#e83828;
	text-decoration:underline;
}

.n_arrow_r:after {
	content: '';
	width: 1.3vw;
	height: 1.3vw;
	border: 0px;
	border-top: solid 1px #595757;
	border-right: solid 1px #595757;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: -3.4vw;
	margin-top:-0.8vw;
}

.subpage_lead,
.subpage_guide {
	margin:0 auto;
	width:96%;
	font-size:3.2vw;
	line-height:6.4vw;
	text-align:justify;
}
.subpage_lead p span,
.subpage_guide P span {
	font-weight:bold;
}
.subpage_guide P {
	margin:0 0 3vw;
	padding:0 0 3vw;
	border-bottom:1px solid #ccc;
}
.subpage_guide a {
	color:#e83828;
	text-decoration:none;
}

.useful {
	margin:0 0 2vw;
	padding: 0 0 0 2vw;
	font-size:4.8vw;
	font-weight:bold;
	text-align:left;
	position:relative;
}
.useful:before {
	content: "";
	position: absolute;
	top: 1vw;
	left: 0;
	z-index: 9;
	width: 1.2vw;
	height: 5vw;
	background: #1a1a1a;
	border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.compliant {
	margin:4vw auto 8vw;
	padding:2vw 2.4vw;
	width:80%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	align-items: center;
	border:1px solid #595757;
	border-radius: 2.6vw;
	font-size:3.2vw;
	line-height:7.2vw;
}

.compliant div:nth-child(1) {
	padding:2vw 0 0 2vw;
}
.compliant div:nth-child(1) img {width:100%;}
.compliant div:nth-child(2){
	margin:0 5vw 0 6vw;
	font-weight:bold;
}


/* =========================================
SUPPORT
========================================= */
.error {
	margin:0 0 6vw;
	font-size:2.8vw;
}
.sup_wrap {
	margin:0 auto;
	width:100%;
}
.sup_wrap table {
	margin:0 auto;
	width:100%;
}
.sup_wrap th {
	padding:0 0 1.6vw;
}
.sup_wrap td {
	padding:0 0 3.2vw;
}

.confirm_bdr {
	display:block;
	margin:0 0 3.2vw!important;
	padding:0 0 3.2vw!important;
	border-bottom: 1px solid #D6D6D6;
}

.sup_wrap input[type='text']{ outline: none;}
.sup_wrap input[type='text']{
	width: calc(100% - 26px);
	height:8vw;
	padding: 5px 12px;
	font-size:16px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.sup_wrap select {
	width: 100%;
	height:8vw;
	padding: 5px 12px;
	font-size:16px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

textarea{
	width: 100%;
	width: calc(100% - 12px);
	height: 40vw;
	padding: 5px;
	font-size:14px;
	border-radius: 4px;
	border: 1px solid #D6D6D6;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.cnt_btn input[type="submit"] {
	-webkit-appearance:none;
}

.cnt_btn input[type='submit'] {
	display:block;
	padding:4vw 0;
	width:calc(100% - 4px);
	font-size:5vw;
	font-weight:bold;
	text-align: center;
	color:#065A89;
	background:#FFF;
	text-decoration:none;
	border: 2px solid #065A89;
	border-radius: 2px;

}




/* =========================================
FOOTER
========================================= */
.footer_wrap {
	margin:8vw auto 0;
	width:96%;
/* 	position:absolute;
	bottom:70px; */
}

.kiyaku_wrap li {
	display:inline-block;
	font-size:3vw;
	line-height:7.2vw;
}

.f_arrow_r {
	padding:1vw 3vw 0 3.6vw;
	font-size:3.2vw;
	font-weight:normal;
	position: relative;
}
.f_arrow_r a {
	color:#231815;
	text-decoration:none;
}

.f_arrow_r:before {
	content: '';
	width: 1.6vw;
	height: 1.6vw;
	border: 0px;
	border-top: solid 1px #595757;
	border-right: solid 1px #595757;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0.5vw;
	margin-top:-0.5vw;
}

/* .footer {font-size:2.8vw;} */
.copy_lead {
	font-size:2.6vw;
	margin:3vw 0 6vw;
	text-align:justify;
}
.copy {font-size:2.8vw;text-align:center;}

/* --------------------  common */
.mb3 {margin-bottom:3vw;}
.mb6 {margin-bottom:6vw;}

.w07 {width:7%;}
.w08 {width:8%;}
.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}

.iw {width:100%;}
.ifs {font-size:0;line-height:0;}

.bk01 {background:#c9a063!important;}

.g_img img {width:5%;margin:0 0 -0.8vw 0;}





/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

}/* sp end */