@charset "utf-8";
	.typeName {
		font-size: 50px;
		text-align: center;
		margin-bottom: 13px;
	}
	.typeName strong {
		font-size: 1.5em;
		font-weight: normal;
	}
@media only screen and (max-width:960px) {
	.typeName {
		font-size: 40px;
		margin-bottom: 0;
	}
}

	.specWrap {
		text-align: center;
		font-size: 0;
		letter-spacing: -0.4em;
		margin-bottom: -9px;
	}
	.spec01 {
		display: inline-block;
		vertical-align: baseline;
		font-size: 28px;
		letter-spacing: 0.1em;
		margin-right: 52px;
	}
	.spec01 strong {
		font-size: 1.4em;
		font-weight: normal;
	}
@media only screen and (max-width:960px) {
	.spec01 {
		font-size: 24px;
		margin-right: 25px;
	}
}

	.spec02 {
		display: inline-block;
		vertical-align: baseline;
		font-size: 16px;
		letter-spacing: 0.1em;
	}
	.spec02 strong {
		font-size: 2.5em;
		font-weight: normal;
	}
@media only screen and (max-width:960px) {
	.spec02 {
		font-size: 12px;
	}
}

	.spec03 {
		text-align: center;
		padding-top: 6px;
		padding-bottom: 6px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		margin-bottom: 50px;
	}
	.spec03 ul {
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.spec03 li {
		font-size: 16px;
		letter-spacing: 0.1em;
		font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		display: inline-block;
		margin-left: 1em;
	}
	.spec03 li:first-child {
		margin-left: 0;
	}
@media only screen and (max-width:960px) {
	.spec03 {
		margin-bottom: 25px;
	}
	.spec03 li {
		font-size: 12px;
	}
}

	.madoriWrap {
		max-width: 760px;
		margin-right: auto;
		margin-left: auto;
	}
	.point {
		text-align: center;
		margin-bottom: 31px;
	}
	.point ul {
		display: inline-block;
		text-align: left;
	}
	.point li {
		font-size: 16px;
		letter-spacing: 0;
		list-style-type: square;
		list-style-position: inside;
		margin-bottom: 20px;
		text-indent: -1em;
		margin-left: 1em;
	}
@media only screen and (max-width:960px) {
	.point li {
		font-size: 12px;
		margin-bottom: 10px;
	}
}

	.madori {
		position: relative;
		margin-bottom: 20px;
	}
	.madori .next {
		position: absolute;
		top: 50%;
		right: -70px;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
	}
	.madori .back {
		position: absolute;
		top: 50%;
		left: -70px;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
	}
@media only screen and (max-width:900px) {
	.madori .next {
		right: -18px;
	}
	.madori .back {
		left: -18px;
	}
}
@media only screen and (max-width:640px) {
	.madori .next,
	.madori .back {
		width: 30px;
	}
}

	.hanrei {
		margin-bottom: 12px;
	}
	.print {
		margin-top: 55px;
		margin-bottom: 73px;
		text-align: center;
	}
	.sNav ul {
		text-align: center;
		font-size: 0;
		letter-spacing: -0.4em;
	}
	.sNav li {
		display: inline-block;
		font-size: 12px;
		letter-spacing: 0.1em;
		font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		padding-left: 9px;
		border-left: 1px solid #000;
		margin-left: 10px;
	}
	.sNav li:first-child {
		padding-left: 0;
		border-left: none;
		margin-left: 0;
	}
	.sNav li a:hover {
		text-decoration: underline;
	}
	.sNav li.on a {
		font-weight: bold;
		pointer-events: none;
	}
@media only screen and (max-width:960px) {
	.print {
		display: none;
	}
	.sNav {
		margin-top: 27px;
	}
	.sNav li {
		font-size: 10px;
		margin-bottom: 10px;
	}
}


/* ===================================
print css
=================================== */
@media only print {
	body {
		-webkit-print-color-adjust: exact;
		zoom: 0.9;
	}
	#gNav,
	#pNav,
	.breadcrumb,
	.madori .next,
	.madori .back,
	.cvArea,
	.print,
	.sNav,
	#fNav,
	#contactArea .club,
	#contactArea .ftrLink {
		display: none;
	}
	.wrap {
		padding-right: 10px;
		padding-left: 10px;
	}
	#mainContent {
		margin-bottom: 30px;
	}
	.typeName {
		font-size: 36px;
		margin-bottom: 0;
	}
	.spec01 {
		font-size: 24px;
		margin-right: 25px;
	}
	.spec02 {
		font-size: 12px;
	}
	.spec03 {
		font-size: 12px;
		margin-bottom: 25px;
	}
	.point {
		margin-bottom: 10px;
	}
	.point li {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.madori,
	.hanrei {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
	}
	.madori img,
	.hanrei img {
		max-width: 100%;
	}
	#contactArea {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#contactArea .contactInner {
		margin-bottom: 0;
	}
	.contact .txt {
		font-size: 14px;
	}
	.contact .tell a {
		font-size: 30px;
	}
	.contact .txt02,
	.ftrLogo .txt {
		font-size: 10px;
	}
	.ftrLogo .txt {
		margin-bottom: 10px;
	}
	.ftrLogo .seller {
		font-size: 12px;
	}
}

/*190814 セレクト追加*/

.fade-anime {
    margin: 0 auto 0!important;
}

ul.select_tab{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-self: stretch;
}

ul.select_tab li {
display: block;
border: 1px solid #fff;
padding: .5rem;
background-color: #B6D8ED;
min-width: 170px;
text-align: center;
font-size: 1.3rem;
}

ul.select_tab li a {
display: block;
color: #666;
}

ul.select_tab li a.spacer {
padding-top: .6rem;
}

ul.select_tab li span {
display: block;
font-weight: 100;
font-size: .8rem;
}

ul.select_tab li:hover {
opacity: .7;
}

ul.select_tab li.active {
background-color: #014164;
pointer-events:none;
}

ul.select_tab li.active a {
color: #fff;
}

.plan-type-copy span{
display: block;
padding-bottom: 2rem;
}

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

ul.select_tab li {
min-width: 140px;
font-size: 4vw;
}

ul.select_tab li:first-child {
min-width: 298px;
}

ul.select_tab li span {
font-size: 2vw;
}

}


@media only screen and (max-width:355px) {
ul.select_tab li:first-child {
min-width: 140px;
}

}