@charset "utf-8";
/* CSS Document */
/*==================================

 modelcourse/common

==================================*/
.ttl-page{
	font-size: 5rem;
}
@media screen and (max-width: 800px) {
	.ttl-page{
		font-size: 2.1rem;
	}
}

/*==================================

 modelcourse/index.html

==================================*/
.ttl-page.modelcourse{
	background: url(../img/bg-ttl-modelcourse.jpg) center no-repeat;
	background-size: cover;
}

/* modelcourse-list */
.modelcourse-list {
	margin: 0 auto;
	max-width: 1600px;
}

.modelcourse-list li{
	margin-bottom: 5%;
}

.modelcourse-list li a{
	display: block;
	position: relative;
	z-index: 0;
}
.modelcourse-list li a::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	background: rgba(0,0,0,.18);
	transition: .3s;
	opacity: 0;
}

.modelcourse-list li a .pht{
	z-index:1;
	position: relative;
	width: 100%;
}

.modelcourse-list li a .pht .frame{
	z-index:-1;
	position: relative;
	width: 100%;
	padding-top:33.475%;
	overflow:hidden;
	background:#F5F5F5;
}

.modelcourse-list li a .pht img{
	bottom: 0;
	height: 100%;
	left: -200%;
	margin: auto;
	min-height: auto;
	min-width: auto;
	position: absolute;
	right: -200%;
	top: 0;
	width: auto;
	transition: .3s;
}

.modelcourse-list li a .modelcourse-detail{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4%;
	z-index: 2;
}

.modelcourse-list li a .modelcourse-detail .bnr-ttl{
	font-size: 6.2rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,0,0);
	line-height: 1.2;
	margin: 1em 0 .5em;
}
.modelcourse-list li a .modelcourse-detail .bnr-ttl span{
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	display: block;
	margin-top: 1em;
}

.modelcourse-list li a .modelcourse-detail .btn-postmore span{
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
	border-color: #fff;
	width: 220px;
}
.modelcourse-list li a .modelcourse-detail .btn-postmore span::after{
	border-color: #fff;
}

/* hover */
.modelcourse-list li a:hover{
	box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
.modelcourse-list li a:hover::after{
	opacity: 1;
}
.modelcourse-list li a:hover .pht img{
	transform: scale(1.05);
}
.modelcourse-list li a:hover .modelcourse-detail .btn-postmore span{
	background: #fff;
	color: #000;
}
.modelcourse-list li a:hover .modelcourse-detail .btn-postmore span::after{
	border-color: #000;
}

@media screen and (max-width: 800px) {
	.modelcourse-list li a .modelcourse-detail .bnr-ttl{
		font-size: 1.8rem;
	}
	.modelcourse-list li a .modelcourse-detail .bnr-ttl span{
		font-size: 1.2rem;
	}

	.modelcourse-list li a .modelcourse-detail .btn-postmore span{
		font-size: 1.4rem;
		max-width: 150px;
	}

	.modelcourse-list li a .pht .frame{
		padding-top: 60%;
		background: #fff;
	}
	.modelcourse-list li a .pht img{
		width: 140%;
		max-width: none;
	}
}


/*==================================

 modelcourse/standard.html

==================================*/
/* --------------------------------------------------
detail-main
-------------------------------------------------- */
.detail-main{
	margin-bottom: 0;
}
.detail-main .ttl-detail{
	position: absolute;
	top: 46%;
	bottom: auto;
	left: 4%;
	z-index: 2;
}
.detail-main .ttl-detail{
	font-size: 8rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,0,0);
	line-height: 1.2;
}
.detail-main .ttl-detail span{
	font-size: 3.2rem;
	font-weight: bold;
	color: #fff;
	display: block;
	margin-top: 1em;
}
.detail-main .sttl-page.standard span:after,
.detail-main .sttl-page.foreign span:after {
	height: calc(100% - 33rem);
}
.detail-main .sttl-page.kumamoto span:after {
	height: calc(100% - 26rem);
}
@media screen and (max-width: 1300px) {
	.detail-main .ttl-detail{
		font-size: 6vw;
	}
	.detail-main .ttl-detail span{
		font-size: 4vw;
	}
}
@media screen and (max-width: 1080px) {
	.detail-main .ttl-detail{
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 800px) {
	.detail-main .sttl-page.standard span:after,
	.detail-main .sttl-page.foreign span:after {
		height: calc(100% - 18rem);
	}
	.detail-main .sttl-page.kumamoto span:after {
		height: calc(100% - 12rem);
	}
}
/* --------------------------------------------------
detail-lead
-------------------------------------------------- */
.detail-lead{
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
	position: relative;
	padding-left: 5%;
	margin: -3% 0 5%;
}
.detail-lead .txt-lead{
	background: #F3F3F3;
	padding: 5% 7%;
	width: 60%;
	line-height: 3;
	margin-bottom: 1%;
}
.detail-lead .arrow-start{
	font-size: 3.2rem;
	font-weight: bold;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	border-right: 1px solid #707070;
	position: relative;
	margin: 5% 3% 0 0;
}
.detail-lead .arrow-start::before{
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 54px;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
	z-index: 0;
	border-right: 1px solid #707070;
	transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform: rotateZ(-30deg);
}

@media all and (-ms-high-contrast: none) {
	.detail-lead .arrow-start::before{
		bottom: -12px;
		right: -4px;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}
}

@media screen and (max-width: 800px) {
	.detail-lead .txt-lead{
		width: 80%;
		line-height: 2;
	}
	.detail-lead .arrow-start{
		font-size: 1.8rem;
	}
}
/* --------------------------------------------------
section
-------------------------------------------------- */
section{
	position: relative;
	z-index: 0;
	padding-bottom: 3%;
	margin-bottom: 3%;
	clear: both;
	overflow: hidden;
}


/* --------------------------------------------------
modelcourse-col
-------------------------------------------------- */

.modelcourse-col{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}
.modelcourse-col.reverse{
	flex-direction: row-reverse;
}
.modelcourse-col .pht{
	width: 59%;
	text-align: left;
}
.modelcourse-col .txt{
	width: 39%;
}

.modelcourse-col .pht-half,
.modelcourse-col .txt-half{
	width: 48%;
}

.modelcourse-col .txt-2col:first-child{
	width: 55%;
}
.modelcourse-col .txt-2col:last-child{
	width: 43%;
}

@media screen and (max-width: 800px) {
	section>.modelcourse-col:first-child{
		display: block;
	}
	section>.modelcourse-col{
		margin-top: 0 !important;
	}
	.modelcourse-col .pht,
	.modelcourse-col .txt,
	.modelcourse-col .pht-half,
	.modelcourse-col .txt-half,
	.modelcourse-col .txt-2col:first-child,
	.modelcourse-col .txt-2col:last-child{
		width: 100%;
	}
	.modelcourse-col .pht{
		text-align: center;
	}
	.modelcourse-col .pht-col{
		margin-bottom: 2%;
		text-align: center;
	}

}
/* --------------------------------------------------
txt
-------------------------------------------------- */
/* caption */
.modelcourse-col .caption{
	font-size: 6.4rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5%;
}
.modelcourse-col.reverse .caption{
	margin: 0 0 5% 5%;
}
.modelcourse-col .modelcourse-txt{
	padding: 3em 3em 3em 0;
}
.modelcourse-col.reverse .modelcourse-txt{
	padding: 3em 0 3em 3em;
}
.modelcourse-col .modelcourse-txt h2{
	font-size: 3.6rem;
	font-weight: bold;
	position: relative;
	margin-bottom: 5%;
}
.modelcourse-col .modelcourse-txt h2::after{
	content: "";
	display: block;
	width: 215px;
	height: 5px;
	bottom: 0;
	margin-top: .5em;
	background: #CA0011;
}
.modelcourse-col .modelcourse-txt p{
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 1.5em;
}
.warning-txt a{
	text-decoration: underline;
}

/* dl */
.modelcourse-txt  .dl-ttl{
	color: #B9464A;
	font-size: 1.6rem;
	font-weight: bold;
}
.modelcourse-txt dl{
	border-left: 2px solid #000;
	padding: .4em 0 .4em 1.5em;
	font-size: 1.3rem;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.modelcourse-txt >dl{
	margin: 3em 0;
}
.modelcourse-txt dl dt,
.modelcourse-txt dl dd{
	margin-bottom: .5em;
	line-height: 2;
}
.modelcourse-txt dl dt{
	min-width: 16rem;
	font-weight: bold;
}
.modelcourse-txt dl dd{
	width: calc(100% - 16rem);
}
.modelcourse-txt dl + p{
	margin-top: 1.5em;
}


@media screen and (max-width: 1300px) {
	/* caption */
	.modelcourse-col .caption,
	.modelcourse-col.reverse .caption{
		font-size: 3rem;
	}
}
@media screen and (max-width: 800px) {
	/* caption */
	.modelcourse-col .caption,
	.modelcourse-col.reverse .caption{
		font-size: 1.8rem;
		margin: 1em 2em;
	}
	.modelcourse-col .modelcourse-txt,
	.modelcourse-col.reverse .modelcourse-txt{
		padding: 1em !important;
	}
	.modelcourse-col .modelcourse-txt h2{
		font-size: 2rem;
	}
	.modelcourse-col .modelcourse-txt h2::after{
		width: 120px;
	}
	.modelcourse-col .modelcourse-txt p{
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.modelcourse-txt  .dl-ttl{
		margin-bottom: .5em;
	}
	.modelcourse-txt dl{
		display: block;
	}
	.modelcourse-txt >dl{
		margin: .5em;
	}
	.modelcourse-txt dl dt{
		width: auto;
		margin-bottom: 0;
	}
	.modelcourse-txt dl dd{
		width: auto;
	}
}
/* --------------------------------------------------
arrow-foot
-------------------------------------------------- */
.arrow-area{
	clear: both;
}
.arrow-foot{
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	padding: 5% 3%;
	display: inline-block;
	margin: -5% 0;
	z-index: 10;
}
.arrow-foot span{
	font-size: 2.4rem;
}
.arrow-foot::after{
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 54px;
	margin: auto;
	top: auto;
	bottom: 0;
	z-index: 10;
	clear: both;
}
.arrow-foot.right{
	border-right: 1px solid #707070;
	margin-right: 10%;
	float: right;
	clear: both;
}
.arrow-foot.right::after{
	right: 0;
	left: auto;
	border-right: 1px solid #707070;
	transform-origin:right bottom;
	transform: rotateZ(-30deg);
}
.arrow-foot.left{
	border-left: 1px solid #707070;
	margin-left: 10%;
	float: left;
	clear: both;
}
.arrow-foot.left::after{
	left: 0;
	right: auto;
	border-left: 1px solid #707070;
	transform-origin:left bottom;
	transform: rotateZ(-30deg);
}
.arrow-foot a{
	text-decoration: underline;
}

@media screen and (max-width: 800px) {
	.arrow-foot{
		font-size: 1.4rem;
		padding: 3em 2em;
	}
	.arrow-foot span{
		font-size: 1.8rem;
	}
	.arrow-foot::after{
		height: 30px;
	}
}

/* --------------------------------------------------
.bg-pht
-------------------------------------------------- */
.bg-pht{
	display: block;
	clear: both;
}
.bg-pht.bg-wide{
	margin-top: 12%;
}
.bg-pht.samurai{
	margin-bottom: 5%;
}

/* --------------------------------------------------
cityhall-sec
-------------------------------------------------- */
.cityhall-sec::after{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 70%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 40%;
	z-index: -1;
	background: #F3F3F3;
}
/* --------------------------------------------------
nagabei-sec
-------------------------------------------------- */
.nagabei-sec{
	padding-top: 3%;
}
.nagabei-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 70%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: 52%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.nagabei-sec .caption{
	margin: 5% 0 0 3%;
}
.nagabei-sec .modelcourse-col .modelcourse-txt {
    padding: 3em 6em 0 0;
	margin-top: 10%;
}
.nagabei-sec .modelcourse-col:last-child{
	align-items: flex-end;
	justify-content: flex-start;
	margin-top: -12%;
}
.nagabei-sec .modelcourse-col:last-child .pht-col{
	margin-right: 2%;
}

@media screen and (max-width: 800px) {
	.nagabei-sec .modelcourse-col:last-child .pht-col{
		margin-right: 0;
		margin-bottom: 2%;
	}
}

/* --------------------------------------------------
vr-sec
-------------------------------------------------- */
.vr-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 74%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.vr-sec .pht-half:first-child{
	padding: 3% 0;
}
.vr-sec .pht-half:first-child >figure{
	text-align: right;
	margin-bottom: 2em;
}
@media screen and (max-width: 800px) {
	.vr-sec .pht-half:first-child >figure{
		text-align: center;
		margin-bottom: 2%;
	}
}
/* --------------------------------------------------
ninomaru-sec
nagabei-sec
-------------------------------------------------- */
.ninomaru-sec:before,
.nagabeiwall-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 70%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: 58%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.ninomaru-sec .caption,
.nagabeiwall-sec .caption{
	margin: 5% 0 5% 5%;
}
.ninomaru-sec .txt-2col:last-child,
.nagabeiwall-sec .txt-2col:last-child{
	margin-top: 10%;
}

@media screen and (max-width: 800px) {
.ninomaru-sec .txt-2col:last-child,
.nagabeiwall-sec .txt-2col:last-child{
	margin-top: 2%;
}
}
/* --------------------------------------------------
kato-sec
-------------------------------------------------- */
.kato-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 50%;
	margin: auto;
	top: 30%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.kato-sec .pht{
	margin-top: 10%;
}
.kato-sec .modelcourse-col:last-child{
	margin-top: -10%;
	justify-content: flex-start;
}
.kato-sec .modelcourse-col:last-child .pht-col:nth-child(2){
	margin-top: 6%;
}
.kato-sec .modelcourse-col:last-child .pht-col:last-child{
	margin-top: 9%;
}
.kato-sec .modelcourse-col:last-child .pht-col{
	margin-right: 2%;
}

@media screen and (max-width: 800px) {
	.kato-sec .modelcourse-col:last-child .pht-col:nth-child(2),
	.kato-sec .modelcourse-col:last-child .pht-col:last-child{
		margin-top: 0;
	}
	.kato-sec .modelcourse-col:last-child .pht-col{
		margin-right: 0;
	}
}

/* --------------------------------------------------
crafts-sec
-------------------------------------------------- */
.crafts-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 70%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: 74%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.crafts-sec .caption{
	margin: 5% 0 5% 5%;
}
.crafts-sec .txt-2col:first-child figure{
	margin-left: 5%;
}
.crafts-sec .modelcourse-col .pht-col:not(:last-child){
	margin-right: 2%;
}

@media screen and (max-width: 800px) {
	.crafts-sec .txt-2col:first-child figure{
		margin-left: 0;
	}
	.crafts-sec .modelcourse-col .pht-col:not(:last-child){
		margin-right: 0;
		margin-bottom: 2%;
	}
}
/* --------------------------------------------------
arcade-sec
-------------------------------------------------- */
.arcade-sec::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 70%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: auto;
	left: 40%;
	z-index: -1;
	background: #F3F3F3;
}
.arcade-sec .pht{
	margin-top: 6%;
}
.arcade-sec .caption{
	margin: 5% 0 0;
}

/* --------------------------------------------------
ramen-sec
-------------------------------------------------- */
.ramen-sec:before,
.cuisine-sec:before,
.cake-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 64%;
	margin: auto;
	top: auto;
	bottom: 0;
	left: auto;
	right: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.cuisine-sec:before{
	right: auto;
	left: 32%;
}

.cake-sec:before{
	height: 70%;
}
.ramen-sec .modelcourse-col .modelcourse-col,
.cuisine-sec .modelcourse-col .modelcourse-col,
.cake-sec .modelcourse-col .modelcourse-col{
	justify-content: flex-start;
}
.ramen-sec .modelcourse-col .modelcourse-col .pht-col:first-child,
.cuisine-sec .modelcourse-col .modelcourse-col .pht-col:first-child,
.cake-sec .modelcourse-col .modelcourse-col .pht-col:first-child{
	margin-right: 3%;
}
.ramen-sec .pht-half:first-child,
.cuisine-sec .pht-half:first-child,
.cake-sec .pht-half:first-child{
	padding: 3% 0;
}
.ramen-sec .pht-half:first-child >figure,
.cuisine-sec .pht-half:first-child >figure,
.cake-sec .pht-half:first-child >figure{
	margin-bottom: 2em;
}
.ramen-sec .txt-half,
.cuisine-sec .txt-half,
.cake-sec .txt-half{
	margin-top: 8%;
}
@media screen and (max-width: 800px) {
	.ramen-sec .pht-half:first-child >figure,
	.cuisine-sec .pht-half:first-child >figure,
	.cake-sec .pht-half:first-child >figure{
		margin-bottom: 2%;
	}
	.ramen-sec .modelcourse-col .modelcourse-col .pht-col:first-child,
	.cuisine-sec .modelcourse-col .modelcourse-col .pht-col:first-child,
	.cake-sec .modelcourse-col .modelcourse-col .pht-col:first-child{
		margin-right: 0;
	}
}
/* --------------------------------------------------
garden-sec
-------------------------------------------------- */
.garden-sec{
	padding-top: 3%;
}
.garden-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 30%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: 32%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.garden-sec .caption{
	margin: 5% 0 0 5%;
}
.garden-sec .modelcourse-col .modelcourse-txt {
	padding: 3em 0 0 6em;
	margin-top: 10%;
}
.garden-sec .modelcourse-col .pht-col:not(:last-child){
	margin-right: 2%;
}
.garden-sec .txt-2col:first-child .modelcourse-col{
	justify-content: flex-start;
}

@media screen and (max-width: 800px) {
	.garden-sec .modelcourse-col .pht-col:not(:last-child){
		margin-right: 0;
		margin-bottom: 2%;
	}
}

/*==================================

 modelcourse/kumamotojyo.html

==================================*/
/* --------------------------------------------------
kumamotojyo-vr-sec
-------------------------------------------------- */
.kumamotojyo-vr-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 74%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.kumamotojyo-vr-sec .pht{
	width: 45%;
	margin-top: 8%;
}
.kumamotojyo-vr-sec .txt{
	width: 52%;
}
@media screen and (max-width: 800px) {
	.kumamotojyo-vr-sec .pht{
		margin-top: 0;
	}
	.kumamotojyo-vr-sec .pht,
	.kumamotojyo-vr-sec .txt{
		width: 100%;
	}
}
/* --------------------------------------------------
kumamotojyo-hitsujisaru-sec
-------------------------------------------------- */
.kumamotojyo-hitsujisaru-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 70%;
	height: 64%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 30%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.kumamotojyo-hitsujisaru-sec .caption{
	margin: 5% 0 5% 5%;
}
.kumamotojyo-hitsujisaru-sec .txt-2col:last-child{
	margin-top: 3%;
}

/* --------------------------------------------------
kumamotojyo-ninomaru-sec
-------------------------------------------------- */
.kumamotojyo-ninomaru-sec{
	padding-bottom: 0;
	margin-bottom: 0;
}
.kumamotojyo-ninomaru-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 54%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: auto;
	left: 60%;
	z-index: -1;
	background: #F3F3F3;
}
.kumamotojyo-ninomaru-sec .caption{
	margin: 5% 0 8% 0 !important;
}
.kumamotojyo-ninomaru-sec .txt-2col:last-child{
	margin-top: 6%;
}
.kumamotojyo-ninomaru-sec .txt-2col:last-child figure{
	margin-left: 3em;
}

@media screen and (max-width: 800px) {
	.kumamotojyo-ninomaru-sec .caption{
		margin: 5% 2% !important;
	}
}


/* --------------------------------------------------
kumamotojyo-kato-sec
-------------------------------------------------- */
.kumamotojyo-kato-sec{
	padding: 5% 0 0;
	margin: 5% 0;
}
.kumamotojyo-kato-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 68%;
	height: 50%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 20%;
	z-index: -1;
	background: #F3F3F3;
}
.kumamotojyo-kato-sec .pht{
	width: 36%;
}
.kumamotojyo-kato-sec .txt{
	width: 59%;
	margin-right: 3%;
}
.kumamotojyo-kato-sec .txt .modelcourse-txt{
	width: 80%;
}

@media screen and (max-width: 800px) {
	.kumamotojyo-kato-sec .modelcourse-col{
		display: flex !important;
	}
	.kumamotojyo-kato-sec:before{
		width: 100%;
	}
	.kumamotojyo-kato-sec .pht{
		width: 17%;
	}
	.kumamotojyo-kato-sec .txt{
		width: 78%;
	}
	.kumamotojyo-kato-sec .txt .modelcourse-txt{
		width: 100%;
	}
}

/* --------------------------------------------------
kumamotojyo-akazunomon-sec
-------------------------------------------------- */
.kumamotojyo-akazunomon-sec{
	padding: 10% 0;
}
.kumamotojyo-akazunomon-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 34%;
	height: 50%;
	margin: auto;
	top: 10%;
	bottom: auto;
	right: auto;
	left: 0;
	z-index: -1;
	background: #F3F3F3;
}
.kumamotojyo-akazunomon-sec .txt-2col:first-child figure{
	text-align: left;
}
.kumamotojyo-akazunomon-sec .caption{
	margin: 5% 0 5% 5% !important;
}
.kumamotojyo-akazunomon-sec .txt-2col:last-child{
	margin-top: 6%;
}

/*==================================

 modelcourse/samurai.html

==================================*/

/* --------------------------------------------------
ttl-small-red
-------------------------------------------------- */
.modelcourse-col .modelcourse-txt h2.ttl-small-red{
	color: #CA0011;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0;
	margin-bottom: 3%;
}
.modelcourse-col .modelcourse-txt h2.ttl-small-red:after{
	content: none;
}

/* modelcourse-txt wide */
.modelcourse-txt.wide{
	max-width: 1040px;
	margin: 0 auto;
}

@media screen and (max-width: 800px) {
	.modelcourse-txt.wide{
		max-width: none;
		padding: 0 4%;
	}
}
/* --------------------------------------------------
dl-access
-------------------------------------------------- */
.modelcourse-txt dl.dl-access{
	padding: 0;
	border-left: none;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.modelcourse-txt dl.dl-access dt{
	min-width: 10rem;
	border: 1px solid #000;
	font-weight: normal;
	text-align: center;
	padding: 0 .2em;
	margin-right: 1em;
}
.modelcourse-txt dl.dl-access dd{
	width: calc(100% - 12rem);
}
@media screen and (max-width: 1080px) {
	.modelcourse-txt dl.dl-access dd{
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
	.modelcourse-txt dl.dl-access dt{
		width: auto;
		margin: 0 0 .5em 0;
	}
}
/* --------------------------------------------------
sec-wifi
-------------------------------------------------- */
.sec-wifi{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: 5%;
}
.sec-wifi >li:first-child{
	max-width: 420px;
}
/* ico-wifi */
.ico-wifi{
	display: flex;
	justify-content: center;
	align-items:center;
	width: 13rem;
	height: 13rem;
	background: #CA0011;
	border-radius: 50%;
}
.ico-wifi p{
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.4 !important;
	margin-bottom: 0 !important;
}

/* --------------------------------------------------
red-caption
-------------------------------------------------- */
.red-caption{
	color: #CA0011;
	font-size: 2.4rem;
	font-weight: bold;
}
/* --------------------------------------------------
talk-area
-------------------------------------------------- */
.talk-area{
	background: #fff;
	padding: 1em 2em;
	margin-bottom: 5%;
}

.talk-area li{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	font-size: 1.6rem;
}
.talk-area li:not(:first-child){
	margin-top: 1em;
}
.talk-area li:nth-child(even){
	flex-direction: row-reverse;
}
.talk-area li p{
	margin: 0 1em !important;
}
.talk-area li figure{
	flex: 0 0 90px;
}

@media screen and (max-width: 800px) {
	.talk-area{
		padding: 1em;
		border: 1px solid #999;
	}
	.talk-area li figure{
		flex: 0 0 40px;
	}
	.talk-area li p{
		margin: 0 .4em;
	}
}

/* --------------------------------------------------
list-explain
-------------------------------------------------- */
.list-explain{
	align-items: flex-start;
	justify-content: space-between;
}
.list-explain li {
	margin-bottom: 2em;
}
.list-explain li.col2 {
	flex-grow: 2;
}
.list-explain li figure figcaption{
	font-size: 2.4rem;
	font-weight: bold;
	padding: 1em 0 0;
}
.list-explain li figure{
	margin-bottom: 1em;
	text-align: center;
}

@media screen and (max-width: 800px) {
	.list-explain{
		display: block;
	}
	.list-explain li figure figcaption{
		font-size: 1.6rem;
	}
}

/* --------------------------------------------------
list-fruit
-------------------------------------------------- */
.list-fruit{
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 5% 0;
}
.list-fruit li {
	width: 48%;
	margin-bottom: 5%;
}
.list-fruit li >figure {
	margin-bottom: 1em;
	position: relative;
}
.list-fruit li p{
	max-width: calc(100% - 300px);
}
.list-fruit li figure.thum{
	position: absolute;
	right: 0;
	top: 80%;
	z-index: 1;
	max-width: 268px;
}
.list-fruit li figure.thum figcaption{
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1em 0 0;
}

@media screen and (max-width: 800px) {
	.list-fruit{
		display: block;
	}
	.list-fruit li {
		width: 100%;
	}
	.list-fruit li figure.thum{
		position: relative;
		max-width: none;
		text-align: right;
	}
	.list-fruit li p{
		max-width: none;
	}
}

/* --------------------------------------------------
sakuranobaba-sec
-------------------------------------------------- */
.sakuranobaba-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 90%;
	height: 70%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}

@media screen and (max-width: 800px) {
	.sakuranobaba-sec:after{
		width: 80%;
		height: 40%;
	}
}

/* --------------------------------------------------
infocenter-sec
-------------------------------------------------- */
.infocenter-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 90%;
	height: 88%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 0;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}

.infocenter-sec .modelcourse-col .pht{
	width: 45%;
}
.infocenter-sec .modelcourse-col .txt{
	width: 53%;
	margin-top: 10%;
}
.infocenter-sec .modelcourse-col .modelcourse-txt {
	padding: 3em;
}

@media screen and (max-width: 800px) {
	.infocenter-sec:after{
		width: 84%;
		height: 40%;
	}
	.infocenter-sec .modelcourse-col .pht{
		width: 100%;
	}
	.infocenter-sec .modelcourse-col .txt{
		width: 100%;
		margin-top: 0;
	}
}

/* --------------------------------------------------
dango-sec
-------------------------------------------------- */
.dango-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 30%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.dango-sec .pht-half:first-child{
	padding: 3% 0;
}
.dango-sec .pht-half:first-child >figure{
	text-align: right;
	margin-bottom: 2em;
}
.dango-sec .modelcourse-col:last-child{
	align-items: flex-end;
	justify-content: flex-end;
}
.dango-sec .modelcourse-col:last-child .pht-col:first-child{
	margin-right: 2%;
}
.dango-sec .modelcourse-col .modelcourse-txt {
	margin-left: 10%;
	padding: 3em;
}
@media screen and (max-width: 800px) {
	.dango-sec .pht-half:first-child >figure{
		text-align: center;
		margin-bottom: 2%;
	}
	.dango-sec .modelcourse-col .modelcourse-txt {
		margin-left: 0;
	}
}

/* --------------------------------------------------
sakuranokoji-sec
-------------------------------------------------- */
.sakuranokoji-sec{
	margin-bottom: 5%;
}
.sakuranokoji-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 10%;
	z-index: -1;
	background: #F3F3F3;
}
.sakuranokoji-sec .modelcourse-col:first-child .pht-half{
	margin-top: 5%;
}
.sakuranokoji-sec .modelcourse-col:last-child .modelcourse-txt{
	padding: 3em;
	margin-left: 18%;
}

@media screen and (max-width: 800px) {
	.sakuranokoji-sec .modelcourse-col:last-child .modelcourse-txt{
		margin-left: 0;
	}
	.sakuranokoji-sec .modelcourse-col{
		display: block;
	}
	.sakuranokoji-sec .modelcourse-col .pht-half,
	.sakuranokoji-sec .modelcourse-col .txt-half,
	.sakuranokoji-sec .modelcourse-col .pht,
	.sakuranokoji-sec .modelcourse-col .txt{
		width: 100%;
		text-align: left;
	}
}

/* --------------------------------------------------
honmyoji-sec
-------------------------------------------------- */
.honmyoji-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 86%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: 40%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.honmyoji-sec .modelcourse-col .caption{
	margin-left: 3%;
}
.honmyoji-sec .modelcourse-col .pht{
	text-align: right;
}

@media screen and (max-width: 800px) {
	.honmyoji-sec .modelcourse-col{
		display: block;
	}
}

/* --------------------------------------------------
toge-sec
-------------------------------------------------- */
.toge-sec{
	padding-top: 5%;
}
.toge-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 48%;
	margin: auto;
	top: 0;
	bottom: auto;
	left: 30%;
	right: auto;
	z-index: -1;
	background: #F3F3F3;
}
.toge-sec .modelcourse-col .caption{
	margin-left: 3%;
}
.toge-sec .modelcourse-col .pht{
	text-align: right;
}
.toge-sec .modelcourse-col .modelcourse-txt {
	padding: 3em;
}


/* --------------------------------------------------
unganzenji-sec
-------------------------------------------------- */
.unganzenji-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 50%;
	margin: auto;
	top: 14%;
	bottom: auto;
	right: 40%;
	left: auto;
	z-index: -1;
	background: #F3F3F3;
}
.unganzenji-sec .modelcourse-col .caption{
	margin-left: 3%;
}
.unganzenji-sec .modelcourse-col .pht{
	text-align: right;
}
.unganzenji-sec .modelcourse-col .txt{
	margin-top: 5%;
}
.unganzenji-sec .modelcourse-col .modelcourse-txt {
	padding: 3em;
}

@media screen and (max-width: 800px) {
	.unganzenji-sec .modelcourse-col{
		display: block;
	}
}
/* --------------------------------------------------
fruit-sec
-------------------------------------------------- */
.fruit-sec .modelcourse-txt figure{
	position: relative;
	z-index: 0;
	text-align: center;
}
.fruit-sec .modelcourse-txt figure:after{
	content: "";
	display: block;
	position: absolute;
	width: 150%;
	height: 100%;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: 0;
	z-index: -1;
	background: #F3F3F3;
}

.fruit-sec .fruit-info{
	background: #F3F3F3;
	padding: 2em 5em;
	margin-bottom: 5%;
}

@media screen and (max-width: 800px) {
	.fruit-sec .fruit-info{
		padding: 1em;
	}
}
/* --------------------------------------------------
cafe-sec
-------------------------------------------------- */
.cafe-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 22%;
	margin: auto;
	top: 25%;
	bottom: auto;
	left: 27%;
	right: auto;
	z-index: -1;
	background: #F3F3F3;
}
.cafe-sec .modelcourse-col .caption{
	margin-left: 3%;
}
.cafe-sec .modelcourse-col .modelcourse-txt {
	padding: 3em;
}
.cafe-sec .modelcourse-col:first-child .txt figure{
	margin-top: 5%;
}
.cafe-sec .inner-l{
	margin-top: 5%;
}
/* border-ttl */
.border-ttl{
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	display: table;
	table-layout: fixed;
	margin: 5% auto;
	position: relative;
}

.border-ttl::before,
.border-ttl::after{
  content: "";
  display: block;
  position: absolute;
  width: 210px;
  height: 1px;
  margin: auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  z-index: 0;
  background: #000;
}
.border-ttl::before{
	left: auto;
	right: calc(100% + 2rem);
}
.border-ttl::after{
	right: auto;
	left: calc(100% + 2rem);
}


@media screen and (max-width: 800px) {
	.cafe-sec .modelcourse-col{
		display: block;
	}
	.cafe-sec .modelcourse-col .pht,
	.cafe-sec .modelcourse-col .txt{
		width: 100%;
		text-align: left;
	}

	.border-ttl{
		font-size: 2rem;
	}
}

/* --------------------------------------------------
end-sec
-------------------------------------------------- */
.end-sec{
	position: relative;
	z-index: 0;
	margin-bottom: 5%;
}
.end-sec p{
	background: #fff;
	padding: 3em;
	position: absolute;
	top: 0;
	left: -2px;
	width: 46%;
	line-height: 3;
}

@media screen and (max-width: 800px) {
	.end-sec p{
		padding: 1em;
		position: relative;
		width: 100%;
		line-height: 1.8;
	}
}


/*==================================

 modelcourse/suizenji.html

==================================*/

/* --------------------------------------------------
pht-sub
-------------------------------------------------- */
.pht-sub{
	display: flex;
	justify-content: flex-end;
	width: 85%;
	padding: 3% 0;
}

/* --------------------------------------------------
bike-sec
-------------------------------------------------- */
.bike-sec::after{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 80%;
	margin: auto;
	top: 0;
	bottom: auto;
	right: auto;
	left: 40%;
	z-index: -1;
	background: #F3F3F3;
}

/* --------------------------------------------------
jojuen-sec
-------------------------------------------------- */
.jojuen-sec:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 46%;
	margin: auto;
	top: 5%;
	bottom: auto;
	left: 40%;
	right: auto;
	z-index: -1;
	background: #F3F3F3;
}
.jojuen-sec .modelcourse-col .caption{
	margin-left: 3%;
}
.jojuen-sec .modelcourse-col .pht{
	text-align: right;
}

.jojuen-sec .modelcourse-col.reverse{
	margin-top: -10%;
	margin-bottom: 5%;
}
@media screen and (max-width: 1600px) {
	.jojuen-sec .modelcourse-col.reverse{
		margin-top: 5%;
	}
}

.jojuen-sec .modelcourse-col.reverse .pht{
	width: 35%;
}
@media screen and (max-width: 1600px) {
	.jojuen-sec .modelcourse-col.reverse .pht{
		width: 48%;
	}
}
.jojuen-sec .modelcourse-col.reverse .txt{
	margin-top: 10%;
}
@media screen and (max-width: 1600px) {
	.jojuen-sec .modelcourse-col.reverse .txt{
		margin-top: 0;
	}
}

.jojuen-sec .modelcourse-col.col4{
	flex-wrap: wrap;
}
.jojuen-sec .modelcourse-col.col4 .pht{
	width: 23%;
	text-align: center;
	margin: 5% 0;
}

.jojuen-sec .inner-l {
	position: relative;
	padding: 5% 0;
	margin-bottom: 5%;
}
.jojuen-sec .inner-l:after{
	content: "";
	display: block;
	position: absolute;
	width: 80%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: #F3F3F3;
}

.jojuen-sec .inner-l .modelcourse-txt{
	max-width: 76%;
	margin: 3% auto 0;
}

@media screen and (max-width: 800px) {
	.jojuen-sec .modelcourse-col{
		display: block;
	}
	.jojuen-sec .modelcourse-col.col4{
		display: flex;
	}
	.jojuen-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
	.jojuen-sec .modelcourse-col.reverse .pht{
		width: 100%;
	}
	.jojuen-sec .inner-l .modelcourse-txt{
		max-width: 60%;
	}
}

/* --------------------------------------------------
kokindenju-sec
-------------------------------------------------- */
.kokindenju-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 30%;
	margin: auto;
	top: 24%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.kokindenju-sec .modelcourse-col .pht{
	width: 48%;
}
.kokindenju-sec .modelcourse-col .txt{
	width: 47%;
}
.kokindenju-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.kokindenju-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.kokindenju-sec .modelcourse-col.col4 .pht{
	width: 23%;
	text-align: center;
	margin: 5% 0;
}

@media screen and (max-width: 800px) {
	.kokindenju-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.kokindenju-sec .modelcourse-col .pht,
	.kokindenju-sec .modelcourse-col .txt{
		width: 100%;
	}
	.kokindenju-sec .modelcourse-col.col4{
		flex-wrap: wrap;
	}
	.kokindenju-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* --------------------------------------------------
izumi-sec
-------------------------------------------------- */
.izumi-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 18%;
	margin: auto;
	top: 3%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.izumi-sec .modelcourse-col .pht{
	width: 48%;
}
.izumi-sec .modelcourse-col .txt{
	width: 47%;
}
.izumi-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.izumi-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.izumi-sec .modelcourse-col.col2{
	flex-wrap: wrap;
}
.izumi-sec .modelcourse-col.col2 .pht{
	width: 49%;
	text-align: center;
	margin-bottom: 2%;
}

.izumi-sec .modelcourse-col.col3{
	margin: 5% 0;
}
.izumi-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 5% 0;
}

.izumi-sec .inner-l {
	position: relative;
}
.izumi-sec .inner-l:after{
	content: "";
	display: block;
	position: absolute;
	width: 80%;
	height: 70%;
	margin: auto;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background: #F3F3F3;
}

.izumi-sec .inner-l .modelcourse-col.col2{
	margin: 3% 0;
}
.izumi-sec .inner-l .modelcourse-txt{
	max-width: 70%;
	margin: 0 auto;
}

.izumi-sec .inner-s{
	padding-top: 5%;
}

.izumi-sec .inner-s p a{
	text-decoration: underline;
}

.izumi-sec .inner-s .ar-col{
	max-width: 55%;
	margin: 0 auto;
	position: relative;
}
.izumi-sec .inner-s .ar-col:before{
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 24rem;
	margin: auto;
	top: auto;
	bottom: 0;
	right: auto;
	left: -24px;
	z-index: 10;
	border-right: 1px solid #707070;
}
.izumi-sec .inner-s .ar-col:after{
	content: "";
	display: block;
	position: absolute;
	width: 24px;
	height: 54px;
	margin: auto;
	top: auto;
	bottom: 0;
	z-index: 10;
	left: -48px;
	right: auto;
	border-right: 1px solid #707070;
	transform-origin: right bottom;
	transform: rotateZ(-30deg);
	border-right: 1px solid #707070;
}
.izumi-sec .inner-s .ar-col p{
	margin: 0 auto 3em;
}
.izumi-sec .inner-s .ar-col p a{
	text-decoration: underline;
}
.izumi-sec .inner-s .ar-col h3{
	font-size: 2.5rem;
	font-weight: bold;
}
.izumi-sec .inner-s .ar-col figure{
	text-align: center;
	margin-bottom: 2em;
}

.izumi-sec .inner-s .modelcourse-col.col2{
	max-width: 830px;
	margin: 0 auto;
}

@media screen and (max-width: 800px) {
	.izumi-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.izumi-sec .modelcourse-col .pht,
	.izumi-sec .modelcourse-col .txt{
		width: 100%;
	}
	.izumi-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
	.izumi-sec .modelcourse-col.col3{
		flex-wrap: wrap;
		justify-content: center;
	}
	.izumi-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
	.izumi-sec .inner-l .modelcourse-txt{
		max-width: 80%;
	}
	.izumi-sec .inner-s .ar-col{
		max-width: 100%;
	}
}

/* --------------------------------------------------
lake-sec
-------------------------------------------------- */
.lake-sec .modelcourse-col:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 26%;
	margin: auto;
	top: 10%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.lake-sec .modelcourse-col.reverse{
	position: relative;
	align-items: center;
}
.lake-sec .modelcourse-col.reverse:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 74%;
	margin: auto;
	top: 10%;
	bottom: auto;
	left: auto;
	right: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.lake-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.lake-sec .modelcourse-col .pht{
	width: 56%;
}
.lake-sec .modelcourse-col .txt{
	width: 40%;
}
.lake-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.lake-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.lake-sec .modelcourse-col.col3{
	margin: 5% 0;
}
.lake-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 5% 0;
}

@media screen and (max-width: 800px) {
	.lake-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.lake-sec .modelcourse-col .pht,
	.lake-sec .modelcourse-col .txt{
		width: 100%;
	}
	.lake-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
	
	.lake-sec .modelcourse-col.col3{
		flex-wrap: wrap;
		justify-content: center;
	}
	.lake-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* --------------------------------------------------
kumamotoramen-sec
-------------------------------------------------- */
.kumamotoramen-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 50%;
	margin: auto;
	top: 5%;
	bottom: auto;
	right: auto;
	left: 40%;
	z-index: -1;
	background: #F3F3F3;
}

.kumamotoramen-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.kumamotoramen-sec .modelcourse-col .pht{
	width: 55%;
}
.kumamotoramen-sec .modelcourse-col .txt{
	width: 40%;
}
.kumamotoramen-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.kumamotoramen-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}
.kumamotoramen-sec .modelcourse-col .txt .modelcourse-txt p a{
	text-decoration: underline;
}

.kumamotoramen-sec .modelcourse-col.col2{
	justify-content: flex-start;
}
.kumamotoramen-sec .modelcourse-col.col2 .pht{
	width: auto;
	text-align: center;
	margin: 0 2% 2% 0;
}


@media screen and (max-width: 800px) {
	.kumamotoramen-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.kumamotoramen-sec .modelcourse-col .pht,
	.kumamotoramen-sec .modelcourse-col .txt{
		width: 100%;
	}
	.kumamotoramen-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
	.kumamotoramen-sec .modelcourse-col.col2{
		margin: 1em 0;
	}
	.kumamotoramen-sec .modelcourse-col.col2 .pht{
		width: 48%;
		margin: 0 2% 0 0;
	}
}

/* --------------------------------------------------
luffy-sec
-------------------------------------------------- */
.luffy-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 60%;
	margin: auto;
	top: 10%;
	bottom: auto;
	right: auto;
	left: 48%;
	z-index: -1;
	background: #F3F3F3;
}
.luffy-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.luffy-sec .modelcourse-col .pht{
	width: 55%;
}
.luffy-sec .modelcourse-col .txt{
	width: 40%;
}
.luffy-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.luffy-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.luffy-sec .modelcourse-col.col4 .pht{
	width: 23%;
	text-align: center;
	margin: 5% 0;
}

@media screen and (max-width: 800px) {
	.luffy-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.luffy-sec .modelcourse-col .pht,
	.luffy-sec .modelcourse-col .txt{
		width: 100%;
	}
	.luffy-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
	.luffy-sec .modelcourse-col.col4{
		flex-wrap: wrap;
	}
	.luffy-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* --------------------------------------------------
cafebreak-sec
-------------------------------------------------- */
.cafebreak-sec{
	margin-top: 10%;
}
.cafebreak-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 60%;
	margin: auto;
	top: 10%;
	bottom: auto;
	right: auto;
	left: 48%;
	z-index: -1;
	background: #F3F3F3;
}
.cafebreak-sec .modelcourse-col .caption{
	margin-bottom: 2em;
}
.cafebreak-sec .modelcourse-col .pht{
	width: 55%;
}
.cafebreak-sec .modelcourse-col .txt{
	width: 40%;
}
.cafebreak-sec .modelcourse-col .txt p a{
	text-decoration: underline;
}

.cafebreak-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}

.cafebreak-sec .modelcourse-col.col4 .pht{
	width: 23%;
	text-align: center;
	margin: 5% 0;
}

@media screen and (max-width: 800px) {
	.cafebreak-sec .modelcourse-col .pht,
	.cafebreak-sec .modelcourse-col .txt{
		width: 100%;
	}
	.cafebreak-sec .modelcourse-col .caption{
		margin: 1em 1em 0;
	}
	.cafebreak-sec .modelcourse-col.col4{
		flex-wrap: wrap;
	}
	.cafebreak-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/*==================================

 modelcourse/kumamotocastle.html

==================================*/
/* --------------------------------------------------
modelcourse-bnr-sec
-------------------------------------------------- */

/* --------------------------------------------------
ryoriya-sec
-------------------------------------------------- */
.ryoriya-sec{
	margin: 3% 0 0;
}
.ryoriya-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 72%;
	margin: auto;
	top: 12%;
	bottom: auto;
	left: auto;
	right: 30%;
	z-index: -1;
	background: #F3F3F3;
}
.ryoriya-sec .modelcourse-col.reverse{
	align-items: center;
	margin-bottom: 5%;
}
.ryoriya-sec .modelcourse-col .caption{
	margin-left: .7em;
}
.ryoriya-sec .modelcourse-col .pht{
	width: 55%;
}
.ryoriya-sec .modelcourse-col .txt{
	width: 40%;
}
.ryoriya-sec .modelcourse-col:not(.reverse) .txt{
	margin-top: 10%;
}
.ryoriya-sec .modelcourse-col:not(.reverse) .txt figure{
	margin-bottom: 5%;
}
.ryoriya-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 0;
}
.ryoriya-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}
.ryoriya-sec .modelcourse-col .txt .modelcourse-txt dl dd a{
	text-decoration: underline;
}

.ryoriya-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 2% 0;
}

@media screen and (max-width: 800px) {
	.ryoriya-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.ryoriya-sec .modelcourse-col .pht,
	.ryoriya-sec .modelcourse-col .txt{
		width: 100%;
	}
	.ryoriya-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
	.ryoriya-sec .modelcourse-col.col3{
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 1%;
	}
	.ryoriya-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* -----------------------------------------------
coffee-ga
-------------------------------------------------- */
.coffee-ga-sec{
	padding-bottom: 5%;
}
.coffee-ga-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 83%;
	margin: auto;
	top: 3%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.coffee-ga-sec .modelcourse-col .pht{
	width: 55%;
}
.coffee-ga-sec .modelcourse-col .txt{
	width: 40%;
}
.coffee-ga-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.coffee-ga-sec .modelcourse-col .modelcourse-txt dl dd a{
	text-decoration: underline;
}

.coffee-ga-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 3% 0;
}

.coffee-ga-sec .arrow-foot{
	padding: 7% 3% 5%;
	text-align: right;
}

@media screen and (max-width: 800px) {
	.coffee-ga-sec{
		padding-bottom: 0;
	}
	.coffee-ga-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.coffee-ga-sec .modelcourse-col .pht,
	.coffee-ga-sec .modelcourse-col .txt{
		width: 100%;
	}
	.coffee-ga-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
	.coffee-ga-sec .modelcourse-col.col3{
		flex-wrap: wrap;
		justify-content: center;
	}
	.coffee-ga-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
	
	.coffee-ga-sec .arrow-foot{
		padding: 7% 5% 5%;
		margin: 5% 10% 5% 0;
	}
}


/* --------------------------------------------------
castle-josaien-sec
-------------------------------------------------- */
.castle-josaien-sec{
	margin: 5% 0;
}
.castle-josaien-sec::after{
	content: "";
	display: block;
	position: absolute;
	width: 60%;
	height: 50%;
	margin: auto;
	top: 30%;
	bottom: auto;
	right: auto;
	left: 40%;
	z-index: -1;
	background: #F3F3F3;
}
.castle-josaien-sec .modelcourse-col{
	align-items: center;
}

@media screen and (max-width: 800px) {
	.castle-josaien-sec .modelcourse-col .caption{
		margin: 1em;
	}
}

/* --------------------------------------------------
wakuwakuza-sec
-------------------------------------------------- */
.wakuwakuza-sec{
	margin: 3% 0 0;
	padding: 0 3%;
}
.wakuwakuza-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 80%;
	margin: auto;
	top: 12%;
	bottom: auto;
	left: auto;
	right: 30%;
	z-index: -1;
	background: #F3F3F3;
}
.wakuwakuza-sec .modelcourse-col.reverse{
	align-items: center;
	margin-bottom: 5%;
}
.wakuwakuza-sec .modelcourse-col .caption{
	margin-left: .7em;
}
.wakuwakuza-sec .modelcourse-col .pht{
	width: 46%;
}
.wakuwakuza-sec .modelcourse-col .txt{
	width: 50%;
}
.wakuwakuza-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 10%;
}
.wakuwakuza-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}
.wakuwakuza-sec .modelcourse-col .txt .modelcourse-txt dl dd a{
	text-decoration: underline;
}


.wakuwakuza-sec .modelcourse-col.col2{
	flex-wrap: wrap;
	margin-top: 2%;
}
.wakuwakuza-sec .modelcourse-col.col2 .pht{
	width: 48%;
	text-align: center;
	margin: 1% 0;
}

@media screen and (max-width: 800px) {
	.wakuwakuza-sec{
		padding: 0;
	}
	.wakuwakuza-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.wakuwakuza-sec .modelcourse-col .pht,
	.wakuwakuza-sec .modelcourse-col .txt{
		width: 100%;
	}
	.wakuwakuza-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
	.wakuwakuza-sec .modelcourse-col.col2 .pht{
		width: 49%;
		margin: 1% 0;
	}
}
/* -----------------------------------------------
josaien-info-sec
-------------------------------------------------- */
.josaien-info-sec{
	padding: 0 3%;
}
.josaien-info-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 70%;
	margin: auto;
	top: 10%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.josaien-info-sec .modelcourse-col:not(.col2) {
	align-items: center;
}
.josaien-info-sec .modelcourse-col .pht{
	width: 55%;
}
.josaien-info-sec .modelcourse-col .txt{
	width: 40%;
}
.josaien-info-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.josaien-info-sec .modelcourse-col.col2{
	overflow: hidden;
	justify-content: flex-start;
}
.josaien-info-sec .modelcourse-col.col2 .pht{
	width: auto;
	text-align: center;
	margin: 3% 0;
}
.josaien-info-sec .modelcourse-col.col2 .pht:first-child{
	margin-right: 2%;
}

@media screen and (max-width: 800px) {
	.josaien-info-sec{
		padding: 0;
	}
	.josaien-info-sec .modelcourse-col .pht,
	.josaien-info-sec .modelcourse-col .txt{
		width: 100%;
	}
	.josaien-info-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
}

/* --------------------------------------------------
ginnan-sec
-------------------------------------------------- */
.ginnan-sec{
	padding-bottom: 5%;	
}
.ginnan-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 90%;
	margin: auto;
	top: 5%;
	bottom: auto;
	right: auto;
	left: 36%;
	z-index: -1;
	background: #F3F3F3;
}
.ginnan-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.ginnan-sec .modelcourse-col .pht{
	width: 55%;
}
.ginnan-sec .modelcourse-col .txt{
	width: 40%;
}
.ginnan-sec .modelcourse-col .txt .modelcourse-txt{
	padding-top: 10%;
}
.ginnan-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.ginnan-sec .modelcourse-col.col4 .pht{
	width: 23%;
	text-align: center;
	margin: 5% 0;
}

.ginnan-sec .arrow-foot{
	z-index: -1;
}
@media screen and (max-width: 800px) {
	.ginnan-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.ginnan-sec .modelcourse-col .pht,
	.ginnan-sec .modelcourse-col .txt{
		width: 100%;
	}
	.ginnan-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
	.ginnan-sec .modelcourse-col.col4{
		flex-wrap: wrap;
	}
	.ginnan-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}


/* --------------------------------------------------
observation-sec
-------------------------------------------------- */
.observation-sec{
	padding: 5% 3% 10%;
}
.observation-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 80%;
	margin: auto;
	top: 25%;
	bottom: auto;
	left: auto;
	right: 36%;
	z-index: -1;
	background: #F3F3F3;
}
.observation-sec .modelcourse-col:not(:first-child){
	align-items: center;
	margin-bottom: -5%;
}
.observation-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.observation-sec .modelcourse-col .pht{
	width: 48%;
}
.observation-sec .modelcourse-col .txt{
	width: 50%;
}
.observation-sec .modelcourse-col .modelcourse-txt{
	padding: 3em;
}

@media screen and (max-width: 800px) {
	.observation-sec{
		padding: 0;
	}
	.observation-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.observation-sec .modelcourse-col .pht,
	.observation-sec .modelcourse-col .txt{
		width: 100%;
	}
	.observation-sec .modelcourse-col:not(:first-child){
		margin-bottom: 0;
	}
	.observation-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 1em;
	}
}


/* -----------------------------------------------
inside-sec
-------------------------------------------------- */
.inside-sec .modelcourse-col.wide{
	display: block;
	position: relative;
}
.inside-sec .modelcourse-col.wide .pht,
.inside-sec .modelcourse-col.wide .txt{
	width: 100%;
}
.inside-sec .modelcourse-col.wide .txt{
	position: absolute;
	width: 48%;
	top: 5%;
	right: 1%;
}
.inside-sec .inner-s p{
	max-width: 767px;
	margin: 3% auto;
}
.inside-sec p a{
	text-decoration: underline;
}

.inside-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 1800px) {
	.inside-sec .modelcourse-col.wide .caption{
		font-size: 5rem;
	}
}

@media screen and (max-width: 1600px) {
	.inside-sec .modelcourse-col.wide .caption{
		font-size: 3rem;
		padding-bottom: 0;
	}
	.inside-sec .modelcourse-col.wide p{
		background: rgba(255,255,255,.7);
		padding: 1em;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 800px) {
	.inside-sec .modelcourse-col.wide .caption{
		background: none;
		padding: 0;
		margin: 1em;
	}
	.inside-sec .modelcourse-col.wide p:not(.caption){
		background: none;
		padding: 0;
		margin-bottom: 0;
	}
	.inside-sec .modelcourse-col .pht,
	.inside-sec .modelcourse-col .txt{
		width: 100%;
	}
	.inside-sec .modelcourse-col.wide .txt{
		position: relative;
		width: 100%;
	}

	.inside-sec .modelcourse-col.col3{
		flex-wrap: wrap;
		justify-content: center;
	}
	.inside-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* -----------------------------------------------
deck-sec
-------------------------------------------------- */
.deck-sec .modelcourse-col{
	padding: 0 3%;
}
.deck-sec .modelcourse-col .pht{
	width: 53%;
}
.deck-sec .modelcourse-col .txt{
	width: 44%;
}
.deck-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}

.deck-sec .modelcourse-col .txt .modelcourse-txt dl dd a{
	text-decoration: underline;
}

.deck-sec .modelcourse-col.col3 .pht{
	width: 32%;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 800px) {
	.deck-sec .modelcourse-col{
		padding: 0;
	}
	.deck-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.deck-sec .modelcourse-col .pht,
	.deck-sec .modelcourse-col .txt{
		width: 100%;
	}
	.deck-sec .modelcourse-col.col3{
		flex-wrap: wrap;
		justify-content: center;
	}
	.deck-sec .modelcourse-col.col3 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}
}

/* -----------------------------------------------
hall-sec
-------------------------------------------------- */
.hall-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 40%;
	margin: auto;
	top: 15%;
	bottom: auto;
	right: auto;
	left: 46%;
	z-index: -1;
	background: #F3F3F3;
}

.hall-sec .modelcourse-col .caption{
	margin-left: 1em;
}
.hall-sec .modelcourse-col .pht{
	width: 55%;
}
.hall-sec .modelcourse-col .txt{
	width: 40%;
}
.hall-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}
.hall-sec .modelcourse-col .txt .modelcourse-txt p a{
	text-decoration: underline;
}

.hall-sec .modelcourse-col.col2 .pht{
	width: 48%;
	text-align: center;
	margin: 3% 0;
}

@media screen and (max-width: 800px) {
	.hall-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.hall-sec .modelcourse-col{
		flex-wrap: wrap;
	}
	.hall-sec .modelcourse-col .pht,
	.hall-sec .modelcourse-col .txt{
		width: 100%;
	}
	.hall-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
	.hall-sec .modelcourse-col.col2 .pht{
		margin: 1%;
	}
}

/* -----------------------------------------------
arcades-sec
-------------------------------------------------- */
.arcades-sec{
	padding: 5% 0;
}
.arcades-sec .modelcourse-col{
	justify-content: center;
}
.arcades-sec p:not(.caption){
	max-width: 767px;
	margin: 0 auto 5%;
}

/* -----------------------------------------------
favorites
-------------------------------------------------- */
.favorites-sec{
	padding: 5% 0;
}
.favorites-sec:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 40%;
	margin: auto;
	top: 16%;
	bottom: auto;
	right: auto;
	left: 32%;
	z-index: -1;
	background: #F3F3F3;
}
.favorites-sec .modelcourse-col .pht{
	width: 55%;
}
.favorites-sec .modelcourse-col .txt{
	width: 40%;
}
.favorites-sec .modelcourse-col .txt .modelcourse-txt p{
	margin-bottom: 4em;
}
.favorites-sec .modelcourse-col .txt .modelcourse-txt p a{
	text-decoration: underline;
}

.favorites-sec .modelcourse-col.col4 .pht{
	width: 24%;
	text-align: center;
	margin: 3% 0;
}


.favorites-sec .inner-s{
	position: relative;
	padding: 0 0 3%;
}

.favorites-sec .inner-s .modelcourse-col{
	justify-content: center;
}
.favorites-sec .inner-s .modelcourse-col .modelcourse-txt{
	padding: 0;
	max-width: 650px;
	margin: 0 auto;
}
.favorites-sec .inner-s .modelcourse-col .modelcourse-txt dl dd a{
	text-decoration: underline;
}

.favorites-sec .inner-s:before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: -15%;
	bottom: auto; 
	right: 0;
	left: 0;
	z-index: -1;
	background: #F3F3F3;
}

@media screen and (max-width: 800px) {
	.favorites-sec .modelcourse-col .caption{
		margin: 1em;
	}
	.favorites-sec .modelcourse-col .caption br{
		display: none;
	}
	.favorites-sec .modelcourse-col .pht,
	.favorites-sec .modelcourse-col .txt{
		width: 100%;
	}
	.favorites-sec .modelcourse-col .txt .modelcourse-txt p{
		margin-bottom: 0;
	}
	.favorites-sec .modelcourse-col.col4{
		flex-wrap: wrap;
		justify-content: center;
	}
	.favorites-sec .modelcourse-col.col4 .pht{
		width: 48%;
		text-align: center;
		margin: 1%;
	}

	.favorites-sec .inner-s .modelcourse-col{
		justify-content: flex-start;
	}
	.favorites-sec .inner-s .modelcourse-col .modelcourse-txt{
		max-width: none;
		margin: 0;
	}
}


/*==================================

 modelcourse/suizenji.html
 modelcourse/kumamotocastle.html
 共通

==================================*/
/* --------------------------------------------------
.detail-lead.suizenji,
.detail-lead.kumamoto-castle
-------------------------------------------------- */
.detail-lead.suizenji,
.detail-lead.kumamoto-castle{
	margin: 0;
}
.detail-lead.suizenji .txt-lead,
.detail-lead.kumamoto-castle .txt-lead{
	margin-bottom: 0;
}
.detail-lead.suizenji .arrow-start,
.detail-lead.kumamoto-castle .arrow-start{
	margin-bottom: 2%;
}

/* --------------------------------------------------
modelcourse-bnr-sec
-------------------------------------------------- */
.modelcourse-bnr-sec .modelcourse-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.modelcourse-bnr-sec .modelcourse-list li{
	width: 48%;
	margin-bottom: 5%;
}

.modelcourse-bnr-sec .modelcourse-list li a{
	display: block;
	position: relative;
	z-index: 0;
}
.modelcourse-bnr-sec .modelcourse-list li a::after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	background: rgba(0,0,0,.4);
	transition: .3s;
	opacity: 1;
}

.modelcourse-bnr-sec .modelcourse-list li a .pht{
	z-index:1;
	position: relative;
	width: 100%;
}

.modelcourse-bnr-sec .modelcourse-list li a .pht .frame{
	z-index:-1;
	position: relative;
	width: 100%;
	padding-top:71%;
	overflow:hidden;
	background:#F5F5F5;
}

.modelcourse-bnr-sec .modelcourse-list li a .pht img{
	bottom: 0;
	height: 100%;
	left: -200%;
	margin: auto;
	min-height: auto;
	min-width: auto;
	position: absolute;
	right: -200%;
	top: 0;
	width: auto;
	transition: .3s;
}

.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 4%;
	z-index: 2;
}

.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .bnr-ttl{
	font-size: 4rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 20px rgba(0,0,0);
	line-height: 1.2;
	margin: 1em 0 .5em;
}
.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .bnr-ttl span{
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	display: block;
	margin-top: 1em;
}

.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .btn-postmore span{
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
	border-color: #fff;
	width: 220px;
}
.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .btn-postmore span::after{
	border-color: #fff;
}

/* hover */
.modelcourse-bnr-sec .modelcourse-list li a:hover{
	box-shadow: 0 0 15px rgb(0 0 0 / 20%);
}
.modelcourse-bnr-sec .modelcourse-list li a:hover .pht img{
	transform: scale(1.05);
}
.modelcourse-bnr-sec .modelcourse-list li a:hover .modelcourse-detail .btn-postmore span{
	background: #fff;
	color: #000;
}
.modelcourse-bnr-sec .modelcourse-list li a:hover .modelcourse-detail .btn-postmore span::after{
	border-color: #000;
}

@media screen and (max-width: 800px) {
	.modelcourse-bnr-sec .modelcourse-list li{
		width: 100%;
	}

	.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .bnr-ttl{
		font-size: 1.8rem;
	}
	.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .bnr-ttl span{
		font-size: 1.2rem;
	}

	.modelcourse-bnr-sec .modelcourse-list li a .modelcourse-detail .btn-postmore span{
		font-size: 1.4rem;
		max-width: 150px;
	}
}