@charset "UTF-8";

/*--------------------------- 
　　　基本設定

font-family: 'Noto Sans JP', sans-serif; 100 300 400 500 700 900

[色]
maincolor: 
subcolor:
--------------------------- */

html {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	line-height: 1;
}
html.hidden {overflow: hidden;}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	/* font-family: YuMincho, 'Yu Mincho', serif; */
	/* font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif; */
	font-family: "shippori-mincho", sans-serif;
	font-size: 1.6em;
}
.gothic{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
.wrap {
	height: 100%;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
h1,h2,h3,h4,h5,h6,p {
	padding: 0;
	margin: 0;
	letter-spacing: 0.03em;
	line-height: 1.3;
}
a {
	text-decoration: none;
	color: #000;
	transition: .3s ease;
	box-sizing: border-box;
	cursor: pointer;
}
table,tr,th,td {
	margin: 0;
}
ul,ol,dl,dt,dd{
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
	padding: 0;
}
/*--------------------------- 
　　　
--------------------------- */
p {
	font-size: 3.8vw;
}
p.sentence {
	font-size: 3.8vw;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}
span.red {
	color: #CF0012;/*赤*/
}
span.small {
	font-size: 0.8em;
}
.container {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}

@media screen and (max-width: 850px) {
	br.sp_none {
		display: none;
	}
}
@media screen and (min-width: 850px){
	p {
		font-size: 1.6rem;
	}
	p.sentence {
		font-size: 1.6rem;
	}
	br.pc_none {
		display: none;
	}
}

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

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

/* .temp-btn::after{
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 93%;
	transform: translate(-50%, -50%);
	font-size: 2.5rem;
	color: #fff;
} */
/* .temp-btn img{
	position: absolute;
	top: 50%;
	left: 93%;
	transform: translate(-50%, -50%);
	width: 5%;
	object-fit: contain;
} */
/* .temp-btn::before{
	content: "";
	position: absolute;
	width: 25px;
	height: 2px;
	top: 40%;
	right: 20px;
	transform: translateY(-50%) rotate(40deg);
	transition: .3s ease;
	background-color: #fff;
}
.temp-btn::after{
	content: "";
	position: absolute;
	width: 25px;
	height: 2px;
	top: 60%;
	right: 20px;
	transform: translateY(-50%) rotate(135deg);
	transition: .3s ease;
	background-color: #fff;
} */

.temp-btn{
	position: relative;
	padding: 15px 0;
	border-radius: 4px;
	border: solid 2px #b10000;
	background-color: #b10000;
	transition: all 0.5s;
}
.temp-btn:hover{
	background-color: #fff;
	transition: all 0.5s;
}
.temp-btn .arrow{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	transition: all 0.5s;
}
.temp-btn .arrow span:nth-child(1){
	display: block;
	width: 25px;
	height: 2px;
	transform: translateY(-7px) rotate(40deg);
	transition: .3s ease;
	background-color: #fff;
}
.temp-btn .arrow span:nth-child(2){
	display: block;
	width: 25px;
	height: 2px;
	transform: translateY(7px) rotate(135deg);
	transition: .3s ease;
	background-color: #fff;
}
.temp-btn:hover .arrow{
	transform: translate(10px, -50%);
	transition: all 0.5s;
}
.temp-btn:hover .arrow span:nth-child(1){
	background-color: #b10000;
	transition: all 0.5s;
}
.temp-btn:hover .arrow span:nth-child(2){
	background-color: #b10000;
	transition: all 0.5s;
}
.temp-btn p{
	text-align: center;
	color: #fff;
	transition: all 0.5s;
}
.temp-btn:hover p{
	color: #b10000!important;
	transition: all 0.5s;
}
.temp-btn p.btn-title{
	margin-bottom: 1px;
	font-family: "adobe-caslon-pro", serif;
	font-size: 3.5rem;
	font-weight: bold;
	letter-spacing: 3px;
}
.temp-btn p.btn-text{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.5rem;
}
.btn-coming{
	font-size: 3.5rem!important;
}

@media screen and (max-width: 850px){
	.temp-btn{
		padding: 2.5vw 0;
	}
	.temp-btn .arrow{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}
	.temp-btn .arrow span:nth-child(1){
		display: block;
		width: 5vw;
		height: 2px;
		transform: translateY(-1.4vw) rotate(40deg);
		transition: .3s ease;
		background-color: #fff;
	}
	.temp-btn .arrow span:nth-child(2){
		display: block;
		width: 5vw;
		height: 2px;
		transform: translateY(1.4vw) rotate(135deg);
		transition: .3s ease;
		background-color: #fff;
	}
	.temp-btn p.btn-title{
		font-size: 7vw;
	}
	.temp-btn p.btn-text{
		font-size: 4vw;
	}
	.btn-coming{
		font-size: 7vw!important;
	}
}

.maB10 {margin-bottom: 10px;}
.maB20 {margin-bottom: 20px;}
.maB30 {margin-bottom: 30px;}
.maB40 {margin-bottom: 40px;}
.maB50 {margin-bottom: 50px;}
.maB60 {margin-bottom: 60px;}
.maB70 {margin-bottom: 70px;}
.maB80 {margin-bottom: 80px;}
.maB90 {margin-bottom: 90px;}
.maB100 {margin-bottom: 100px;}
.maB110 {margin-bottom: 110px;}
.maB120 {margin-bottom: 120px;}
.maB130 {margin-bottom: 130px;}
.maB140 {margin-bottom: 140px;}
.maB150 {margin-bottom: 150px;}

.paB10 {padding-bottom: 10px;}
.paB20 {padding-bottom: 20px;}
.paB30 {padding-bottom: 30px;}
.paB40 {padding-bottom: 40px;}
.paB50 {padding-bottom: 50px;}
.paB60 {padding-bottom: 60px;}
.paB70 {padding-bottom: 70px;}
.paB80 {padding-bottom: 80px;}
.paB90 {padding-bottom: 90px;}
.paB100 {padding-bottom: 100px;}
.paB110 {padding-bottom: 110px;}
.paB120 {padding-bottom: 120px;}
.paB130 {padding-bottom: 130px;}
.paB140 {padding-bottom: 140px;}
.paB150 {padding-bottom: 150px;}

@media screen and (max-width: 850px) {
.maB10 {margin-bottom: 5px;}
.maB20 {margin-bottom: 10px;}
.maB30 {margin-bottom: 15px;}
.maB40 {margin-bottom: 20px;}
.maB50 {margin-bottom: 25px;}
.maB60 {margin-bottom: 30px;}
.maB70 {margin-bottom: 35px;}
.maB80 {margin-bottom: 40px;}
.maB90 {margin-bottom: 45px;}
.maB100 {margin-bottom: 50px;}
.maB110 {margin-bottom: 55px;}
.maB120 {margin-bottom: 60px;}
.maB130 {margin-bottom: 65px;}
.maB140 {margin-bottom: 70px;}
.maB150 {margin-bottom: 75px;}
	
.paB10 {padding-bottom: 5px;}
.paB20 {padding-bottom: 10px;}
.paB30 {padding-bottom: 15px;}
.paB40 {padding-bottom: 20px;}
.paB50 {padding-bottom: 25px;}
.paB60 {padding-bottom: 30px;}
.paB70 {padding-bottom: 35px;}
.paB80 {padding-bottom: 40px;}
.paB90 {padding-bottom: 45px;}
.paB100 {padding-bottom: 50px;}
.paB110 {padding-bottom: 55px;}
.paB120 {padding-bottom: 60px;}
.paB130 {padding-bottom: 65px;}
.paB140 {padding-bottom: 70px;}
.paB150 {padding-bottom: 75px;}
}