@charset "UTF-8";

/* layout
----------------------------- */
.contents_right {
float: right;
width: 770px;
background: #f9feab;
}
.co_container_box_inner {
margin: 0 auto;
padding: 0;
}
.contents_right * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* common
----------------------------- */
.contents_right ul,
.contents_right ol {
list-style: none;
}
.contents_right a:hover img {
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
}
span.marker {
display: inline-block;
background: linear-gradient(transparent 70%, #fff55b 100%);
line-height: 1.2;
padding: 0 7px;
}
.imgBlock {
display: flex;
justify-content: center;
align-items: stretch;
margin: 0 auto;
text-align: center;
}
.imgBlock a {
display: block;
}
.imgBlock img {
width: 100%;
height: auto;
}
.one_cell {
margin: 0 auto;
text-align: center;
}
.one_cell a {
display: block;
}
.two_cells ,
.three_cells {
display: flex;
justify-content: center;
align-items: stretch;
margin: 0 auto;
text-align: center;
}
.two_cells a ,
.three_cells a {
display: block;
}
span.arrow {
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #06c;
margin: 0 4px;
}
.underline {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
.indent_1em {
padding-left: 1em;
text-indent: -1em;
}
.disp_sp {
display: none;
}

/* header
----------------------------- */
.head_area h1 {
text-align: center;
}
.head_area a,
.head_area span {
display: block;
}
.head_area img {
width: 770px;
height: 320px;
}

/* loginArea
----------------------------- */
.loginArea {
margin: 40px 60px;
padding: 30px;
background: #fff;
text-align: center;
}
.loginArea p {
margin-bottom: 10px;
font-size: 24px;
color: #000;
}
.loginArea a {
display: inline-block;
width: 240px;
height: 46px;
margin: 0 10px;
background: #eb5a0c;
border-radius: 6px;
line-height: 48px;
font-size: 24px;
color: #fff;
text-decoration: none;
}
.login a:hover {
opacity: 0.8;
}
.lead_text {
padding: 35px 0 15px;
}
.lead_text .message {
text-align: center;
font-size: 28px;
font-weight: bold;
color: #333;
}

/* secArea
------------------------------*/
.secArea{
position: relative;
margin: 0 auto;
padding: 20px 0 0;
}
#mission.secArea{
background: repeating-linear-gradient(135deg, #fbffc2, #fbffc2 7px, #fff 7px, #fff 14px);
}
#other.secArea{
padding: 20px 0;
}
#raiten.secArea{
margin: 10px auto;
padding: 0;
background: repeating-linear-gradient(135deg, #fbffc2, #fbffc2 7px, #fff 7px, #fff 14px);
}

/* secContents
------------------------------*/
.secContents{
text-align: center;
}

/* detail_link
------------------------------*/
.detail_link{
margin: 0 auto;
padding: 0 5% 8px;
text-align: center;
font-size: 20px;
}

/* poi_attention
------------------------------*/
.poi_attention{
width: 98%;
margin: 0 auto 25px;
text-align: center;
}
.poi_attention .attention_txt{
padding-left: 1em;
text-indent: -1em;
font-size: 14px;
font-weight: bold;
color: #f00;
}

/* secArea2
------------------------------*/
.secArea2{
padding-bottom: 28px;
background: #fff;
}

/* secTitle
------------------------------*/
.secArea2 .secTitle {
margin-bottom: 8px;
padding: 8px;
border-top: 2px solid #fa7e42;
border-bottom: 1px solid #ddd;
text-align: left;
}
.secArea2 .secTitle p {
line-height: 24px;
font-size: 16px;
font-weight: bold;
color: #fa7e42;
}
.secArea2 .secTitle p a {
position: relative;
display: block;
color: #fa7e42;
}
.secArea2 .secTitle p a:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 6px;
margin-top: -5px;
border-top: 2px solid #fa7e42;
border-right: 2px solid #fa7e42;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/* rightLink
------------------------------*/
.rightLink{
position:relative;
float: right;
display: inline-block;
padding-right: 10px;
line-height: 24px;
font-size: 13px;
color: #333;
}
.rightLink:after{
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 3px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/* sliderSmallBannerArea
------------------------------*/
.sliderSmallBannerArea {
background: #fff;
}
.sliderSmallBannerArea .swiper-container {
width: 100%;
max-width: 770px;
min-height: 76px;
margin: 0 auto;
}
.sliderSmallBannerArea a {
position: relative;
display: block;
width: 96%;
margin: 0 1% 17px;
}
.sliderSmallBannerArea figure {
display: block;
width: 100%;
max-width: 225px;
margin: auto;
}
.sliderSmallBannerArea img {
width: 100%;
max-width: 225px;
margin: auto;
}
.sliderSmallBannerArea .bottom_txt{
position: absolute;
bottom: -23px;
display:block;
width: 98%;
max-width: 225px;
height: 20px;
text-align: center;
font-size: 12px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* bannerArea
------------------------------*/
.bannerArea.big,
.bannerArea.small{
width: 480px;
max-width: 100%;
margin: 0 auto;
text-align: center;
}
.bannerArea a{
position: relative;
display: block;
margin: 0 1% 17px;
background: #fff;
}
.bannerArea.big a{
width: 98%;
padding-bottom: calc(27.5625%);
}
.bannerArea.small a{
float:left;
width: 48%;
padding-bottom: calc(23.68%);
}
.bannerArea.big img{
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 480px;
height: 100%;
}
.bannerArea.small img{
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 225px;
height: 100%;
max-height: 111px;
}
.bannerArea .bottom_txt{
position: absolute;
bottom: -23px;
display:block;
width: 98%;
max-width: 225px;
height: 20px;
text-align: center;
font-size: 12px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bannerArea.big .bottom_txt{
max-width: 480px;
}
#more .appeal_banner .imgBlock {
margin: 13px auto 0;
}
#more .appeal_banner.two_cells .imgBlock {
width: 48%;
}
#more .appeal_banner.two_cells .imgBlock img {
width: 370px;
height: 104px;
}
#more .appeal_banner.three_cells .imgBlock {
width: 33%;
}
#more .appeal_banner.three_cells .imgBlock img {
width: 250px;
height: 70px;
}

/* remind_area
----------------------------- */
#remind_area  {
margin: 0 auto;
padding: 18px 0 28px;
}
#remind_area .secTitle {
text-align: center;
}
#remind_area .secTitle p {
line-height: 30px;
font-size: 22px;
}
#remind_area .imgBlock img {
width: 100%;
max-width: 385px;
}

/* keywordSliderArea
------------------------------*/
.keywordSliderArea {
width: 743px;
margin: 0 15px 0 auto;
padding-bottom: 5px;
}
.keywordSliderArea .swiper-slide {
width: auto;
}
.keywordSliderArea .swiper-slide a {
display: block;
margin: 0 3px;
padding: 8px;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
font-size: 14px;
color: #333;
text-decoration: none;
}

/* titleSliderArea
------------------------------*/
.titleSliderArea{
margin: 13px 1% 0;
overflow: hidden;
}
.subTitle + .titleSliderArea {
margin: 0 1%;
padding-bottom: 8px;
}
.titleSliderArea .swiper-slide {
width: 28%;
height: auto;
}
.titleSliderArea .rank_num{
margin: 0 4px 5px;
line-height: 18px;
text-align: center;
font-size: 18px;
color: #fa7e42;
}
.titleSliderArea .rank_num span {
padding-left: 1px;
vertical-align: middle;
font-size: 14px;
}
.titleSliderArea .slider_thum {
min-height: 168px;
}
.titleSliderArea .slider_thum a{
position: relative;
display: block;
max-width: 180px;
margin: 0 auto;
text-align: center;
}
.titleSliderArea .slider_thum .cam_mark{
position: absolute;
top: 0;
right: 2%;
width: auto;
height: 17px;
padding: 2px;
background: #fff;
border: 1px solid #f00;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 11px;
font-size: 11px;
color: #f00;
}
.titleSliderArea .slider_thum img{
width: 96%;
max-width: 180px;
max-height:290px;
margin: 0 auto 3px;
}
.titleSliderArea .slider_title,
.titleSliderArea .slider_author{
height: 14px;
padding: 0 4px;
line-height: 14px;
text-align: center;
font-size: 12px;
overflow: hidden;
}
.titleSliderArea .slider_title{
margin-top: 8px;
color: #626d77;
}
.titleSliderArea .slider_author{
margin-top:3px;
color: #9f9f9f;
}
.titleSliderArea .slider_title a,
.titleSliderArea .slider_author a{
min-height: 14px;
font-size: 12px;
overflow: hidden;
}
.titleSliderArea .slider_title a{
max-height: 28px;
color: #626d77;
}
.titleSliderArea .slider_author a{
max-height: 14px;
color: #9f9f9f;
}
.titleSliderArea .swiper-wrapper *:focus{
outline: none;
}
.titleSliderArea .btn_box{
margin: 8px 5px;
}
.titleSliderArea .btn_box a{
display: block;
max-width: 180px;
height: 28px;
margin: 0 auto;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
border:1px solid #B3B3B3;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #797979;
}

/* history
------------------------------*/
.recent_title {
padding-bottom: 28px;
background: #fff;
}
.recent_title .secTitle {
position: relative;
padding: 8px;
border-top: 2px solid #fa7e42;
border-bottom: 1px solid #ddd;
text-align: left;
}
.recent_title .secTitle .title_name {
display: block;
font-size: 16px;
font-weight: bold;
color: #fa7e42;
}
.recent_title .secTitle .right_top_link {
position: absolute;
top: 12px;
right: 10px;
font-size: 15px;
color: #fa7e42;
cursor: pointer;
}
.recent_title .secTitle .right_top_link:hover {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
#no_title_hist.recent_title .subTitle {
margin: 20px 1% 0;
text-align: left;
font-size: 14px;
color: #333;
}
#title_hist_box.recent_title .subTitle {
display: none;
}
.recent_title .fixBox {
text-align: left;
}
#title_hist_box .sliderBlock {
position: relative;
display: block;
margin: 6px 0 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
#title_hist_box .sliderBlock .slick-arrow {
position: absolute;
display: block;
top: 50%;
margin-top: -30px;
width: 16px;
height: 16px;
border: none;
border-top: 2px solid #999;
border-right: 2px solid #999;
padding: 0;
color: transparent;
background-color: transparent;
outline: none;
cursor: pointer;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#title_hist_box .sliderBlock .slick-arrow.slick-disabled {
cursor: default;
border-top: 2px solid #e7e7e7;
border-right: 2px solid #e7e7e7;
}
#title_hist_box .sliderBlock .slick-arrow.slick-prev {
left: 3px;
}
#title_hist_box .sliderBlock .slick-arrow.slick-next {
right: 3px;
transform: rotate(45deg);
}
#title_hist_box .sliderBlock .slick-list,
#title_hist_box .sliderBlock .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#title_hist_box .sliderBlock .slick-list {
position: relative;
display: block;
width: 96%;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
#title_hist_box .sliderBlock .slick-track {
position: relative;
top: 0;
left: 0;
display: flex;
}
#title_hist_box .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
margin: 0 5px;
}
#title_hist_box .slick-initialized .slick-slide {
display: block;
}
#title_hist_box .slick-slide .thum_box {
position: relative;
margin: 0 auto;
background: #fff;
vertical-align: top;
text-align: center;
}
#title_hist_box .slick-slide .cam_mark {
position: absolute;
top: 0;
right: 1px;
background: #fff;
border: 1px solid #d00;
color: #d00;
height: 18px;
line-height: 18px;
padding: 0 4px;
font-size: 10px;
z-index: 1;
}
#title_hist_box .slick-slide .thum_box a {
display: block;
height: 190px;
}
#title_hist_box .slick-slide .thum_box img {
max-width: 100%;
max-height: 100%;
border: 1px solid #eee;
}
#title_hist_box .slick-slide .text_box {
margin: 5px 4px 0;
}
#title_hist_box .slick-slide .title_name {
height: 13px;
font-size: 12px;
line-height: 14px;
color: #333;
margin-bottom: 4px;
word-break: break-word;
overflow: hidden;
text-align: center;
}
#title_hist_box .slick-slide .title_name a {
color: #333;
}
#title_hist_box .slick-slide .author_name {
width: auto;
height: 13px;
font-size: 10px;
line-height: 14px;
color: #777;
text-align: center;
word-break: break-word;
overflow: hidden;
}
#title_hist_box .slick-slide .author_name a {
color: #777;
}
/* recommendListBox
------------------------------*/
.recommendListBox {
padding-bottom: 28px;
background: #fff;
}
.recommendListBox .secTitle {
padding: 8px;
border-top: 2px solid #fa7e42;
border-bottom: 1px solid #ddd;
text-align: left;
}
.recommendListBox .secTitle .title_name {
display: block;
font-size: 16px;
font-weight: bold;
color: #fa7e42;
}
.recommendListBox .subTitle {
display: none;
}
.recommendListBox .fix6Area {
margin: 0 auto !important;
}
.recommendListBox .fixBox {
margin: auto;
}
.recommendListBox .fix6Area ul {
display: table;
table-layout: fixed;
width: 762px;
margin: 0 auto;
border: none;
}
.recommendListBox .fixBox ul:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.recommendListBox .fix6Area li {
display: table-cell;
width: 127px;
padding: 5px;
background: #FFF;
overflow: hidden;
vertical-align: top;
float: none;
border: none;
}
.recommendListBox .genre_name p {
height: 18px;
font-size: 11px;
line-height: 18px;
margin: 0 auto 5px;
border: 1px #0088CF solid;
border-radius: 3px;
overflow: hidden;
text-align: center;
color: #0088CF;
display: block;
}
.recommendListBox li .genre_name.hq p {
font-size: 10px;
letter-spacing: -1px;
}
.recommendListBox .fix6Area .thum_box {
height: 160px;
width: auto;
margin: 0;
text-align: center;
position: relative;
}
.recommendListBox .thum_box a {
display: inline-block;
}
.recommendListBox .thum_box img {
border: solid 1px #eee;
}
.recommendListBox .fix6Area .thum_box img {
max-width: 116px;
max-height: 160px;
}
.recommendListBox .text_box {
padding: 0 4px;
margin: 2px auto 0;
}
.fixBox .title_name,
.fixBox .author_name {
word-break: break-word;
}
.recommendListBox .text_box .title_name {
width: auto;
height: 16px;
line-height: 17px;
color: #333;
font-size: 13px;
text-align: center;
font-weight: normal;
overflow: hidden;
margin: auto;
}
.recommendListBox .text_box .title_name a {
line-height: 16px;
color: #333;
font-size: 13px;
font-weight: normal;
}
.recommendListBox .text_box .author_name {
width: auto;
height: 15px;
line-height: 16px;
font-size: 10px;
color: #666;
text-align: center;
overflow: hidden;
margin: auto;
}
.recommendListBox .text_box .author_name a {
line-height: 16px;
color: #666;
font-size: 10px;
}

/* cam_mark */
.recommendListBox .cam_mark {
position: absolute;
display: inline-block;
z-index: 2;
top: 0;
right: 0;
font-size: 12px;
line-height: 14px;
vertical-align: middle;
background: #fff;
}
.recommendListBox .cam_mark.free {
border: 1px #36C solid;
color: #36C;
letter-spacing: 2px;
padding: 1px 1px 0 5px;
}
.recommendListBox .cam_mark.sale {
border: 1px solid #F06;
color: #F06;
letter-spacing: 0;
padding: 1px 2px 0 3px;
}
.recommendListBox .cam_mark.point {
border: 1px #6633FF solid;
color: #6633FF;
letter-spacing: 1px;
padding: 1px 0 0 3px;
}
.recommendListBox .text_box .review_star {
text-align: center;
}

/* sale_recommend
------------------------------*/
.sale_recommend {
padding-bottom: 18px;
background: #fff;
}
.sale_recommend .secTitle {
padding: 8px;
border-top: 2px solid #fa7e42;
border-bottom: 1px solid #ddd;
text-align: left;
}
.sale_recommend .secTitle .title_name {
display: block;
font-size: 16px;
font-weight: bold;
color: #fa7e42;
}
.sale_recommend .subTitle {
display: none;
}
.sale_recommend .fix4Area {
margin: 0 auto
}
.sale_recommend .fix4Area ul {
width: 760px;
margin: 0 auto 5px;
}
.sale_recommend .fix4Area li {
float: left;
width: 25%;
padding: 5px;
background: #FFF;
box-sizing: border-box;
vertical-align: top;
text-align: center;
overflow: hidden;
}
.sale_recommend .fix4Area a {
display: inline-block;
width: 100%;
}
.sale_recommend .fix4Area img {
width: 100%;
height: auto;
}

/* .resBox
-----------------------------------------------*/
#keyword .resBox {
padding-top: 28px;
}
.resBox,
.resBox.cells6{
width: 752px;
margin: 0 auto;
}
.resBox.sliderTitleArea {
width: 746px;
margin: 0 15px 0 auto;
}
.resBox li,
.resBox.cells6 li {
width: 16.66%;
display: block;
float: left;
padding: 0 6px;
}
.resBox.column li {
margin-bottom: 20px;
}
.resBox.cells5 li {
width: 20%;
}
.resBox.cells5 li:nth-child(5n+1) {
clear: both;
}
.resBox.cells5 .swiper-slide {
width: 20%;
padding: 0 6px;
}
.resBox .rankNum {
color: #f60;
font-size: 18px;
line-height: 22px;
height: 22px;
text-align: center;
margin: 0 auto;
}
.resBox .rankNum a {
color: #f60;
text-decoration: none;
}
.resBox .rankNum span {
font-size: 14px;
}
.resBox .rankNumGenre {
font-size: 18px;
line-height: 22px;
height: 22px;
color: #333;text-align: center;
margin: 0 auto;
}
.resBox .rankNumGenre span {
font-size: 14px;
}
.resBox .thumBox,
.resBox.cells6 .thumBox {
height: 165px;  
}
.resBox.cells5 .thumBox {
height: 195px;
}
.resBox .thumBox a,
.resBox .thumBox span,
.resBox.cells6 .thumBox a {
position: relative;
height: 162px;
}
.resBox.cells5 .thumBox a {
height: 192px;
}
.resBox .camMark {
position: absolute;
top: 0;
right: 0;
background: #fff;
border: 1px solid #d00;
color: #d00;
height: 18px;
line-height: 18px;
padding: 0 4px;
font-size: 10px;
z-index: 1;
}
.resBox .camMark.new {
background: #ec1e0d;
color: #fff;
font-size: 11px;
}
.resBox .thumBox img {
max-width: 100%;
max-height: 100%;
border: 1px solid #eee;
}
.resBox .swiper-slide img.plusMore {
border: none;
margin-top: 20px;
}
.resBox .titleName {
display: block;
text-align: center;
height: 16px;
overflow: hidden;
}
.resBox .titleName a {
color: #333;
font-size: 12px;
line-height: 17px;
font-feature-settings: "palt";
}
.resBox .authorName {
display: block;
text-align: center;
height: 16px;
overflow: hidden;
color: #767676;
}
.resBox .authorName a {
color: #767676;
font-size: 10px;
line-height: 17px;
font-feature-settings: "palt";
}
.resBox .reviewNum {
display: block;
text-align: center;
height: 16px;
font-size: 12px;
line-height: 17px;
overflow: hidden;
}
.resBox .reviewNum span {
color: #f60;
}
.resBox .reviewStar {
display: block;
text-align: center;
font-size: 12px;
font-feature-settings: "palt";
}
.resBox .reviewStar img {
height: 13px;
}
.resBox .btnBox {
margin: 0 auto;
padding: 4px 0;
}
.resBox .btnBox a {
display: block;
width: 100%;
height: 28px;
margin: 0 auto;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
border: 1px solid #B3B3B3;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #797979;
text-decoration: none;
font-feature-settings: "palt";
}
.resBox .btnBox a:hover {
background: #fff;
}
.resBox .btnBox a.btn01 {
background: #fbda37;
border: 1px solid #d8c90f;
color: #5c4d31;
}
.resBox .btnBox a.btn01:hover {
background: #fbda37;
opacity: .7;
}

/* bottomBtns
------------------------------*/
.bottomBtns{
margin: 13px auto 0;
text-align: center;
}
.bottomBtns a,
.bottomBtns a:hover{
position:relative;
display: inline-block;
width:400px;
margin: 0 auto;
padding: 8px 5px;
background: #fff;
border: 1px solid #fa7e42;
border-radius: 8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
font-size: 14px;
color: #fa7e42;
text-decoration: none;
}
.bottomBtns a:after{
content:'';
display:block;
clear:both;
position:absolute;
top:50%;
right:8px;
width:6px;
height:6px;
margin-top:-5px;
border-top:2px solid #fa7e42;
border-right:2px solid #fa7e42;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
}

/* detail_area
----------------------------- */
.detail_area {
margin: 0 auto;
padding: 15px 2%;
}
.detail_area .detail_title {
padding: 10px 10px 5px;
background: #fa7e42;
border-radius: 20px 20px 0 0;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.detail_area .detail_box {
padding: 10px;
background: #fff;
border: 2px solid #fa7e42;
border-radius: 0 0 20px 20px;
line-height: 1.3;
text-align: left;
font-size: 15px;
color: #333;
}
.detail_area .detail_box p {
font-size: 14px;
color: #333;
}
.detail_area dl {
margin:0 0 10px;
}
.detail_area dt {
font-size: 14px;
font-weight:bold;
color: #333;
}
.detail_area dd + dt {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed #4d2905;
}
.detail_area dt:before {
display: inline;
content: "■";
}
.detail_area dd {
font-size: 14px;
color: #333;
}
.detail_area dd.color_rd {
color: #f03;
}

/* btn_areas(sns)
----------------------------- */
.btn_areas {
margin: 0 5px;
padding: 13px 0 8px;
}

/* end
----------------------------- */
.end_area {
padding: 40px 0;
text-align: center;
}
.end_area p {
font-size: 18px;
font-weight: bold;
color: #fc7329;
}