@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Glegoo);

body{	color: #000; font-family: Verdana,"メイリオ","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";}

#wrapper{
	background: #ffdfd8 url(../imgs/body_bg.gif) repeat;
	min-width: 1000px;
	}
	
#wrapper #article{ margin: 0 auto; padding: 0; background: url(../imgs/header_bg.png) repeat-x top;}
#wrapper #header_bg{ margin: 0 auto; padding: 0; background: url(../imgs/header_bg2.png) no-repeat top;}

#wrapper #contents{
	width: 1000px;
	background: url(../imgs/header.png) no-repeat left 4px;
	overflow: hidden;
	}

#wrapper a,
#wrapper #article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
	outline: none;
	}


#wrapper a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

/* #main */
#wrapper #main{
	width: 730px;
	height: auto;
	padding: 0 0 60px 0;
	margin: 0;
	float: left;
	}

#wrapper #side{
	width: 250px;
	float: right;
	text-align: left;
	padding: 0;
	margin: 0px 0px 20px 0px;
	font-size: 13px;
	line-height: 1.7;
	word-break: break-all;
	}
	
#wrapper #side .side_BOX{
	background: #fff;
	position: relative;
	}

#wrapper #main a{ color: #cf2d47; text-decoration: none;}
#wrapper #main a:hover{ color: #cf2d47; text-decoration: underline;}

#wrapper #side .side_BOX a{ color: #000; text-decoration: none;}
#wrapper #side .side_BOX a:hover{ color: #cf2d47; text-decoration: underline; opacity: 1;}

/* link
========================================== */
#wrapper a:link,a:visited{ color: #555555; text-decoration: none;}
#wrapper a:hover,a:active{ color: #cf2d47; text-decoration: underline;}

/* Common
========================================== */
#wrapper img{ border: none; vertical-align: bottom;}
		
#wrapper .t11{ font-size: 11px;}
#wrapper .t13{ font-size: 13px;}
#wrapper .t14{ font-size: 14px;}
#wrapper .t15{ font-size: 15px;}
#wrapper .t16{ font-size: 16px;}
#wrapper .t18{ font-size: 18px;}
#wrapper .t20{ font-size: 20px;}

#wrapper .coution{ color: #e1003a;}

#wrapper .bold{ font-weight: bold;}

#wrapper .center{ text-align: center;}
#wrapper .right{ text-align: right;}
#wrapper .left{ text-align: left;}

#wrapper .indent-1{ text-indent: 1em;}

#wrapper .color-1{ color: #2f509f;}

#wrapper .floatL{ float: left;}
#wrapper .floatR{ float: right;}

#wrapper .clearfix { width: 100%;}
#wrapper .clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
	}

#wrapper .clear{ display: block; clear: both;}

#wrapper .font-1{ font-family: Verdana,"メイリオ","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";}
#wrapper .font-2{ font-family: 'Glegoo', serif;}

#wrapper .underline{ border-bottom: 1px solid;}

#wrapper .mrgnT10{ margin-top: 10px;}
#wrapper .mrgnB15{ margin-bottom: 15px;}
#wrapper .mrgnB20{ margin-bottom: 20px;}
#wrapper .mrgnB25{ margin-bottom: 25px;}
#wrapper .mrgnB30{ margin-bottom: 30px;}
#wrapper .mrgnB35{ margin-bottom: 35px;}
#wrapper .pdngT10{ padding-top: 10px;}
#wrapper .pdngT20{ padding-top: 20px;}

#wrapper .articleBorder{ width: 100%; margin: 35px auto; border-bottom: 1px dashed #374650;}

#wrapper .radius10{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
	
#wrapper .border-1{ border: 1px solid #f7d0c9;}
#wrapper .border-2{ border: 1px solid #e76767;}

/* PAGE TOP
========================================== */
.section{
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	}

#page-top{
	display: block;
	position: fixed;
	right: 30px;
	z-index: 9999;
	}
	
#page-top a{
	text-indent: -9999px;
	background: url(../imgs/pagetop.png) no-repeat;
	background-size: 104px 104px;
	width: 104px;
	height: 104px;
	display: block;
	}

#page_top-sp,#page_top-sp a{ display: none;}

/* header
========================================== */
#wrapper #header{
	width: 1000px;
	height: 260px;
	margin: 0 auto;
	}
	
#wrapper #header h1 span{ display: none;}
	
/* Menu
========================================== */
#wrapper #menuArea{
	width: 1000px;
	height: 185px;
	padding: 0;
	margin: 0 auto;
	}
	
#wrapper #menuArea .tit_search{
	width: 175px;
	height: 31px;
	background: url(../imgs/tit_search.png) no-repeat;
	margin: 8px 0 12px;
	padding: 0;
	text-indent: -9999px;
	}

#wrapper #menuArea ul{
	width: 736px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
#wrapper #menuArea ul:after{
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
	}

#wrapper #menuArea ul li{
	width: 110px;
	height: 120px;
	margin: 0 8px 0 0;
	padding: 0;
	display: inline-block;
	}
	
#wrapper #menuArea ul li:last-child{
	margin: 0;
	}

#wrapper #menuArea ul li a{
	width: 110px;
	height: 120px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
	}

#wrapper #menuArea ul li#menu01 a{ background: url(../imgs/menu1.png) no-repeat center;}
#wrapper #menuArea ul li#menu02 a{ background: url(../imgs/menu2.png) no-repeat center;}
#wrapper #menuArea ul li#menu03 a{ background: url(../imgs/menu3.png) no-repeat center;}
#wrapper #menuArea ul li#menu04 a{ background: url(../imgs/menu4.png) no-repeat center;}
#wrapper #menuArea ul li#menu05 a{ background: url(../imgs/menu5.png) no-repeat center;}
#wrapper #menuArea ul li#menu06 a{ background: url(../imgs/menu6.png) no-repeat center;}

/* BOX
--------------------------*/
#contents .BOX{
	width: 728px;/*730*/
	margin: 0 auto 15px;
	padding: 25px 0;
	font-size: 15px;
	line-height: 2;
	background: #fff;
	word-break: break-all;
	overflow: hidden;
	clear: both;
	}

#contents .BOX .text{ width: 680px; margin: 0 auto; padding: 0;}
#contents .BOX .text p{ margin: 0; padding: 0;}

#contents .BOX .entry_name{
	margin: 0 auto;
	padding: 0 25px 25px;
	line-height: 1.8;
	font-size: 20px;
	background: url(../imgs/line.jpg) no-repeat bottom;
	}
	
#contents .BOX .text .entry_date{
	padding: 10px 0;
	margin: 0;
	font-size: 13px;
	text-align: right;
	}
	
#contents .BOX .text .cmntArea{
	margin: 0 auto 30px;
	}

#contents .BOX .text .cmntArea img {
	border: hidden !important;
	margin-left: inherit !important;
	/*border-color: inherit !important;
	border-width: inherit !important;
	margin-left: inherit !important;*/
	}

#contents .BOX .text .cmnt{
	width: 510px;/*545*/
	padding: 15px;
	background: #ececec;
	line-height: 1.6;
	font-size: 13px;
	margin: 15px auto;
	} 

#contents .BOX .text img{
	float: right;
	margin-left: 1em;
	border: 1px solid #dfc2ab;
	}

/* pageNavi
--------------------------*/
#contents .pageNavi{ width: 730px; height: 30px; margin: 15px auto;}

#contents .pageNavi a:hover{ -moz-opacity: 0.6; opacity: 0.6;}

#contents .pageNavi ul li{
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	}

#contents .pageNavi ul li.btn_back a{
	width: 85px;
	height: 30px;
	float: left;
	background: url(../imgs/btn_back.png) no-repeat top left;
	}
	
#contents .pageNavi ul li.btn_next a{
	width: 85px;
	height: 30px;
	float: right;
	background: url(../imgs/btn_next.png) no-repeat top right;
	}
	
/* side
========================================== */
#wrapper #side .btn_official{ margin: 10px 0;visibility:hidden;}
#wrapper #side .btn_mamamocomo{ margin: 0 0 25px;}

#wrapper #side .side_BOX ul li a{ display: inline-block;}

#wrapper #side .fb_logo { width: 20px; height: 20px; padding-right: 10px; }

/* comment
========================================== */

#commentbox #form1 #textfield {
	width: 200px;
	margin-right: 3px;
}
#commentbox span {
	font-size: 14px;
	display: block;
	padding-top: 10px;
	padding-bottom: 2px;
}
#commentbox textarea {
	width: 100%;
	height: 100px;
}
#commentbox .toukou_btn_waku{
	font-size: 14px;
	display: block;
	padding-top: 10px;
	text-align: center;
}
#commentbox #toukou_btn {
	margin-right: auto;
	margin-left: auto;
	width: 100px;
	display: block;
	line-height: 1.1em;
}


/* ママノチエ
--------------------------*/
#wrapper #side .tit_chie{	width: 230px;	height: 48px;	text-indent: -9999px;	background: url(../imgs/tit_chie.png) no-repeat left center;}

#wrapper #side .side_BOX ul.chie li{
	border-bottom: 2px dotted #e76767;
	padding: 0 0 0 30px;
	margin-bottom: 5px;
	background: url(../imgs/list_icon1.png) no-repeat 5% 50%;
	}

#wrapper #side .side_BOX ul.chie li:first-child{ padding: 0 0 0 10px;	background: none;}
#wrapper #side .side_BOX ul.chie li:last-child{	padding: 0 0 0 30px; border: 0;}

#wrapper #side .side_BOX ul.chie li a:hover img,
#wrapper #side .side_BOX ul.chie li:first-child a:hover{ opacity: 0.6;}

/* 
--------------------------*/
#wrapper #side .tit_new{ width: 230px; height: 48px; margin: 13px auto 0; border-bottom: 2px dotted #6d5e5e; background: url(../imgs/tit_new.png) no-repeat left top; text-indent: -9999px;}
#wrapper #side .tit_theme{ width: 230px; height: 48px; margin: 13px auto 0; border-bottom: 2px dotted #6d5e5e; background: url(../imgs/tit_theme.png) no-repeat left top; text-indent: -9999px;}
#wrapper #side .tit_writer{ width: 230px; height: 48px; margin: 13px auto 0; border-bottom: 2px dotted #6d5e5e; background: url(../imgs/tit_writer.png) no-repeat left top; text-indent: -9999px;}
#wrapper #side .tit_genre{ width: 230px; height: 48px; margin: 13px auto 0; border-bottom: 2px dotted #6d5e5e; background: url(../imgs/tit_genre.png) no-repeat left top; text-indent: -9999px;}
#wrapper #side .tit_backnumber{ width: 230px; height: 48px; margin: 13px auto 0; border-bottom: 2px dotted #6d5e5e; background: url(../imgs/tit_backnumber.png) no-repeat left top; text-indent: -9999px;}

#wrapper #side .side_BOX .listArea-1{
	height: 110px;
	overflow-y: auto;
	}
	
#wrapper #side .side_BOX .listArea-2{
	height: 185px;
	overflow-y: auto;
	}
	
#wrapper #side .side_BOX .listArea-3{
	height: 185px;
	overflow-y: auto;
	}
	
#wrapper #side .side_BOX ul.normal,
#wrapper #side .side_BOX ul.scroll{
	width: 225px;
	margin: 0 auto;
	padding: 10px 0;
	}
	
#wrapper #side .side_BOX ul.normal li,
#wrapper #side .side_BOX ul.scroll li{
	padding: 5px 0 5px 18px;
	margin-bottom: 5px;
	border-bottom: 2px dotted #d4d0d0;
	background: url(../imgs/list_icon2.png) no-repeat 0 50%;
	}

#wrapper #side .side_BOX ul.normal li:last-child,
#wrapper #side .side_BOX ul.scroll li:last-child{
	padding: 0 0 0 18px;
	border: 0;
	}
	
#wrapper #side .side_BOX ul.normal li.new:after,
#wrapper #side .side_BOX ul.scroll li.new:after{
	width: 35px;
	height: 15px;
	margin-left: 5px;
	margin-bottom: -3px;
	background: url(../imgs/new_icon.png) no-repeat;
	content: '';
	display: inline-block;
	text-indent: -9999px;
	}