@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

 /*reset*/

  .spOnly{
    display:block;
  }
  .pcOnly{
    display:none;
  }
    
.column2R #main{
  float:none;
  width:auto;
}
    section{
      width:100%;
      position:relative;
    }
    h2.contents-title{
    background: #ff7b00;
    color: #fff;
    padding: 5px;
    font-size: 3.7vw/*14px*/;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-weight: normal;
}
    
  section>.section-body{
    width:100vw;
    padding: 6.6vw;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    }
    
    /*メインビジュアル*/
    .main-visual .catch {
        font-size: 4.2vw/*16px*/;
        color: #36404a;
        line-height: 1.5;
        margin-top: 20px;
    }
    .main-visual h3 {
        text-align: center;
        color: #ff7b00;
        font-weight: bold;
        font-size: 9.3vw/*35px*/;
        line-height: 1.5;
        margin-top: 15px;
    }
    
    /*概要*/
    section.camp_outline{
        background:#ff7b00;
        text-align: center;
    }
    .camp_outline .catch{
    font-size: 5.3vw/*20px*/;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 10px;
      }
    .predent_txt {
        color: #fff;
        font-size: 9vw/*34px*/;
    }
     .predent_price {
        color: #fff;
        font-size: 20.8vw/*78px*/;
        font-weight: bold;
        line-height: 1;
        margin-bottom: 10px;
    }
    .predent_price span:first-child {
        color: #faff7a;
    }
    .predent_price span:last-child {
        font-size: 9vw/*34px*/;
        font-weight: normal;
    }
    .predent_period {
        padding: 10px;
        font-size: 4.8vw/*18px*/;
        background: #fff;
        font-weight: bold;
        color: #131313;
    }
    
    /*詳細*/
    section.camp_detail{
    }
    .detail_txt {
        line-height: 1.84;
        font-size: 3.7vw/*14px*/;
        color: #36404a;
        margin-bottom: 35px;
    }
    .cap_box {
        background: #ccc;
        font-size: 3.7vw/*14px*/;
        margin-bottom: 35px;
        height: 200px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .arrow_box{
        display: flex;
        /* align-items: center; */
        flex-direction:column;
        margin-bottom: 35px;
    }
    .arrow_box p{
        padding: 10px;
        width: 220px;
        background: #292637;
        font-size: 4.8vw/*18px*/;
        color: #fff;
        position: relative;
    }
    .arrow_box p:after{
        content: "";
        display: block;
        position: absolute;
        bottom: -73px;
        width: calc(100% - 20px);
        height: 48px;
        background: url(img/camp_amazonpay/icn_arrow.png) no-repeat 50% 50%;
    }
    .arrow_box p + p {
        margin-top: 98px;
    }
    .arrow_box p:last-child:after {
        content: none ;
    }
    
    .info_box {
        border: 1px solid #ff7b00;
        padding: 20px 15px 30px;
    }
    .info_box h3 {
        font-size: 6.4vw/*24px*/;
        letter-spacing: 0.01em;
        margin-bottom: 10px;
    }
    .info_box p {
        line-height: 1.84;
        font-size: 3.7vw/*14px*/;
    }
    .info_box p + h3 {
        margin-top: 30px;
    }
    
@media screen and (min-width: 480px) {
    
  .spOnly{
    display:none;
  }
  .pcOnly{
    display:block;
  }
    
/*reset*/
.column2R #main{
  float:none;
  width:auto;
}

    h2.contents-title{
    font-size: 14px;
    margin-top: 20px;
}
    
  section>.section-body{
    width:100%;
    padding: 20px;
    }
    
  /*メインビジュアル*/
    .main-visual .catch {
        font-size: 16px;
    }
    .main-visual h3 {
        font-size: 35px;
    }
    
/*概要*/
    .camp_outline .catch{
    font-size: 20px;
      }
    .predent_txt {
        font-size: 34px;
    }
     .predent_price {
        font-size: 78px;
    }
     .predent_price span:last-child {
        font-size: 34px;
    }
    .predent_period {
        font-size: 18px;
    }
    
/*詳細*/
    .detail_txt {
        font-size: 14px;
    }
    .cap_box {
        font-size: 14px;
    }
    
    .arrow_box{
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
    .arrow_box p{
        font-size: 18px;
    }
    /* .arrow_box p:after{
        right: -65px;
        width: 49px;
        height: 48px;
        bottom: 19%;
        transform: rotate( -90deg );
    }*/
    .arrow_box p + p {
        margin-top: 0;
        margin-left: 80px;
    }
     .info_box h3 {
        font-size: 24px;
        letter-spacing: 0.01em;
        margin-bottom: 10px;
    }
    .info_box p {
        font-size: 14px;
    }
}
 /*　追加　t*/


#ap_title{
	padding: 10px;
	width: 910px;
	background: #ff7b00;
	color: #fff;
	position: relative;
	margin: 1em 0 3em;
	text-align: center;
}
#ap_title h3 {
	font-size: 1.8em;
	color: #fff;
}
	
.img_sc{
	width:240px; 	
	}

@media screen and (min-width: 480px) {
    .arrow_box p{
        width: 220px;
        background: #292637;
        color: #fff;
        position: relative;
		font-size: 18px; /* 4.8vw */
		margin-right: 55px;
        padding: 10px;
    }
    .arrow_box p:after{
        content: "";
        display: block;
        position: absolute;
        width: 44px; /* calc(100% - 20px) */
        height: 48px;
		right: -48px;
        /* top: 100%; */
		bottom: -73px; 
        background: url(img/camp_amazonpay/icn_arrow.png) no-repeat 50% 50%;
        transform: rotate( -90deg );
    }
    .arrow_box p:last-child:after {
        content: none ;
    }
    .arrow_box p + p {
        margin-top: 0;
        margin-left: 80px;
    }
	.order {
	width:15px !important;
	height:110px;
	margin-right:0 !important;
	text-align: center;

}
}
@media screen and  (max-width:479px){
	.br_pc {display:none;} 
	
	#ap_title{
	padding: 10px;
	width: 95%;
	background: #ff7b00;
	color: #fff;
	position: relative;
	margin: 0 auto;
	bottom: 1.5em;
	text-align: center;
	}
	#ap_title h3 {
	font-size: 1.2em;
	color: #fff;
}
    .arrow_box{
		margin-bottom:5em;
		text-align:center;
    }
    .arrow_box p{
        padding: 10px;
        width: 90%;
        background: #292637;
        font-size: 1.2em;
        color: #fff;
        position: relative;
		margin: 0 auto;
		top:1em;
		text-align: center;
	    }
	.arrow_box p:after{background:none;}
    .arrow_box span:after{
        content: "";
        display: block;
        position: relative;
        height: 48px;
        background: url(img/camp_amazonpay/icn_arrow.png) no-repeat 50% 50%;
    }
    .arrow_box p + p {
        margin-top: 98px;
    }
    .arrow_box p:last-child:before {
        content: none ;
    }
	
	.order {
		padding: 10px;
        width: 90%;
        background: #292637;
        font-size: 1.2em;
        color: #fff;
        position: relative;
		margin:0 auto;
		text-align: center;
	}
	.img_sc{
		width: 90%;	
		border: 1px solid #aaa;

		margin: 0 auto;
		padding: 50px 10px 10px;
		margin-top: -29px;
	}
}

/*SFCC*/
#container a, #container a span {text-decoration: none;} 
@media screen and (max-width: 479px){       
#container{margin: 0 auto;width: auto;} 
#root,.breadCrumb{display: none;}
#container img{max-width: 100%;}     
}