@charset "utf-8";
/* all
------------------------------------------*/
img.fullImg{
	width: 100%;
}

/* sample記事
------------------------------------------*/
.bgyellow{
	background: #fff7d2;
}
.bgpink{
	background: #fce5e6;
}
.bgblue{
	background: #c9e4ff;
}
.bgyellow .contentsBlockImgA2,
.bgpink .contentsBlockImgA2,
.bgblue .contentsBlockImgA2{
	padding: 0 20px 20px 20px;
}
h2.tightyellow {
    font-size: 24px;
    color: #ff7415;
	padding:15px 20px 4px 20px;
}
h2.tightyellow span {
	    border-bottom: 2px solid #ff7415;
		display:block;
}
h2.tpink {
    font-size: 24px;
    color: #fc2f50;
	padding:15px 20px 4px 20px;
}
h2.tpink span {
	border-bottom: 2px solid #fc2f50;
	display:block;
}	
h2.tlightblue {
    font-size: 24px;
    color: #006dca;
	padding:15px 20px 4px 20px;
}
h2.tlightblue span {
	border-bottom: 2px solid #006dca;
	display:block;
}	
img.muryoImg.fullImg {
    display: block;
    max-width: 231px;
    margin: 0 auto 10px auto;
}
#contentsBodyMain .sample_column {
	justify-content:space-between;
	display: flex;
	flex-wrap:wrap;
}
#contentsBodyMain .sample_column_item {
	position:relative;
	margin-bottom:20px;
	font-size:1.4em;
	font-weight:normal;
}
#contentsBodyMain .sample_column_item img{
	width:330px;
}
#contentsBodyMain .sample_column_item .sample_column_category {
	display:inline-block;
	padding: 5px 10px;
	color: #ffffff;
	position:absolute;
	left:0;
	top:0;
}
#contentsBodyMain .sample_column_item .sample_column_category.shop{
	background: #19b5be;
}
#contentsBodyMain .sample_column_item .sample_column_category.eat{
	background: #f5ab18;
}
#contentsBodyMain .sample_column_item .sample_column_category.kurashi{
	background: #0075bf;
}
#contentsBodyMain .sample_column_item .sample_column_category.fashion{
	background: #e85280;
}
#contentsBodyMain .sample_column_item .sample_column_category.diy{
	background: #a96baa;
}
#contentsBodyMain .sample_column_item .sample_column_category.yappari{
	background: #fc2f50;
}
#contentsBodyMain .sample_column_item .sample_column_title{
	display: inline-block;
    width: 330px;
    background-color:rgba(255,255,255,0.8);
    position: absolute;
    left: 0;
    bottom: 0;
	box-sizing: border-box;
	padding: 14px 10px;
	min-height: 68px;
}

#contentsBodyMain .sample_column_item .sample_column_title{
    line-height: 1.5;
	font-weight:bold;
	display:block;
	color:#333333;
}

#contentsBodyMain .sample_column_item .sample_column_title .pdfico{
	display: inline-block;
    background: url(/common/img/list_link_icon_pdf.gif) no-repeat right 0;
    padding-right: 20px;
    min-height: 20px;
    margin-right: 2px;
}

/*　------------index------------　*/
.index_area .mv_inner{
	width: 720px;
	margin: 0 0 0 -20px;
	border:none;
	padding:0;
}
.index_area .mv ul{
	display: flex;
	margin:10px 0 0 0;
}
.index_area .mv .guid img{
	width:224px !important;	
}	

.index_area .mv .guid.for-sp {
    display: none;
}

.index_area .mv .login img{
	width:449px !important;
	margin:0 8px 0 0;
}

.index_area .tamaru,
.index_area .tanosimeru,
.index_area .mieru{
	margin:0 0 40px;
	padding:40px;
	position: relative;
	width:600px;
	text-align: center;
}

.index_area img{
	width:100%;
}

.index_area .tamaru{
	background-image: radial-gradient(#f7efcb 15%, #fff7d2 20%);
	background-size: 20px 20px;
}
.index_area .tanosimeru {
	background-image: radial-gradient(#f4dedf 15%, #fce5e6 20%);
	background-size: 20px 20px;
}        
          
 .index_area .mieru {
	background-image: radial-gradient(#c3ddf7 15%, #c9e4ff 20%);
	background-size: 20px 20px;
} 

.index_area .tamaru h2,
.index_area .tanosimeru h2,
.index_area .mieru h2{
	font-size:30px;
	text-align: left;
	margin:0 -40px ;	
	padding:20px;
	display: flex;
    flex-direction: column; 
    justify-content: center;
}

.index_area .tamaru h2{
	color:#ff7415;
	background: #fff url(../../img/index/h2_010.png) no-repeat left bottom;
	background-size:143px 123px;
	padding:10px 0 0 170px;
	min-height:124px;		
}

.index_area .tanosimeru h2{
	color:#fc2f50;
	background: #fff url(../../img/index/h2_020.png) no-repeat left bottom;
	background-size:143px 123px;
	padding:20px 0 0 170px;
	min-height:124px;	
}

.index_area .mieru h2{
	color:#006dca;
	background: #fff url(../../img/index/h2_030.png) no-repeat left bottom;
	background-size:143px 123px;
	padding:20px 0 0 170px;
	min-height:124px;	
}
.index_area h3{
	font-size:34px;
	margin:0 0 40px 0;
	padding: 50px 0 20px 0;
	text-align: center;
}

.index_area h3.icon_010{
	background: url(../../img/index/h3_icon_010.png) no-repeat top center;
	background-size:190px 104px;
	padding-top: 120px;
}

.index_area h3.icon_020{
	background: url(../../img/index/h3_icon_020.png) no-repeat top center;
	background-size:190px 105px;
	padding-top: 120px;
}

.index_area h3.icon_030{
	background: url(../../img/index/h3_icon_030.png) no-repeat top center;
	background-size:190px 114px;
	padding-top: 120px;
}

.index_area h3.icon_040{
	background: url(../../img/index/h3_icon_040.png) no-repeat top center;
	background-size:52px 44px;
	padding-top:60px;
}

.index_area h3.icon_050{
	background: url(../../img/index/h3_icon_050.png) no-repeat top center;
	background-size:49px 44px;
	padding-top:60px;
}

.index_area h4.icon_060{
	background: url(../../img/index/h4_icon_010.png) no-repeat left top;
	background-size:55px 60px;
	padding-left:80px;
}

.index_area h3.bg_orange{
	font-size:30px;	
	background: #ff7415;
	color:#fff !important;
	margin:-40px -40px 30px -40px;
	padding:25px 0 20px 0;
	border-bottom:none;
}

.index_area .tamaru_inner h3{
	color:#ff7415;
	border-bottom:dotted 3px #ff7415;
	position: relative
}

.index_area .tamaru_inner h3 span{
	position: absolute;
    left: -20px;
    top: -70px;	
}

.index_area .tamaru_inner h3 span img{
	width:374px;
	height:57px;
} 

.index_area .tanosimeru_inner h3{
	color:#fc2f50;
	border-bottom:dotted 3px #fc2f50;
}

.index_area .mieru_inner h3{
	color:#006ad0;
	border-bottom:dotted 3px #006ad0;
}

.index_area h4{
	font-size:24px;
	text-align: left;
	margin:0 0 20px 0;
}

.index_area h4 span{ 
	background: linear-gradient(transparent 60%, #ffe94f 60%);
}

.index_area .tamaru_inner,
.index_area .tanosimeru_inner,
.index_area .mieru_inner{
	padding:40px;
	border-radius: 10px;
	margin:40px 0 20px 0;
	background: #fff;
}

.index_area .tamaru_inner{
	border:3px solid #ff7415;
}

.index_area .tanosimeru_inner{
	border:3px solid #fc2f50;
}

.index_area .mieru_inner{
	border:3px solid #006ad0;
	padding-bottom:0;
}

.index_area .example dt,
.index_area .example dd{
	font-size:1.4em;
	text-align: left !important;
	font-weight: bold;
}

.index_area .example dt{
	background: #f1f1f1;
	margin:0 10px 0 0;
	padding:4px 14px;
	display: inline;
	float:left;
	border-radius: 50px;
}

.index_area .example dd{
	display: flex;
	padding:4px 0;
}

.index_area .example sup{
	top: 0.4em !important;
    font-size: 0.4rem;
}

.index_area .listIndentA{
	font-size:1.0em;
	text-align: left;
	color:#000;
}

.index_area .tamaru_inner .btn_orange a,
.index_area .tamaru_inner .btn_orange_w a{
	width:70% !important;
	margin:0 auto;
}

/*　------------閲覧・来場で貯まる------------　*/
.area_service{	
	background-size: 30px 30px;
	margin: 0 auto 30px auto;
	background-color: #fff7c8;
	padding:20px;
}

.inner_service{
	background:#fff;
	border-radius: 5px;
	margin:0 0 30px 0;
	padding:20px;
}

.area_service h2{
	background: #ff7500;
	color:#fff;
	font-size:1.4rem;
	padding:8px 10px;
	text-align: center;
	margin:10px 0 20px 0;
	border-radius: 5px
}

.inner_service h3 {
	border-bottom: solid 3px #fbedad;
	position: relative;
	font-size:1.4rem;
	padding:0 0 10px 32px;
}

.inner_service h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ff7500;
	bottom: -3px;
	left: 0;
	width: 7%;
}

.inner_service h3:before{
	content: " ";
	display: block;
	width: 24px;
    height: 24px;
	left:0;
	top:0;
	position: absolute;	
}

.inner_service h3.point_birth:before{
	background:url(../../img/service/icon_service_010.png) no-repeat;
	background-size:24px 24px;
}

.inner_service h3.point_mail:before{
	background:url(../../img/service/icon_service_020.png) no-repeat;
	background-size:24px 24px;
}

.inner_service h3.point_browse:before{
	background:url(../../img/service/icon_service_030.png) no-repeat;
	background-size:24px 24px;
}

.inner_service h3.point_questionary:before{
	background:url(../../img/service/icon_service_040.png) no-repeat;
	background-size:24px 24px;
}

.inner_service h3.point_showroom:before{
	background:url(../../img/service/icon_service_050.png) no-repeat;
	background-size:24px 24px;
}

.inner_service h3.point_campaign:before{
	background:url(../../img/service/icon_service_060.png) no-repeat;
	background-size:24px 24px;
}

.acc_inner{
	margin:0 !important;
	padding:0 !important;
}

#contentsBodyMain .sample_column{
	padding:20px 0;
}

#contentsBodyMain .sample_column_item{
	width: calc((100% - (20px * 1)) / 2);
}

#contentsBodyMain .sample_column_item img,
#contentsBodyMain .sample_column_item .sample_column_title{
	width:100%;
}

.acd-check{
    display: none;
}

.acd-label{
    background: #fc2f50;
	font-size:20px;
	font-weight: bold;
    color: #fff;
    display: block;
    margin: 0;
    padding: 20px;
    position: relative;
	cursor: pointer;
}

.acd-label:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border: 8px solid transparent; 
	border-left: 8px solid #fff;
}

.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 20px;
    transition: .5s;
    visibility: hidden;
}

.acd-check:checked + .acd-label:after{
    margin-bottom: -8px;
	border: 8px solid transparent; 
	border-top: 8px solid #fff;
}

.acd-check:checked + .acd-label + .acd-content{
	height:auto;
    opacity: 1;
    visibility: visible;
}

/*　------------提携ポイントなどに交換できる------------　*/
.area_koukan{	
	background-size: 30px 30px;
	margin: 0 auto 30px auto;
	background-color: #fff7c8;
	padding:20px;
}

.inner_koukan{
	background:#fff;
	border-radius: 5px;
	margin:0 0 30px 0;
	padding:20px;
}

.inner_koukan img{
	width:100%;
}

.area_koukan h2{
	background: #ff7500;
	color:#fff;
	font-size:1.4rem;
	padding:8px 10px;
	text-align: center;
	margin:10px 0 20px 0;
	border-radius: 5px
}

.inner_koukan h3 {
	border-bottom: solid 3px #fbedad;
	position: relative;
	font-size:1.4rem;
	padding:0 0 10px 0;
}

.inner_koukan h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ff7500;
	bottom: -3px;
	left: 0;
	width: 7%;
}

.inner_koukan h3:before{
	content: " ";
	display: block;
	width: 24px;
    height: 24px;
	left:0;
	top:0;
	position: absolute;	
}

/*　------------flex------------　*/
.flex_020{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/*　------------btn------------　*/
.flex_020 li{
	width: calc((100% - (20px * 1)) / 2);
}

.btn_red a,
.btn_blue a,
.btn_orange a,
.btn_yellow a,
.btn_orange_w a{
	box-sizing: border-box;
	color:#fff;
	padding:10px 40px;
	border-radius: 5px;
	font-size:22.4px;
	letter-spacing: -0.1rem;
	font-weight: bold;
	display: block;
	text-decoration: none !important;
	text-align: center;
	transition: .3s ease-in-out;
	position: relative;
}

.btn_red a:before,
.btn_blue a:before,
.btn_orange a:before,
.btn_yellow a:before,
.btn_orange_w a:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 0;
	height: 0;
	margin-top: -8px;
	border: 8px solid transparent; 
	border-left: 8px solid #fff;
}

.btn_red a:hover,
.btn_blue a:hover,
.btn_orange a:hover,
.btn_yellow a:hover{
    opacity:0.8;
	cursor: pointer;
	text-decoration: none;
}

.btn_red a{
	background: #f25252;
	border-bottom: 4px solid #c63f3f;	
}

.btn_blue a{
	background: #0062c6;
	border-bottom: 4px solid #004891;
}

.btn_orange a{
	background: #ff7500;
	border-bottom: 4px solid #e26800;
	width:100%;
}

.btn_yellow a{
	background: #ffe94f;
	border-bottom: 4px solid #d9c433;
	width:100%;
	color:#000!important;
}

.btn_yellow a:before{
	border-left: 5px solid #000;
}

.btn_yellow a span{
	color:#fff;
	background: #fc2f50;
	font-size:16px;
	border-radius: 20px;
	margin:0 0 0 20px;
	padding:5px 24px;
	letter-spacing: 0.2rem;
}
.btn_blue a span{
	color:#000;
	background: #fff;
	font-size:16px;
	border-radius: 20px;
	margin:0 0 0 20px;
	padding:5px 24px;
	letter-spacing: 0.2rem;
}

.btn_orange_w a{
	border: 1px solid #ff7500;
	width:100%;
	color:#ff7500;
}

.btn_orange_w a:hover{
    opacity:0.8;
	cursor: pointer;
	text-decoration: none;
	background: #ff7500;
	border: 1px solid #ff7500;
	color:#fff;
}

.btn_orange_w a:before{
	border: 8px solid transparent; 
	border-left: 8px solid #ff7500;
}
.btn_orange_w a:hover:before{
	border: 8px solid transparent; 
	border-left: 8px solid #fff;
}

/*　------------all_area------------　*/
.all_area{
	margin:40px 0 0 0;
}
.all_area .inner_point,
.all_area .inner_entry,
.all_area .inner_admission,
.all_area .inner_denki,
.all_area .inner_mall{
	background: #fff7d2;
	margin:0 0 15px 0;
	padding:40px;
	text-align: center;
}
.all_area h2{
	margin:0 0 30px 0;
}

.all_area .inner_point h2 img{
	width:368px;
	height:auto;	
}

.all_area .inner_point .pic img{
	width:600px;
	height:auto;
	margin:0 0 30px 0;
}

.all_area .inner_entry h2{
	margin:0;
}

.all_area .inner_entry ul li img{
	width:100%;
	height:auto;
}

.all_area .inner_entry h2 img{
	width:596px;
	height:auto;
}

.all_area .inner_entry h3{
	font-size:16px;
	padding:8px 10px 8px 10px;
	background: linear-gradient(transparent 80%, #ff8a3a 80%);
	background-position: bottom 10px center;
	text-align: center;
	margin:30px 0 0 0;
	display: inline-block;
  line-height: 1.2;
}

.all_area .inner_denki h2{
	margin-bottom:20px;	
}

.all_area .inner_denki h2 img{
	width:443px;
	height:auto;	
}

.all_area .inner_entry p{
	text-align: center;
}

.all_area .inner_admission h2 img{
	width:420px;
	height:auto;
}

.all_area .inner_browser{
	background: #fff7d2;
	padding:40px;
}

#contentsBodyMain .inner_browser .column2R, 
#contentsBodyMain .inner_browser .column2L{
	width:280px;
}

/*　------------下層共通 ------------　*/
.mv_area{
	margin:0 0 80px 0;
	padding:40px;
	background-image: radial-gradient(#f2da57 15%, #ffe65c 20%);
	background-size: 20px 20px;
	position: relative;
	text-align: center;
}

.mall .mv_area h2,
.denkipoint .mv_area h2 {
	width:95%;
	margin:0 auto;
	padding:15px 0;
}

.mv_inner{
	border-radius: 10px;
	border:3px solid #f3d94f;
	background: #fff;
	padding:24px 0 0 0;
}
.cont_area{
	background:#fff7c8;
	padding:40px;
	text-align: center;
}
.cont_area h3{
	margin:-70px 0 40px 0;
}

.cont_area h4{
	margin:0 0 30px 0;
}

.mv_inner img,
.cont_area h3 img,
.cont_area h4 img,
.cont_area img{
	width:100%;
}
.cont_area img.w80{
	width:80%;
}

.cont_area img.w90{
	width:90%;
}

.cont_inner{
	margin:0 0 20px 0;
	padding:40px;
	border-radius: 10px;
	background: #fff;
	border:3px solid #fcee9d;
}

.cont_inner.pb0{
	padding-bottom:0;
}
.cont_inner .pd_all{
	margin:0 -40px -40px -40px;
}

/*　------------ネットショッピングで貯まる ------------　*/
.mall h2 img,
.denkipoint h2 img{
	width:100%;
}

.mall .mv_area,
.denkipoint .mv_area {
	padding: 0 20px 20px 20px;
}

.mall .mv_inner,
.denkipoint .mv_inner{
	position: relative;
	width:100%;
}

.mall .mv_inner img,
.denkipoint .mv_inner img{
	position:  relative;
	right:-30px;
	bottom:0;
}
.mall .notvia{
	padding:25px 25px 0 25px;
}
.mall .pd_point{
	margin:0 0 -10px -40px
}
.inner_member{
	background-image: radial-gradient(#b8ddf3 15%, #bee4fb 20%);
	background-size: 20px 20px;
    margin: 0 0 15px 0;
    padding: 40px;
    text-align: center;
}
.iiner_nonmember{
    background: #fff7d2;
    margin: 0 0 15px 0;
    padding: 40px;
    text-align: center;
}
.inner_member h4,
.iiner_nonmember h4{
	margin-bottom:30px;
}
.inner_member h4 img,
.iiner_nonmember h4 img,
.iiner_nonmemberdiv img{
	width:100%;
}

.inner_member div img{
	width:50%;
	margin-bottom:30px;
}

/*　------------電気料金のお支払いで貯まる------------　*/
.denkipoint .application_010{
	margin:-65px 0 -10px 0;
}

.denkipoint .application_020{
	margin:-60px 0 -30px 0;
}

.denkipoint .application_030{
	margin:80px 0 0 0;
}

.denkipoint .faq_area{
	text-align: left;
	padding:25px 25px 20px 25px;
}

.denkipoint .faq_area h4{
	border-bottom:2px solid #fcee9d;
	padding:10px 0 25px 55px;
	background: url(../../img/denkipoint/icon_q.png) no-repeat left top;
	background-size:40px 40px;
	font-size:20px;	
	font-weight: bold;
	margin-bottom: 15px !important;
}

.denkipoint .faq_area .a_area{
	padding:10px 0 0 55px;	
	font-size:16px;	
	min-height:40px;
	background: url(../../img/denkipoint/icon_a.png) no-repeat left top;
	background-size:40px 40px;
}

.denkipoint .caption h5{
	font-size:16px;
	padding:8px 10px 8px 10px;
	background: linear-gradient(transparent 80%, #ff8a3a 80%);
	background-position: bottom 10px center;
	text-align: center;
	display: inline-block;
}

/*　------------キャンペーン------------　*/
#contentsBodyMain.campaign [class*=tableType] tr:first-child th{
	border-top: 1px solid #ffd200;	
}

#contentsBodyMain.campaign [class*=tableType] {
    border-left: 1px solid #ffd200;
}

#contentsBodyMain.campaign [class*=tableType] th,
#contentsBodyMain.campaign  [class*=tableType] td{
	border-right: 1px solid #ffd200;
    border-bottom: 1px solid #ffd200;
}

#contentsBodyMain.campaign .tableTypeD tr:first-child th{
	background-color: #fff7d2;
}

#contentsBodyMain.campaign [class*=tableType] th {
    background-color: #fffbe6;
}

/*---------------------------------------------------------------
　　　　　　　　　　　　　　641px以上
---------------------------------------------------------------*/
@media(min-width:641px){


}

/*---------------------------------------------------------------
　　　　　　　　　　　　　　640px以下
---------------------------------------------------------------*/
@media(max-width:640px){
	#contentsBodyMain .sample_column_item img{
		width: 100%;
	}

	#contentsBodyMain .sample_column_item .sample_column_title{
		width: 100%;
	}

	#contentsBodyMain .gastanW50 {
		width:50%;
	}	
	.for-pc {
    	display: none;
	}
	.for-sp {
    	display: block!important;
	}
	
	.cont_area img.w80,
	.cont_area img.w90{
		width:100%;
	}
	
	.flex_020 p{
		width: 100%;
		margin-bottom: 10px;
	}		
	
	.area_service h2{
		margin-top:0;
		font-size:1.2rem;
	}

	.area_service h3 {
		font-size:1.2rem;
		padding: 0 0 15px 32px;
	}
	
	.inner_service {
    	margin: 0 0 15px 0;
	}
	
	.btn_red a,
	.btn_blue a,
	.btn_orange a,
	.btn_yellow a{
		line-height: 22px;
		padding: 15px 41px 15px 20px;
		font-size:18px;
	}	
	.btn_red a:before,
	.btn_blue a:before,
	.btn_orange a:before,
	.btn_yellow a:before{
		right: 10px;
	}	
	.btn_blue a{
		text-align: center;
		line-height: 1.6rem;
	}
	.btn_yellow a span{
		margin: 0 0 0 10px;
		padding: 2px 20px;
		display: inline-block;
		text-align: center;
	}
		
	/*　------------all_area------------　*/
	.all_area{
		margin:30px 0 0 0;
	}

	.all_area .inner_point,
	.all_area .inner_entry,
	.all_area .inner_admission,
	.all_area .inner_denki,
	.all_area .inner_browser,
	.all_area .inner_mall{
		padding:20px;
	}
	
	.all_area .inner_entry ul{
		display: block;
	}
	
	.all_area .inner_entry ul li{
		width:100%;
	}
	.all_area .inner_entry .btn_yellow{
		margin:0 0 20px 0;
	}
	
	.all_area .inner_entry h3{
		font-size: 16px;
    	padding: 12px 14px;
		display: inline;
	}
	
	.all_area .inner_entry p{
		margin-top:20px;
	}
	
	/*　------------下層共通 ------------　*/
	.mv_area{
		margin:0 0 40px 0;
		padding:20px;
		background-image: radial-gradient(#f2da57 15%, #ffe65c 20%);
		background-size: 20px 20px;
		width:100%;
		box-sizing: border-box;	
	}	
	
	.mall .mv_area h2,
	.denkipoint .mv_area h2 {
		width:100%;
		margin:0 auto;
		padding:15px 0;
	}

	.cont_area{
		background:#fff7c8;
		padding:20px;
	}
	
	.cont_area h3{
		margin:-35px 0 20px 0;
	}

	.cont_area h4{
		margin:0 0 15px 0;
	}

	.cont_inner{
		margin:0 0 20px 0;
		padding:20px;
		border-radius: 10px;
		background: #fff;
		border:3px solid #fcee9d;
	}

	.cont_inner .pd_all{
		margin:0 -20px -20px -20px;
	}
	
	/*　------------index ------------　*/
	.index_area .mv_inner{
		width: 100%;
		margin:0;
	}
	
	.index_area .mv ul{
		display: block;
	}
	.index_area .mv .guid{
		margin:8px 0 0 0;
	}	
	
	.index_area .mv .guid.for-sp{
		display:none;
	}

	.index_area .mv .guid img,
	.index_area .mv .login img{
		width:449px !important;
		height:auto;
		margin:0;
	}
	
	.index_area h4.icon_060{
		background: url(../../img/index/h4_icon_010.png) no-repeat top center;
		background-size:55px 60px;
		padding:70px 0 0 0;
	}
	
	.index_area .tamaru h2,
	.index_area .tanosimeru h2,
	.index_area .mieru h2{
		font-size: 24px;
		margin:0 auto;
		padding: 140px 0 0 0;
		text-align: center;
		background-position: top 10px center;
		min-height: 80px;
		width:100%;
	}
	
	.index_area h3{
		font-size:30px;
		margin: 0 0 25px 0;
		padding: 50px 0 10px 0;
	}

	.index_area h3,
	.index_area h3.bg_orange{
		font-size:22px;
	}

	.index_area h4{
		font-size:18px;
		text-align: left;
	}
	
	.index_area .tamaru,
	.index_area .tanosimeru,
	.index_area .mieru{
		width:100%;
		padding: 20px 0;
		box-sizing: border-box;
	}

	.index_area .tamaru_inner{
		margin: 40px 20px 20px 20px;
		padding:20px;
	}
	
	.index_area .tamaru .listIndentA {
		padding-left:20px;
		padding-right:20px;
	}

	.index_area .tanosimeru_inner {
		margin: 20px 20px;
		padding:20px;
	}
	

	.index_area .mieru_inner {
		margin: 20px 20px;
		padding:20px 20px 0 20px;
	}

	.index_area .tamaru_inner .btn_orange a,
	.index_area .tamaru_inner .btn_orange_w a {
		width: 100% !important;
		margin: 0 auto;
	}	

	.index_area h3.bg_orange {
		margin: -20px -20px 10px -20px;
    	padding: 15px 15px;
	}

	.index_area .tamaru_inner h3 span{
		left: 0;
		top: -44px;
	}

	.index_area .tamaru_inner h3 span img{
		 height:auto;
	}

	.index_area .example dd{
		display: block;
		margin:0 0 10px 0;
	}

	.index_area .example dt{
		float:none;
		display: block;
		text-align: center !important;
		margin:0 0 10px 0;
	}

	#contentsBodyMain .sample_column {
		display: block;
	}

	#contentsBodyMain .sample_column_item {
		width: 100%;
	}

	.index_area h3.icon_010,
	.index_area h3.icon_020{
		background: url(../../img/index/h3_icon_010.png) no-repeatr;
		background-size:232px 130px;
		padding-top: 170px;
		background-position: top 20px center;
	}

	.index_area .tamaru .margT30,
	.index_area .tanosimeru .margT30,
	.index_area .mieru .margT30{
		margin-top:15px !important;
	}

	.index_area .acc_inner{
		margin:0 20px !important;
	}
	
	.index_area .example sup {
		top: -0.8em !important;
	}
	
/*　------------ネットショッピングで貯まる ------------　*/
	.mall .mv_inner img,
	.denkipoint .mv_inner img{
		right:-15px;
	}
	
	.mv_area .data{
		font-size:12px;
	}
	
	.mall .notvia{
		padding: 20px 20px 0 20px;
	}
	
	.inner_member,
	.iiner_nonmember{
		padding:20px;
	}
	/*
	.inner_member h4 img,
	.iiner_nonmember h4 img,
	.iiner_nonmemberdiv img{
		width: 368px;
	}*/

	.inner_member div img{
		width: 80%;
	}

/*　------------電気のお支払いで貯まる------------　*/
	.denkipoint .faq_area{
		padding-bottom:20px;
	}

	.denkipoint .faq_area h4,
	.denkipoint .faq_area .a_area{
		font-size: 16px;
		background-size:30px 30px;
		padding: 0 0 0 45px;
		min-height:30px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: left;
	}

	.denkipoint .faq_area h4{
		padding-bottom:20px;
	}

	.denkipoint .application_010{
		margin:-35px 0 -10px 0;
	}

	.denkipoint .application_020{
		margin:-30px 0 -15px 0;
	}

	.denkipoint .application_030{
		margin:60px 0 10px 0;
	}

	.denkipoint .margT30{
		margin-top:15px !important;
	}

	.denkipoint .margT40{
		margin-top:20px !important;
	}	

	.denkipoint .margT60{
		margin-top:30px !important;
	}
	
	.denkipoint .caption h5{
		display: inline;
	}
	.mall .pd_point{
		margin:0 0 -5px -20px
	}

}
/*---------------------------------------------------------------
　　　　　　　　　　　　　　360px以下
---------------------------------------------------------------*/
@media(max-width:400px){



}