@charset "UTF-8";

a.extlink, a.intlink, a.innerlink {
	width: 100%;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	padding: 10px 50px 10px 20px;
	display: block;
	position: relative;
}
a.extlink::after {
	content: " ";
	width: 15px;
	height: 15px;
	background: url(../images/common/s_extwin_b.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
a.intlink::after {
	content: " ";
	width: 6px;
	height: 6px;
	border-top: solid 1px #a2864a;
	border-right: solid 1px #a2864a;
	display: block;
	position: absolute;
	top: calc(50% - .2em);
	right: 20px;
	transform: rotate(45deg);
}
a.innerlink::after {
	content: " ";
	width: 6px;
	height: 6px;
	border-top: solid 1px #a2864a;
	border-right: solid 1px #a2864a;
	display: block;
	position: absolute;
	top: calc(50% - .3em);
	right: 20px;
	transform: rotate(135deg);
}

.gold { color: #a2864a; }
.font18 { font-size: 1.286rem; }
.font16 { font-size: 1.143rem; }

#wrapper .bggray {
	background: #F5F5F5;
	padding: 40px 0;
}
#wrapper .bgwhite {
	background: #fff;
	padding: 40px 0;
}
#wrapper .widthCmn {
	width: 700px;
	text-align: left;
	margin: 0 auto;
}
#wrapper .h-type01 {
	color: #a2864a;
	font-size: 1.286rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px;
}
#wrapper .h-type02 {
	color: #a2864a;
	font-size: 1.286rem;
	text-align: center;
	margin: 0 0 20px;
}

#wrapper .whiteBox {
	text-align: center;
	background: #fff;
	padding: 20px 30px;
}
#wrapper .flexb {
	display: flex;
	justify-content: space-between;
}
#wrapper .flexb.flex2 li { width: calc(calc(100% - 26px) / 2); }
#wrapper .flexb.flex3 li { width: calc(calc(100% - 40px) / 3); }

#wrapper .flexb.box-w li {
	color: #a2864a;
	font-weight: bold;
	text-align: center;
	background: #fff;
	padding: 20px;
}
#wrapper #intro {
	text-align: left;
	background: #F5F5F5;
	border-bottom: none;
	padding-bottom: 0;
}
#wrapper #intro > div {
	margin:0 3.5vw;
	padding-bottom: 60px;
}

ul.goldLinks {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.goldLinks.one {
	justify-content: center;
}
ul.goldLinks li {
	width: 345px;
	border: solid 1px #a2864a;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
}

#wrapper #intro h1 {
	text-align: center;
	margin: 0 0 30px;
}
#wrapper #intro .honbun {
	text-align: center;
	margin: 0 auto 20px;
}

#wrapper #intro .alert {
	color: #ca211d;
	text-align: center;
	border: solid 1px #ca211d;
	margin: 20px auto 0;
	padding: 20px 0;
}
#wrapper #intro .alert a {
	color: #ca211d;
}


#gaiyo,
#tokuten,
#selection,
#tameru,
#tsukau {
	border-bottom: solid 1px #ddd;
}


#wrapper .sec ul > li .midashi {
	font-size: 1.143rem;
	font-weight: bold;
	margin: 0 0 20px;
}

#wrapper #tokuten table {
	width: 100%;
}
#wrapper #tokuten table th,
#wrapper #tokuten table td {
	border: solid 1px #666;
	padding: 10px;
}
#wrapper #tokuten table th {
	width: 35%;
	font-weight: normal;
	text-align: left;
}
#wrapper #tokuten table th span {
	margin-top: 5px;
	line-height: 1.5;
	display: inline-block;
}
#wrapper #tokuten table td {
	width: 22%;
	text-align: center;
}
#wrapper #tokuten table tr:first-child td img {
	width: 110px;
}

#wrapper #tsukau .tsukau-1 {
	align-items: center;
}
#wrapper #tsukau .tsukau-1 ul.goldLinks li {
	width: 300px;
}
#wrapper #tsukau .originalWrap {
	margin: 0 3.5vw;
}
#wrapper #tsukau .originalWrap h4 {
	color: #fff;
	text-align: center;
	background: #a2864a;
	margin-bottom: 20px;
	padding: 5px 0;
}
#wrapper #tsukau .originalWrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#wrapper #tsukau .originalWrap ul::before,
#wrapper #tsukau .originalWrap ul::after {
	content: " ";
	width: calc(calc(100% - 60px) / 4);
	display: block;
	order: 1;
}
#wrapper #tsukau .originalWrap ul li {
	width: calc(calc(100% - 60px) / 4);
	background: #FFF;
	padding: 20px 1em;
	margin: 0 0 20px;
}
#wrapper #tsukau .originalWrap ul li .point {
	color: #a2864a;
	font-weight: bold;
}
#wrapper #tsukau .originalWrap ul li figure {
	margin: 0 0 15px;
}
#wrapper #tsukau .originalWrap ul li .size1 { font-size: 1.875rem; }
#wrapper #tsukau .originalWrap ul li .size2 { font-size: 1.286rem; }


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	#wrapper .bggray {
		margin: 0 5vw;
		padding: 6vw 0;
	}
	#wrapper .bgwhite {
		background: #fff;
		padding: 6vw 0;
	}
	#wrapper .widthCmn {
		width: 90vw;
	}
	#wrapper .bggray .widthCmn {
		width: 80vw;
	}
	#wrapper .h-type01 {
		margin: 0 0 6vw;
	}
	#wrapper .h-type02 {
		margin: 0 0 5vw;
	}
	#wrapper .whiteBox {
		padding: 5vw;
	}
	#wrapper .flexb {
		display: block;
	}
	#wrapper .flexb.flex2 li { width: 100%; }
	#wrapper .flexb.flex3 li { width: 100%; }
	#wrapper .flexb li {
		margin-bottom: 3vw;
	}

	#wrapper .flexb.box-w li {
		padding: 3vw;
	}


	#wrapper #intro {
	}
	#wrapper #intro > div {
		border-bottom: none;
		margin:0;
		padding-bottom: 20px;
	}

	#wrapper #intro h1 {
		margin: 0 0 20px;
	}
	#wrapper #intro .honbun {
		width: 90vw;
		margin: 0 auto 20px;
	}
	#wrapper #intro ul {
		width: 90vw;
		margin: 0 auto;
	}
	#wrapper #intro ul li {
		margin: 0 0 6px;
	}
	#wrapper #intro ul li:last-child {
	}

	#wrapper #gaiyo .gaiyo1 img {
		width: 40vw;
	}

	#wrapper #tokuten ul.table > li {
		background: #fff;
		margin: 0 0 5vw;
		padding: 5vw;
	}
	#wrapper #tokuten ul.table > li h3 {
		color: #a2864a;
		font-weight: bold;
		text-align: center;
		background: #fff;
	}
	#wrapper #tokuten ul.table > li > p {
		text-align: center;
		font-size: 12px;
	}
	#wrapper #tokuten ul.table > li > p::before { content: "（"; }
	#wrapper #tokuten ul.table > li > p::after { content: "）"; }
	#wrapper #tokuten ul.table > li ul {
		margin-top: 5vw;
		display: flex;
		justify-content: space-between;
	}
	#wrapper #tokuten ul.table > li ul li + li {
		border-left: solid 1px #ccc;
	}
	#wrapper #tokuten ul.table > li ul li .inner {
		margin: 0 2vw;
	}
	#wrapper #tokuten ul.table > li ul li .inner p {
		color: #a2864a;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
		background: #ece7db;
		border-radius: 5px;
		margin-top: 5px;
		padding: 1.5vw 2vw;
	}

	#wrapper #tsukau .tsukau-1 {
	}
	#wrapper #tsukau .tsukau-1 ul.goldLinks {
		margin-top: 10px;
	}
	#wrapper #tsukau .tsukau-1 ul.goldLinks li {
		width: 100%;
	}
	#wrapper #tsukau .originalWrap {
		margin: 5vw;
	}
	#wrapper #tsukau .originalWrap h4 {
	}
	#wrapper #tsukau .originalWrap ul {
	}
	#wrapper #tsukau .originalWrap ul::before,
	#wrapper #tsukau .originalWrap ul::after {
		width: calc(calc(100% - 10px) / 2);
	}
	#wrapper #tsukau .originalWrap ul li {
		width: calc(calc(100% - 10px) / 2);
		padding: 3vw;
		margin: 0 0 10px;
	}
	#wrapper #tsukau .originalWrap ul li .point {
	}
	#wrapper #tsukau .originalWrap ul li figure {
	}
	#wrapper #tsukau .originalWrap ul li .size1 { font-size: 1.5rem; }
	#wrapper #tsukau .originalWrap ul li .size2 { font-size: 1rem; }




}