@charset "UTF-8";


.article-attention{
font-size:10px;
margin-bottom:15px;
text-align:right;
}

.article-magazine{
font-size:12px;
position:absolute;
bottom:5px;
left:0px;
margin-bottom:0 !important;
}

/* 
-------------------------------------------------- */
.article .article-header {
    /*margin: -8px 0 0 -8px;*/
    padding: 16px 20px;
    position: relative;
}

/* 
-------------------------------------------------- */
.article .article-header2{
margin:-20px -20px 0;
padding:12px 176px 12px 12px;
position:relative;
background-color:#000;
color:#fff;
min-height:116px;
}

.article .article-header2 .category-title{
font-weight:bold;
padding:3px 10px 10px;
border-bottom:1px solid #f00;
}

/*-----------------------------
色分け
--------------------------------------------------------------------------------*/
body.beauty .article .article-header2 .category-title,
body.beauty .article .article-header2 .category-title a,
body.beauty .traveller-header{border-color:#fbb4e7;color:#fbb4e7;}
body.travel .article .article-header2 .category-title,
body.travel .article .article-header2 .category-title a,
body.travel .traveller-header{border-color:#bcb1f7;color:#bcb1f7;}
body.gourmet .article .article-header2 .category-title,
body.gourmet .article .article-header2 .category-title a,
body.gourmet .traveller-header{border-color:#ffc878;color:#ffc878;}
body.baby .article .article-header2 .category-title,
body.baby .article .article-header2 .category-title a,
body.baby .traveller-header{border-color:#94e6fb;color:#94e6fb;}
body.culture .article .article-header2 .category-title,
body.culture .article .article-header2 .category-title a,
body.culture .traveller-header{border-color:#cef06f;color:#cef06f;}
body.fashion .article .article-header2 .category-title,
body.fashion .article .article-header2 .category-title a,
body.fashion .traveller-header{border-color:#fd747e;color:#fd747e;}
body.life_style .article .article-header2 .category-title,
body.life_style .article .article-header2 .category-title a,
body.life_style .traveller-header{border-color:#74e3c4;color:#74e3c4;}
body.magazine_and_book .article .article-header2 .category-title,
body.magazine_and_book .article .article-header2 .category-title a,
body.magazine_and_book .traveller-header{border-color:#d4f5fd;color:#d4f5fd;}

.article .article-header2 .category-img{
position:absolute;
top:12px;
right:12px;
border:3px solid #fff;
margin:0 0 0 20px;
}

.article .article-header2 h1.title{
font-size:22px;
line-height:140%;
font-weight:bold;
margin:10px 0 10px 10px;
}

.article .article-header2 .backnumber{
font-size:12px;
padding:1px 8px;
/*position:absolute;
top:14px;
right:10px;*/
border-left:1px solid #fff;
border-right:1px solid #fff;
float:right;
margin:0 0px 7px 0;
font-weight:bold;
}

.article .article-header2.column{
margin:0;
padding:0;
}

.article .article-header2.column .category{
}

.article .article-header2.column .summary{
font-size:12px;
line-height:18px;
padding:7px 10px 7px;
width:600px;
}

.article .article-header2.column .backnumber{
margin-right:15px;
/*top:125px;*/
}

.article-header2-footer{
padding:13px 0 13px;
font-size:12px;
border-bottom:1px dotted #7f7f7f;
margin:0 -10px 60px;
position:relative;
}

.article-header2-footer p{
margin:0 !important;
}

.article-header2-footer .link{
padding-left:16px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -990px -400px;/* css-image */
}

.article-header2-footer .parts-sns{
position:absolute;
top:54px;
}

/* 
-------------------------------------------------- */
.article-inner{
margin:0 0 10px 0;
padding:20px 20px 20px;
/*border:1px solid #e6e6e6;*/
background-color:#fff;
/*overflow:hidden;*/
font-size:14px;
position:relative;
clear:both;
}

.article-inner h1,
.article-inner h2,
.article-inner h3,
.article-inner h4,
.article-inner h5,
.article-inner h6,
.article-inner p,
.article-inner ul,
.article-inner ol,
.article-inner dl,
.article-inner table{
margin-bottom:18px;
}


.article-inner strong{
font-weight:bold;
}

.article-inner .date{
font-size:10px;
margin:0 5px 10px 0;
text-align:right;
}

.article-inner .article-info{
margin-top:-1px;
padding:10px 0 0;
border-top:1px solid #e6e6e6;
}

.article-inner .credit{
font-size:10px;
line-height:14px;
margin-bottom:15px;
}

.article-inner .mb-0{
margin-bottom:0 !important;
}

.article-inner .pb-0{
padding-bottom:0 !important;
}

.article-inner .float-R{
float:right;
/*margin-left:15px;*/
}

.article-inner .float-L{
float:left;
/*margin-right:15px;*/
}

/* 
-------------------------------------------------- */
.article-inner .box-colored{
background-color:#f3f3f3;
padding:14px 14px 0 14px;
border:1px solid #f3f3f3;
margin-bottom:15px;
}

.article-inner .box-colored h4{
margin-bottom:5px;
}

.article-inner .box-dotted{
padding:14px 14px 0 14px;
border-top:1px dotted #7f7f7f;
border-bottom:1px dotted #7f7f7f;
margin-bottom:15px;
}

.article-inner .box-indent{
padding-left:20px;
}

.article-inner .box-indent h4{
margin-left:-20px;
font-weight:bold;
}

.article-inner div.box-shop {
    border-bottom: 3px solid #d7d7d7;
    border-top: 3px solid #d7d7d7;
    margin-bottom: 20px;
    clear:both;
    font-size:12px;
    line-height:18px;
}
.article-inner div.box-shop:before {
	content:" ";
	display: block;
	margin: 1px 0;
	padding-bottom:18px;
    border-top: 1px solid #d7d7d7
}
.article-inner div.box-shop:after {
	content:" ";
	display: block;
    margin: 1px 0;
    border-bottom: 1px solid #d7d7d7;
}
.article-inner div.box-shop p {
    padding: 0 18px;
}

/* 
-------------------------------------------------- */
.article-inner.profile{
padding:12px 12px 0 115px;
min-height:90px;
position:relative;
margin-bottom:0;
}

.article-inner.profile .author-name{
font-size:14px;
font-weight:bold;
margin-bottom:14px;
}

.article-inner.profile .author-name .kana{
font-weight:normal;
}

.article-inner.profile .author-caption{
font-size:12px;
line-height:18px;
margin-bottom:15px;
}

.article-inner.profile .cover{
border:1px solid #e6e6e6;
padding:3px;
position:absolute;
top:10px;
left:10px;
}

/* 
-------------------------------------------------- */
.list-article-categories{
padding:0 7px;
margin-bottom:15px;
font-size:12px;
}

.list-article-categories li{
padding:0 7px;
float:right;
border-right:1px solid #ccc;
}

.list-article-categories li:last-child{
border-left:1px solid #ccc;
}

/* 
-------------------------------------------------- */
.article-editor{
/*margin-bottom:40px;*/
line-height:160%;
}

.article-editor .figure,
.article-editor .figure-left,
.article-editor .figure-center{
font-size:10px;
line-height:14px;
clear:both;
padding-bottom:5px;
}

.article-editor .figure{
float:right;
margin:0 0 15px 20px;
font-size:10px;
line-height:12px !important;
}

.article-editor .figure-left{
float:left;
margin:0 20px 15px 0;
}

.article-editor .figure-center{
margin:0 auto 15px;
}

.article-editor .figure span,
.article-editor .figure-left span,
.article-editor .figure-center span{
display:block;
padding:5px 0 0;
}

.article-editor .figure-text{
width:298px;
float:left;
}

.article-editor .box-profile{
background-color:#f3f3f3;
padding:8px 8px 0 100px;
border:1px solid #f3f3f3;
min-height:92px;
clear:both;
font-size:12px;
line-height:18px;
position:relative;
margin-bottom:18px;
}

.article-editor .box-profile .photo{
position:absolute;
top:8px;
left:8px;
}

.article-editor .box-colored{
clear:both;
font-size:12px;
line-height:18px;
}

.article-editor .box-colored h4{
margin-bottom:5px;
}

.article-editor .box-dotted{
font-size:12px;
line-height:18px;
}

.article-editor h2{
padding-top:15px;
font-weight:bold;
font-size:18px;
margin-bottom:18px;
}

.article-editor em{
font-style:normal;
}

.article-editor a:hover em{
text-decoration:underline;
}

.article-editor .page-next{
clear:both;
font-size:12px;
text-align:center;
margin:30px 0 0;
padding:20px 0;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #fff;
z-index:10;
position:relative;
}

.article-editor .page-next strong{
font-weight:bold;
font-size:16px;
}

/* 次ページ誘導見出し 2014.12～ */
.article-editor .page-next{padding-top:33px;}
.article-editor .page-next p{margin-bottom:0;}
.page-next a{background-color:#2a2928;color:#fff !important;padding:15px 59px 15px 40px;font-size:14px;background-image:url(/common/images/v2/page-next-arrow.png);background-repeat:no-repeat;background-position:right;display:inline-block;}
.page-next a:hover{color:#fff !important;background-color:#a367a8;background-image:url(/common/images/v2/page-next-arrow-hover.png);}
.page-next a strong{font-weight:normal !important;}
.page-next a em{color:#fff !important;}
.article-inner .article-info{padding:0;border-style:none;}
.pagination-block{margin:21px auto 0 auto;}
.pagination-block .category{margin-bottom:30px;}


/* 
-------------------------------------------------- */
.article-editor .spr-bottom{
padding-bottom:15px;
margin-bottom:30px;
}

body.beauty .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-beauty.png") repeat-x left bottom;}
body.travel .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-travel.png") repeat-x left bottom;}
body.gourmet .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-gourmet.png") repeat-x left bottom;}
body.baby .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-baby.png") repeat-x left bottom;}
body.culture .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-culture.png") repeat-x left bottom;}
body.fashion .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-fashion.png") repeat-x left bottom;}
body.life_style .article-editor .spr-bottom{background:transparent url("/common/images/category/article-spr-life_style.png") repeat-x left bottom;}

/* 
-------------------------------------------------- */
.article-editor .list-pages{
}

.article-editor .list-pages li{
float:left;
width:135px;
height:160px;
margin-right:9px;
}

.article-editor .list-pages li:nth-child(4n){
margin-right:0;
/*background-color:#f00;*/
}

.article-editor .list-pages li a{
display:block;
}

.article-editor .list-pages li a img{
border:1px solid #e7e7e7;
padding:3px;
display:block;
width:127px;
height:100px;
}

.article-editor .list-pages li a em{
padding:5px;
font-size:85%;
line-height:125%;
text-align:center;
display:block;
}

.article-editor .list-pages li a:hover em{
text-decoration:underline;
}


/* ==================================================

	INFORMATION

================================================== */

/* .box-information
-------------------------------------------------- */
#freeArea .article-editor .box-information{
/* background-color:#fff2f8; */
padding:15px 15px 0;
margin-bottom:15px;
font-size:12px;
clear:both;
border:solid 1px #e6e6e6;
}

#freeArea .article-editor .box-information-inner{
position: relative;
padding: 0px 20px 10px !important;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 15px;
}

#freeArea .article-editor .box-information-inner h2{margin-bottom:18px;}

#freeArea .article-editor .box-information-inner:last-child{
border:0 none;
}

#freeArea .article-editor .box-information h4{
font-weight:bold;
font-size:14px;
clear:both;
position:absolute;
top:0;
left:0;
margin-top:0;
}

#freeArea .article-editor .box-information a{
color:#e54c78;
}

#freeArea .article-editor .box-information strong{
font-weight:bold;
}

#freeArea .article-editor .box-information p{
margin-bottom:15px;
}

#freeArea .article-editor .box-information dl{
font-size:14px;
padding:0 10px 5px;
margin-bottom:0;
}

#freeArea .article-editor .box-information dt{
font-weight:bold;
float:left;
clear:left;
}

#freeArea .article-editor .box-information dd{
padding:0 0 5px 10px;
float:left;
}

#freeArea .article-editor .box-information ul{
margin-bottom:10px;
}

#freeArea .article-editor .box-information li{
margin-left:1.5em;
line-height:130%;
list-style:outside disc;
margin-bottom:3px;
}

#freeArea .article-editor{
clear:both;
margin-bottom:0;
}

#freeArea strong{
font-weight:bold;
}

#freeArea em{
color:#e54c78;
}

/* ==================================================

	Girls Talk

================================================== */

/* 
-------------------------------------------------- */
#freeArea .box-girls_talk{
background-color:#fcc5db;
padding:0 20px 10px;
margin-bottom:15px;
}

#freeArea .box-girls_talk-header{
margin:0 -20px 0;
}

#freeArea .box-girls_talk-inner{
background-color:#fff;
margin:-15px 0 10px;
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

#freeArea .box-girls_talk-inner p{
margin-bottom:25px;
font-size:14px;
line-height:150%;
}

#freeArea .box-girls_talk-inner .theme{
border-top:1px dotted #7f7f7f;
border-bottom:1px dotted #7f7f7f;
padding:25px 20px 0;
}

#freeArea .box-girls_talk-inner .theme h4{
font-size:22px;
line-height:150%;
font-weight:bold;
margin-bottom:30px;
}

#freeArea .box-girls_talk-inner .btn{
text-align:center;
margin:25px 0 10px;
}

#freeArea .box-girls_talk-footer{
font-size:12px;
line-height:140%;
}

/* ==================================================

	Yorozuya

================================================== */

/* 
-------------------------------------------------- */
#freeArea .box-yorozuya{
background-color:#ebf0f0;
padding:0 20px 10px;
margin-bottom:15px;
}

#freeArea .box-yorozuya-header{
margin:0 -20px 0;
}

#freeArea .box-yorozuya-inner{
background-color:#fff;
margin:0px 0 10px;
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:2px solid #ffcdcd;
}

#freeArea .box-yorozuya-inner p{
margin-bottom:25px;
font-size:14px;
line-height:150%;
}

#freeArea .box-yorozuya-inner .theme{
border-top:1px dotted #7f7f7f;
border-bottom:1px dotted #7f7f7f;
padding:25px 20px 0;
margin-bottom:20px;
}

#freeArea .box-yorozuya-inner .theme h4{
/*font-size:22px;
line-height:150%;*/
color:#ec3551;
font-weight:bold;
margin-bottom:15px;
}

#freeArea .box-yorozuya-inner .btn{
text-align:center;
margin:25px 0 10px;
}

#freeArea .box-yorozuya-footer{
font-size:12px;
line-height:140%;
}

/* ==================================================

	Tabirun

================================================== */

/* 
-------------------------------------------------- */
#freeArea .box-tabirun{
background-color:#fffdf6;
padding:0 20px 10px;
margin:10px 0 0px;
}

#freeArea .box-tabirun-header{
margin:0 -20px 0;
}

#freeArea .box-tabirun-inner{
background-color:#fff;
margin:-110px 0 10px;
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:4px solid #ade4e0;
position:relative;
}

#freeArea .box-tabirun-inner p{
margin-bottom:25px;
font-size:14px;
line-height:150%;
}

#freeArea .box-tabirun-inner .theme{
border-top:2px dotted #3cd7d6;
border-bottom:2px dotted #3cd7d6;
padding:25px 20px 0;
margin-bottom:20px;
}

#freeArea .box-tabirun-inner h4{
/*font-size:22px;
line-height:150%;*/
font-size:12px;
color:#0ec2c1;
margin-bottom:10px;
}

#freeArea .box-tabirun-inner .btn{
text-align:center;
margin:25px 0 10px;
}

#freeArea .box-tabirun-footer{
font-size:12px;
line-height:140%;
}

#freeArea .box-tabirun-notes{
font-size:12px;
line-height:130%;
}

#freeArea .box-tabirun-notes li{
position:relative;
padding:0 0 0 20px;
margin-bottom:5px;
}

#freeArea .box-tabirun-notes span{
margin:0 4px 0 -20px;
}


/* ==================================================

	CREA MATE

================================================== */

/* 
-------------------------------------------------- */
#freeArea .box-crea_mate{
background-color:#e54c78;
padding:0 20px 10px;
margin-bottom:15px;
}

#freeArea .box-crea_mate-header{
margin:0 -20px 0;
}

#freeArea .box-crea_mate-inner{
background-color:#fff;
margin:0 0 10px;
padding:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

#freeArea .box-crea_mate-inner p{
margin-bottom:25px;
font-size:14px;
line-height:150%;
}

#freeArea .box-crea_mate-inner .theme{
border-top:1px dotted #7f7f7f;
border-bottom:1px dotted #7f7f7f;
padding:25px 20px 0;
}

#freeArea .box-crea_mate-inner .theme h4{
font-size:14px;
line-height:150%;
font-weight:bold;
color:#e54c78;
}

#freeArea .box-crea_mate-inner .theme p{
margin:-20px 0 25px 100px;
}

#freeArea .box-crea_mate-inner .theme ul{
margin:-20px 0 25px 100px;
font-size:12px;
line-height:140%;
}

#freeArea .box-crea_mate-inner .theme ul li{
list-style:outside disc;
margin-left:15px;
margin-bottom:5px;
}

#freeArea .box-crea_mate-inner .btn{
text-align:center;
margin:25px 0 10px;
}

#freeArea .box-crea_mate-footer{
font-size:12px;
line-height:140%;
color:#fff;
}

/* ==================================================


================================================== */

/* 
-------------------------------------------------- */
#freeAreaSNSheader{
display:none;
}

.parts-sns{
margin-left: inherit;
margin-bottom:0 !important;
position:absolute;
right:0;
bottom:0;
z-index:20;
}

.parts-sns li{
float:left;
/*width:100px;*/
margin-left:5px;
/*overflow:hidden;*/
line-height:120%;
}

/* 
-------------------------------------------------- */
.parts-sns-outer{
clear:both;
border-top:2px solid #000;
padding:12px 10px 0 5px;
}

.parts-sns-outer .parts-sns{
float:left;
margin-left:0;
position:inherit;
}

.parts-sns-outer .information-end{
/*text-align:right;*/
font-size:12px;
font-weight:bold;
float:right;
}

/* ==================================================

	PRESENT

================================================== */



/* 
-------------------------------------------------- */
#freeArea .article-editor .information-header{
padding:20px 15px;
border-bottom:1px dotted #7f7f7f;
position:relative;
}

#freeArea .article-editor .information-header h1{
font-size:22px;
line-height:150%;
font-weight:bold;
}

#freeArea .article-editor .information-header p{
font-size:14px;
line-height:150%;
margin:20px 0 0;
}

#freeArea .article-editor .information-header p.icon{
position:absolute;
top:10px;
right:15px;
margin:0;
}


#freeArea .article-editor h4{
font-size:16px;
line-height:150%;
font-weight:bold;
margin:10px 0 15px;
}

#freeArea .article-editor strong{
font-weight:bold;
}

#freeArea .article-editor p{
font-size:14px;
line-height:150%;
margin-bottom:15px;
}

#freeArea .article-editor .present-list{
margin-bottom:25px;
}

#freeArea .article-editor .present-list li{
clear:both;
padding:15px 15px 0;
border-bottom:1px dotted #e54c78;
}

#freeArea .article-editor .present-list li .left{
float:right;
width:670px;
margin-bottom:15px;
}

#freeArea .article-editor .present-list li .cover{
border:1px solid #e54c78;
float:left;
margin-bottom:15px;
}

#freeArea .present-btn{
text-align:center;
margin:30px 0;
}

#freeArea.pressrelease a{color:#e54c78;}
#freeArea.pressrelease h1{margin-bottom:.5em;}
#freeArea.pressrelease .parts-sns-outer a{color:#000;}
#freeArea.pressrelease .corp{float:left;font-size:12px;}
#freeArea.pressrelease .date{font-size:12px;text-align:right;float:right;}
#freeArea.pressrelease img{margin:25px auto;display:block;max-width:620px;}