


#id_ea_common_content{width:auto;}

.cl_ctpl{width:100%; height:auto;}
.cl_ctpl a{text-decoration:none;}
/*.cl_ctpl a:hover{opacity:0.8;}*/

/*
------------------------------------------------------------
スライダー (ここは好きなように)
------------------------------------------------------------
*/
/*スライダーが1枚以下の時はこちらのstyleを適用してください*/
/*
.slider_one{
width:100%;
height:auto;
margin:0;padding:0;
text-align:center;
background:#060803;}

.slider_one img{
margin:0;
padding:0;
max-width:660px;
width:100%;
height:auto;
vertical-align:bottom;}
*/

.slider_one_pc{
width:100%;
height:auto;
margin:10px auto 0 auto;
padding:0;
text-align:center;
background:#060803;}

.slider_one_sp img{
display:none;
margin:0;
padding:0;
max-width:660px;
width:100%;
height:auto;
vertical-align:bottom;}

.slider_one_pc img{
display:block;
margin:0;
padding:0;
width:100%;
height:auto;
vertical-align:bottom;}

@media screen and (max-width:980px){

.slider_one_sp{
width:100%;
height:auto;
margin:20px auto -17px auto !important;
padding:0;
text-align:center;
background:#060803;}

.slider_one_sp img{
margin:0 auto !important;
display:block;}

.slider_one_pc img{
display:none;}

}


.cl_ctpl .cl_slide_bloc{
/*width:725px;
height:325px;*/
margin:0 auto;
margin-top:10px;}

.cl_ctpl .cl_slide_bloc img{
max-width:100%; height:auto;}

.cl_slide_bloc .slick-slide{
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;}
 
.slider_box{position:relative;}

.slider_box_cover{
position:absolute;
top:0;
left:0;
width:980px;
height:296px;
background:url("../img/top/slider_cover.png");
pointer-events: none;}

.slick-next,
.slick-prev{
position:absolute;
width:160px;
height:100%;
border:0;
top:0;
z-index:1;
color:transparent !important;
cursor:pointer;
opacity:0.8;}

.slick-next{right:0; background:url("../img/top/slider_next_pc.png");}
.slick-prev{left:0; background:url("../img/top/slider_prev_pc.png");}

.slick-next:hover,
.slick-prev:hover{opacity:1; transition:0.3s;}

.slick-slider{margin-bottom:30px;}

.slick-dots{
position:absolute;
bottom:-21px;
display:block;
width:100%;
padding:0;
list-style:none;
text-align:center;}
.slick-dots li{
position:relative;
display:inline-block;
width:16px;
height:16px;
margin:0;
padding:0;
cursor:pointer;}
.slick-dots li button{
font-size:0;
line-height:0;
display:block;
width:16px;
height:16px;
padding:5px;
cursor:pointer;
color:transparent;
border:0;
outline:none;
background:transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1;}
.slick-dots li button:before{
content:'';
position:absolute;
top:0;
left:0;
width:80%;
height:80%;
text-align:center;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
background:url("../img/top/slider_point.png");}

.slick-dots li.slick-active button:before{
width:80%;
height:80%;
background:url("../img/top/slider_point.png");
background-position:0 16px;}

/*
------------------------------------------------------------
中身
------------------------------------------------------------
*/
/*左・右内包ブロック*/
.main_block{
background-color:rgba(245, 245, 245, 0.95);
box-shadow:4px 4px 0px 0px #000;
display: inline-block;}

/* 左ブロック */
.left_bloc{
float:left;
width:725px;
min-height:526px;
/*margin-right:30px;*/}

/* NES */
.cl_news_img{padding:10px 0 0 10px;}
.cl_news_img img{width:100%; max-width:100px;}

/* 右ブロック用追加 */
.right_bloc{
/*width:calc(100% - 730px);*/
width:calc(100% - 725px);
min-height:526px;
display:inline-block;}

/* 右サイド */
.cl_ctpl .cl_right_side_bloc{
float:left;
width:250px;
margin-bottom:10px;
text-align:left;}

/* 右サイド タイトル画像用 */
.sns_twitter,
.sns_app{width:100%; padding:10px 0 10px 10px;}
.sns_twitter img{width:100%; max-width:130px;}
.sns_app img{width:100%; max-width:200px;}

/* タイムライン */
.cl_ctpl .cl_ctpl_eaApp{
width:227px;
height:200px;
display:block;
margin:-4px auto 10px auto;
overflow:auto;}
.cl_ctpl .cl_ctpl_eaApp li{text-align:left;}

#share_search{display:table; width:100%; margin:0 auto;}
/*.share_sns{display:table-cell; width:100%; text-align:center; padding-top:80px; padding-bottom:30px;}*/

.share_sns{display:table-cell; float:left; width:28%; text-align:center; margin-top:65px;}

/*シェアボタン*/
.share_sns img{width100%; margin:10px; vertical-align:middle;}
.share_sns .cl_sns_btn_1{max-width:80px;}
.share_sns .cl_sns_btn_2{width:50px;}
.share_sns:after{visibility:hidden; display:block; content:" "; clear:both; height:0;}
.share_sns span{margin:0 10px;}
.share_sns a:hover{opacity:0.8;}

/* エントランスページ */
#id_entrance_link{width:37%; float:left; text-align:left;}
#id_entrance_link img{width:90%; max-width:400px; padding-top:45px;}
#id_entrance_link a:hover{opacity:0.8;}

/* 設置店舗 */
#id_cptl_search_facility_link{width:33%; float:left; text-align:center;}
.cl_cptl_search_facility_link img{width:100%; max-width:400px;}
.cl_cptl_search_facility_link a:hover{opacity:0.8;}

@media screen and (max-width:980px){
.main_block{display:block;}
.share_sns{display:block; width:100%; float:none; text-align:center;}
#id_entrance_link,
#id_cptl_search_facility_link{width:50%; text-align:center;}
#id_entrance_link img{width:96%; padding-top:55px;}
.cl_cptl_search_facility_link img{width:96%;}}

@media screen and (max-width:800px){
.share_sns,
#id_entrance_link,
#id_cptl_search_facility_link{display:block; width:100%; float:none; text-align:center;}
#id_cptl_search_facility_link{margin:20px auto;}
.cl_ctpl_eaApp iframe{width:740px !important; overflow-y:scroll !important;}
#id_entrance_link img{width:90%;}
.cl_cptl_search_facility_link img{width:90%;}}

/* 小バナー */
.cl_ctpl_small_banner_bloc{
display:block;
width:100%;
text-align:center;
margin:0 auto;}

.cl_ctpl_small_banner_bloc a:hover{opacity:0.8;}

/*
------------------------------------------------------------
980px
------------------------------------------------------------
*/
@media screen and (max-width:980px){

/*スライダー*/
.cl_ctpl .cl_slide_bloc{width:100%; 
height:auto;}
.cl_slide_bloc .slick-slide{
-webkit-transition:all 0.25s ease-in-out;
 transition:all 0.25s ease-in-out;}
.cl_slide_bloc .slick-slide:not(.slick-center){
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);}
.slick-next{display:none !important;}
.slick-prev{display:none !important;}
.slider_box_cover{display:none !important;}

.cl_slide_bloc .slick-slide:not(.slick-center):before{
content:"";
width:100%;
height:100%;
position:absolute;
background:rgba(0, 0, 0, 0.67);
z-index:2;}
.slider_box:before{display:none;}
.slider_box:after{display:none;}

/*中身*/
.left_bloc{width:100%; float:none; min-height:auto;}
.right_bloc{width:100%; display:block; margin-top:0; min-height:auto;}
.right_bloc:after{visibility:hidden; display:block; content:" "; clear:both; height:0;}
.cl_ctpl .cl_right_side_bloc{
display:block;
float:left;
width:46%;
margin:2%;}
.cl_ctpl .cl_ctpl_eaApp{width:98%; margin:0 1%;}
.share_sns img:first-child{max-width:60px;}
.share_sns img:not(:first-child){max-width:50px;}

.share_sns{margin-top:40px;}

}


/*
------------------------------------------------------------
480px
------------------------------------------------------------
*/
@media screen and (max-width:800px){
.cl_ctpl .cl_ctpl_small_banner_bloc{margin:0 auto; padding-bottom:50px; width:325px;}
}


/*
------------------------------------------------------------
480px
------------------------------------------------------------
*/
@media screen and (max-width:480px){

.cl_slide_bloc .slick-slide:not(.slick-center):before{content:""; display:none;}
.cl_ctpl .cl_right_side_bloc{
display:block;
float:none;
width:100%;
margin:0;
padding:0 0 20px 0;}

}

