@charset "utf-8";

body { background: none; }
#gNav { margin-bottom: 4px; }

#main { padding-bottom: 37px; }
#main section { width: 100%; min-width: 1000px; border-bottom: 1px solid #d6c9c4; overflow: hidden; }
#main section .inner { width: 1000px; margin: 0 auto; }
#main section .golist { text-align: center; }


#pickup { padding: 0 0 45px; background: #fcfaf2; }
#pickup-view { height: 440px; overflow: hidden; position: relative; width: 100%; }
#pickup-view ul { left: 50%; margin-left: -503px; position: absolute; top: 0; }
#pickup-view ul li { float: left; width: 1000px; text-align: center; }
#pickup-view ul li img { width: 100%; }
#pickup-view p { cursor: pointer; position: absolute; top: 175px; }
#pickup-view .prev { left: 0; }
#pickup-view .next { right: 50px; }

#pickup-nav { margin: 20px auto 0; position: relative; width: 946px; }
#pickup-nav nav { height: 81px; margin: 0 auto; overflow: hidden; position: relative;  width: 846px; }
#pickup-nav ul {  left: 50%;  position: absolute;  top: 0;}
#pickup-nav ul li { cursor: pointer;  float: left;  padding: 0 3px; width: 162px; }
#pickup-nav ul li img{ border: 2px solid #cfcfcf; padding: 5px; }
#pickup-nav ul li:hover img{ border: 2px solid #389323; }
#pickup-nav p { cursor: pointer; position: absolute; top: 0; }
#pickup-nav .prev { left: 0; }
#pickup-nav .next { right: 0; }


#buzzrank { padding: 42px 0 53px; background: url(../img/home/buzz_bg01.gif) center top; }
#buzzrank h2 { float: left; padding: 12px 0 0; }
#buzzrank .box{ float: right; width: 797px; }
#buzzrank .rank-tab{ border-bottom: 5px solid #6d4c41; }
#buzzrank .rank-tab li { float: left; width: 190px; margin-right: 12px; padding: 15px 0 10px; cursor: pointer; font-size: 117%; background: #fff; color: #6d4c41; font-weight: bold; text-align: center; -webkit-border-top-left-radius: 20px;  -webkit-border-top-right-radius: 20px;　-moz-border-radius-topleft: 20px;　-moz-border-radius-topright: 20px;　}
#buzzrank .rank-tab li:last-child{ margin-right: 0px; }
#buzzrank .rank-tab li:hover { background: #6d4c41; color: #fff; }
#buzzrank .rank-tab li.active { background: #6d4c41; color: #fff; }
#buzzrank .rank-content { clear: both; display: none; }
#buzzrank div.active { display: block;}
#buzzrank .rank-content ol { padding: 19px 0; }
#buzzrank .rank-content li { float: left;width: 224px; margin-right: 20px; padding: 10px; border: 3px solid #d0b283; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; }
#buzzrank .rank-content li:last-child{ margin-right: 0px; }
#buzzrank .rank-content li .buzz-img { float: left; width: 80px; max-height: 80px; overflow: hidden; }
#buzzrank .rank-content li dl { float: right; width: 125px; }
#buzzrank .rank-content li dt { height: 28px; padding: 12px 0 0 40px; }
#buzzrank .rank-content li dd { font-size: 100% !important; }
#buzz-rank1 dt { background: url(../img/home/buzz_i01.gif) no-repeat; }
#buzz-rank2 dt { background: url(../img/home/buzz_i02.gif) no-repeat; }
#buzz-rank3 dt { background: url(../img/home/buzz_i03.gif) no-repeat; }


#event { padding: 34px 0 70px; background: #fafeed; }
#event h2 { margin-bottom: 11px; text-align: center; }
#eventList { float: left; padding-top: 19px; }
#eventList li { float: left; width: 220px; margin-right: 10px; }
#eventList li p { width: 219px; height: 164px; overflow: hidden; }
#eventList dl { margin-top: 15px; }
#eventList dt { font-size: 85.71% }
#eventList dt i { display: inline-block; margin-bottom: 7px; padding: 2px 10px 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #333; color: #fff; }
#eventList dd { font-size: 114.28%; }
#eventCalendar { float: right; width: 300px; padding-bottom: 12px; background: url(../img/home/ecalendar_bg02.gif) center bottom no-repeat; }
#eventCalendarBg { padding-bottom: 13px; background: url(../img/home/ecalendar_bg01.gif) repeat-y; }
#eventCalendarCon { width: 236px; margin: 7px auto 0; padding: 16px 12px 24px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #fff; }
#eventCalendarCon .eventCalendarHead { width: 100%; margin-bottom: 5px; }
#eventCalendarCon .eventCalendarPrev { width: 1%; white-space: nowrap; }
#eventCalendarCon .eventCalendarPrev a { display: inline-block; padding: 0 5px; background: #e1ce9a; color: #000; font-weight: bold; text-decoration: none; }
#eventCalendarCon .eventCalendarMonth { font-weight: bold; text-align: center; }
#eventCalendarCon .eventCalendarNext { width: 1%; white-space: nowrap; text-align: right; }
#eventCalendarCon .eventCalendarNext a { display: inline-block; padding: 0 5px; background: #e1ce9a; color: #000; font-weight: bold; text-decoration: none; }
#eventCalendarCon .eventCalendarBody { width: 100%; line-height: 30px; }
#eventCalendarCon .eventCalendarBody th { width: 14.28%; text-align: center; }
#eventCalendarCon .eventCalendarBody td { padding: 3px 0; text-align: center; }
#eventCalendarCon .eventCalendarSun, #eventCalendarCon .eventCalendarSun a { color: #e53935; }
#eventCalendarCon .eventCalendarHol, #eventCalendarCon .eventCalendarHol a { color: #e53935; }
#eventCalendarCon .eventCalendarSat, #eventCalendarCon .eventCalendarSat a { color: #00acc1; }
#eventCalendarCon table span { display: inline-block; width: 30px; background: url(../img/home/ecalendar_i01.gif) no-repeat; font-weight: bold; }
#eventCalendarCon p { margin-top: 15px; text-align: center; }
#event .golist { margin-top: 40px; }

#topics { padding: 35px 0 55px; }
#topics h2 { margin-bottom: 11px; text-align: center; }
#topicsList { margin: 0 auto; padding-top: 19px; }
#topicsList ul { margin-right: -10px; }
#topicsList li { float: left; width: 192px; margin-right: 10px; }
#topicsList li p { width: 192px; height: 144px; overflow: hidden; }
#topicsList dl { margin-top: 15px; }
#topicsList dt { font-size: 85.71% }
#topicsList dt i { display: inline-block; margin-bottom: 7px; padding: 2px 10px 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #333; color: #fff; }
#topicsList dd { font-size: 114.28%; }
#topics .golist { margin-top: 30px; }

#season { padding-bottom: 49px; border-bottom: none !important; background: #fcf9f4 url(../img/home/season_bg02.gif) left bottom repeat-x; }
#seasonBg { padding-top: 46px; background: url(../img/home/season_bg01.jpg) center bottom no-repeat; }
#season .inner { position: relative; }
#season h2 { margin-bottom: 47px; }
#seasonSpot { width: 464px; margin-bottom: 10px; padding: 12px 14px 12px 16px; border: 3px solid #d2a384; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff0db; }
#seasonSpot p { float: left; width: 200px; }
#seasonSpot dl { margin-left: 215px; }
#seasonSpot dd { margin-top: 7px; }
#seasonSpot dd a { color: #d95930; }
#seasonBanner { margin-bottom: 93px; }
#seasonMovie { position: absolute; left: 598px; bottom: 93px; width: 360px; text-align: center; }
#seasonMovie a { color: #fff; font-size: 114.28%; }
#seasonOther { position: absolute; left: 1000px; bottom: 385px; }

#course { min-height: 621px; padding: 23px 0 0; background: #fff4cc url(../img/home/course_bg01.gif) center top no-repeat; }
#course h2 { margin-bottom: 37px; text-align: center; }
#courseSlider { position: relative; overflow: hidden; }
#courseSlider ul { position: absolute; left: 50%; width: 1548px; margin-left: -774px; }
#courseSlider li { float: left; width: 242px; margin: 0 8px; }
#courseSlider li div { padding: 6px; border: 1px solid #ddd4b1; background: #fff; }
#courseSlider li div p { width: 228px; height: 171px; overflow: hidden; }
#courseSlider li dt { margin: 7px 0 5px; font-size: 114.28%; }
#courseSlider .prev { position: absolute; top: 29px; left: 0; }
#courseSlider .next { position: absolute; top: 29px; right: 50px; }
#course .golist { margin-top: 40px; }

#experience { padding: 61px 0 47px; background: url(../img/home/experience_bg01.gif) center top; }
#experience h2 { margin-bottom: 38px; text-align: center; }
#experience .experience_list { margin-right: -24px; }
#experience .experience_list li { float: left; width: 232px; margin-right: 24px; text-align: center; }
#experience .experience_list li dd { margin-top: 10px; font-size: 128.57%; }


#taikan { margin-top: 61px; padding: 0 0 75px; }
#taikan h2 { margin-bottom: 30px; color: #6d4c41; font-size: 168%; font-weight: bold; }

#taikan .picup-list li { position: relative; float: left; width: 232px; margin-right: 24px; padding-bottom: 15px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#taikan .picup-list li:nth-child(4n) { margin-right: 0px; }
#taikan .picup-list li a { text-decoration: none; }
#taikan .picup-list .picup-img { height: 190px; overflow: hidden; }
#taikan .picup-list li dl { width: 208px; margin: 0 auto; padding: 14px 0 0; }
#taikan .picup-list li dl dt { margin-bottom: 10px; font-size: 134%; font-weight: bold; text-decoration: underline; }
#taikan .picup-list li dl dd { margin-top: 0px; text-align: left; font-size: 100% !important; color: #333; }
#taikan .picup-list li dl dd p{ margin: 0 0 4px 0; padding: 0 0 0 15px; background: url(../img/taikan/arrow_i001.png) no-repeat left 5px; }
#taikan .picup-list li img { width: 100%; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; }
#taikan .picup-list .taiken{ float: right; display: inline-block; margin-right: 15px; padding: 2px 15px 2px 15px; text-align: center; color: #d4775a; border:1px solid #d5d0c9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
#taikan .picup-list .taiken01{ padding-left: 20px; background: url(../img/taikan/icon_i001.gif) no-repeat center left; }
#taikan .picup-list .taiken02{ padding-left: 20px; background: url(../img/taikan/icon_i002.gif) no-repeat center left; }
#taikan .picup-list .taiken03{ padding-left: 20px; background: url(../img/taikan/icon_i003.gif) no-repeat center left; }
#taikan .picup-list .taiken04{ padding-left: 20px; background: url(../img/taikan/icon_i004.gif) no-repeat center left; }
#taikan .picup-list .taiken05{ padding-left: 20px; background: url(../img/taikan/icon_i005.gif) no-repeat center left; }
#taikan .picup-list .taiken06{ padding-left: 20px; background: url(../img/taikan/icon_i006.gif) no-repeat center left; }
#taikan .picup-list .taiken07{ padding-left: 20px; background: url(../img/taikan/icon_i007.gif) no-repeat center left; }
#taikan .picup-list .areaIcon{ position: absolute; top: 6px; left: 6px; }
#taikan .golist{ margin-top: 20px; }


#search { padding: 29px 0 50px; }
#search h2 { margin-bottom: 38px; text-align: center; }
#search h3 { padding-left: 28px; background: url(../img/common/search_i01.gif) left center no-repeat; font-size: 128.57%; font-weight: bold; }
#search h3 small { margin-left: 14px; font-weight: normal; }
#searchL { float: left; width: 293px; }
#searchKeyword h3 { margin-bottom: 10px; }
#searchKeyword input { width: 287px; padding: 2px; border: 1px solid #bfbfbf; }
#searchArea { margin-top: 15px; }
#searchArea p { padding-left: 28px; }
#searchAreaBg { position: relative; width: 293px; height: 338px; margin-top: 5px; background: url(../img/common/search_bg01.jpg) no-repeat; }
#searchAreaBg div { position: absolute; }
#searchArea1 { left: 80px; top: 235px; }
#searchArea2 { left: 49px; top: 108px; }
#searchArea3 { left: 171px; top: 107px; }
#searchArea4 { left: 182px; top: 42px; }
#searchR { float: right; width: 669px; }
#searchR dt { margin-top: 10px; padding: 3px 0 1px 15px; background: #57b142; color: #fff; font-size: 128.57%; }
#searchR dd { padding: 20px 0 10px 5px; }
#searchR dd li { float: left; margin: 0 20px 10px 0; }
#searchR dd li input { vertical-align: middle; }
#searchControl { margin-top: 38px; text-align: center; }
#searchControl button { padding: 0 9px; }

#news { padding: 53px 0; }
#news h2 { margin-bottom: 31px; text-align: center; }
#newsL { float: left; width: 490px; }
#news .newsBoxHead { position: relative; margin-bottom: 5px; padding: 5px 0 5px 9px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#news .newsBoxHead h3 { padding-left: 30px; color: #fff; font-size: 128.57%; font-weight: bold; }
#news .newsBoxHead p { position: absolute; top: 50%; right: 13px; margin-top: -7px; line-height: 1; }
#news .newsBox { margin: 0 0 30px 0; }
#news .newsBox li { padding: 10px 0; }
#news .newsBox li dt { float: left; }
#news .newsBox li dd { margin-left: 120px; }
#newsUpdate .newsBoxHead { background: #57b142; }
#newsUpdate .newsBoxHead h3 { background: url(../img/home/news_i01.png) left center no-repeat; }
#newsUpdate li { border-bottom: 1px solid #7fcc6c; }
#newsUpdate dl { padding-right: 80px; }


#newsUpdate .newsCat1 { background: url(../img/common/ncat_i01.png) right center no-repeat; }

/*　02 歳時記　*/
#newsUpdate .newsCat2 { background: url(../img/common/ncat_i02.png) right center no-repeat; }
/*　03 コラム　*/
#newsUpdate .newsCat3 { background: url(../img/common/ncat_i03.png) right center no-repeat; }
/*　04 募集　*/
#newsUpdate .newsCat4 { background: url(../img/common/ncat_i04.png) right center no-repeat; }
/*　05 ニュース　*/
#newsUpdate .newsCat5 { background: url(../img/common/ncat_i05.png) right center no-repeat; }
/*　07 新着　*/
#newsUpdate .newsCat7 { background: url(../img/common/ncat_i07.png) right center no-repeat; }


#newsUpdate .newsCat6 { background: url(../img/common/ncat_i06.png) right center no-repeat; }
#newsUpdate .newsCat8 { background: url(../img/common/ncat_i08.png) right center no-repeat; }




#newsBlog .newsBoxHead { background: #4366c5; }
#newsBlog .newsBoxHead h3 { background: url(../img/home/news_i02.png) left center no-repeat; }
#newsBlog li { border-bottom: 1px solid #afc0ee; }
#newsBlog a { color: #333; }
#newsBanner  { margin-top: 30px; text-align: center; display: flex; justify-content: space-between; }
#newsBanner div { width: 49%; }
#newsBanner img { margin-bottom: 10px; max-width: 100%; }

#newsR { float: right; width: 490px; }
#newsR .pc { border: solid 1px #ddd4b1; }

#useful { padding: 39px 0 41px; background: #fdfaf3; }
#useful h2 { margin-bottom: 22px; text-align: center; }
#usefulNav { margin: 0 -17px 31px 0; text-align: center; }
#usefulNav li { display: inline-block; margin-right: 17px; }
#usefulBanner { margin-right: -10px; }
#usefulBanner li { float: left; margin-right: 10px; }

#bnr { padding: 34px 0 70px; background: #fafeed; }
#bnr h2 { margin-bottom: 30px; text-align: center; }
#bnr .pu-bnr { margin: 20px auto 0; width:1000px; }
#bnr .pu-bnr ul li { float: left; text-align:center; margin: 1em 0 0; }
#bnr .pu-bnr ul li:nth-child(3n+2) { margin: 1em 47px 0; }






/* ====================================================================================================
   640px以下のメディアクエリ
==================================================================================================== */

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

.golist{ width: 85.93%; margin: 0 auto; }

#main { padding-bottom: 0; }
#main section { min-width: 100%; }
#main section .inner { width: 100%; }


#pickup { padding-bottom: 3.75%; }
#pickup-view { width: 100%; height: auto; padding-bottom: 45%; }
#pickup-view ul { position: relative; width: 100%; margin: 0 auto; left: 0px;}
#pickup-view ul li { width: auto; left: 0px !important; position: absolute;  top: 0; }
#pickup-view p { width: 6.71%; cursor: pointer; position: absolute; top: 50%; margin-top: -8%; }
#pickup-view .prev { left: 0; }
#pickup-view .next { right: 0; }
#pickup-thumb { margin: 0 auto 0; position: relative; width: 92.5%; }
#pickup-thumb ul { text-align: center; }
#pickup-thumb li { display: inline-block; padding: 0 1.69%; width: 2.70%; }
#pickup-thumb p { position: absolute; top: 0; width: 2.2%; }
#pickup-thumb .prev { left: 0; }
#pickup-thumb .next { right: 0; }


#topNavi { padding: 2.5% 0 4.06%;}
#topNavi ul { margin-left: 0.46%; }
#topNavi li	{ float: left; border-right: 1px solid #dcdacf; }
#topNavi li:last-child { border-right: none; }
#topNavi #topNavi_navi1 { margin-bottom: 3.12%; }
#topNavi #topNavi_navi1 li { width: 32.96%; }
#topNavi #topNavi_navi2 li { width: 24.53%; }

#buzzrank { padding: 42px 0 53px; background: none; }
#buzzrank .inner{ background: url(../img/home/buzz_bg01.gif) center top; }
#buzzrank h2 { float: left; width: 30%; margin: 2.125% 0 1.56% 3.125%; padding: 0; }
#buzzrank .rank-tabSp{ border-bottom: 5px solid #6d4c41; }
#buzzrank .rank-tabSp li { float: left; width: 22.34%; margin-right: 1.09%; padding: 10px 0; background: #eee; font-size: 100%; color: #6d4c41; font-weight: bold; text-align: center; -webkit-border-top-left-radius: 10px;  -webkit-border-top-right-radius: 10px;　-moz-border-radius-topleft: 10px;　-moz-border-radius-topright: 10px;　}
#buzzrank .rank-tabSp li:first-child{ margin-left: 3.125%; }
#buzzrank .rank-tabSp li:last-child{ margin-right: 0px; }
#buzzrank .rank-tabSp li:hover { background: #6d4c41; color: #fff; }
#buzzrank .rank-tabSp li.active { background: #6d4c41; color: #fff; }
#buzzrank .box{ width: 60.81%; margin-bottom: 1.56%; }
#buzzrank .rank-content ol { margin-top: 3.125%; margin-right: 8.125%; padding: 2.61% 0 4.61% 0; border: 3px solid #d0b283; background: #fff; }
#buzzrank .rank-content li { float: none; width: 90.48% !important; margin-left: 3.125%; padding: 2.71% 0 !important; border-bottom: 1px solid #000 !important; border-right: none !important; border-top: none !important; border-left: none !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0!important; }
#buzzrank .rank-content li dl { float: none; width: 100%; margin-left: 0; }
#buzzrank .rank-content li dd { float: left; padding: 1.9% 0 0 12.22%; }
#buzzrank .rank-content li:last-child{ padding-bottom !important: 0; border-bottom: none !important; }
#buzz-rank1 dd { width: 100%; background: url(../img/home/buzz_i01.gif) no-repeat; background-size: 10% auto; }
#buzz-rank2 dd { width: 100%; background: url(../img/home/buzz_i02.gif) no-repeat; background-size: 10% auto; }
#buzz-rank3 dd { width: 100%; background: url(../img/home/buzz_i03.gif) no-repeat; background-size: 10% auto; }
#buzzrank .rankBtn{ width: 85.93%; margin: 0 auto; padding: 1.56% 0 4.68%; }

#topics { padding: 3.12% 0 7.81%; }
#topics h2 { width: 61.4%; margin: 0 auto; margin-bottom: 4.68%; }
#topics .golist { margin-top: 4.68%; }
#topicsList { padding-left: 6.25%; }
#topicsList li { width: 45%; margin-right: 0; padding-right: 3%; }
#topicsList li p { width: 100%; height: auto; overflow: auto; }

#news { padding: 6.25% 0 7.03%; }
#newsL { float: none; width: 87.5%; margin: 0 auto; margin-bottom: 4.68%; }
#news .newsBox li dt { float: none; }
#news .newsBox li dd { float: none; margin-left: 0; }
#newsInsta { width: 87.5%; margin: 0 auto 4%; text-align: left; }
#newsR { float: none; width: 87.5%; margin: 0 auto; }
#snsBnr { width: 87.5%; margin: 0 auto; }
#snsBnr p { margin-bottom: 4%; }
#snsBnr p:last-child { margin-bottom: 0; }
#newsBanner  { margin: 4% auto 0; display: block; width: 87.5%; }
#newsBanner div { width: 100%; margin-bottom: 4%; }
#newsBanner img { margin-bottom: 2%; }

#event { padding: 3.9% 0 7.03%; background: #fff; }
#event h2 { width: 51.56%; margin: 0 auto; margin-bottom: 3.59%; }
#event .golist { margin-top: 4.68%; }
#eventList { float: none; padding-left: 6.25%; }
#eventList li { width: 45%; margin-right: 0; padding-right: 3%; }
#eventList li p { width: 100%; height: 164px; overflow: hidden; }

#seasonBg { background: url(../img/home/season_bg03.jpg) center bottom no-repeat; background-size: contain; }
#season .inner { position: relative; }
#season h2 { width: 89.37%; margin: 0 auto; margin-bottom: 4.68%; }
#seasonMovie { position: static; left: 0; bottom: 0; width: 87.5%; margin: 0 auto; }
#seasonOther { width: 85.93%; margin: 0 auto; margin-bottom: 3.9%; position: static; left: 0; bottom: 0; }
#seasonMovie p{ margin: 3.12% 0; text-align: center; }
#seasonMovie p a{ color: #389323; font-weight: bold; }
#seasonSpot { width: 88.76%; margin: 0 auto; margin-bottom: 4.68%; padding: 2.5% 2.5% 4.68%; border: 3px solid #d2a384; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff0db; }
#seasonSpot .left { float: left; width: 33.33%; }
#seasonSpot dl { float: right; width: 62%; padding: 0; margin: 0; }
#seasonSpot dd { margin-top: 3.33%; }
#seasonBanner { width: 93.75%; margin: 0 auto; margin-bottom: 26.56%; }
#seasonSpotBanner{ width: 85.93%; margin: 0 auto; margin-top: 5%; }
#seasonSpot p{ float: none; width: 100%; }

#course { min-height: 100%; padding: 4.68% 0 7%; background-size: auto; }
#course h2 { width: 66.87%; margin: 0 auto; margin-bottom: 4.68%; }
#course .golist { margin-top: 5.46%; }
#courseSlider ul { position: absolute; left: 0; width: 1548px; margin-left: 0; }
#courseSlider .next { right: 0px; }

#experience { padding: 6.62% 0 6.87%; }
#experience h2 { width: 75.43%; margin: 0 auto; margin-bottom: 4.68%; }
#experience .experience_list { margin: 0 -3.9% 2.12% 6.87%; }
#experience .experience_list li { float: left; width: 40.31%; margin-right: 3.9%; margin-bottom: 3.12% }

#taikan { margin-top: 61px; padding: 0 0 6.62%; }
#taikan h2 { margin-bottom: 3.15%; color: #6d4c41; font-size: 117%; font-weight: bold; }
#taikan .picup-list{ margin: 0 3.125% !important;}
#taikan .picup-list li { position: relative; float: left; width: 47.75% !important; margin-bottom: 4.06%; margin-right: 3.9%; padding-bottom: 15px; }
#taikan .picup-list li:nth-child(2n) { margin-right: 0px; }
#taikan .picup-list .picup-img { height: 0px !important; padding-bottom: 75% !important; }
#taikan .picup-list li dl { width: 85% !important; margin: 0 auto; padding: 4.06% 0 0 !important; }
#taikan .picup-list li dl dt { margin-bottom: 10px; font-size: 117%; font-weight: bold; text-align: left !important; }
#taikan .picup-list .areaIcon{ position: absolute; top: 6px; left: 6px; width: 23.71%; }
#taikan .picup-list .taiken{ float: none; display: inline-block; margin-left: 4.06%; margin-right: 0; padding: 2px 5px 2px 5px !important; text-align: center; color: #d4775a; border:1px solid #d5d0c9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }



#useful h2 { width: 55.93%; margin: 0 auto; margin-bottom: 4.68%; }
#usefulNav { margin: 0 -3.43% 9.37% 3.12%; }
#usefulNav li { width: 40.31%; margin-bottom: 3.9%; margin-right: 3.43%; }
#usefulBanner { margin: 0 -2.34% 0 6.25%; }
#usefulBanner li { width: 42.5%; margin: 0 2.34% 3.12% 0; }


#bnr { padding: 3.9% 0 7.03%; background: #fafeed; }
#bnr h2 { width: 51.56%; margin: 0 auto; margin-bottom: 3.59%; }
#bnr .pu-bnr { margin: 0; width:100%; }
#bnr .pu-bnr ul li { margin: 1em 0 0; width: 50%; }
#bnr .pu-bnr ul li:nth-child(3n+2) { margin: 1em 0 0; }
#bnr .pu-bnr ul li img { width: 90%; }


}

/* ====================================================================================================
   360px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 390px) {
.rank-tabSp li { font-size:63% !important; }

}