@charset "UTF-8";
/*レスポンシブ対応-----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
タブレット
---------------------------------------------------------------------------- */
@media only screen and (max-width: 1119px) {
	 
	img { width:100%; height:auto; }

	
	.notes { text-align:left !important; }	
	.SP_Width {
	    padding:3% 3%;
	    width:94%;
	}
	.SP_Width.middle {
	    padding:0 3%;
	}	
	#cpinfo {
	    width:100%;
	    margin: 0;
	}	
	.contentsINNER {
	width: 100%;
	padding:2% 2%;
	    margin: 0;
	}

	.con {
	    margin: 0 auto;
	    width: 750px;
	}
	#cpinfo section {
	    /* margin: 0 0  30px 0!important; */
	    padding: 30px 0 0;
	    width: 100%;
	}
	
	.AppBTN,.ShimBTN {
	    margin:3% auto;
	    width: 94%;
		font-size: 1rem;
		height: 4.5rem;
		border-radius: 10px;
	}
	.AppBTN p {
	    margin: 0 auto;
	    width:100%;
	}
	.AppBTN p img {
	    width: 100%;
	}
	.AppBTN p.cordBTN {
	    margin:1% 0 0;
	}
	.txtBTN {	
	font-size: 1.25rem;
	}
	.frame {
	    margin:0 auto;
	}

	.frame .frame_bottom div.sp_box { width:94%; padding:2%; }
	
/* --------------------
ページタブ
-------------------- */
ul#headTab {
	display: flex;
	justify-content: center;
	align-items:flex-end;
	width: 98%;
	margin: 0 auto;
	border-bottom: 8px solid #000;
}
ul#headTab li {
	border: 2px solid #000;
	border-width: 2px 2px 0px 2px;
	border-radius: 10px 10px 0 0;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}
ul#headTab li:nth-child(1){
	padding: 16px 0;
}
ul#headTab li:nth-child(2){
	padding: 10px 0;
}
ul#headTab li {
	border: 3px solid #000;
	font-size: 14px;
}
	
	/* キャンペーン概要 ------------------------------ */
	table, tbody, tr, th, td {
	    display: block;
	}
	.cpinfoTtl a {
    display: block;
    -webkit-box-sizing: border-box;
       box-sizing: border-box;
    padding: 20px 20px 20px 20px;
    font-size: 0.85rem;
    line-height: 1.4;
    font-weight: bold;
    color: #333;
    position: relative; }
	
	.CP_gaiyo {
	    margin:0 auto;
	    padding-bottom:0%;
	    width: 100%;
	    border-bottom-right-radius: 15px;
	    border-bottom-left-radius: 15px;
	}
	.CP_gaiyo dt.cpinfoTtl {
		font-size: 1rem;
		text-align: left;
	}
	.CP_gaiyo td.plan dl {
	display: block;	
	}
	.CP_gaiyo td.plan dt {
    width:inherit;
	}
	.CP_gaiyo td.plan dd {
    width:inherit;
	padding-bottom: 10px;
	}
	.CP_gaiyo .CP_title {
	    width: 100%;	
	    position:relative;
	}
	.CP_gaiyo .CP_title p img,
	.CP_gaiyo .CP_title .txt{
	    width: 100%;
	}
	.CP_gaiyo table{
	    width:100%;
	    margin:3% auto 0;
	    text-align:left;
	    font-size:14px;
	    background: #fff;
	}
	.CP_gaiyo table td	{
	    /* width: 100%; */
	    padding: 10px;
	    border:none;
	    }
	.CP_gaiyo table tr{
	    margin-bottom: 10px;
	}
	.CP_gaiyo table td.title {
	    margin:0 0;
	    padding: 10px 0;
	    font-weight:bold;
	    width:100% !important;
	    background:#fff1d4;
	    text-align: center;
	}
	.CP_gaiyo table ul li{
	    margin-top:10px;
	}
	.CP_gaiyo .notes{
	    margin-bottom:0 !important;
	    width:100% !important;
	    font-size:12px !important;
	}
	.CP_gaiyo .CP{
	    padding-bottom: 0;
	}
	.CP_gaiyo .other .chuuibox{
	    width: 100%;
	}
	.CP_gaiyo .lead {
	width :auto;
	padding-bottom: 2em;
}

.cpinfoBody {
    padding: 0 1em; 
	}	


.kv {
		width:100%;
		/* padding-bottom: 1%; */
		/* margin-bottom: 4%; */
	}

#footConv ul{	width: 100%;	}

#topConv ul{
	width: 100%;
	padding-bottom: 10px;
	}




	/* --------------------
	h
	-------------------- */
	#cpinfo h2 {
		/* font-size: 1.875rem; */
		/* font-weight: bold; */
		/* color: #000; */
		/* padding:20px 0 40px; */
		/* line-height: 1.5; */
	}
	#cpinfo h2 strong {  
	  background: linear-gradient(transparent 60%, #FEE063 0%);
	  display: inline;
	  padding: 0 2px 8px; 
	  }

	#cpinfo h2 small {font-size: 1rem;}
	#cpinfo h2 em { font-size: 2.5rem;}

	
/* --------------------
	p1：おトク額
-------------------- */
	section#p1 {
	width: 100%;
	padding-bottom: 60px;
	}	
	#p1 section {width: 96%;}
#p1 .ttl {position: relative;width: 100%;margin: 0 auto;height: 260px;}
#p1 .ttl p:nth-child(1){
	width: 10%;
	position: absolute;
	top: -38px;
}
#p1 .ttl p:nth-child(2){
	width: 100%;
	margin: 0 auto;
}
#p1 .ttl  div {
	top: 9em;
}
#p1 h2 img {
    width: 560px;
    height: auto;
}
#p1 h3 {
width: 500px;
margin: 0 auto;
padding-bottom: 30px;
}
#p1 .price {
	border: 6px solid #BDE49E;
	border-radius: 20px;
	margin-top: 20px;
	padding: 30px;
	}
#p1 .price dl.cpwari dd{
	padding: 7px 30px 15px 30px;
}
#p1 .price dl.cpwari dt img{
	width:  75%;
	margin: 0 auto;
	padding: 10px 0;
}
#p1 .price dl.cpwari dd img {
	width:100%;
	margin: 0 auto;
	padding-bottom: 10px;
}
#p1 .price dl.cpwari dd,
#p1 .price dl.setwari dd,
#p1 .price dl.total dd{
    padding: 1em;
	}
#p1 .price dl.setwari dd p {
    font-size: 12px;
    text-align: left;
    padding-top: 10px;
}
#p1 .price dl.setwari dd img,
#p1 .price dl.total dd img{
	width:100%;
	margin: 0 auto;
	padding-bottom: 10px;
}
	#p1 .price .icon img {
	width: 20px;
}
	
	#p1 .p1_d dl,
#p1 .p1_g dl,
#p1 .p1_set dl,
#p1 .p1_op dl {
	border: 4px solid #000;
	border-radius: 20px;	
}
#p1 .p1_d dl dt{
	border-radius: 20px  20px 0 0;
	padding: 5px 0 5px;
}
#p1 .p1_g dl dt{
	border-radius: 20px  20px 0 0;
	padding: 5px 0 5px;
}
#p1 .p1_set dl dt,
#p1 .p1_op dl dt{
	border-radius: 20px  20px 0 0;
	position: relative;
	height: 85px;
}

#p1 .p1_set dl dt img,
#p1 .p1_op dl dt img {
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	top: -20px;
}
#p1 .p1_d dl dt img {width: 80%;}
#p1 .p1_g dl dt img {width: 80%;}
#p1 .p1_set dl dt img {width: 96%;}
#p1 .p1_op dl dt img {width: 80%;}

#p1 .p1_d dl dd,
#p1 .p1_g dl dd,
#p1 .p1_set dl dd,
#p1 .p1_op dl dd {
	/* background: #fff; */
	padding: 20px 40px;
	border-radius: 0 0 20px  20px;
}
#p1 .p1_d dl dd p:nth-child(1) {
	background: #FFFBD8;
	border-radius: 15px;
	padding: 15px 0;
	margin-bottom: 20px;
}
#p1 .p1_d dl dd p:nth-child(2) {margin-bottom: 20px;}

#p1 .p1_d dl dd p:nth-child(3),
#p1 .p1_set dl dd p:nth-child(2),
#p1 .p1_op dl dd p:nth-child(3){
	font-size: 14px;
	text-align: left;
}
#p1 .p1_g dl dd p:nth-child(1) {
	background: #E7FBFC;
	border-radius: 10px;
	padding: 10px 0;
	margin-bottom: 10px;
}
#p1 .p1_op dl dd p:nth-child(1),
#p1 .p1_set dl dd p:nth-child(1){
	background: #F0F7E2;
	border-radius: 15px;
	padding: 15px 0;
	margin-bottom: 20px;
}

#p1 .p1_d dl dd p:nth-child(1) img {width: 80%;}
#p1 .p1_g dl dd p:nth-child(1) img {width: 90%;}
#p1 .p1_set dl dd p:nth-child(1) img {width: 90%;}
#p1 .p1_op dl dd p:nth-child(1) img {width: 90%;}

#p1 .p1_op dl dd ul {
	display: block;
	justify-content: space-around;
}
#p1 .p1_op dl dd ul li {
	width: 100%;
	display: block;
}
#p1 .p1_op dl dd ul li p {
	font-size: 12px;
	text-align: left;
	line-height: 1.8;
	padding: 20px 0;
}
#p1 .p1_op dl dd ul li img {width: 90%;padding-bottom: 20px;}
	#p1 .gOtoku {
    margin-bottom: 23px;
}
#p1 .gOtoku h5 {
    font-size: 0.88rem;
    padding: 0.8rem 0;
}
#p1 .gOtoku ul {
    display: flex;
    margin: 0 auto;
}
#p1 .gOtoku ul li {
    background: #fff;
    width: 45%;
    padding: 10px;
    margin: 0;
    display: block;
    border-radius: 10px;
    font-size: 0.75rem;
}	
#p1 .gOtoku ul li img {
    width: 100% !important;
	height: auto;
}
.col1DetailColImg {
	margin: 0 auto;
}
.Famttl {
	text-align: left;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}
	.slick-arrow {
    position: absolute;
    /* top: 50%; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}
	
/* --------------------------------------
point2：おトク額
-------------------------------------- */
section#p2 {
	/* background: #C9F2EA; */
	width: 100%;
	/* padding: 0 10px; */
}
#p2 h3 {
width: 400px;
margin: 0 auto;
padding-bottom: 30px;
}
#p2 .ttl {position: relative;width: 100%;margin: 0 auto;height: 230px;}
#p2 .ttl  div {
	position: absolute;
	top: 10em;
	left: 50%;
	transform: translateX(-50%);
}
#p2 .cont {
	width: 96%;
	margin: 0 auto;
	padding-bottom: 80px;
}
	#p2 .cont .lead img {width: 60%;}
#p2 .cont p:nth-child(2) {
font-size: 16px;
	padding: 40px 0 20px;
}
#p2 dl {
	background: #fff;
	border-radius: 20px;
	padding: 70px 50px 0px 50px;
	margin-top: 60px;
}
#p2 dl dt {
	top:-38px;
	left: 50%;
	transform: translateX(-50%);
}
#p2 dl dt img {
	width: 580px;
}
#p2 dl dd {
	text-align: left;
}
#p2 dl ul {
	display:flex;
 	justify-content:space-between;
}
#p2 dl ul li img {
	  width: 100%;
  height: auto;
}
#p2 dl.c1 ul li:nth-child(1),
#p2 dl.c2 ul li:nth-child(1),
#p2 dl.c3 ul li:nth-child(1){
	width: 70%;
}
#p2 dl ul li:nth-child(2){
	width: 25%;
}
#p2 dl ul li p{
	font-size: 16px;
	margin-top: 20px;
}	
/* --------------------------------------
おすすめ
-------------------------------------- */
section#osusume {
	/* background: #C9F2EA; */
	padding-bottom: 40px;
	margin-bottom: 0;
}
#osusume h2 img {width: 70%;padding-bottom: 10px;}
#osusume div:nth-child(2) {
	position: relative;
	background: #fff;
	border-radius: 15px;
	padding: 10px 40px 5px 40px;
}
#osusume h3 img {
	position: absolute;
	top:-30px;
	left: 50%;
	transform: translateX(-50%);
	width: 85%;
}
#osusume ul {
	padding-top: 50px;
}
#osusume ul li {
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
#osusume ul li img {
	width: 70%;
}
	

	/* --------------------------------------
選ばれるヒミツ
-------------------------------------- */
#Himitsu {
}
#Himitsu h2 img {width: 100%;}
ul#kantan {display: inline-flex;justify-content: space-between;width: 100%;margin: 20px 0 30px;}
ul#kantan li {
	border: 3px #E2E2E2 solid;
	border-radius: 10px;
	background: #fff;
	width:  31%;
	position:relative;
	padding: 0;
}
ul#kantan li img:nth-child(1) {
	width: 30%;
	height: auto;
	position: absolute;
	top: -30px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
ul#kantan li img:nth-child(2) {
	width:75%;
	height: auto;	
 	margin: 0 auto;
	padding: 70px 0 20px 0;
	text-align: center;
}
ul#kantan li.first img:nth-child(2) {
	width:90%;
	height: auto;	
 	margin: 0 auto;
	padding: 70px 0 20px 0;
	text-align: center;
}
ul#kantan li p {
	display: block;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
}
	
.details-content {
    padding: 20px;
}
	.details-content ul.nashi li p {
    font-size: 1rem;
}	
	.close-btn img {width: 180px;}
	
#Himitsu .offer { margin:20px 0 0 0;}
	
	/* --------------------------------------
	終了コメント
	-------------------------------------- */
	.EndCopy p {
		margin: 10px auto;
		display: inline-block;
		color: #fff;
	}
	.EndCopy {
		font-size: 1rem;
		/*margin: 1em ; */
	}

	
	}





/* ----------------------------------------------------------------------------
SP
---------------------------------------------------------------------------- */

@media only screen and (max-width: 750px) {
	.pc { display:none; }
	.sp { display:block; }
	.con {
		width: 95%;
	}
	
	#cpinfo section {
	    /* margin:  30px 0  30px 0!important; */
	    /* padding: 0; */
	}

   
	
/* --------------------
	お申し込みボタン
	-------------------- */
	.AppBTNarea {
	padding: 20px 0;
}
	.AppBTN {
		margin:2% auto;
		width:100%;
		padding: 15px 0;
		font-size: 0.7rem;
		height: 4rem;
	}
	.ShimBTN {
		margin:2% auto;
		width:100%;
		padding: 15px 0;
		font-size: 0.7rem;
		height: 4rem;
	}
	.AppBTN .fas, .ShimBTN .fas {    
    right: 6px;    
	}
	.txtBTN {	
	font-size: 1rem;
	}
	.AppBTN .fas, .ShimBTN .fas, .DetailBTN .fas {
    position: absolute;
    right: 10px;
    top: calc(85% - 9px);
}
	/* --------------------
ページタブ
-------------------- */
ul#headTab {
	display: flex;
	justify-content: center;
	align-items:flex-end;
	width: 98%;
	margin: 0 auto;
	border-bottom: 4px solid #000;
}
ul#headTab li {
	border: 3px solid #000;
	font-size: 11px;
	border-radius: 15px 15px 0 0;	
}
ul#headTab li:nth-child(1){
	padding: 15px 0;
}
ul#headTab li:nth-child(2){
	padding: 10px 0;
}

ul#headTab li img {height: 28px;}
ul#headTab li:nth-child(2):hover{
	text-decoration: none;
	opacity: .95;
  	cursor: pointer;
}
	/* --------------------
	h
	-------------------- */
	#cpinfo h2 {
		font-size: 1.4rem;
		font-weight: bold;
		color: #000;
		/* padding: 1em 0 1em 0; */
		line-height: 1.5;
	}
	#cpinfo h2 strong {  
	  background: linear-gradient(transparent 60%, #FEE063 0%);
	  display: inline;
	  padding: 0 2px 8px; 
	  }
	#cpinfo h2 span.small {font-size: 1.25rem;}
	#cpinfo h3   {font-size: 1.15rem; padding: 0;}
	
	#cpinfo h2 em { font-size: 2.5rem;}
	
	/* --------------------------------------
CP特典
-------------------------------------- */
section#tokuten {
	/* background: #B3D576; */
	padding: 60px 0 20px;
	/* margin-bottom: 0; */
}
#cp1{
	border: 6px solid #00C18F;
	border-radius: 15px;
	background: #fff;
	position: relative;
	padding: 60px 10px 0 10px;
	margin-bottom: 10px;
}
#cp1 p.badge{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 9;
}
#cp1 p.badge img {width: 60px;}
#cp1 h2 {
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
}
#cp1 h2 img {width: 290px;}
#cp1 p:nth-child(4) {
	font-size: 14px;
	padding-top: 20px;
}

/* --------------------------------------
おすすめ
-------------------------------------- */
section#osusume {
	/* background: #C9F2EA; */
	padding-bottom: 40px;
	margin-bottom: 0;
}
#osusume h2 img {width: 80%;padding-bottom: 10px;}
#osusume div:nth-child(2) {
	position: relative;
	background: #fff;
	border-radius: 15px;
	padding: 10px 10px 5px 10px;
}
#osusume h3 img {
	position: absolute;
	top:-30px;
	left: 50%;
	transform: translateX(-50%);
	width: 96%;
}
#osusume ul {
	padding-top: 20px;
}
#osusume ul li {
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
#osusume ul li img {
	width: 100%;
}


	
/**/
section#p1 {
	margin: 0% 0 0px 0 !important;
	padding-bottom: 80px;
}
#p1 .ttl {position: relative;width: 100%;margin: 0 auto;height: 210px;}
#p1 .ttl p:nth-child(1), #p2 .ttl p:nth-child(1){
	width: 12%;
	position: absolute;
	top: -35px;
}
#p1 .ttl p:nth-child(2){
	width: 100%;
	margin: 0 auto;
}
#p1 .ttl  div {
	position: absolute;
	top: 4.5em;
	left: 50%;
	transform: translateX(-50%);
	width: 95%;
}
#p1 .ttl  h2 {
 	padding-bottom: 0px;
	position: absolute;
	top:-50px;
	left: 50%;
  transform: translateX(-50%);
}
#p1 h2 img,#p2 h2 img {
 	width: 290px;
 	height: auto;
}
#p1 h3 {width: 100%;margin: 0 auto;padding-bottom: 20px;}
#p1 .price {
	 padding: 1em;
	}
#p1 .price dl.cpwari dt img
	{
	width: 90%;
	margin: 0 auto;
	padding: 8px 0;
}
#p1 .price dl.setwari dt img{
	width: 50%;
	margin: 0 auto;
	padding: 8px 0;
}
#p1 .price dl.total dt img{
	width: 35%;
	margin: 0 auto;
	padding: 8px 0;
}
#p1 .price dl.cpwari dd,
#p1 .price dl.setwari dd,
#p1 .price dl.total dd{
    padding: 1em;
 }

#p1 .price dl.setwari dd img,
#p1 .price dl.total dd img{
	width:100%;
	margin: 0 auto;
	padding-bottom: 0px;
}
	#p1 .price .icon img {
	width: 20px;
	padding: 2px 0;
}
	#p1 section {width: 100%;
        padding: 2% 2%;
        margin: 0;}
.kakomi {
	padding: 1.25rem;
}

.Famttl {
    padding-bottom: 1rem;
    margin-bottom: 20px;
    display:block;
}
.Famttl dd {
    font-size: 0.8rem;
}
.Famttl p {
	text-align: center;
	padding: 1rem 0 0 0;
}
.Famttl p img {
    height: auto;
    width: 90%;
}

	/* Slick Slide */
.tabSlider {
            width: 100%;
            margin: 0px auto;
        }       
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 25px;
}
.prev-arrow {
  left: -30px;
}
.next-arrow {
  right: -30px;
}
	.slick-arrow {
    position: absolute;
    /* top: 50%; */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}


/**/
#step3 ul#kantan {
	display: block;
}
#step3 ul#kantan li {
    width: 96%;
    position: relative;
    padding: 0 0 1rem 0;
    margin: 0 auto 2.5rem;
}
#step3 ul#kantan li:last-child {
 	margin-bottom: 0px;
 }
#step3 p.chu {
    padding: 1rem 0 2rem 0;
}
#step3 ul#kantan li img:nth-child(1) {
    width: 25%;
    top: -2rem;
}
#step3 ul#kantan li img:nth-child(2) {
    width: 50%;
    padding: 70px 0 10px 0;
}
#step3 ul#kantan li p {
    font-size: 1.5em;
}


/**/
ul.dgArea {
    font-size: 0.88rem;
    display: block;
}
ul.dgArea li {
    padding-left: 0;
	padding-bottom: 0.5rem;
}
#tabArea .tabNav {
    margin-bottom: 1.25rem;
}

#tabArea .tabNav li {
    font-size: 0.88rem;
    min-width: 0px;
    width: 46%;
}
#tabArea .tabNav li a{
	 padding:0.5rem 0;
	 line-height: 1.5;
}
#tabArea .tabNav li.active a {
     padding: 0.75rem 0;
}
#tabFam .tabNav li.active a {
    padding: 1rem 0;
}
.details-summary {
	padding: 1rem; 
	font-size: 1rem;
	}
.details-content { 
	padding:1rem; 
	}
	#tabFam .tabNav li {
    font-size: 0.75rem;
   min-width: 0;
   width: 32%;
	box-sizing:border-box;
}
#tabFam .tabNav li a {
    padding: 15px 0;
    border-radius: 10px 10px 0 0;
}
	.details-content p.mi {
    padding-bottom: 0.5rem;
    font-size: 1rem;
    display: inline-block;
}
.Famttl dt {
    font-size: 1.4rem;
    padding-bottom: 0.75rem;
}

.details-content p {
    font-size: 0.88rem;
}
.details-content .sttl {
	width: 100%;
	height: auto;
}
.details-content ul.dFig {
    display: block;
    margin-top: 1rem;
}
.details-content ul.dFig li {
    width: 100%;
	margin-bottom: 1rem;
}
.details-content p {
    margin: 0 0 10px;
	}	
	.DetailBTN {
   font-size: 0.78rem;
}
#p1 .p1_d dl,
#p1 .p1_g dl,
#p1 .p1_set dl,
#p1 .p1_op dl {
	border: 4px solid #000;
	border-radius: 20px;	
}
#p1 .p1_d dl dt{
	border-radius: 20px  20px 0 0;
	padding: 5px 0 5px;
}
#p1 .p1_g dl dt{
	border-radius: 20px  20px 0 0;
	padding: 5px 0 5px;
}
#p1 .p1_set dl dt,
#p1 .p1_op dl dt{
	border-radius: 20px  20px 0 0;
	position: relative;
	height: 50px;
}

#p1 .p1_set dl dt img,
#p1 .p1_op dl dt img {
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
}
#p1 .p1_d dl dt img {width: 96%;}
#p1 .p1_g dl dt img {width: 90%;}
#p1 .p1_set dl dt img {width: 96%;}
#p1 .p1_op dl dt img {width: 96%;}

#p1 .p1_d dl dd,
#p1 .p1_g dl dd,
#p1 .p1_set dl dd,
#p1 .p1_op dl dd {
	padding: 20px 10px;
	border-radius: 0 0 20px  20px;
}
#p1 .p1_d dl dd p:nth-child(1) {
	border-radius: 15px;
	padding: 15px 0;
	margin-bottom: 20px;
}
#p1 .p1_d dl dd p:nth-child(2) {margin-bottom: 20px;}

#p1 .p1_d dl dd p:nth-child(3),
#p1 .p1_set dl dd p:nth-child(2),
#p1 .p1_op dl dd p:nth-child(3){
	font-size: 14px;
	text-align: left;
}
#p1 .p1_g dl dd p:nth-child(1) {
	border-radius: 15px;
	padding: 15px 0;
	margin-bottom: 20px;
}
#p1 .p1_op dl dd p:nth-child(1),
#p1 .p1_set dl dd p:nth-child(1){
	border-radius: 15px;
	padding: 15px 0;
	margin-bottom: 20px;
}

#p1 .p1_d dl dd p:nth-child(1) img {width: 100%;}
#p1 .p1_g dl dd p:nth-child(1) img {width: 100%;}
#p1 .p1_set dl dd p:nth-child(1) img {width: 90%;}
#p1 .p1_op dl dd p:nth-child(1) img {width: 100%;}

#p1 .p1_op dl dd ul {
	display: block;
	justify-content: space-around;
}
#p1 .p1_op dl dd ul li {
	width: 100%;
	display: block;
}
#p1 .p1_op dl dd ul li p {
	font-size: 12px;
	text-align: left;
	line-height: 1.8;
	padding: 20px 0;
}
#p1 .p1_op dl dd ul li img {width: 100%;}
	#p1 .gOtoku {}
#p1 .gOtoku h5 {
    font-size: 0.88rem;
    padding: 0.8rem 0;
}
#p1 .gOtoku ul {
    display: block;
    margin: 0 auto;
}
	
#p1 .gOtoku ul li {
    width: 90%;
    padding: 10px;
    margin: 0 auto;
    display: block;
    font-size: 0.75rem;
	margin-bottom: 10px;
}
#p1 .gOtoku ul li img {
    width: 100% !important;
	height: auto;
}
.details-content ul.nashi,.details-content ul#kantan {
    display: block;
    margin: 0.5rem 0;
}
.details-content ul.nashi li, .details-content ul#kantan li{
    width: 100%;
    padding-top: 1.5rem;
    margin: 10px 0;
    font-size: 1.25rem;
}
.details-content ul.nashi li img {
    width: 40%;
}
.details-content .anshin {
    padding: 0 0.75rem;
	margin-bottom: 1rem;
}
	.details-content .close-btn {
    padding: 6px;
}
.details-summary .btn:before, .details-summary .btn:after {
        content: "";
     width: 22px;
    height: 22px;
    background: url(/gas/info-cp/25spring-card/img/ico_toggle.svg) no-repeat center top #000;
   -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
	border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
}
.details-summary .btn:before {
      content: "";
      width: 22px;
    height: 22px;
    background: url(/gas/info-cp/25spring-card/img/ico_toggle.svg) no-repeat center bottom #000;
   -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
	border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
}
.details-summary.is-active .btn {
     content: "";
      width: 22px;
    height: 22px;
    background: url(/gas/info-cp/25spring-card/img/ico_toggle.svg) no-repeat center bottom #000;
   -webkit-background-size: 100% 200%;
    background-size: 100% 200%;
	border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
}
.details-content .close-btn img {
	width: 40%;
	height: auto;
}

	
/* --------------------------------------
point2：おトク額
-------------------------------------- */
section#p2 {
	width: 100%;
	padding: 10px 0;
	}
#p2 h3 {width: 250px;margin: 0 auto;padding-bottom: 50px;}
#p2 .ttl {position: relative;width: 100%;margin: 0 auto;height: 110px;}
#p2 .ttl  div {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
}
#p2 .cont {
	width: 96%;
	padding-bottom: 30px;
}
	#p2 .cont .lead img {
        width: 85%;
    }
#p2 .cont p:nth-child(2) {
	font-size: 16px;
	padding: 20px 0 20px;
}
#p2 dl {
	/* position: relative; */
	/* border: 4px solid #1CB796; */
	/* background: #fff; */
	/* border-radius: 20px; */
	padding: 20px;
	margin-top: 60px;
}
#p2 dl dt {
	position: absolute;
	top:-25px;
	left: 50%;
	transform: translateX(-50%);
}
#p2 dl dt img {
	width: 300px;
}
#p2 dl dd {
	text-align: left;
	padding-top:20px;
}
#p2 dl ul {
	display: block;
	/* width: 100%; */
}
#p2 dl ul li img {
	  width: 100%;
	  height: auto;
	  margin: 0 auto;
}
#p2 dl ul li:nth-child(2) img {
	  width: 50%;
	  height: auto;
	  margin: 0 auto;
	  display: block;
	  padding-top: 20px;
}
#p2 dl.c1 ul li:nth-child(1){
	width: 100%;
}
#p2 dl.c3 ul li:nth-child(1){
	width: 100%;
}
#p2 dl ul li:nth-child(2){
	width: 100%;
}
#p2 dl ul li p{
	font-size: 16px;
	margin-top: 20px;
}

	
	
	
/* --------------------------------------
選ばれるヒミツ
-------------------------------------- */
#Himitsu {
}
#Himitsu h2 img {width: 100%;}
ul#kantan {display: inline-flex;justify-content: space-between;width: 100%;margin: 50px 0 30px;}
ul#kantan li {
	border: 3px #E2E2E2 solid;
	border-radius: 10px;
	background: #fff;
	width:  31%;
	position:relative;
	padding: 0 0 20px 0;
}
ul#kantan li img:nth-child(1) {
	width: 20%;
	height: auto;
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
}
ul#kantan li img:nth-child(2) {
	width:75%;
	height: auto;
	margin: 0 auto;
	padding: 50px 0 10px 0;
	text-align: center;
}
ul#kantan li.first img:nth-child(2) {
	width:90%;
	height: auto;	
 	margin: 0 auto;
	padding: 70px 0 20px 0;
	text-align: center;
}
ul#kantan li p {
	display: block;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
}
#Himitsu .offer { margin:20px 0 0 0;}
	
	
/* --------------------
FAQ
-------------------- */
#FAQ h2 img {
	width: 50%;
	}
#FAQ dt a:before {
    width: 2rem;
    height: 2rem;
    left: 0.75rem;
    top: 1.5rem;
    margin-top: -0.75rem;
}
#FAQ dt {
    font-size: 1rem;
    padding: 1em 2rem 1rem 3.2rem;
}
#FAQ dt.toggleBtn:before {
    right: 0.75rem;
	}
#FAQ dd {
    padding: 0.75rem;
}
#FAQ dd p.ans:before {
    width: 2rem;
    height: 2rem;
}
#FAQ dd p.ans {
    font-size: 1rem;
    padding: 1rem 1rem 1.25rem 3rem;
}
    #FAQ dd p.ans {
        font-size: 1rem;
        padding: 0.75rem 0 1.25rem 2.5rem;
    }
#FAQ ul#kikan {
    display: block;
    box-sizing: border-box;
    text-align: center;
}
#FAQ ul#kikan img {
	height: inherit;
	width: inherit;
}
#FAQ ul#kikan li.D {
    width: 100%;
    padding: 1.5rem;
	box-sizing: border-box;
	border-radius: 10px 10px 0 0;
}
#FAQ ul#kikan li.G {
    width: 100%;
    padding: 1.5rem;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px ;
}
#FAQ dd p.sub {
         margin: 0 0 1rem 0;
		 font-size: 0.88rem;
	}
	#FAQ dd ul {
    margin-left:0;
}
#FAQ dd ul li {
    font-size: 0.88rem;
    padding-bottom: 0.5rem;
}
#FAQ ul#kikan li.D div ,#FAQ ul#kikan li.G div {
    background: #FFF;
    padding: 0.75rem;
    margin-bottom: 0.85rem;
    font-size: 1rem;
}


	/* --------------------
	globalHeader
	-------------------- */	
#globalHeader {
display: block;
height: 70px;
padding: 12px 0 0 15px;
}
#globalHeader ul {
display:flex;
width: auto;
margin:5px 0 0 30px;
justify-content: left;
}
#globalHeader ul li:nth-of-type(1) a,
#globalHeader ul li:nth-of-type(2) a{
    display: block;
    width: 120px;
    height: auto;
    text-align: center;
    padding: 5px 0;
    position: relative;
	margin-right: 5px;
}
#globalHeader ul li img {
	height: 13px;
	width: auto; 
	}



	/* --------------------
	固定フッタ
	-------------------- */	
#footConv ul,
#topConv ul{
	width: 100%;
	}
#footConv p {
 font-size: 0.65rem;
 font-weight: bold;
}
#footConv ul  li ,
#topConv ul  li {
margin:2% 1% 1%;


}

/* ouchiLink */
  .footerOuchi {
    padding: 15px 0;
  }
  .footerOuchi .footerOuchiIn {
    max-width: 730px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
  }
  .footerOuchi .footerOuchiTtl {
    max-width: 400px;
    width: 60%;
    margin: 0 auto 10px;
  }
  .footerOuchi .footerOuchiLink {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .footerOuchi .footerOuchiLink li {
    width: 49%;
  }
  .footerOuchi .footerOuchiLink li a {
    display: block;
    width: 100%;
    height: auto;
  }
  .footerOuchi .footerOuchiLink li a:after {
    font-size: 0.75rem;
    margin-top: -6px;
    right: 10px;
  }
  .footerOuchi .footerOuchiLink li a.pdf:after {
    font-size: 0.88rem;
    margin-top: -7px;
    right: 10px;
  }
  .footerOuchi .footerOuchiLink li:not(:last-child) {
    margin-right: 0;
  }
  .footerOuchi .footerOuchiLink li:nth-child(odd) {
    margin-right: 2%;
  }
  .footerOuchi .footerOuchiLink li:nth-child(n+3) {
    margin-top: 10px;
  }
   

footer #globalFooter{
padding: 23px 0;
}
	
	} /* @media only screen and (max-width: 750px) */
	@media only screen and (max-width: 769px) {
		section#medal br.pc{
			display: none;
		}

} /* @media only screen and (max-width: 750px) */