@charset "utf-8";
/* CSS Document */

#content img							{ max-width:100%; height:auto; }

/****** BLOG ********/

#blog_main								{ float:left; width:750px; }
#blog_date								{ float:right; margin-top:50px; font-size:0.8em; }
.blog_content							{ margin-bottom:70px; }


#sidebar								{ float:right; width:180px; }
#sidebar>h3								{ margin-bottom:20px; padding-bottom:1px; border-bottom:1px solid #000; font-size:1em; letter-spacing:0.1em; }
#sidebar>ul								{ margin-bottom:45px; font-size:0.8em; }
#sidebar li								{ margin-bottom:10px; }

#salon_link>li:before					{ content: url(../img/salon_link.svg); display:inline-block; margin-right:0.5em; }


/****** Archive TOPICS ********/

.list									{ width:1000px; margin: -30px auto 0;}
.list-box								{ width:300px; margin-top:30px; padding-bottom:35px; border-bottom:1px dotted #808080; }

.list-img								{ position:relative; }
.list-img img							{ width: 100%; display:block; }
.shop_name								{ top:-33px; left:-11px; width:115px; font-size: 0.95em; }
.shop_name:after						{ content: url(../img/mark_shop_s.png); margin-top:-22px; }

.list-title								{ margin: 10px 0; font-size:1em; font-weight:bold; }
.list-text								{ font-size:0.77em; line-height:1.4; }
.list-date								{ float:right; color:#4D4D4D; font-size:0.65em; }
.list-more								{ width:50px; height:22px; margin:30px auto 0;  padding-top:2px; text-align:center; font-size:0.71em; border-radius:9px; background-color:#B3B3B3; color:#FFF; }


/******Single TOPICS ********/

h2:before								{ background-color:rgba(231,186,160,0.9); }

#date									{ float:right; padding-top: 8px; font-size:0.8em; }

#shop_name								{ margin-top:50px; font-style:italic; }
#shop_name>p							{ float:right; margin:0; }



@media screen and (max-width:375px) {
	
/****** BLOG ********/

#blog_main								{ float:none;  width:100%; }
#sidebar								{ float:none; width:94%; margin:50px auto 0; }
#sidebar li								{ padding-left:2%; }


/****** Archive TOPICS ********/
.list									{ width:100%; margin: 0 auto; }
.list-box								{ width:100%; padding-bottom:25px; }


/******Single TOPICS ********/

#date									{ padding-top: 5px; font-size:0.7em; }


}