@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

body { color: #525454; font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
img { max-width: 100%;}
a { text-decoration: none; color: #525454;}
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s;}

@media screen and (max-width: 768px) {
	
.inner { width: 92%; margin: 0 auto; max-width: 1100px;}

header { padding: 25px 0;}
header .logo { float: left; width: 20%;}
header .menu { float: right;}
header .menu img { max-height: 30px; width: auto;}
header .menu ul {}
header .menu ul li { display: inline-block; vertical-align: middle; margin-right: 20px;}

#main { padding: 0 0 25px;}
#main .left { margin-bottom: 10px;}
#main .left .swiper-slide { overflow: hidden; width: 100%; display: block;}
#main .sub01 { position: absolute; bottom: 5px; text-align: right; line-height: 1.8em; background: #FFFFFF; box-sizing: border-box; padding: 7px 10px; width: 98%; left: 1%; text-align: left; font-size: 13px; z-index: 5;}
#main .swiper-button-prev { background: url("../images/icon_prev.png") no-repeat !important; background-size: contain !important; top: 45% !important; position: absolute;}
#main .swiper-button-next { background: url("../images/icon_next.png") no-repeat !important; background-size: contain !important; top: 45% !important; position: absolute;}
#main .right img { width: 100%; height: auto;}
#main .right .sub1 { margin-bottom: 10px;}
#main .right .sub2 {}
#main .left .swiper-slide .main {}


nav { border-bottom: solid 1px #efefef; border-top: solid 1px #efefef ; font-size: 0.9rem;}
nav .inner { overflow-x: scroll;}
nav ul { width: 310%;}
nav .inner::-webkit-scrollbar {
  display: none;
}
nav ul li { float: left; width: 12.5%; text-align: center;}
nav ul li a { display: block; padding: 1em; color: #231815; transition: 0.3s;}
nav ul li a:hover { color: #dda9ac; background: #f4f4f4; transition: 0.3s;}




.content { padding: 25px 0;}
.content .left-area { margin-bottom: 25px;}
.content .left-area .article { border-bottom: solid 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em; position: relative;}
.content .left-area .article .thumanil {}
.content .left-area .article .thumanil img { margin-bottom: 10px;}
.content .left-area .article .new span { position: absolute; left: 0; top: 0; background: url("../images/icon_new.png") no-repeat; background-size: contain; display: block; width: 50px; height: 50px;}
.content .left-area .article .text { position: relative;}
.content .left-area .article .text h3 { line-height: 1.8em; font-size: 0.9rem; margin-bottom: 5px;}
.content .left-area .article .date { color: #92607d; font-size: 0.8rem; margin-bottom: 5px;}
.content .left-area .article .category { color: #92607d; font-size: 0.8rem; z-index: 999; position: absolute; right: 0; bottom: 0.8em; font-size: 0.6rem;}
.content .left-area .article .category a { background: #525454; display: inline-block; color: #FFFFFF; padding: 0.3em 1.2em;}
.content .left-area .more { text-align: center; padding: 30px 0;}
.content .left-area .more a { color: #FFFFFF; background: #dda9ac; padding: 10px 70px; border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border: solid 1px #dda9ac; transition: 0.3s;}
.content .left-area .more a:hover { color: #dda9ac; background: #fff; padding: 10px 70px;  border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border: solid 1px #dda9ac; transition: 0.3s;}
.content .left-area .search { text-align: center; padding: 10px 0;}
.content .left-area .search table { display: inline-block; width: 100%;}
.content .left-area .search table th { width: 95%;}
.content .left-area .search table th input { width: 100%; box-sizing: border-box; padding: 15px;}
.content .left-area .search table td { background: #6c6c6b; width: 7%; vertical-align: middle;}
.content .left-area .search table td input { border: none; background: none; color: #FFFFFF; font-size: 0; display: block; background: url("../images/icon_search.png") no-repeat; background-size: 30%; width: 50px; height: 30px; background-position: 50% 50%;}
.content .left-area .term { padding: 40px 0;}
.content .left-area .term ul { text-align: center;}
.content .left-area .term ul li { display: inline-block; vertical-align: bottom; margin: 0 20px;}
.content .left-area .term ul li img { height: 75px;}
.content .left-area .snap { padding: 40px 0;}
.content .left-area .snap .box { width: 50%; float: left; position: relative;}
.content .left-area .snap .box img { display: block;}
.content .left-area .snap .box:nth-child(2n) { margin-right: 0;}
.content .left-area .snap .new span { color: #FFFFFF; position: absolute; top: 8px; left: 8px; background-color: rgba(226,23,134,0.7); font-size: 0.6rem; padding: 6px 8px 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; letter-spacing: 0.1em;}
.content .left-area .snap .text { color:#FFFFFF; background-color: rgba(0,0,0,0.7); position: absolute; bottom: 20px; font-size: 0.7rem; padding: 8px 12px; letter-spacing: 0.1em;}
.content .left-area .snap a { color: #FFFFFF;}
.content .left-area .snap .text span { font-size: 0.5rem; margin-left: 1em;}
.content .left-area .snap h3 { font-size: 1.8rem; margin-bottom: 0.8em;}
.content .left-area .snap .area { margin-bottom: 25px;}
.content .right-area {}
.content .right-area .pickup { margin-bottom: 25px;}
.content .right-area .pickup h2 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .pickup h2 span { font-size: 0.8rem; margin-left: 1em;}
.content .right-area .pickup .article { border-bottom: dotted 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em;}
.content .right-area .pickup .article .thumanil { overflow: hidden; float: left; width: 18%;}
.content .right-area .pickup .article .thumanil img { width: 100%; height: auto;}
.content .right-area .pickup .article .text { width: 80%; float: right;}
.content .right-area .pickup .article .text h3 { font-size: 0.7rem; line-height: 1.4em;}
.content .right-area .ranking { margin-bottom: 25px;}
.content .right-area .ranking h2 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .ranking h2 span { font-size: 0.8rem; margin-left: 1em;}
.content .right-area .ranking .article { border-bottom: dotted 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em;}
.content .right-area .ranking .article .thumanil { overflow: hidden; float: left; width: 18%;}
.content .right-area .ranking .article .thumanil img { width: 100%; height: auto;}
.content .right-area .ranking .article .text { width: 80%; float: right;}
.content .right-area .ranking .article .text h3 { font-size: 0.7rem; line-height: 1.4em;}
.content .right-area .ranking .article:nth-child(2) .rank { display: block; background: url("../images/icon_1.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(3) .rank { display: block; background: url("../images/icon_2.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(4) .rank { display: block; background: url("../images/icon_3.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(5) .rank { display: block; background: url("../images/icon_4.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(6) .rank { display: block; background: url("../images/icon_5.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .sns h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .sns ul { text-align: center; margin-bottom: 35px;}
.content .right-area .sns ul li { display: inline-block; width: 20%; margin: 0 2px;}
.content .right-area .sns ul li img:hover { opacity: 0.9;}
.content .right-area .sns dl {}
.content .right-area .sns dt { margin-bottom: 10px;}
.content .right-area .sns dt img:hover { opacity: 0.9;}
.content .right-area .twiter { height: 350px; overflow-y: scroll; margin-bottom: 25px;}

footer { border-top: solid 1px #282f37;}
footer ul { text-align: center; padding: 1.2em 0; font-size: 0.8rem;}
footer ul li { display: inline-block; border-right: solid 1px #282f37; text-align: center; padding: 2px 1em;}
footer ul li:last-child { border: none;}
footer .copy { background: #282f37; color: #FFFFFF; text-align: center; font-size: 0.6rem; padding: 1em 0;}
footer ul li a:hover { color: #dda9ac; transition: 0.3s;}
footer ul li a { transition: 0.3s;}


.single-area {}
.single-area .body-area {}
.single-area .body-area a { color: #dda9ac;}
.single-area .body-area h2 { color: #525454; font-size: 1.2rem; line-height: 1.6em; margin-bottom: 1em;}
.single-area .body-area h2 span { font-size: 0.8rem; margin-left: 1em;}
.single-area .body-area .date { font-size: 0.9rem; margin-bottom: 1em;}
.single-area .body-area ul.tag { margin-bottom: 1em; padding-right: 4em;}
.single-area .body-area ul.tag li { display: inline-block; font-size: 0.6rem; margin-right: 0.7em;}
.single-area .body-area ul.tag li a { color: #525454; border: solid 1px #525454; display: block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 6px 15px; transition: 0.3s;}
.single-area .body-area ul.tag li a:hover { color: #fff; border: solid 1px #525454; display: block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 6px 15px; transition: 0.3s; background: #525454;}
.single-area .body-area .mainimage { margin-bottom: 25px;}
.single-area .body-area .mainimage img { width: 100%; height: auto;}
.single-area .body-area h3 { font-weight: bold; line-height: 1.4em; font-size: 1.2rem; margin-top: 30px; margin-bottom: 15px; border-bottom: solid 3px #dda9ac; padding-bottom: 5px;}
.single-area .body-area h4 { font-weight: bold; line-height: 1.4em; font-size: 1rem; margin-top: 30px; margin-bottom: 15px; border-left: solid 15px #dda9ac; padding-left: 10px;}
.single-area .body-area h5 { font-weight: bold; line-height: 1.4em; font-size: 0.9rem; margin-top: 30px; margin-bottom: 15px;}
.single-area .body-area .box01 { margin-bottom: 20px;}
.single-area .body-area .box01 .left-img { line-height: 1.8em;}
.single-area .body-area .box01 .left-img img {}
.single-area .body-area .box01 .right-text { line-height: 1.8em; font-size: 0.8rem;}
.single-area .body-area .quote { margin-top: 5px; margin-bottom: 25px;}
.single-area .body-area .quote a { font-size: 0.8rem; color: #b3b3b4;}
.single-area .body-area .quote a:hover { font-size: 0.8rem; color: #b3b3b4; text-decoration: underline;}
.single-area .body-area p { line-height: 2.1em; margin-bottom: 2em; font-size: 0.85rem; text-align: justify;}
.single-area .body-area .product-box { margin: 35px 0;}
.single-area .body-area .product-box .img { text-align: center; width: 40%; float: left;}
.single-area .body-area .product-box .img img { max-width: 50%; height: auto;}
.single-area .body-area .product-box .detail { width: 57%; float: right;}
.single-area .body-area .product-box .detail .name { font-size: 0.9rem; color: #525454; font-weight: bold; margin-bottom: 5px; padding-top: 10px; line-height: 1.5em}
.single-area .body-area .product-box .detail .price { color: #000000; font-weight: bold; margin: 0.7em 0;}
.single-area .body-area .product-box .detail .explane { font-size: 0.8rem; line-height: 1.4em; margin-bottom: 10px;}
.single-area .body-area .product-box .detail .mores a { color: #FFFFFF; background: #adb2b4; display: inline-block; font-size: 0.8rem; padding: 0.5em 1.5em; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; transition: 0.3s; border: solid 1px #adb2b4;}
.single-area .body-area .product-box .detail .mores a:hover { color: #adb2b4; background: #fff; display: inline-block; font-size: 0.8rem; padding: 0.5em 1.5em; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; transition: 0.3s; border: solid 1px #adb2b4;}
.single-area .body-area ul.list { border: solid 2px #dda9ac; box-sizing: border-box; padding: 20px 0 20px 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin-bottom: 30px;}
.single-area .body-area ul.list li { padding: 8px 0; font-weight: bold; background: url("../images/icon_heart.png") no-repeat left center; background-size: 15px; padding-left: 22px; font-size: 0.9rem; line-height: 1.5em;}
.single-area .body-area .red { color: #F61216;}
.single-area .body-area strong { font-weight: bold;}



.single-area .relate-area {}
.single-area .relate-area h2 { margin-bottom: 15px; font-weight: bold; color: #525454; border-bottom: solid 2px #b5b5b6; padding-bottom: 10px; font-size: 1.2rem; margin-top: 45px;}

.single-area .writer-area { padding-bottom: 50px;}
.single-area .writer-area h2 { margin-bottom: 15px; font-weight: bold; color: #525454; border-bottom: solid 2px #b5b5b6; padding-bottom: 10px; font-size: 1.2rem; margin-top: 45px;}
.single-area .writer-area table {}
.single-area .writer-area table th { vertical-align: middle; text-align: center; width: 25%;}
.single-area .writer-area table th img { width: 60%; height: auto;}
.single-area .writer-area table td { line-height: 1.4em; vertical-align: middle;}
.single-area .writer-area table td h4 { font-weight: bold; margin-bottom: 5px;}
.single-area .writer-area table td p { font-size: 0.9rem;}


.shop-area { margin-bottom: 35px;}
.shop-area h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.shop-area table { font-size: 0.9rem; line-height: 1.4em; width: 100%;}
.shop-area table th { text-align: left; padding: 10px; width: 10em;}
.shop-area table td { padding: 10px 0;}
.shop-area tr {}
.shop-area table tr:nth-child(2n) th { background: #F6F6F6;}
.shop-area table tr:nth-child(2n) td { background: #F6F6F6;}

.coupon_area { margin-bottom: 35px;}
.coupon_area h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.coupon_area .c-box { border: solid 2px #dda9ac; box-sizing: border-box; padding: 10px; margin-bottom: 10px;}
.coupon_area .c-box .left-box { width: 20%; float: left;}
.coupon_area .c-box .right-box { width: 78%; float: right;}
.coupon_area .c-box .right-box p { font-size: 0.75rem; margin-bottom: 8px; color: #606060; padding-top: 5px;}
.coupon_area .c-box .right-box h4 { font-size: 1.4rem; margin-bottom: 10px; padding-top: 5px;}
.coupon_area .c-box .right-box h5 { line-height: 1.5em; font-size: 0.8rem;}
.coupon_area .c-box .right-box .limit { text-align: right; font-size: 0.7rem;}
.coupon_area .c-box .right-box .detail { line-height: 1.5em; font-size: 0.9rem; padding-top: 10px; margin-top: 10px; border-top: double 1px #EDEDED;}
.coupon_area .open-coupon { padding-top: 10px;}
.coupon_area .open-coupon a { display: inline-block; width: 300px; font-size: 0.9rem; color: #FFFFFF; padding: 15px 0; border: solid 1px #e15e16; background: #e15e16; transition: 0.3s; text-align: center;}
.coupon_area .open-coupon a:hover { display: inline-block; width: 300px; font-size: 0.9rem; color: #e15e16; padding: 15px 0; border: solid 1px #e15e16; background: #fff; transition: 0.3s; text-align: center;}

.interview-photos {}
.interview-photos ul {}
.interview-photos ul li { float: left; width: 20%; height: 100px; overflow: hidden;}
.interview-photos ul li img { display: block; height: 320%; width: auto !important; transition: 0.3s; max-width: none; margin-left: -35%; margin-top: -35%;}
.interview-photos ul li img:hover { display: block; height: 340%; width: auto !important; transition: 0.3s; opacity: 0.9; margin-left: -35%; margin-top: -35%;}


.qa { color: #C53245; line-height: 1.5em; margin-top: 35px; margin-bottom: 0.8em;}
.cast1 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast2 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast3 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast4 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast1 span { color:#1CA21E;}
.cast2 span { color:#212A8A;}
.cast3 span { color: #C38B14;}
.cast4 span { color: #A03CA8;}
.i-box { margin-bottom: 30px;}
.table { box-sizing: border-box; padding:0 20px; border: double 1px #E2E2E2; line-height: 1.5em; margin-bottom: 30px;}
.table .box-table { border-top: double 2px #E2E2E2; padding: 20px 0 0; font-size: 0.9rem; text-align: justify;}
.table .box-table:first-child { border: none;}
.table strong { display: inline-block; margin-bottom: 8px; font-size: 1rem;}

.article-first h3 { position: absolute; bottom: 10px; text-align: right; line-height: 1.8em; background-color: rgba(255,255,255,0.9); box-sizing: border-box; padding: 15px; width: 80%; left: 10px; text-align: left; font-size: 0.9rem;}


.body-area-head { position: relative;}
.body-area-head .heart { position: absolute; font-size: 0.8rem; color: #dda9ac; font-weight: bold; background: url("../images/icon_heart.png") no-repeat left; background-size: contain; padding: 0 0 0 20px; bottom: 0; right: 0;}
.body-area-head .heart span {}
	
	
	


}
@media screen and (min-width: 769px) {
	
.inner { width: 90%; margin: 0 auto; max-width: 1100px;}

header { padding: 25px 0;}
header .logo { float: left; width: 20%;}
header .menu { float: right;}
header .menu img { max-height: 30px; width: auto;}
header .menu ul {}
header .menu ul li { display: inline-block; vertical-align: middle; margin-right: 20px;}

#main { padding: 0 0 25px;}
#main .left { float: left; width: 70%;}
#main .left .swiper-slide { height: 31.5vw; overflow: hidden;}
#main .sub01 { position: absolute; bottom: 10px; line-height: 1.8em; background: #FFFFFF; box-sizing: border-box; padding: 15px; width: 80%; left: 10px; font-size: 0.9rem;}
#main .swiper-button-prev { background: url("../images/icon_prev.png") no-repeat !important; background-size: contain !important; top: 50% !important; position: absolute;}
#main .swiper-button-next { background: url("../images/icon_next.png") no-repeat !important; background-size: contain !important; top: 50% !important; position: absolute;}
#main .right { position: relative; float: right; width: 28%; height: 31.5vw;}
#main .right .sub1 {}
#main .right .sub2 { position: absolute; bottom: 0; left: 0; width: 100%;}
#main .left .swiper-slide .main { display: block; background-size: cover; background-position: center;}

nav { border-bottom: solid 1px #efefef; border-top: solid 1px #efefef ; font-size: 0.9rem;}
nav .inner { overflow-x: scroll;}
nav ul { width: 110%;}
nav .inner::-webkit-scrollbar {
  display: none;
}
nav ul li { float: left;}
nav ul li a { display: block; padding: 1em 3em; color: #231815; transition: 0.3s;}
nav ul li a:hover { color: #dda9ac; background: #f4f4f4; transition: 0.3s;}




.content { padding: 25px 0;}
.content .left-area { float: left; width: 70%;}
.content .left-area .article { border-bottom: solid 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em; position: relative;}
.content .left-area .article .thumanil { float: left; width: 25%; position: relative;}
.content .left-area .article .thumanil img {}
.content .left-area .article .new span { position: absolute; left: 0; top: 0; background: url("../images/icon_new.png") no-repeat; background-size: contain; display: block; width: 50px; height: 50px;}
.content .left-area .article .text { float: right; width: 73%;}
.content .left-area .article .text h3 { line-height: 1.8em; font-size: 0.9rem;}
.content .left-area .article .date { color: #92607d; font-size: 0.8rem; position: absolute; left: 27%; bottom: 1.4em;}
.content .left-area .article .category { color: #92607d; font-size: 0.8rem; position: absolute; right: 0; bottom: 1em; z-index: 999;}
.content .left-area .article .category a { background: #525454; display: inline-block; color: #FFFFFF; padding: 0.3em 1.2em;}
.content .left-area .more { text-align: center; padding: 30px 0;}
.content .left-area .more a { color: #FFFFFF; background: #dda9ac; padding: 10px 70px; border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border: solid 1px #dda9ac; transition: 0.3s;}
.content .left-area .more a:hover { color: #dda9ac; background: #fff; padding: 10px 70px;  border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px; -moz-border-radius: 30px; border: solid 1px #dda9ac; transition: 0.3s;}
.content .left-area .search { text-align: center; padding: 10px 0;}
.content .left-area .search table { display: inline-block; width: 100%;}
.content .left-area .search table th { width: 95%;}
.content .left-area .search table th input { width: 100%; box-sizing: border-box; padding: 15px;}
.content .left-area .search table td { background: #6c6c6b; width: 7%; vertical-align: middle;}
.content .left-area .search table td input { border: none; background: none; color: #FFFFFF; font-size: 0; display: block; background: url("../images/icon_search.png") no-repeat; background-size: 30%; width: 50px; height: 30px; background-position: 50% 50%;}
.content .left-area .term { padding: 40px 0;}
.content .left-area .term ul { text-align: center;}
.content .left-area .term ul li { display: inline-block; vertical-align: bottom; margin: 0 20px;}
.content .left-area .term ul li img { height: 75px;}
.content .left-area .snap { padding: 40px 0;}
.content .left-area .snap .box { width: 33.333%; float: left; position: relative;}
.content .left-area .snap .box img { display: block;}
.content .left-area .snap .box:nth-child(3n) { margin-right: 0;}
.content .left-area .snap .new span { color: #FFFFFF; position: absolute; top: 8px; left: 8px; background-color: rgba(226,23,134,0.7); font-size: 0.6rem; padding: 6px 8px 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; letter-spacing: 0.1em;}
.content .left-area .snap .text { color:#FFFFFF; background-color: rgba(0,0,0,0.7); position: absolute; bottom: 20px; font-size: 0.7rem; padding: 8px 12px; letter-spacing: 0.1em;}
.content .left-area .snap a { color: #FFFFFF;}
.content .left-area .snap .text span { font-size: 0.5rem; margin-left: 1em;}
.content .left-area .snap h3 { font-size: 1.8rem; margin-bottom: 0.8em;}
.content .left-area .snap .area { margin-bottom: 25px;}
.content .right-area { float: right; width: 28%;}
.content .right-area .pickup { margin-bottom: 25px;}
.content .right-area .pickup h2 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .pickup h2 span { font-size: 0.8rem; margin-left: 1em;}
.content .right-area .pickup .article { border-bottom: dotted 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em;}
.content .right-area .pickup .article .thumanil { overflow: hidden; float: left; width: 18%;}
.content .right-area .pickup .article .thumanil img { width: 100%; height: auto;}
.content .right-area .pickup .article .text { width: 80%; float: right;}
.content .right-area .pickup .article .text h3 { font-size: 0.7rem; line-height: 1.4em;}
.content .right-area .ranking { margin-bottom: 25px;}
.content .right-area .ranking h2 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .ranking h2 span { font-size: 0.8rem; margin-left: 1em;}
.content .right-area .ranking .article { border-bottom: dotted 1px #DBDBDB; padding-bottom: 0.8em; margin-bottom: 0.8em;}
.content .right-area .ranking .article .thumanil { overflow: hidden; float: left; width: 18%;}
.content .right-area .ranking .article .thumanil img { width: 100%; height: auto;}
.content .right-area .ranking .article .text { width: 80%; float: right;}
.content .right-area .ranking .article .text h3 { font-size: 0.7rem; line-height: 1.4em;}
.content .right-area .ranking .article:nth-child(2) .rank { display: block; background: url("../images/icon_1.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(3) .rank { display: block; background: url("../images/icon_2.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(4) .rank { display: block; background: url("../images/icon_3.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(5) .rank { display: block; background: url("../images/icon_4.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .ranking .article:nth-child(6) .rank { display: block; background: url("../images/icon_5.png") no-repeat; background-size: contain; width: 15px; height: 15px; position: absolute; margin-top: -3px; margin-left: -3px;}
.content .right-area .sns { margin-bottom: 25px;}
.content .right-area .sns h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.content .right-area .sns ul { text-align: center; margin-bottom: 35px;}
.content .right-area .sns ul li { display: inline-block; width: 20%; margin: 0 2px;}
.content .right-area .sns ul li img:hover { opacity: 0.9;}
.content .right-area .sns dl {}
.content .right-area .sns dt { margin-bottom: 10px;}
.content .right-area .sns dt img:hover { opacity: 0.9;}
.content .right-area .twiter { height: 350px; overflow-y: scroll; margin-bottom: 25px;}

footer { border-top: solid 1px #282f37;}
footer ul { text-align: center; padding: 1.2em 0; font-size: 0.8rem;}
footer ul li { display: inline-block; border-right: solid 1px #282f37; text-align: center; padding: 2px 1em;}
footer ul li:last-child { border: none;}
footer .copy { background: #282f37; color: #FFFFFF; text-align: center; font-size: 0.6rem; padding: 1em 0;}
footer ul li a:hover { color: #dda9ac; transition: 0.3s;}
footer ul li a { transition: 0.3s;}


.single-area {}
.single-area .body-area {}
.single-area .body-area a { color: #dda9ac;}
.single-area .body-area h2 { color: #525454; font-size: 1.5rem; line-height: 1.6em; margin-bottom: 1em;}
.single-area .body-area h2 span { font-size: 0.8rem; margin-left: 1em;}
.single-area .body-area .date { font-size: 0.9rem; margin-bottom: 1em;}
.single-area .body-area ul.tag { margin-bottom: 1em;}
.single-area .body-area ul.tag li { display: inline-block; font-size: 0.7rem; margin-right: 0.7em;}
.single-area .body-area ul.tag li a { color: #525454; border: solid 1px #525454; display: block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 6px 15px; transition: 0.3s;}
.single-area .body-area ul.tag li a:hover { color: #fff; border: solid 1px #525454; display: block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 6px 15px; transition: 0.3s; background: #525454;}
.single-area .body-area .mainimage { margin-bottom: 25px;}
.single-area .body-area .mainimage img { width: 100%; height: auto;}
.single-area .body-area h3 { font-weight: bold; line-height: 1.4em; font-size: 1.5rem; margin-top: 30px; margin-bottom: 15px; border-bottom: solid 3px #dda9ac; padding-bottom: 5px;}
.single-area .body-area h4 { font-weight: bold; line-height: 1.4em; font-size: 1.3rem; margin-top: 30px; margin-bottom: 15px; border-left: solid 15px #dda9ac; padding-left: 10px;}
.single-area .body-area h5 { font-weight: bold; line-height: 1.4em; font-size: 1.1rem; margin-top: 30px; margin-bottom: 15px;}
.single-area .body-area .box01 { margin-bottom: 20px;}
.single-area .body-area .box01 .left-img { float: left; width: 45%; line-height: 1.8em;}
.single-area .body-area .box01 .left-img img {}
.single-area .body-area .box01 .right-text { float: right; width: 53%; line-height: 1.8em; font-size: 0.9rem;}
.single-area .body-area .quote { margin-top: 5px; margin-bottom: 25px;}
.single-area .body-area .quote a { font-size: 0.8rem; color: #b3b3b4;}
.single-area .body-area .quote a:hover { font-size: 0.8rem; color: #b3b3b4; text-decoration: underline;}
.single-area .body-area p { line-height: 2.1em; margin-bottom: 2em; font-size: 0.9rem; text-align: justify;}
.single-area .body-area .product-box { margin: 35px 0;}
.single-area .body-area .product-box .img { text-align: center; width: 35%; float: left;}
.single-area .body-area .product-box .img img { max-width: 50%; height: auto;}
.single-area .body-area .product-box .detail { width: 62%; float: right;}
.single-area .body-area .product-box .detail .name { font-size: 1.1rem; color: #525454; font-weight: bold; margin-bottom: 5px; padding-top: 10px;}
.single-area .body-area .product-box .detail .price { color: #000000; font-weight: bold; margin: 0.7em 0;}
.single-area .body-area .product-box .detail .explane { font-size: 0.8rem; line-height: 1.4em; margin-bottom: 10px;}
.single-area .body-area .product-box .detail .mores a { color: #FFFFFF; background: #adb2b4; display: inline-block; font-size: 0.8rem; padding: 0.5em 1.5em; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; transition: 0.3s; border: solid 1px #adb2b4;}
.single-area .body-area .product-box .detail .mores a:hover { color: #adb2b4; background: #fff; display: inline-block; font-size: 0.8rem; padding: 0.5em 1.5em; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; transition: 0.3s; border: solid 1px #adb2b4;}
.single-area .body-area ul.list { border: solid 2px #dda9ac; box-sizing: border-box; padding: 20px 0 20px 20px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; margin-bottom: 30px;}
.single-area .body-area ul.list li { padding: 8px 0; font-weight: bold; background: url("../images/icon_heart.png") no-repeat left center; background-size: 15px; padding-left: 22px; font-size: 0.9rem; line-height: 1.5em;}
.single-area .body-area .red { color: #F61216;}
.single-area .body-area strong { font-weight: bold;}



.single-area .relate-area {}
.single-area .relate-area h2 { margin-bottom: 15px; font-weight: bold; color: #525454; border-bottom: solid 2px #b5b5b6; padding-bottom: 10px; font-size: 1.3rem; margin-top: 45px;}

.single-area .writer-area { padding-bottom: 50px;}
.single-area .writer-area h2 { margin-bottom: 15px; font-weight: bold; color: #525454; border-bottom: solid 2px #b5b5b6; padding-bottom: 10px; font-size: 1.3rem; margin-top: 45px;}
.single-area .writer-area table {}
.single-area .writer-area table th { vertical-align: middle; text-align: center; width: 120px;}
.single-area .writer-area table th img { width: 60%; height: auto;}
.single-area .writer-area table td { line-height: 1.4em; vertical-align: middle;}
.single-area .writer-area table td h4 { font-weight: bold; margin-bottom: 5px;}
.single-area .writer-area table td p { font-size: 0.9rem;}


.shop-area { margin-bottom: 35px;}
.shop-area h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.shop-area table { font-size: 0.9rem; line-height: 1.4em; width: 100%;}
.shop-area table th { text-align: left; padding: 10px; width: 10em;}
.shop-area table td { padding: 10px 0;}
.shop-area tr {}
.shop-area table tr:nth-child(2n) th { background: #F6F6F6;}
.shop-area table tr:nth-child(2n) td { background: #F6F6F6;}

.coupon_area { margin-bottom: 35px;}
.coupon_area h3 { background: #dda9ac; color: #FFFFFF; padding: 1em; font-size: 1.2rem; margin-bottom: 10px;}
.coupon_area .c-box { border: solid 2px #dda9ac; box-sizing: border-box; padding: 10px; margin-bottom: 10px;}
.coupon_area .c-box .left-box { width: 20%; float: left;}
.coupon_area .c-box .right-box { width: 78%; float: right;}
.coupon_area .c-box .right-box p { font-size: 0.75rem; margin-bottom: 8px; color: #606060; padding-top: 5px;}
.coupon_area .c-box .right-box h4 { font-size: 1.4rem; margin-bottom: 10px; padding-top: 5px;}
.coupon_area .c-box .right-box h5 { line-height: 1.5em; font-size: 0.8rem;}
.coupon_area .c-box .right-box .limit { text-align: right; font-size: 0.7rem;}
.coupon_area .c-box .right-box .detail { line-height: 1.5em; font-size: 0.9rem; padding-top: 10px; margin-top: 10px; border-top: double 1px #EDEDED;}
.coupon_area .open-coupon { padding-top: 10px;}
.coupon_area .open-coupon a { display: inline-block; width: 300px; font-size: 0.9rem; color: #FFFFFF; padding: 15px 0; border: solid 1px #e15e16; background: #e15e16; transition: 0.3s; text-align: center;}
.coupon_area .open-coupon a:hover { display: inline-block; width: 300px; font-size: 0.9rem; color: #e15e16; padding: 15px 0; border: solid 1px #e15e16; background: #fff; transition: 0.3s; text-align: center;}

.interview-photos {}
.interview-photos ul {}
.interview-photos ul li { float: left; width: 20%; height: 100px; overflow: hidden;}
.interview-photos ul li img { display: block; height: 320%; width: auto !important; transition: 0.3s; max-width: none; margin-left: -35%; margin-top: -35%;}
.interview-photos ul li img:hover { display: block; height: 340%; width: auto !important; transition: 0.3s; opacity: 0.9; margin-left: -35%; margin-top: -35%;}


.qa { color: #C53245; line-height: 1.5em; margin-top: 35px; margin-bottom: 0.8em;}
.cast1 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast2 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast3 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast4 { line-height: 1.5em; font-size: 0.9rem; margin-bottom: 0.8em;}
.cast1 span { color:#1CA21E;}
.cast2 span { color:#212A8A;}
.cast3 span { color: #C38B14;}
.cast4 span { color: #A03CA8;}
.i-box { margin-bottom: 30px;}
.table { box-sizing: border-box; padding:0 20px; border: double 1px #E2E2E2; line-height: 1.5em; margin-bottom: 30px;}
.table .box-table { border-top: double 2px #E2E2E2; padding: 20px 0 0; font-size: 0.9rem; text-align: justify;}
.table .box-table:first-child { border: none;}
.table strong { display: inline-block; margin-bottom: 8px; font-size: 1rem;}

.article-first h3 { position: absolute; bottom: 10px; text-align: right; line-height: 1.8em; background-color: rgba(255,255,255,0.9); box-sizing: border-box; padding: 15px; width: 80%; left: 10px; text-align: left; font-size: 0.9rem;}


.body-area-head { position: relative;}
.body-area-head .heart { position: absolute; font-size: 0.8rem; color: #dda9ac; font-weight: bold; background: url("../images/icon_heart.png") no-repeat left; background-size: contain; padding: 0 0 0 20px; bottom: 0; right: 0;}
.body-area-head .heart span {}


}



@media screen and (min-width: 1222px) {
	#main .left .swiper-slide { height: 382px; overflow: hidden;}
#main .right { position: relative; float: right; width: 28%; height: 385px;}
}