@charset "utf-8";

/*--------------------------------------------------------------------
　全体共通 Index CSS
　トップページ ヘッダー
-------------------------------------------------------------------- */

.top header#headermain{
width:100%;
margin:0 auto;
font-size:100%;
overflow: visible;
background-position-x:50%;
}

.top header#headermain nav.front{
max-width: 960px;
min-height: 400px;
margin: 0 auto;
position: relative;
z-index: 150;
}

.top header#headermain nav ul.banner_grp{
width: 270px;
float: left;
}

.top header#headermain nav ul.banner_grp li{
width:40px;
margin-left: 15px;
float: left;
text-indent: 100%;
white-space: nowrap;
overflow:hidden;
box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.2);
}
.top header#headermain nav ul.banner_grp li.wide{width:70px;}

.top header#headermain nav ul.banner_grp a,
.top header#headermain nav ul.banner_grp a:link,
.top header#headermain nav ul.banner_grp a:visited,
.top header#headermain nav ul.banner_grp a:active,
.top header#headermain nav ul.contactnavi li.access a,
.top header#headermain nav ul.contactnavi li.access a:link,
.top header#headermain nav ul.contactnavi li.access a:visited,
.top header#headermain nav ul.contactnavi li.access a:active,
.top header#headermain #mainhead.fixed nav ul.contactnavi li.access a:hover{
 filter:alpha(opacity=100);
 -ms-filter: "alpha(opacity=100)";
 -moz-opacity:1.0;
 -khtml-opacity: 1.0;
 opacity: 1.0;
}

.top header#headermain nav ul.banner_grp a:hover,
.top header#headermain nav ul.contactnavi li.access a:hover{
 filter:alpha(opacity=70);
 -ms-filter: "alpha(opacity=70)";
 -moz-opacity:0.7;
 -khtml-opacity: 0.7;
 opacity: 0.7;
}

/*----------------------------------------------
　トップページ ヘッダー ナビ
--------------------------------------------- */

.top header#headermain nav ul.contactnavi{
width: 210px;
float: right;
}

.top header#headermain nav ul.contactnavi li{
float: right;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
clear: right;
margin: 0 0 5px 0;
font-size: 93%;
}

.top header#headermain nav ul.contactnavi li.langnavi{
width: auto;
padding: 4px 10px 4px 3px;
text-align: left;
}
.top header#headermain nav ul.contactnavi li.langnavi p{display: inline;margin: 0 0 0 12px;padding:2px 0 2px 28px;}
.top header#headermain nav ul.contactnavi li.langnavi p.jpn{background: url(http://akakura-ski.com/img16/common/head_lang_jpn.gif) no-repeat left center;}
.top header#headermain nav ul.contactnavi li.langnavi p.eng{background: url(http://akakura-ski.com/img16/common/head_lang_eng.gif) no-repeat left center;}

.top header#headermain nav ul.contactnavi li.tel,.top header#headermain nav ul.contactnavi li.contact{
padding: 2px 10px 2px 30px;
background-color: #fff;
background-position: 8% 50%;
}

.top header#headermain nav ul.contactnavi li.access{
background-image: none;
margin: 10px 10px 0 0;
padding: 0;
box-shadow: none;
}

.top header#headermain nav ul.contactnavi li.access a{
width: 85px;
height: 85px;
display: block;
text-indent: 100%;
white-space: nowrap;
overflow:hidden;
}

/*----------------------------------------------
　トップページ ヘッダー グローバルナビ
--------------------------------------------- */

.top header#headermain #mainhead{
clear: both;
margin-bottom: 30px;
position: relative;
z-index: 140;
}

.top header#headermain #mainhead h1{margin-top: -63px;}
.top header#headermain #mainhead h1 a.today,.top header#headermain #mainhead nav.top{display: none;}
.top header#headermain #mainhead h2{font-size:77%;line-height: 145%;}
.top header#headermain #mainhead h2 b{display: block;}

/*---トップページ ヘッダー グローバルナビ スクロール後のfix--- */

.top header#headermain #mainhead.fixed{position: fixed;z-index: 100; margin: 0 auto;width: 100%;max-width: 100%;top:0;display: block;}

.top header#headermain #mainhead.fixed h1 img{display: none;}
.top header#headermain #mainhead.fixed h1 a.today{display: block;width: 110px;background-image: none; padding: 4px 0 2px 0;font-size: 38%;position: absolute;top:0;}
.top header#headermain #mainhead.fixed h1 a.today:hover{background-color: #000;}
.top header#headermain #mainhead.fixed h2{display: none;}

.top header#headermain #mainhead.fixed nav.top {display: block;max-width: 960px;margin: 0 auto;}
.top header#headermain #mainhead.fixed nav.top ul.contactnavi{width: auto;display: block;}
.top header#headermain #mainhead.fixed nav ul.contactnavi li{box-shadow:none;margin-bottom: 0;}
.top header#headermain #mainhead.fixed nav ul.contactnavi li{clear:none;}
.top header#headermain #mainhead.fixed nav ul.contactnavi li.access,
.top header#headermain #mainhead.fixed nav ul.contactnavi li.contact{background: none;clear: none; font-size: 93%;margin:5px 5px 0 5px;padding: 0 3px;}
.top header#headermain #mainhead.fixed nav ul.contactnavi li.tel{background: none; clear: none;font-size: 93%;margin:5px 0 0 0;padding: 0 10px;border-left: 1px solid;border-right: 1px solid;}

.top header#headermain #mainhead.fixed nav ul.contactnavi li.access a{
width: auto;
height: auto;
display: inline;
background: none;
text-indent: inherit;
white-space: normal;
overflow:hidden;
}

.top header#headermain #mainhead.fixed nav ul.contactnavi li.langnavi {width: 60px;padding: 0 0 0 6px;}

/*--------------------------------------------------------------------
　トップページ メインエリア
-------------------------------------------------------------------- */

.top #contents{clear: both;}
.top #contents section{max-width: 100%;}

.top #contents section .inner{
max-width: 960px;
margin: 0 auto;
}

.top header#headermain nav ul.contactnavi li.langnavi a:link,
.top header#headermain nav ul.contactnavi li.langnavi a:visited,
.top header#headermain nav ul.contactnavi li.langnavi a:active,
.link_more a,
.link_more a:link,
.link_more a:visited,
.link_more a:active{color: #fff;}

.top header#headermain nav ul.contactnavi li.langnavi a:hover,
.link_more a:hover{color: #ff9}

/*--------------------------------------------------------------------
　トップページ TODAY
-------------------------------------------------------------------- */

.top #contents section.today{
width: 100%;
padding: 28px 0 25px 0;
}

.top #contents section.today h3{
width: 100%;
margin: 0;
padding:39px 0 13px 0;
font-size:154%;
font-family: meiryo,'Courier New', Courier,serif;
text-align: center;
}

.top #contents section.today h3 b{
font-size: 131%;
margin-right:10px;
}

.top #contents section.today ul.gelandephoto {
width: 280px;
height: 185px;
margin: 5px auto 0 auto;
padding: 0;
overflow: hidden;
border: 8px solid #fff;
background-color:#fff;
position: relative;
z-index: 80;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
}

.top #contents section.today ul.gelandephoto li a{display:block;margin-bottom:-10px;}

.top #contents section.today ul.gelandephoto li img{
width: 280px;
height: 185px;
}

.top #contents section.today ul.base_factor{
width: 320px;
margin: -200px 0 0 13px;
float: left;
position: relative;
z-index: 70;
font-weight: bold;
}

.top #contents section.today ul.base_factor li{width: 158px;height: 43px; float: left;padding-top: 10px;}

.top #contents section.today ul.base_factor li.weather{background: url(http://akakura-ski.com/img16/top/today_i_weather.png) no-repeat left center;}
.top #contents section.today ul.base_factor li.snow{background: url(http://akakura-ski.com/img16/top/today_i_snow.png) no-repeat left center;}
.top #contents section.today ul.base_factor li.tempture{background: url(http://akakura-ski.com/img16/top/today_i_tempture.png) no-repeat left center;}
.top #contents section.today ul.base_factor li.wind{background: url(http://akakura-ski.com/img16/top/today_i_wind.png) no-repeat left center;}

.top #contents section.today ul.base_factor li b{
margin: 0 12px 0 60px;
padding: 0 5px;
font-size: 154%;
line-height: 150%;
}
.top #contents section.today ul.base_factor li.weather b{font-size: 147%;letter-spacing: 0;}
.top #contents section.today ul.base_factor li.snow b,
.top #contents section.today ul.base_factor li.wind b{margin-left:50px;}

.top #contents section.today ul.base_factor li.kassou{
width: 180px;
float: none;
clear: left;
background: url(http://akakura-ski.com/img16/top/today_i_mountain.png) no-repeat left top;
margin: 115px 0 0 22px;
padding: 8px 0 0 95px;
font-size: 167%;
letter-spacing: 2px;
}

.top #contents section.today ul.base_factor li.links{
width: 345px;
height: auto;
margin-left: -25px;
padding-top: 5px;
font-size: 93%;
letter-spacing: 0.05em;
}
.top #contents section.today ul.base_factor li.links .link_arrow{margin-left: 12px;}
.link_arrow{background: url(http://akakura-ski.com/img16/common/i_arrow-black.png) no-repeat left center;padding-left: 15px;}

.top #contents section.today ul.base_factor li.links a,
.top #contents section.today ul.base_factor li.links a:link,
.top #contents section.today ul.base_factor li.links a:visited,
.top #contents section.today ul.base_factor li.links a:active,
.top #contents #other_contents section.blog ul li h6 a,
.top #contents #other_contents section.blog ul li h6 a:link,
.top #contents #other_contents section.blog ul li h6 a:visited,
.top #contents #other_contents section.blog ul li h6 a:active,
.top #contents #other_contents section.event ul li h5 a,
.top #contents #other_contents section.event ul li h5 a:link,
.top #contents #other_contents section.event ul li h5 a:visited,
.top #contents #other_contents section.event ul li h5 a:active{color: #000;}
.top #contents section.today ul.base_factor li.links a:hover,
.top #contents #other_contents section.blog ul li h6 a:hover,
.top #contents #other_contents section.event ul li h5 a:hover{color: #e00;}

.top #contents section.today ul.comment_etc{
width: 290px;
margin: -200px 15px 0 0;
float: right;
position: relative;
z-index: 70;
font-size: 93%;
line-height: 170%;
}
.top #contents section.today ul.comment_etc img{float: left;margin-right: 10px;}
.top #contents section.today ul.comment_etc li.comment p,
.top #contents #other_contents section.blog ul li h7 p{display: inline;margin: 0;padding: 0;}

.top #contents section.today ul.comment_etc li.link_more{
width: 290px;
margin: 15px 0 0 0;
padding: 10px 0;
text-align: right;
background: url(http://akakura-ski.com/img16/top/btn_bg_l.png) no-repeat right top;
font-size: 100%;
}
.top #contents section.today ul.comment_etc li.link_more a{padding-right: 25px;font-size: 93%;}



/*--------------------------------------------------------------------
　トップページ PickUp
-------------------------------------------------------------------- */

.top #contents section.pickup{
width: 100%;
padding-top: 45px;
border-top: 2px solid #fff;
}

.top #contents section.pickup h3{
width: 100%;
background: url(http://akakura-ski.com/img16/top/pickup_title_bg.png) no-repeat center top;
margin: 0;
padding:39px 0 20px 0;
text-indent: 100%;
white-space: nowrap;
overflow:hidden;
}

.top #contents section.pickup ul{
max-width: 972px;
margin-left: -33px;
}

.top #contents section.pickup ul li{
width: 266px;
margin: 0 0 0 58px;
padding-bottom: 45px;
float: left;
}

.top #contents section.pickup ul.row4{
margin-left: -20px;
clear: both;
}

.top #contents section.pickup ul.row4 li{
width: 195px;
height: auto;
margin: 0 0 0 45px;
padding-bottom: 38px;
}

.top #contents section.pickup ul li h4{
width: 290px;
display: inline;
position: absolute;
z-index: 60;
margin: -15px 0 0 -25px;
line-height: 275%;
letter-spacing: 0.1em;
font-weight: normal;
}
.top #contents section.pickup ul.row4 li h4{width: 230px;margin-top: -11px; line-height: 210%;}
.top #contents section.pickup ul li h4 a{
color: #fff;
font-size:123%;
padding: 8px 12px 6px 12px;
}
.top #contents section.pickup ul.row4 li h4 a{font-size:93%;padding: 6px 10px 4px 10px;}
.top #contents section.pickup ul li h4 a:hover{text-decoration: none; background: url(http://akakura-ski.com/img16/top/pickup_bg_title-over.png) repeat left top;}

.top #contents section.pickup ul li h4 b{padding-left: 5px;font-weight: normal;}
.top #contents section.pickup ul li h4 b:before {content: "\A　" ;white-space: pre;}

@-moz-document url-prefix() {
.top #contents section.pickup ul li h4 {line-height: 255%;}
.top #contents section.pickup ul.row4 li h4 {line-height: 190%;}
}

.top #contents section.pickup ul li .photo{
width: 250px;
height: 185px;
border: 8px solid #fff;
overflow: hidden;
position: relative;
z-index: 50;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.1);
}
.top #contents section.pickup ul.row4 li .photo{width: 180px;height: 130px;border: 7px solid #fff;}
.top #contents section.pickup ul.row4 li .photo img{width: auto;height: 135px;}
.top #contents section.pickup ul li .photo img{width: auto;max-width: none;height: 200px;}


/*--------------------------------------------------------------------
　トップページ Blog・Facebook・Event
-------------------------------------------------------------------- */

.top #contents #other_contents{
max-width: 910px;
margin: 60px auto 50px auto;
clear: both;
}

.top #contents #other_contents section h3{
height: 23px;
margin: 2px 0 25px 0;
text-indent: 100%;
white-space: nowrap;
overflow:hidden;
float: left;
}

/*---Blog--- */

.top #contents #other_contents section.blog{
width: 450px;
float: left;
}

.top #contents #other_contents section.blog h3{
width: 78px;
background: url(http://akakura-ski.com/img16/top/list_blog_title.gif) no-repeat center top;
}

.top #contents #other_contents section.blog ul{
clear: both;
}

.top #contents #other_contents section.blog ul li{padding:2px 0 28px 0;}
.top #contents #other_contents section.blog ul li h4{
margin: 10px 0 0 -20px;
padding: 4px 7px 2px 7px;
max-width:143px;
color: #fff;
font-size: 85%;
font-weight: normal;
line-height:145%;
position: absolute;
z-index: 60;
}
.top #contents #other_contents section.blog ul li.cat228 h4{max-width:118px;}

.top #contents #other_contents section.blog ul li .photo{
width: 135px;
height: 100px;
margin-right:20px;
border: 1px solid #eee;
float: left;
overflow: hidden;
position: relative;
z-index: 50;
}
.top #contents #other_contents section.blog ul li .photo img{width: auto;height: 110px;}

.top #contents #other_contents section.blog ul li h5{margin: 0 0 2px 0;padding: 0; font-size: 85%;line-height: 150%;}
.top #contents #other_contents section.blog ul li h6{margin: 0;padding: 0; font-size: 100%;line-height: 150%;}
.top #contents #other_contents section.blog ul li h7{display: block; padding: 8px 0 0 0;font-size: 85%;line-height: 150%;}

/*---Facebook--- */

.top #contents #other_contents section.facebook{
width: 415px;
float: right;
}

.top #contents #other_contents section.facebook h3{
width: 155px;
background: url(http://akakura-ski.com/img16/top/list_facebook_title.gif) no-repeat center top;
}

.top #contents #other_contents section.facebook .fb-like-box {
width: 385px;
height: 600px;
margin: 0;
padding: 0;
border: 15px solid #3b5998;
clear: both;
}

/*---Event--- */

.top #contents #other_contents section.event{
padding-top: 45px;
clear: both;
}

.top #contents #other_contents section.event h3{
width: 95px;
background: url(http://akakura-ski.com/img16/top/list_event_title.gif) no-repeat center top;
}

.top #contents #other_contents section.event ul{
max-width: 930px;
margin-left: -20px;
clear: both;
}

.top #contents #other_contents section.event ul li{
width: 135px;
margin:0 0 5px 20px;
float: left;
}

.top #contents #other_contents section.event ul li h4{color: #c00;font-size: 90%;line-height: 140%;margin-bottom: 5px; display: block;}
.top #contents #other_contents section.event ul li h5{font-size: 93%;line-height: 140%;}

.top #contents #other_contents section.event ul li .photo{
width:133px;
height: 100px;
margin-bottom: 8px;
border: 1px solid #eee;
overflow: hidden;
}
.top #contents #other_contents section.event ul li img{width:auto;height: 100px;display: block;}

/*---AD--- */

.top #contents section.ad{
max-width: 920px;
margin: 30px auto 70px auto;
text-align: center;
clear: both;
border: 1px solid #ddd;
}

.top #contents section.ad ul{max-width: 100%;margin: 15px 5px 0 5px;}
.top #contents section.ad ul li{width: 206px;height: auto; margin: 0 10px 15px 10px;float: left;}
.top #contents section.ad ul li img{display: block;width: 206px;height: auto;}



/*---link_more--- */

.link_more{
width: 115px;
margin: 0 0 0 20px;
padding: 4px 0;
font-size: 77%;
text-align: right;
background: url(http://akakura-ski.com/img16/top/btn_bg_s.gif) no-repeat left top;
float: left;
}
.link_more a{padding-right: 10px;}

.top #contents #other_contents section.facebook .link_more,.link_more.long{
width: 163px;
background: url(http://akakura-ski.com/img16/top/btn_bg_m.gif) no-repeat left top;
}
.link_more.long.topics{width: 135px;}
.top #contents #other_contents section.facebook .link_more a{padding-right: 15px;}

section.pickup .photo {background-color: #fff;}
.photo {background-color: #eee;}
.photo p{margin: 0;padding: 0;}



@media screen and (max-width: 768px) {
/* --------------------------------------------------------------------
　トップページ
-------------------------------------------------------------------- */

.top header#headermain.clearfix #mainhead h1 img{width: 150px;height: auto;}
.top header#headermain.clearfix #mainhead h2{margin:-5px 0 10px 0;}
.akakura.top header#headermain.clearfix #mainhead h2{margin-top:-73px;}
.top header#headermain.clearfix nav ul#gnavi li{width: 11%;margin: 0 5px;}

.top #contents.clearfix section.today,
.top #contents.clearfix section.pickup{background-size:auto 100%;}
.top #contents.clearfix section.today ul.gelandephoto {width: 40%;height: auto;float: right;margin-right: 20px;}
.top #contents.clearfix section.today ul.gelandephoto li img{width: 100%;height: auto;}
.top #contents.clearfix section.today ul.base_factor{margin: 10px auto 0 15px;}
.top #contents.clearfix section.today ul.base_factor li{width: auto;margin-left: 15px;}
.top #contents.clearfix section.today ul.base_factor li.links{margin-left: 5px;margin-bottom: 15px;}
.top #contents.clearfix section.today ul.comment_etc{width: 90%;float: none;margin: 20px auto;clear: both;}
.top #contents.clearfix section.today ul.comment_etc li.link_more{float: right;}


/*---トップページ ヘッダー グローバルナビ スクロール後のfix--- */

.top header#headermain.clearfix #mainhead.fixed h1{width: auto;text-align: center;z-index: 90;background-size: 105px;background-position: left top; margin-top:25px;}
.top header#headermain.clearfix #mainhead.fixed h1 a.today{margin:-25px 0 0 0;}
.top header#headermain.clearfix #mainhead.fixed nav ul#gnavi{width: auto; z-index: 100;margin-top: -125px; padding-left: 100px;float: right;}
.akakura.top header#headermain.clearfix #mainhead.fixed nav ul#gnavi{margin-top: -115px;}


/* ---------- トップページ Blog・Facebook・Event ---------- */

.top #contents.clearfix #other_contents,
.top #contents.clearfix section.ad{width: 90%;}

.top #contents.clearfix #other_contents section.blog,
.top #contents.clearfix #other_contents section.event{width: 100%;float: none;}

.top #contents.clearfix #other_contents section.facebook{width: 100%;float: none;margin: 40px 0;}
.top #contents.clearfix #other_contents section.facebook div.fb-like-box,
.top #contents.clearfix #other_contents section.facebook div.fb-like-box iframe[style],
.top #contents.clearfix #other_contents section.facebook div.fb-like-box span{width: 100% !important;overflow: hidden;}
.top #contents.clearfix #other_contents section.facebook div.fb_iframe_widget,
.top #contents.clearfix #other_contents section.facebook div.fb_iframe_widget iframe[style],
.top #contents.clearfix #other_contents section.facebook div.fb_iframe_widget span{width: 100% !important;overflow: hidden;}

.fixed header#headermain.clearfix nav ul#gnavi li a,
.top header#headermain.clearfix #mainhead.fixed nav ul#gnavi li a{background-size: auto;}
}




@media screen and (max-width: 480px) {
/* --------------------------------------------------------------------
　トップページ
-------------------------------------------------------------------- */

.top header#headermain.clearfix nav ul.banner_grp,
.top header#headermain.clearfix nav ul.contactnavi{width: auto;}
.top header#headermain.clearfix #mainhead{margin-bottom: 15px;}
.top header#headermain.clearfix #mainhead nav ul#gnavi{width: 100%; margin-top: -40px;}

.top header#headermain.clearfix #mainhead.fixed h1{background-size: 95px;}

.top header#headermain.clearfix #mainhead h2,
.akakura.top header#headermain.clearfix #mainhead.fixed h2{display: none;}
.akakura.top header#headermain.clearfix #mainhead h2{display: block;margin-bottom: 50px;}

#contents #page_contents section.today #condition2 ul.gelandephoto{width: 100%;height: auto;margin-bottom: 25px;}
#contents #page_contents section.today #condition2 ul.gelandephoto li,
#contents #page_contents section.today #condition2 ul.gelandephoto img{width: 100%;height: auto;}
#contents #page_contents section.today #condition2 ul.base_factor{margin:0 auto;}
#contents #page_contents section.today #condition2 ul.base_factor li{width: auto;margin-left: 20px;}
#contents #page_contents section.today #condition2 ul.base_factor li.links{width: auto;}
#contents #page_contents section.today #condition2 ul.base_factor li.links .link_arrow{margin: 0 10px 0 0;}


/* ---------- トップページ Today ---------- */

.top #contents.clearfix section.today ul.gelandephoto{width: 70%;height: auto;overflow: hidden;float: none; margin: 5px auto 0 auto;}

.top #contents.clearfix section.today ul.base_factor{max-width: 100%;float: none;margin: 20px auto;clear: both;}
.top #contents.clearfix section.today ul.base_factor li.wind{margin-bottom: 10px;}
.top #contents.clearfix section.today ul.base_factor li.kassou{margin-left: 20px;clear: both;}
.top #contents.clearfix section.today ul.base_factor li.links{width: 100%;margin-right: auto;margin-left: auto;text-align: center;letter-spacing: 0;}
.top #contents.clearfix section.today ul.comment_etc{width: 90%;float: none;margin: 20px auto;clear: both;}

.top #contents.clearfix section.pickup ul{margin-left: 0;}
.top #contents.clearfix section.pickup ul li{margin: 0 auto;float: none;}
.top #contents.clearfix section.pickup ul.row4 li h4 b:before {content:"";white-space: inherit;}
.top #contents.clearfix section.pickup ul.row4{margin-left: 0;}
.top #contents.clearfix section.pickup ul.row4 li{width: 45%; margin: 0 0 0 12px;float: left;overflow: hidden;}
.top #contents.clearfix section.pickup ul.row4 li h4{width: 50%; margin-left: -10px;line-height: 180%;}
.top #contents.clearfix section.pickup ul.row4 li h4 a{padding:5px 8px; font-size:77%;letter-spacing:0.05em;}
.top #contents.clearfix section.pickup ul.row4 li .photo{width: 95%;height:auto;overflow: hidden;margin-bottom: -10px;}
.top #contents.clearfix section.pickup ul.row4 li .photo a{display: block;margin-bottom: -10px;}
.top #contents.clearfix section.pickup ul.row4 li .photo img{width: 98%;height:auto;}


/* ---------- トップページ Blog・Facebook・Event ---------- */

.top #contents.clearfix #other_contents section.facebook div.fb-like-box{border: 5px solid #3b5998;}

.top #contents.clearfix #other_contents section.event ul li{width: 95%; margin-left: 18px;float: none;clear:both;}
.top #contents #other_contents section.event ul li .photo{float: left;margin-right: 15px;}

.top #contents.clearfix #other_contents,
.top #contents.clearfix section.ad{width: 90%;}

.top #contents section.ad ul.clearfix {margin-top: 10px;}
.top #contents section.ad ul.clearfix li{width: 45%;height: auto;margin: 0 5px 10px 5px;}
.top #contents section.ad ul.clearfix li img{width: 100%;height: auto;}
}