@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  0px 0!important;
		padding: 30px 0 0 ;
	}
	
	.AppBTN,.ShimBTN {
	    margin:3% auto;
	    width: 94%;
	}
	.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%; }
	
	/* オレンジ色 */
	.Orange.frame {
	    width:100%;
	    margin:0 auto;
	}
	.Orange.frame .frame_bottom {
	    padding-bottom:0;
	}

	
	/* キャンペーン概要 ------------------------------ */
	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 .CP_title {
	    width: 100%;
	    position:relative;
	}
	.CP_gaiyo table{
	    width:100%;
	    margin:3% auto 0;
	    text-align:left;
	    font-size:14px;
	    background: #fff;
	}
	.CP_gaiyo table td	{ 
	    width:90%; padding:5%; border:none;
		}
	.CP_gaiyo table tr{
	    margin-bottom:5%;
	}
	.CP_gaiyo table td.title {
	    margin:0 0;
	    padding:2% 0;
	    font-weight:bold;
	    width:100% !important;
	    background:#fff1d4;
	    text-align: center;
	}
	.CP_gaiyo table td.title2{
	    margin:0 0;
	    padding:2% 0;
	    font-weight:bold;
	    width:100%;
	    text-align: center;
	    background:#e4f8ff;
	}
		.CP_gaiyo table td.title3 {
	    margin:0 0;
	    padding:2% 0;
	    font-weight:bold;
	    width:100%;
	    text-align: center;
	    background:#F0F8E7;
	}
	.CP_gaiyo table td.subTtl {
	    margin:0 0;
	    padding:2% 0;
	    font-weight:bold;
	    width:100%;
	    text-align: center;
		border-bottom: 1px solid #999999;	 
	}
	.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: 1%;
	}
#footConv ul {
	width: 100%;
	}
	
	
/* --------------------------------------
ポイント
-------------------------------------- */
.point {
	width: 100%;
	padding: 0 ;
	margin: 60px 0 ;
}
.box {
	margin-bottom: 1em;
}
.box-title,
.box-title2,
.box-title3
{
	position: relative;
	top:1.5rem;    
    background-color:none;
	display:block;
	width: inherit;
}
.box h3 {
margin: 0;
}
.pointKanto h4 {
	display:block;
	position: relative;
	top:3rem;   
}
.box-body {
	padding: 1em;
}
.box-body2 {
	padding: 1.2em;
}
.box-body3 {
	padding: 1em;
}
.box-inner {
	margin-top: 3rem;	
	padding: 1rem;
}
.point .anshin ul li:nth-of-type(1),
.point .anshin ul li:nth-of-type(2)  {
    font-size:1rem; 
	width: auto;
	margin: 1.5em 0;
}
.point .anshin ul li:nth-of-type(3)  {
    font-size:1rem; 
	width: auto;
	margin: 0.5em 0 1.5em;;
}
.point .anshin li{
	font-size:0.9rem; 
}
.point .anshin li span,
.point .kantan .box-R li span, .point .kantan .box-L li span {
	font-size:1.4rem; 
}
.point .anshin p {
	font-size: 0.8rem;
}
.point .kantan li {
    font-size:1rem; 
    position:relative;
	display: block;
	margin-top: 10px
}
.point .kantan p.chu {
padding: 2em 0;
display:block;
max-width: initial;
box-sizing: border-box;
}
.point .kantan {
	display: inline-block;
	padding: 1em 0;
}
.point .kantan .box-L::after  {
	width: 0px; 
}
.point .kantan .box-R {
	flex-grow: 1; 
	position: relative; 
}


	/* --------------------
	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;}
	.tab-content h3 {
		font-size: 1.25rem;
		font-weight: bold;
		color: #000;
		border-bottom: 3px solid #000;
		margin: 10px 0 20px;	
	}
	#cpinfo h2 em { font-size: 2.5rem;}
	
	/* --------------------
	オファー
	-------------------- */	
	.offer_dg {margin-bottom: 20px;
	}
	
	/* --------------------------------------
	終了コメント
	-------------------------------------- */
	.EndCopy p {
		margin: 10px auto;
		display: inline-block;
		color: #fff;
	}
	.EndCopy {
		font-size: 1rem;
		margin: 1em ; 
	}
	
	/* --------------------
	MAP
	-------------------- */		
	@media (max-width: 1020px) and (min-width: 768px) {
		.colAreachoiceLinkWrap {
		position: relative;
    	top: 0%;
	 	left: 50%;
	  	transform:  translateX(-50%);
	  	-webkit- transform:  translateX(-50%);
		z-index: 3;
		width: 560px;
	}
		.colAreachoiceMapImg {
			top:72%;
			width: 60%;
		}
	}
	.colAreachoiceLinkOuter { 
	justify-content:flex-start;
	
	}
	
	/* --------------------
	タブ切り替え
	-------------------- */	
	.tab-wrap {
  	margin:20px 0;
}
	.tab-labelD,.tab-labelG {
		width: 36%;
		font-size: 0.75rem;
		padding: 0.7em .5em;
	}
	
	/* --------------------
	tab 電気+ガス　電気のみ
	-------------------- */	
		.orBase ,.orBase2 ,.blBase {
	padding: 0 ;
	}
	.orBase ul.tit {
	display:flex;
	justify-content: center;
	align-items: center;
  
}.orBase ul.tit li   {
padding:  0.75rem;
margin: 0;
}
.orBase ul.tit li:nth-of-type(1) img {
display: block;
 height: 80px; 
 width: auto;
}
.orBase ul.tit li:nth-of-type(2) {
font-size: 1.4rem;
font-weight: bold;
}
.orBase ul.tit li:nth-of-type(3) {
font-size: 0.85rem;
}


	}




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

@media only screen and (max-width: 750px) {
	.pc { display:none; }
	.sp { display:block; }
	.con {
		width: 95%;
	}

	#cpinfo section {
	    margin: 0 0  0px 0!important;
		padding: 0 ;
	}
	.contentsINNER .read {
		font-size:1rem;
		padding-bottom: 10px;
	text-align: left;}
	
	/* --------------------
	KV
	-------------------- */
	.kv {
		width:100%;
		padding-bottom: 1%;
		margin-bottom: 1%;
	}

	
	/* --------------------
	お申し込みボタン
	-------------------- */
	.AppBTNarea {
	padding: 20px 0;
}
	.AppBTN,.ShimBTN {
		margin:2% auto 5% ;
		width: 98%;
		padding: 15px 0 ;
		font-size: 0.75rem;		
	}
	.AppBTN .fas, .ShimBTN .fas {    
    right: 6px;    
	}
	.txtBTN {	
	font-size: 1rem;
	}
	
	/* --------------------
	h
	-------------------- */
	#cpinfo h2 {
		font-size: 1.5rem;
		font-weight: bold;
		color: #000;
		padding: 1em 0 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.2rem;}
	#cpinfo h3   {font-size: 1.2rem;}
	.tab-content h3 {
		font-size: 1.25rem;
		font-weight: bold;
		color: #000;
		border-bottom: 3px solid #000;
		margin: 10px 0 20px;	
	}
	#cpinfo h2 em { font-size: 2.5rem;}
	



	/* --------------------
	map
	-------------------- */	
	#map {}
	
	.colAreachoiceIn {
		height: auto;
	}

	.colAreachoiceLinkWrap {
		margin: 0 auto;
		max-width: 95% !important;
		position: static;
		justify-content: center;
		display: flex;
	}
	.colAreachoiceIn .fu {
		position: absolute;		
		top: -12%;
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
	}
	.colAreachoiceLinkOuter {  
		z-index: 2;
		pointer-events: none; 
		width: 100%;
		margin: 17% 0 3%;
	}
	.colAreachoiceLink {
		width: 50%;
		height: auto;
		text-align: left;
		pointer-events: all; 
	}
	.colAreachoiceLink a {
    width: 95%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    color: #000000;
    letter-spacing: 0.05em;
    line-height: 1.3;
    padding: 15px 0 15px 0px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    margin: 0 8px 15px;
    text-align: center;
}
	.colAreachoiceLink:last-child {
		margin-right :auto;
	}
    .colAreachoiceLink a .area {
		font-size: 1rem;
		font-weight: bold;
		display: inline-block; 
	}
    .colAreachoiceLink a .corp {
		font-size: 0.75rem;
		display: inline-block;
		margin-left: -8px; 
	}
    .colAreachoiceLink a .fas {      
		font-size: 0.88rem;
		right: 5px;
		top: calc( 50% - 7px); 
		position: absolute;    
	}

	
	/* --------------------
	tab 電気+ガス　電気のみ
	-------------------- */	
	.orBase ul,
	.orBase2 ul{
	display: inline-flex;
justify-content: space-around;
	width: 100%;
	}
	.orBase ul li,
.orBase2 ul li {
	padding-bottom: 10px;
	margin-left: 0;
}
	.orBase,.orBase2 {
	padding: 10px 0;
	}
	.sim_bg .fu img {
	margin: 0 auto;
	max-width: 350px;
	}
.orBase ul.tit {
	border-bottom: 4px solid #000;
	margin-bottom: 20px;
	display:block;
	justify-content: center;
	align-items: center;
  
}.orBase ul.tit li   {
padding: 0 0 0.5rem;
}
.orBase ul.tit li:nth-of-type(1) img {
display: inline-block;
 height: 80px; 
 width: auto;
}
.orBase ul.tit li:nth-of-type(2) {
font-size: 1.4rem;
font-weight: bold;
}
.orBase ul.tit li:nth-of-type(3) {
font-size: 1rem;
}

	/* --------------------
	ポイント
	-------------------- */	
.point .kantan {
        display: block;
        padding: 1em 0;
    }
    .point .anshin ul li:nth-of-type(1),
	.point .anshin ul li:nth-of-type(2),
	.point .anshin ul li:nth-of-type(3) {
	box-sizing: border-box;
	}

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


    .footerOuchi .footerOuchiLink .footerOuchiLinkGas img {
        max-width: 246px;
        width: 70%;
        margin-left: -6%;
    }
	
	} /* @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) */