/* 
 *	Common Class
 ************************/
article {
	background: url(/ko/tour/tateyama/img/bg-paper.jpg) !important;
	background-size: 50px;
}
article img {
	width: 100%;
}
/* Color */
article .pink {
	color: #f53d7e;
}
article .green {
	color: #5ba84d;
}
/* Title Style */
.sct-title {
    width: 55%;
    max-width: 380px;
    margin: 0 auto 15px auto;
}
/* Buttons Style */
.btn-main-pink {
    display: block;
    min-height: 44px;
    margin: 15px 0;
    padding: 14px 10px;
    background: #f53d7e;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
		clear: both;
}
.btn-main-pink:hover {
    color: #f53d7e;
    text-decoration: none;
    background: #fdd7e5;
}
.row-0{
	margin-left: 0;
	margin-right: 0;
}
.row-0 >div{
	padding-right:0px;
	padding-left:0px;
}
.block-xs{
	display: none;
}
@media(max-width:767px){
	.hidden-xs{
		display: none;
	}
	.block-xs{
		display: block;
	}
	.sct-title.sct-plan-title {
		margin-top: 30px;
	}
	.sct-plan {
		padding: 0 15px 30px;
	}
}


/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    article {
        background-size: 100px;
    }
    .sct-title {
        margin: 90px auto 0 auto;
    }
    div.sct-plan-card {
        padding-top: 50px;
    }
}
/* 
 *	sct-main
 ************************/
.sct-main {
	position: relative;
}
.tit-main {
	position: absolute;
	width: 61.3333%;
    max-width: 486px;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    .tit-main {
        max-width: 300px
    }
}
/* 1200pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 1200px) {
    .tit-main {
        max-width: 486px;
    }
}

/* 
 *	sct-lik-list
 ************************/
.sct-lik-list {
    padding: 0 5px;
}
.sct-lik-list li{
	margin: 15px 0;
	padding: 0 1%;
	text-align: center;
}
.sct-lik-list li:first-child {
	border-right: 1px solid #7d7d7d;
}
.sct-lik-list li a{
	display: block;
	position: relative;
	width: 100%;
	padding: 10px 0 10px 10px;
	border-radius: 2px;
	background: #5ba74d;
	color: #FFF;
	line-height: 1;
	font-size: 13px;
}
.sct-lik-list li a:active {
	background: #5ba74d;
}
.sct-lik-list li a:hover {
    text-decoration: none;
}
.sct-lik-list li a::before {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 10px;
	height: 10px;
	background: url(/ko/tour/tateyama/img/icon-btn-arrow.png)  no-repeat;
	background-size: contain;
	content: "";
}
/* 
 *	sct-about
 ************************/
.sct-about{
	background: url(/ko/tour/tateyama/img/bg-paper.jpg);
}
.sct-about-title {
    margin: 15px 0;
}
.sct-about-illust {
	padding-bottom: 30px;
}
div.sct-about-text {
	padding: 0 15px;
    color: #222;
	font-size: 14px;
	line-height: 1.8;
}
.sct-about-inner-photos {
    margin: 30px auto 0;
    padding: 0;
}
.sct-about-inner-photos2 {
    padding: 0;
}
/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    .sct-about-title {
        width: 80%;
        margin: 40px auto 70px;
    }
    .sct-about-illust {
        float: right;
    }
    div.sct-about-text {
        font-size: 16px;
        line-height: 1.8em;
        margin-top: -30px;
    }
    .sct-about-inner-photos {
        padding: 0 5%;
        text-align: center;
    }
/*
    .sct-about-inner-photos2 {
        margin-top: -10px;
    }
*/
    .sct-about-inner-photos img,
    .sct-about-inner-photos2 img {
      box-shadow: 7.5px 12.99px 30px 0px rgba(126, 126, 126, 0.15);
      max-width: 255px;
    }
    .sct-about-inner-photos2 img {
        width: 66%;
    }
    .sct-about-photo1 {
        transform: rotate(3deg);
    }
    .sct-about-photo2 {
        transform: rotate(-6deg);
    }
    .sct-about-photo3 {
        transform: rotate(2deg);
    }
    .sct-about-photo4 {
        transform: rotate(-2deg);
    }
    div.sct-about-photo4 {
        padding-right: 3% !important;
		text-align: right;
    }
    .sct-about-photo5 {
        transform: rotate(1deg);
    }
    div.sct-about-photo5 {
        padding-left: 35px;
    }
}
/* 992pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 992px) {
    .sct-about-title {
        position: relative;
        width: 69.3%;
        margin: 80px auto 70px;
    }
    .sct-about-title::before,
    .sct-about-title::after {
        position: absolute;
        content: "";
    }
    .sct-about-title::before {
        left: -158px;
        top: 120px;
        width: 63px;
        height: 100%;
        background: url(/ko/tour/tateyama/img/deco-leaf-l.png)  no-repeat;
        background-size: contain;
    }
    .sct-about-title::after {
        right: -100px;
        width: 49px;
        height: 100%;
        background: url(/ko/tour/tateyama/img/deco-leaf-s.png)  no-repeat;
        background-size: contain;
    }
    div.sct-about-text {
        padding-left: 8.3333%;
        font-size: 18px;
        line-height: 2.6em;
    }
    .sct-about-inner-photos2 img {
        width: 100%;
    }
}
/* 
 *	sct-points
 ************************/
.sct-point {
    margin-bottom: 30px;
}
.sct-points-title {
    padding-top: 30px;
}
.sct-point img {
    max-width: 202px;
}
div.sct-point-text-set {
    padding: 15px 0 0 20px;
}
.sct-point-lead {
    font-weight: bold;
    font-size: 18px;
}
.sct-point-text {
    font-size: 14px;
    color: #222;
}
/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    .sct-point{
        padding-bottom: 120px;
        text-align: center;
    }
    .sct-point:nth-child(even) {
        top: 60px;
    }
    .sct-points-title {
        position: relative;
        margin-bottom: 30px;
    }
    .sct-points-title::before,
    .sct-points-title::after {
        position: absolute;
        content: "";
    }
    div.sct-point-text-set {
        max-width: 202px;
        margin: 0 auto;
        padding: 30px 0 0 0;
    }
    .sct-point-lead {
        margin: 0 0 20px 0;
    }
    .sct-point-text {
        font-size: 18px;
        line-height: 1.8;
    }
}
/* 992pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 992px) {
    .sct-points-title::before {
        top: 0;
        left: -243px;
        width: 173px;
        height: 35px;
        background: url(/ko/tour/tateyama/img/deco-triangle1.png)  no-repeat;
        background-size: contain;
    }
    .sct-points-title::after {
        top: 0;
        right: -250px;
        width: 170px;
        height: 50px;
        background: url(/ko/tour/tateyama/img/deco-triangle2.png)  no-repeat;
        background-size: contain;
    }
}
/* 
 *	sct-plan
 ************************/
.sct-plan {
    padding: 30px 15px;
    background: rgba(154,154,154,0.1);
}
.sct-plan-title {
    width: 57.57%;
}
div.sct-plan-card-inner {
    padding: 15px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(170, 170, 170, 0.4);
    color: #222;
}
div.sct-plan-card {
    margin-top: 30px;
}
div.sct-plan-card:first-child {
    margin-top: 0;
}
.sct-plan-card-head {
    text-align: center;
	background: url(/ko/tour/tateyama/img/deco-separator.png) center bottom no-repeat;
    background-size: contain;
}
.sct-plan-card-lead {
    font-weight: bold;
    font-size: 14px;
}
.sct-plan-card-title {
    margin: 15px 0;
    font-weight: bold;
    font-size: 16px;
}
.sct-plan-card-text {
    padding-bottom: 20px;
    font-size: 14px;
    text-align: left;
}
.plan-illust-root {
    padding-bottom: 15px;
}
.sct-plan-card-content li {
    padding: 15px 0 0 0;
    border-top: 1px solid #d8d8d8;
}
.sct-plan-card-content li:first-child {
    border: none;
}
.sct-plan-card-departure {
    display: block;
    font-weight: bold;
    font-size: 14px;
}
.sct-plan-card-price {
    display: block;
    text-align: right;
    font-size: 13px;
}
.sct-plan-card-price strong {
    font-size: 18px;
}
/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    .sct-plan-title {
        margin-top: 50px;
    }
    .sct-plan-card-num {
        width: 86px;
        margin: -55px auto 30px;
    }
    .sct-plan-card-set {
        max-width: 980px;
        margin: 0 auto;
        padding-bottom: 30px;
				justify-content: center;
				display: flex;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
    }
    div.sct-plan-card {
        margin-top: 0;
    }
    div.sct-plan-card:nth-child(odd) {
        padding-right: 15px;
    }
    div.sct-plan-card:nth-child(even) {
        padding-left: 15px;
    }
    div.sct-plan-card-inner{
        padding: 30px;
    }
    .sct-plan-card-lead {
        display: block;
        font-size: 18px;
    }
    .sct-plan-card-title {
        font-size: 20px;
    }
    .sct-plan-card-text {
        font-size: 16px;
    }
    .sct-plan-card-content li {
        overflow: hidden;
        padding: 30px 0;
    }
    .sct-plan-card-content li:last-child {
        padding-bottom: 0;
    }
    .sct-plan-card-departure {
        display: inline-block;
        font-size: 18px;
    }
    .sct-plan-card-price {
        display: inline-block;
        float: right;
        font-size: 14px;
    }
    .sct-plan-card-price strong {
        font-size: 20px;
    }
    .btn-main-pink {
        float: right;
    }
}
/* 992pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 992px) {
    .btn-main-pink {
        width: 50%;
    }
}
/* 
 *	sct-fes
 ************************/
.sct-fes {
    margin-bottom: 30px;
    text-align: center;
}
.sct-fes .container{
	max-width: 100%;
}
.sct-fes-box {
    padding: 15px;
	background: url(/ko/tour/tateyama/img/bg-watercolor-blue.png);
    background-size: cover;
}
.sct-fes-inner {
    padding: 15px;
    background: #FFF;
}
.sct-fes-title {
    margin: 15px 0;
}
.sct-fes-text-main {
    color: #222;
    font-size: 13px;
}
.sct-fes-text-sub {
    margin-top: 15px;
    font-size: 11px;
    line-height: 1.4;
}
.sct-fes-photos {
    position: relative;
    padding-bottom: 145px;
}
.sct-fes-photos::before,
.sct-fes-photos::after {
    position: absolute;
    content: "";
}
.sct-fes-photos::after {
    left: 5px;
    width: 100%;
    height: 100%;
    max-height: 150px;
	background: url(/ko/tour/tateyama/img/sct-fes-photos-sm.png) center bottom no-repeat;
    background-size: contain;
}
/* 768pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 768px) {
    .sct-fes {
        max-width: 980px;
        margin: 0 auto;
        padding: 60px 0 90px 0;
    }
    .sct-fes-box {
        padding: 10px;
    }
    .sct-fes-inner {
        padding: 30px 25%;
    }
    .sct-fes-title {
        margin: 0 0 30px 0;
        text-align: left;
    }
    .sct-fes-title img {
        width: 91.6666%;
    }
    .sct-fes-text-main {
        font-size: 18px;
        line-height: 1.8;
    }
    .sct-fes-text-sub small{
        font-size: 14px;
    }
    .sct-fes-photos::before {
        top: unset;
        left: -10px;
        bottom: -35px;
        width: 23.125%;
        max-width: 222px;
        height: 100%;
        background: url(/ko/tour/tateyama/img/sct-fes-photos-left.png) left bottom no-repeat;
        background-size: contain;
    }
    .sct-fes-photos::after {
        top: 30px;
        left: unset;
        right: -20px;
        width: 28.0208%;
        max-width: 269px;
        height: 100%;
        max-height: none;
        background: url(/ko/tour/tateyama/img/sct-fes-photos-right.png) right top no-repeat;
        background-size: contain;
    }
}
/* 992pxä»¥ä¸Šă®ăƒœăƒƒă‚¯ă‚¹ */
@media (min-width: 992px) {
    .sct-fes-inner {
        padding: 30px 18.75%;
    }
    .sct-fes-photos::before {
        left: -60px;
    }
    .sct-fes-photos::after {
        right: -60px;
    }
}



.d-none {
    display: none!important;
}
.block-xs{
	display: none;
}

@media (min-width: 768px){
	.d-md-none {
			display: none!important;
	}
	.d-md-block {
    display: block!important;
	}
}
@media (max-width: 767px){
	.block-xs{
		display: block;
	}
}

.sct-plan-title{
	width: 100%;
	max-width: inherit;
}
.sct-plan-title > img{
	width: auto;
	max-width: 100%;
	    margin: 0 auto;
    display: block;
}

#section-breadcrumb{
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 25px 0 20px 0;
}
#header_s{
	background-color: #fff;
}

.sct-plan-card-set > div.col-md-4{
	padding-top: 50px;
}
.sct-plan-card-set > div.col-md-4 .btn-main-pink{
	width: auto;
}
.sct-plan-card-set > div.col-md-4 .sct-plan-card-price{
	margin-top: 10px;
}
@media (max-width:767px){
	.sct-plan-card-set > div.col-md-4 {
    padding-top: 0;
    margin-bottom: 30px;
	}

}