@charset "utf-8";
img{
	display:block;
}
.clear{
	overflow:hidden;
}
.tb{
	display:table;
}
.tb_c{
	display:table-cell;
}
.separate{
	border-top:1px solid #cfcfcf
}
.separate_l{
	position:relative;
}
.separate_l:before{
	content:"";
	width:1px;
	height:100%;
	background:#cfcfcf;
	position:absolute;
	top:0;
	left:612px;
}
#word{
	width:1018px;
	background:#eeebe6;
	border:1px solid #e7d5ca;
	padding:20px 0;
	margin:0 auto 30px;
}
#layout_list{
	overflow:hidden;
	padding:0 20px 0 18px;
}
#word_l{
	float:left;
	width:600px;
}
#word_r{
	float:right;
	width:365px;
}
#tit{
	position:relative;
}
#tit h2 img{
	margin:0 auto 20px;
}
#tit div,
.tit_text{
	font-size:15px;
	text-align:center;
	line-height:24px;
	position:absolute;
	top:187px;
	left:85px;
}
#top_comic{
	background:#fff;
	border-radius:5px;
	padding:20px 0 5px;
	margin-bottom:20px;
}
#top_comic img{
	margin:0 auto;
}
/*------------------------------------------------------------
　リスト
-------------------------------------------------------------*/
dl[id^="word_"]{
	background:#fff;
	border-radius:5px;
	position:relative;
	padding-top:20px;
}
dl[id^="word_"]+dl{
	margin-top:20px;
}
dl[id^="word_"] li:hover{
	background:#fffcd6;
}
dl[id^="word_"] dt{
	color:#ff6699;
	font-size:20px;
	font-weight:bold;
	height:40px;
	line-height:40px; 
	background:#fffcdf;
	box-shadow:0 1px 0 #fae7c1 inset,-1px 0 0 #fae7c1 inset,0 -1px 0 #fae7c1 inset;
	position:relative;
	padding-left:14px;
	margin:0 20px 20px;
}
dl[id^="word_"] dt:before{
	content:"";
	width:4px;
	height:100%;
	background:#ff91b5;
	position:absolute;
	top:0;
	left:0;
}
dl[id^="word_"] li{
	cursor:pointer;
	border-top:1px solid #e6e6e6;
	overflow:hidden;
	position:relative;
	padding:20px;
}
dl[id^="word_"] li:not(.link_nashi):before{
	transform:rotate(45deg);
	content:"";
	width:8px;
	height:8px;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-4px;
	border-top:2px solid #a02200;
  border-right:2px solid #a02200;
}
dl[id^="word_"] li:before{
	right:20px;
}
dl[id^="word_"] li img{
	float:left;
	border:2px solid #a02200;
}
.item_r{
	float:left;
	width:430px;
	padding:0 0 0 20px;
}
.item_r h3{
	color:#a02200;
	font-size:20px;
	display:block;
	margin-bottom:20px;
}
.item_r h3 span{
	font-size:14px;
}
.item_word:hover a{
	text-decoration:none;
}
.item_r div,
.item_word-text{
	padding-right:20px;
}
/*------------------------------------------------------------
　ナビ
-------------------------------------------------------------*/
#word_nav{ 
	margin-bottom:30px;
}
#word_nav ul{
	overflow:hidden;
}
#word_nav li{
	float:left;
	height:54px;
	background:#fff;
	border-radius:5px;
	padding:8px;
}
#word_nav li{
	width:166px;
}
#word_nav li:nth-of-type(2n){
	margin-left:1px;
}
#word_nav li+li~li{
	margin-top:1px;
}
#word_nav li a{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	height:52px;
	line-height:52px;
	background:#f7f4ee;
	border:1px solid #d3c6af;
	border-radius:5px;
	display:block;
}
#word_nav li a:hover{
	background:#fffcd6;
}
/*------------------------------------------------------------
　その他のコンテンツ
-------------------------------------------------------------*/
#other_contents{
	position:relative;
	padding-top:110px;
}
#other_contents .other_btn{
	position:absolute;
	top:0;
}
.other_btn{
	cursor:pointer;
	width:152px;
	height:50px;
	background:#f7f8f8;
	padding:20px 0 20px 30px;
}
.other_btn:hover:not(.on) {
	background:#fefefe;
}
#other_contents h3{
	position: relative;
	color:#b5b6b6;
	border-bottom:3px solid #b5b6b6;
	display:inline-block;
	padding:0 0 10px 30px;
	font-size: 16px;
}
#other_contents h3:before{
	position: absolute;
	top: 10px;
	left: 0;
	overflow: hidden;
	content: "";
}
/* ボタンon */
#other_contents .on{
	cursor:default;
	background:#fff;
}
#other_contents .on:after{
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	border-top:10px solid #fff;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
}
/* インタビュー ボタン */
#interview .other_btn{
	border-radius:5px 0 0 5px;
}
#interview .other_btn h3:before{
	width: 18px;
	height: 23px;
	background-image:url(../images/common/sub-contents-tab--interview.png);
	background-repeat: no-repeat;
}
#interview .other_btn.on h3{
	color:#ff8888;
	border-bottom:3px solid #ff8888;
}
/* 中の人 ボタン */
#naka .other_btn{
	border-radius:0 5px 5px 0;
	right:0;
}
#naka .other_btn h3{
	width:96px;
}
#naka .other_btn h3:before{
	width: 19px;
	height: 27px;
	background-image:url(../images/common/sub-contents-tab--blog.png);
	background-repeat: no-repeat;
}
#naka .other_btn.on h3{
	color:#dd91ed;
	border-bottom:3px solid #dd91ed;
}
.other_btn.on h3:before{
	background-position: 0 bottom;
}
/* リスト */
#other_contents li{
	background:#fff;
	border-radius:5px;
	position:relative;
}
#interview li{
	padding:20px 0 15px;
}
#naka li{
	padding:20px;
}
#other_contents li+li{
	margin-top:10px;
}
#interview .clear{
	position:relative;
	padding:0 20px 20px 20px;
}
#other_contents .clear>img{
	float:left;
}
#other_contents .clear>img:hover{
	cursor:pointer;
	opacity:.9;
}
.other_data{
	float:left;
	padding-left:20px;
}
#interview .other_data{
	width:215px;
}
#naka .other_data{
	width:221px;
}
.other_data>a{
	font-size:16px;
	font-weight:bold;
}
#interview .other_data a span{
	font-size:14px;
}
.otherShop_data{
	overflow:hidden;
	margin-top:10px;
}
.otherShop_data dt,
.otherShop_data dd{
	float:left;
}
.otherShop_data dt img{
	margin:1px 5px 0 0;
}
.otherShop_data dd{
	font-size:12px;
}
#interview .otherShop_data dd{
	width:174px;
}
#naka .otherShop_data dd{
	width:180px;
}
#interview .otherShop_name{
	font-weight:bold;
	text-align:center;
	border-top:1px solid #e6e6e6;
	padding:15px 10px 0;
}
#naka .otherShop_name{
	font-size:12px;
}
/* もっと見る */
#other_contents .box{
	background:#fff;
	position:relative;
	padding:10px;
	margin-top:20px;
}
#other_contents .box:before{
	content:"";
	width:0;
	height:0;
	border:9px solid transparent;
	border-bottom:9px solid #fff;
	position:absolute;
	top:-18px;
	left:50%;
	margin-left:-9px;
}
#other_contents .box a{
	height:38px;
	line-height:38px;
}
#other_contents .box a:hover{
	background:#f4f0e8;
}
/*------------------------------------------------------------
　bottomコンテンツ
-------------------------------------------------------------*/
.bottomContents01{
	background:#edede9;
	padding:30px 0;
}
.bottomContents01 section{ 
	width:980px;
	background:#fff;
	padding:20px 20px 0;
	margin:0 auto;
}
.bottomContents01 h2{
	color:#65391b;
	font-size:16px;
	height:45px;
	line-height:50px;
	background:url(../images/search/pinpoint_bg.png) repeat-x;
	border:2px solid #d8c8b8;
	border-radius:10px;
	position:relative;
	padding-left:55px;
}
.bottomContents01 section h2:before{
	content:"";
	width:34px;
	height:59px;
	background:url(../images/common/icon_recommended.png) no-repeat;
	position:absolute;
	top:-5px;
	left:11px;
}
.recommended-box{
  display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  position: relative;
	padding:20px 0;
}
.recommended-box + .recommended-box{
	padding:20px 0;
}
.recommended-box + .recommended-box:before{
	content:"";
	width:100%;
	border-top:4px dotted #d6d6d6;
	position:absolute;
	top:0px;
	left:20px;
}
.recommended{
	width:224px;
	padding:0 10px;
	font-size: 12px;
}
.recommended + .recommended{
	border-left:1px solid #d4d4d1;
}
.recommended > * + *{
	margin-top: 10px;
}
.recommended img{
	margin:0 auto;
}
.recommended img:hover{
	cursor:pointer;
	opacity:.9;
}
.recommended h3 a{
	color:#A02200;
	font-size:14px;
	word-break:break-all;
	display:inline-block;
}
.recommended_data li{
	position: relative;
	overflow: hidden;
	padding-left:22px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.recommended_data li:before{
	position: absolute;
	top: 50%;
	left: 0;;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background-image:url(../images/common/shop-data.png);
	content: "";
}
.recommended_data2:before{
	background-position: 0 -17px;
}
.recommended_data3:before{
	background-position:0 -34px;
}
.recommended_data4:before{
	background-position:0 -51px;
}
.recommended_data li a{
	color:#5f99eb;
}

/*------------------------------------------------------------
　リンクなし
-------------------------------------------------------------*/
.link_nashi{
	cursor:default !important;
}
.link_nashi:before{
	background:none;
}
.link_nashi:hover{
	background:transparent !important;
}
.link_nashi h3 a{
	cursor:default;
	text-decoration:none;
}
.link_nashi img{
	display:none !important;
}
.link_nashi .item_r{
	width:100% !important;
	padding:0 !important;
}
/*------------------------------------------------------------
　50音検索
-------------------------------------------------------------*/
#search{
	text-align:center;
	width:100%;
	height:70px;
	line-height:70px;
	background:rgba(0,0,0,.4);
	position:fixed;
	bottom:0;
	left:0;
	z-index:9999;
}
#search dl{
	width:637px;
	margin:0 auto;
}
#search dt{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background:url(../images/word/icon_search.png) no-repeat 0 center;
	display:inline-block;
	vertical-align:middle;
	padding-left:22px;
}
#search dd{
	display:inline-block;
	vertical-align:middle;
}
#search ul{
	overflow:hidden;
	padding-left:40px;
}
#search li{
	float:left;
	text-align:center;
	width:40px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-radius:3px;
}
#search li+li{
	margin-left:10px;
}
#search li a{
	display:block;
}
/*------------------------------------------------------------
　詳細
-------------------------------------------------------------*/
.word_inner{
	background:#fff;
	border-radius:5px;
	margin:0 20px;
}
.word_inner h2{
	color:#a02200;
	font-size:28px;
	background:url(../images/word/icon_word_details.png) no-repeat 30px center;
	padding:35px 40px 30px 80px;
}
.word_inner h2 span{
	font-size:14px;
	font-weight:normal;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
section[class^="sec_"]{
	padding:30px 40px;
}
section[class^="sec_"] h3{
	color:#fff;
	font-size:16px;
	line-height:24px;
	border-radius:5px;
	display:inline-block;
	padding:15px 20px 10px;
}
.sec_imi h3{
	background:#7cccf1;
}
.sec_manga h3{
	background:#81d8b2;
	margin-bottom:20px;
}
.sec_advice h3{
	background:#dc9aea;
	margin-bottom:20px;
}
.sec_kanren h3{
	background:#ffa1a1;
	margin-left:20px;
}
.sec_knowhow h3{
	background:#cfa07b;
	margin:0 0 20px 10px;
}
.imi_txt{
	font-size:18px;
	line-height:26px;
	width:733px;
	display:inline-block;
	vertical-align:middle;
	padding:0 0 0 30px;
}
.imi_txt strong{
	color:#ff4c9d;
	font-weight:bold;
}
.kaisetu{
	border-top:1px dashed #cfcfcf;
	padding:30px 0 0;
	margin-top:30px;
}
.kaisetu span{
	font-weight:bold;
}
.kaisetu p+p{
	margin-top:10px;
}
.manga{
	float:left;
}
.sec_manga .box_r{
	float:right;
	width:533px;
}
div[class^="character"]{
	position: relative;
	min-height:70px;
	padding-left:90px;
}
div[class^="character"]+div[class^="character"]{
	margin-top:20px;
}
div[class^="character"]:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	background-image: url(../images/word/character.png);
	background-repeat: no-repeat;
	content: "";
}
.character1_1:before{
	background-position: 0 0;
}
.character1_2:before{
	background-position: 0 -70px;
}
.character1_3:before{
	background-position: 0 -140px;
}
.character1_4:before{
	background-position: 0 -210px;
}
.character1_5:before{
	background-position: 0 -280px;
}
.character1_6:before{
	background-position: 0 -350px;
}
.character1_7:before{
	background-position: 0 -420px;
}
.character1_8:before{
	background-position: 0 -490px;
}
.character1_9:before{
	background-position: 0 -560px;
}
.character1_10:before{
	background-position: 0 -630px;
}
.character2_1:before{
	background-position: -70px 0;
}
.character2_2:before{
	background-position: -70px -70px;
}
.character2_3:before{
	background-position: -70px -140px;
}
.character2_4:before{
	background-position: -70px -210px;
}
.character2_5:before{
	background-position: -70px -280px;
}
.character2_6:before{
	background-position: -70px -350px;
}
.character2_7:before{
	background-position: -70px -420px;
}
.character2_8:before{
	background-position: -70px -490px;
}
.character2_9:before{
	background-position: -70px -560px;
}
.character2_10:before{
	background-position: -70px -630px;
}
.character3_1:before{
	background-position: -140px 0;
}
.character3_2:before{
	background-position: -140px -70px;
}
.character3_3:before{
	background-position: -140px -140px;
}
.character3_4:before{
	background-position: -140px -210px;
}
.character3_5:before{
	background-position: -140px -280px;
}
.character3_6:before{
	background-position: -140px -350px;
}
.character3_7:before{
	background-position: -140px -420px;
}
.character3_8:before{
	background-position: -140px -490px;
}
.character3_9:before{
	background-position: -140px -560px;
}
.character3_10:before{
	background-position: -140px -630px;
}
div[class^="character"] div{
	background:#fff5dd;
	border-radius:5px;
	position:relative;
	padding:10px;
}
div[class^="character"] div:before{
	content:"";
	width:11px;
	height:17px;
	background:url(../images/word/balloon.png) no-repeat;
	position:absolute;
	top:10px;
	left:-11px;
}
.feature{
	border:1px solid #cfcfcf;
	display:table;
	padding:10px;
	margin-top:30px;
}
.feature li{
	cursor:pointer;
	width:148px;
	display:table-cell;
	vertical-align:top;
	padding:10px;
}
.feature li:hover{
	background:#fffcdf;
}
.feature img{
	border:1px solid #f1f1f1;
}
.feature a{ 
	color:#a02200;
	font-weight:bold;
	display:inline-block;
	margin:10px 0;
}
.feature li:hover a{
	text-decoration:none;
}
.feature div{
	font-size:12px;
}

.sec_advice{
	float:left;
	width:532px;
}
.tit_advice{
	color:#ff4c9d;
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	background:#fffcdf;
	border-left:4px solid #ff91b5;
	box-shadow:0 1px 0 #fae7c1 inset,-1px 0 0 #fae7c1 inset,0 -1px 0 #fae7c1 inset;
	padding:10px;
}
.sec_advice p{
	margin-top:20px;
}
.sec_kanren{
	float:left;
	width:326px;
	padding:30px 20px !important;
}
.sec_kanren li{
	border-bottom:1px dotted #cfcfcf;
	padding:20px;
}
.sec_kanren li:hover{
	cursor:pointer;
	background:#fffcdf;
}
.sec_kanren li:hover a{
	text-decoration:none;
}
.sec_kanren li img{
	float:left;
	border:2px solid #a02200;
}
.sec_kanren .box_r{
	position:relative;
	float:left;
	width:164px;
	padding:0 20px;
}
.sec_kanren .box_r::before{
	transform: rotate(45deg);
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -4px;
	border-top: 2px solid #a02200;
  border-right: 2px solid #a02200;
}

.more{
	font-size:12px;
	height:15px;
	background:url(../images/word/icon_arrow.png) no-repeat 0 center;
	padding-left:20px;
	margin-left:20px;
}

.sec_knowhow{
	padding:30px 20px !important;
}
.sec_knowhow ul{
	border-spacing:10px 0;
}
.sec_knowhow li{
	width:288px;
	border:1px solid #ccc;
	vertical-align:top;
	padding:20px;
}
.sec_knowhow li:hover{
	cursor:pointer;
	background:#fffcdf;
}
.sec_knowhow li img{
	float:left;
	border:2px solid #a02200;
}
.sec_knowhow .box_r{
	float:left;
	width:165px;
	padding-left:20px;
}
.sec_knowhow .box_r a{
	color:#a02200;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	margin-bottom:10px;
}
.sec_knowhow li:hover a{
	text-decoration:none;
}

.btn_box{
	padding:20px 40px 30px;
}
.btn_box .btn01_1{
	height:58px;
	line-height:58px;
}
.btn_box .btn01_1:hover{
	background:#f4f0e8;
}
.center{
	text-align:center;
}
.mt30{
	margin-top:30px;
}
.link_top{
	font-size:15px;
	text-align:center;
	background:url(../images/word/icon_arrow.png) no-repeat 0 center;
	backgrond-size:20px 20px;
	padding-left:20px;
}
.link_top:hover{
	text-decoration:none;
	background-color:transparent;
}

/* blog */
.row{
  width: 100%;
  display: table;
}
.data_sub .img{
  width: 104px;
  height: 104px;
  overflow: hidden;
}
.data_sub .box_r{
  width: 100%;
  display: table-cell;
  vertical-align: top;
}
.data_sub .img+.box_r{
  padding-left: 20px;
}
.data_sub .ttl a{
  font-size: 16px;
  font-weight: bold;
}
.data_sub dl.row>*{
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
}
.data_sub dl.row dd{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
  max-width: 1px;
  width: 100%;
  padding-left: 5px;
}
.data_sub .box_r .row:nth-of-type(1){
  margin-top: 10px;
}
.data_sub .box_r .row+.row{
  margin-top: 2px;
}
.data_sub .box_r .shop{
  font-size: 12px;
  margin-top: 10px;
}