@charset utf-8;

/*
TOP
***********************************/

.top_about .photo{float: right;width: 23%;}
.top_about .desc{float: left;width: 75%;line-height: 1.7;}
.top_about .desc p{margin-bottom: 10px;}

.recom_list{background-color: #fff6e9;padding: 10px 5px;overflow: hidden;}
.recom_list li{float: left;margin-left: 12px;line-height: 0;}

.top_pagelist li .photo{text-align: center;}
.top_pagelist li h2{border-top: solid 5px #ffa525;background: url(../images/common/bg/bg_02.png) repeat 0 0,url(../images/top/icon_arrow_01.png) no-repeat 98% 0;font-size: 16px;text-align: center;padding: 5px 0;color: #353636;border-bottom: dotted 1px #c67c12;margin-bottom: 10px;}
.top_pagelist li .txt{padding: 5px 10px 10px;}
.top_pagelist li a{text-decoration: none;}

.top_tieup .bnr_list{width: 100%;overflow: hidden;}
.top_tieup .bnr_list li{float: left;width: 29%;margin-right: 1.2%;margin-bottom: 10px;margin-left: 3%;}
.top_tieup .bnr_list li img{width: 100%;height: auto;}


.news_list{padding-top: 10px;}
.news_list dl{border-bottom:dotted 1px #ccc;width: 95%;overflow: hidden;margin: 0 auto 20px;padding-bottom: 20px;}
.news_list dt{width: 13%;float: left;margin-right: 2%;color: #fff;text-align: center;padding: 2px 0px;}
.news_list dt.type1{background-color: #589832;}
.news_list dt.type2{background-color: #ce6586;}
.news_list dt.type3{background-color: #357aa5;}
.news_list dt.type4{background-color: #ab7a3c;}
.news_list dt.type5{background-color: #983232;}
.news_list dt.type6{background-color: #6580ce;}
.news_list dt.type7{background-color: #a59335;}
.news_list dt.type8{background-color: #8a8988;}

.news_list dd{width: 85%;float: left;overflow: hidden;margin-top: 2px;}
.news_list dd a{text-decoration: underline;}
.news_list dd .date{width: 15%;float: left;}
.news_list dd .txt{float: left;width: 85%;}
.news_back{margin-top: 35px;}
.news_back h2{border-bottom: solid 1px #ffdeaf;margin-bottom: 25px;}
.news_back .list{border: solid 1px #ccc;}
.news_back .list li a{position: relative;display: block;border-bottom: solid 1px #ccc;padding: 10px;background: #FFF6E9;}
.news_back .list li a::after{position: absolute;top: 50%;right: .2em;content: '';margin-top: -5px;border: 7px solid transparent;border-top-width: 5px;border-bottom-width: 5px;border-left-color: #353636;transition: all .3s;}



@media screen and (max-width: 1024px) {/* Pad & Smartphone Display - width:1024px under - */

.recom_list{padding: 3% 0;}
.recom_list li{float: left;margin-left: 1%;line-height: 0;width: 23.7%;}
.recom_list li a img{width: 100%;height: auto;}
.top_pagelist li h2{font-size:12px;}

.news_list dt{width: 17%;}
.news_list dd{width: 81%;}
.news_list dd .date{width: 25%;}
.news_list dd .txt{width: 75%;}

.news_list dl{width: 98%;}
.news_list dt{width: 25%;}
.news_list dd{width: 72%;}
.news_list dd .date{width: 30%;}
.news_list dd .txt{width: 70%;}


}

@media screen and (max-width: 727px) { /* SmartPhone Display - width:727px under - */

.top_about .photo{float: none;width: 100%;text-align: center;margin-bottom: 10px;}
.top_about .desc {float: none;width: 100%;}
.recom_list li{width: 47%;}
.recom_list li:nth-child(odd){margin:0 1% 10px 2%;}
.recom_list li:nth-child(even){margin:0px 2% 10px 1%;}

.boxlist li{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;margin-bottom: 0;border-bottom: dotted 1px #ccc;border-top: none;}
.boxlist li:first-child{border-top:solid 1px #e8e8e8;}
.boxlist li:last-child{border-bottom:solid 1px #e8e8e8;box-shadow: rgb(115, 115, 115) 0px 0px 9px 1px;-webkit-box-shadow: none;-moz-box-shadow: rgb(222, 222, 222) 0px 0px 8px 0px;margin-bottom: 30px;}
.top_pagelist li a{display: table-cell;width: 100%;overflow: hidden;}
.top_pagelist li .photo{width: 30%;display: table-cell;vertical-align: middle;border-right: solid 1px #efefef;border-top:solid 5px #FFA525;box-sizing: border-box;}
.top_pagelist li .txtzone{width: 70%;display: table-cell;}
.top_pagelist li h2{text-align: left;padding:5px 0 5px 20px;}

.news_list dt{float: none;margin: 5px 0 10px;}
.news_list dd{float: none;width: 100%;}
.news_list dd .date{width: 20%;}
.news_list dd .txt{width: 80%;}


}