/*
Theme Name: wk_k1_sp_uno
Theme URI: none
Description: This is theme.
*/

/* ====================================================================================
共通
==================================================================================== */
@charset "UTF-8";
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 15px;
	color: #333;
	line-height: 1.5;
	margin: 0;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	overflow: hidden;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #008BFF;
}
a:active {
	text-decoration: none;
}
p {
	line-height: 1.75em;
	margin-bottom: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ====================================================================================
h
==================================================================================== */
.h {
	position:relative;
	margin-bottom:20px;
	background:url(images/bg_header.png) no-repeat left top;
	height:64px;
	padding-top:13px;}
.sitelogo {
	margin-left: 20px;}
.sitelogo a {
	position:absolute;
	text-decoration:none;
	color:#FFFFFF;
	background:url(images/header-logo.png) no-repeat left top;
	background-size: 45px auto, 50px auto;
	-webkit-background-size: 45px auto, 50px auto;
	padding-left: 53px;}
.sitediscription {
	font-size:10px;}
.sitename {
	font-weight:bold;
	font-size:25px;}
#rank1 {
	margin: -3px 0 5px;
	text-align: center;
}
#rank2 {
	margin: 10px 0 5px;
	text-align: center;
}
.rank-button {
	width: 80%;
	margin: -3px auto 0;
}
#voice-midashi {
	margin: 30px 0 10px;
}
.voice {
	background: url("images/bg-chiffon.jpg") 0 0 repeat;
	width: 280px;
	margin: 0 auto;
	padding: 10px;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.voice-green {
	font-size: 15px;
	font-weight: bold;
	color: #5B994C;
	padding-top: 10px;
}
.voice-bar {
	background: url("images/voice-name.jpg") 0 0 repeat;
	margin: 0 auto;
	padding: 1px 3px;
	color: #FFF;
	margin: 6px 0;
	font-size: 11px;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.voice-txt p {
	margin-bottom: 10px;
}

/* ====================================================================================
コンテンツ
==================================================================================== */
/*ランディング*/
#body_sp .contents-txt {
	width:90%;
	margin:0 auto;}

.cat-desc-in {
	width:90%;
	margin: 0 auto;
}
#wrapper .archive-contents .cat-desc, .contents, .category-matome {
	border-radius: 5px;
	border: 1px solid #45bdb1;
	margin: 0 auto 30px;
	width: 95%;
	position:relative;}
.ad_area {
	margin-bottom:30px;}

/*TOPへ戻るのバナー*/
.button-best3 {
	text-align: center;
	margin: 0 0 30px 0;}
/*カテゴリー見出し*/
.cat_title {
	color: #FFFFFF;
	background: #0bc7b4;
	border-left: 8px solid #0e7f75;
	font-size: 20px;
	font-weight:bold;
	margin: 0 auto 18px;
	padding: 7px;
	width: 90%;}
#wrapper .archive-contents h2 a {
	font-size:116%;
	padding: 8px 0 0 42px;
	color: #04b6a6;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin-bottom:17px;}
.btn_morelink {
	background: #0e7f75;
	border-radius: 5px;
	width:50%;
	margin:0 auto 20px;
	padding:10px;}
.btn_morelink_text {
	font-weight:bold;
	color:#FFFFFF;
	background:url(images/arow-btnmore.png) no-repeat right center;
	background-size: 15px auto, 8px auto;
	-webkit-background-size: 15px auto, 8px auto;
	padding-right: 20px;
	text-align:center;
	display:block;
}
.archive-contents  .contents h3 {
	border-left: 4px solid #6C4924;
	border-bottom: 1px dashed #6C4924;
	padding: 1px 8px;
	margin: 4px auto;
}
.yarpp-related {
	margin-bottom:20px;}

/* ====================================================================================
ナビゲーション
==================================================================================== */
#s_category {
	background: #0bc7b4;
	border-radius:5px;
	width: 95%;
	padding: 7px 0 15px;
	margin: 0 auto 20px;
	position: relative;
}
.tit_point {
	position: absolute;
	top: -3px;
	left: 15px;}
.s_title {
	margin: 0 0 10px 58px;}
/*カテゴリのボックス*/
.cat_tit {
	color:#FFFFFF;}
.cat_tit dt {
	font-size:20px;
	font-weight:bold;
	float:left;}
.cat_tit dd {
	font-size: 10px;
	float: left;
	padding: 8px 0 0 10px;}
#s_category ul {
	padding:0 18px;}
#s_category li {
	padding:15px 10px 15px 0;
	border-bottom:1px dashed #FFFFFF;}
#s_category ul li a {
	display:block;
	background:url(images/arow-s-cat-01.png) no-repeat left 0.3em;
	background-size: 7px auto, 8px auto;
	-webkit-background-size: 7px auto, 8px auto;
	padding-left:10px;
	color:#FFFFFF;
	text-decoration:none;}
#s_category ul.children li {
	padding:10px 10px 0 0;
	border-bottom:none;
	font-size:93%;}
#s_category ul.children li a {
	display:block;
	background:url(images/arow-s-cat-02.png) no-repeat left 0.4em;
	background-size: 6px auto, 6px auto;
	-webkit-background-size: 6px auto, 6px auto;
	padding-left:5px;}
/*新着情報のボックス*/
.bg_s_entrys {
	background:url(images/bg_topics.png) repeat-x left top;
	height: 38px;
	border-radius: 5px 5px 0 0;}
#s_entrys {
	border-radius: 5px;
	border: 1px solid #45bdb1;
	margin: 0 auto 30px;
	width: 95%;
	position:relative;
	padding-bottom: 15px;}
#s_entrys .cat_tit {
	color:#333;}
#s_entrys .s_title {
	margin: 0 0 10px 58px;
	padding: 5px 0 0 6px;}
#s_entrys .cat_tit dd {
	color:#e05353;}
#s_entrys ul {
	padding: 0 20px;}
#s_entrys ul li, .category-matome ul li, .yarpp-related li {
	padding:15px 10px 15px 0;
	border-bottom:1px dashed #ccc;}
#s_entrys ul li a, .category-matome ul li a, .yarpp-related li a {
	display:block;
	color:#333;
	text-decoration:none;
	background:url(images/arow-s-topics-01.png) no-repeat left 0.3em;
	background-size: 7px auto, 8px auto;
	-webkit-background-size: 7px auto, 8px auto;
	padding-left:10px;}
/*子カテゴリまとめのボックス*/
.category-matome {
	margin-bottom:50px;}
.category-matome ul {
	margin-bottom:20px;}

/*ページャー*/
.wp-pagenavi {
	margin: 50px auto;
	text-align: center;
	clear: both;
}
.wp-pagenavi span, .wp-pagenavi a {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 7px;
	text-decoration: none;
	width: auto;
	color: #6ecf87;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	background: #0bc7b4;
	color: #FFF;
}
.wp-pagenavi .current {
	background: #0c7f83;
}
.mArchive_success .wp-pagenavi a:active, .mArchive_success .wp-pagenavi .current {
	background: #d5b81b;
}
.mArchive_economy .wp-pagenavi a:active, .mArchive_economy .wp-pagenavi .current {
	background: #7b8afb;
}
.mArchive_news .wp-pagenavi a:active, .mArchive_news .wp-pagenavi .current {
	background: #eb66a8;
}
/* ====================================================================================
フッター
==================================================================================== */
#footer {
	position:relative;}
.totop {
	position:absolute;
	right:10px;
	bottom:20px;}
.copyright {
	padding:15px 10px 15px 10px;
	text-align:center;
	color:#fff;
	background-color:#0c7f83;
}

/* =============================================================================
   基本パーツ
   ========================================================================== */
.cat-desc h1, .contents-in h1, #body_sp .index-midasi {
	background: #f44c73;
	color: #fff;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 11px 10px 0;
	border-radius:0 5px 5px 0;}
#wrapper .contents .contents-in h2, .category-matome h2, #body_sp .contents-txt h2 {
	border-radius: 5px 5px 0px 0px;
	margin: 40px 0 20px 0;
	padding: 9px 0 5px 10px;
	background-color: #0bc7b4;
	font-size: 116%;
	font-weight: bold;
	color: #fff;
	box-shadow: 0px 3px 0px rgba(14,127,118,1), inset 0px 0px 2px rgba(255,255,255,0.7);
}
 .category-matome h2 {
	 margin-top:0;}
.contents-in .recomend_tit {
	font-size:18px;
	font-weight:bold;
	background:#e6eeed;
	margin:50px 0 10px;
	border-top:2px solid #0bc7b4;
	border-bottom:1px dotted #0bc7b4;
	border-left:none;
	padding:10px;}
#wrapper .contents .contents-in h3, #body_sp .contents-txt h3 {
	border-left: 8px solid #0bc7b4;
	font-size: 108%;
	font-weight: bold;
	line-height: 24px;
	margin: 40px 0 20px 0;
	padding: 4px 0 2px 12px;
}
#wrapper .contents .contents-in h4, #body_sp .contents-txt h4 {
	color: #0bc7b4;
	font-size: 108%;
	font-weight: bold;
	margin: 40px 0 10px 0;
}

/*リスト*/
#wrapper .contents .contents-in ul, #body_sp .contents-txt ul {
	margin-bottom:30px;}
#wrapper .contents .contents-in ul li, #body_sp .contents-txt ul li {
	background: url(images/icon-list.png) no-repeat left 0.6em;
	background-size: 5px auto, 5px auto;
	-webkit-background-size: 5px auto, 5px auto;
	padding-left: 13px;
	margin: 0 0 5px 15px;
}
/*チェックリストボックス*/
#wrapper .contents .contents-in ul.check-box {
	border-radius: 5px;
	border: 1px solid #46beb3;
	padding: 10px 10px 10px 15px;
}
#wrapper .contents .contents-in ul.check-box li {
	background-image:url(images/icon-checkbox.png);
	background-repeat:no-repeat;
	background-position:left 0.4em;
	background-size: 15px auto, 15px auto;
	-webkit-background-size: 15px auto, 15px auto;
	padding: 3px 0 3px 21px;
	list-style: none !important;
	margin: 0 0 0 5px;
}
/*テーブル*/
table {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 20px;}
table tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;}
table tr th:first-child {
	border-left: 0;
}
table tr th {
	background-color: #ffe557;
	padding: 8px;
	text-align: center;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;}
table tr td:first-child {
	border-left: 0;}
table tr td {
	background-color: #fff8d7;
	padding: 10px;
	border-left:1px solid #e0d5a0;
	border-bottom:1px solid #e0d5a0;}
/*通常囲み*/
#wrapper .contents .contents-in .waku, .contents .waku {
	border: 2px solid #57cdd0 !important;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 20px 0;
}
/*強調囲み*/
#wrapper .contents .contents-in .bgb-beige {
	background-color: #fefaea;
	padding: 22px;
	margin: 0 0 20px 0;
	border-radius: 10px;
	font-weight: bold;
	color: #4b0909;
}
/*インタビュー囲み*/
#wrapper .contents .contents-in .interview {
	background: url(images/maiku.png) no-repeat 7px 9px;
	padding: 8px 0 8px 55px;
	background-color: #E7F2F5;
	margin: 0 0 20px 0;
}

.center {
	text-align:center;}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb90 {
	margin-bottom: 90px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pt60 {
	padding-top: 60px;
}
.tac {
	text-align: center;
}
.b {
	font-weight: bold;
}
.orange {
	color: #FF7F00;
}
.flr {
	float: right;
	margin-left: 5px;
}
.fl-r {
	float: right;
}
.m5-l {
	margin-left: 5px !important;
}
.m5-b {
	margin-bottom: 5px !important;
}

/* =============================================================================
   デコレーション
   ========================================================================== */

.al-c {
	text-align: center;
}
.al-r {
	text-align: right;
}
.al-l {
	text-align: left;
}
.vl-t {
	vertical-align: top;
}
.vl-m {
	vertical-align: middle;
}
.vl-b {
	vertical-align: bottom;
}
.fl-r {
	float: right;
}
.fl-l {
	float: left;
}
.fl-c {
	clear: both;
}
.m0 {
	margin: 0!important;
}
.m0-t {
	margin-top: 0!important;
}
.m0-r {
	margin-right: 0!important;
}
.m0-b {
	margin-bottom: 0!important;
}
.m0-l {
	margin-left: 0!important;
}
.m10 {
	margin: 10px!important;
}
.m10-t {
	margin-top: 10px!important;
}
.m10-r {
	margin-right: 10px!important;
}
.m10-b {
	margin-bottom: 10px!important;
}
.m10-l {
	margin-left: 10px!important;
}
.m20 {
	margin: 20px!important;
}
.m20-t {
	margin-top: 20px!important;
}
.m20-r {
	margin-right: 20px!important;
}
.m20-b {
	margin-bottom: 20px!important;
}
.m20-l {
	margin-left: 20px!important;
}
.m30 {
	margin: 30px!important;
}
.m30-t {
	margin-top: 30px!important;
}
.m30-r {
	margin-right: 30px!important;
}
.m30-b {
	margin-bottom: 30px!important;
}
.m30-l {
	margin-left: 30px!important;
}
.m40 {
	margin: 40px!important;
}
.m40-t {
	margin-top: 40px!important;
}
.m40-r {
	margin-right: 40px!important;
}
.m40-b {
	margin-bottom: 40px!important;
}
.m40-l {
	margin-left: 40px!important;
}
.m50 {
	margin: 50px!important;
}
.m50-t {
	margin-top: 50px!important;
}
.m50-r {
	margin-right: 50px!important;
}
.m50-b {
	margin-bottom: 50px!important;
}
.m50-l {
	margin-left: 50px!important;
}
.m60 {
	margin: 60px!important;
}
.m60-t {
	margin-top: 60px!important;
}
.m60-r {
	margin-right: 60px!important;
}
.m60-b {
	margin-bottom: 60px!important;
}
.m60-l {
	margin-left: 60px!important;
}
.p0 {
	padding: 0!important;
}
.p0-t {
	padding-top: 0!important;
}
.p0-r {
	padding-right: 0!important;
}
.p0-b {
	padding-bottom: 0!important;
}
.p0-l {
	padding-left: 0!important;
}
.p10 {
	padding: 10px!important;
}
.p10-t {
	padding-top: 10px!important;
}
.p10-r {
	padding-right: 10px!important;
}
.p10-b {
	padding-bottom: 10px!important;
}
.p10-l {
	padding-left: 10px!important;
}
.p20 {
	padding: 20px!important;
}
.p20-t {
	padding-top: 20px!important;
}
.p20-r {
	padding-right: 20px!important;
}
.p20-b {
	padding-bottom: 20px!important;
}
.p20-l {
	padding-left: 20px!important;
}
.p30 {
	padding: 30px!important;
}
.p30-t {
	padding-top: 30px!important;
}
.p30-r {
	padding-right: 30px!important;
}
.p30-b {
	padding-bottom: 30px!important;
}
.p30-l {
	padding-left: 30px!important;
}
.p40 {
	padding: 40px!important;
}
.p40-t {
	padding-top: 40px!important;
}
.p40-r {
	padding-right: 40px!important;
}
.p40-b {
	padding-bottom: 40px!important;
}
.p40-l {
	padding-left: 40px!important;
}
.p50 {
	padding: 50px!important;
}
.p50-t {
	padding-top: 50px!important;
}
.p50-r {
	padding-right: 50px!important;
}
.p50-b {
	padding-bottom: 50px!important;
}
.p50-l {
	padding-left: 50px!important;
}
.p60 {
	padding: 60px!important;
}
.p60-t {
	padding-top: 60px!important;
}
.p60-r {
	padding-right: 60px!important;
}
.p60-b {
	padding-bottom: 60px!important;
}
.p60-l {
	padding-left: 60px!important;
}
.b {
	font-weight: bold!important;
}
.normal {
	font-weight: normal!important;
}
.f8px {
	font-size: 8px!important;
}
.f9px {
	font-size: 9px!important;
}
.f10px {
	font-size: 10px!important;
}
.f11px {
	font-size: 11px!important;
}
.f12px {
	font-size: 12px!important;
}
.f13px {
	font-size: 13px!important;
}
.f14px {
	font-size: 14px!important;
}
.f15px {
	font-size: 15px!important;
}
.f16px {
	font-size: 16px!important;
}
.f17px {
	font-size: 17px!important;
}
.f18px {
	font-size: 18px!important;
}
.f19px {
	font-size: 19px!important;
}
.f20px {
	font-size: 20px!important;
}
.f21px {
	font-size: 21px!important;
}
.f22px {
	font-size: 22px!important;
}
.f23px {
	font-size: 23px!important;
}
.f24px {
	font-size: 24px!important;
}
.f25px {
	font-size: 25px!important;
}
.red {
	color: #ff0000!important;
}
.blue {
	color: #0000dd!important;
}
.green {
	color: #008000!important;
}
.yellow {
	color: #ffff00!important;
}
.navy {
	color: #1F26A9!important;
}
.orange {
	color: #ff6600!important;
}
.pink {
	color: #cc6699!important;
}
.purple {
	color: #2d2a52!important;
}
.olive {
	color: #808000!important;
}
.lime {
	color: #00ff00!important;
}
.aqua {
	color: #167FA6!important;
}
.black {
	color: #000!important;
}
.gray {
	color: #ccc!important;
}
.white {
	color: #fff!important;
}
.lh10 {
	line-height: 1.0!important;
}
.lh11 {
	line-height: 1.1!important;
}
.lh12 {
	line-height: 1.2!important;
}
.lh13 {
	line-height: 1.3!important;
}
.lh14 {
	line-height: 1.4!important;
}
.lh15 {
	line-height: 1.5!important;
}
.lh20 {
	line-height: 2.0!important;
}
.underline {
	background: #F5F573;
}
.del {
	text-decoration: line-through;
}
.noborder {
	border: 0!important;
}
.z1 {
	z-index: 1!important;
}
.z2 {
	z-index: 2!important;
}
.z3 {
	z-index: 3!important;
}
.z4 {
	z-index: 4!important;
}
.z5 {
	z-index: 5!important;
}
ul.none {
	list-style-type: none;
}
.underline-dotted {
	border-bottom: 1px dotted #000 !important;
}
.bgc-yellow {
	background-color: #F5F573!important;
}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*追従バナー上*/
#ad-rank {
	padding: 10px 0 0;
}
.btm_ad {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 500;
}

.btm_ad_bnr {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: 550;
}

.btm_ad_close {
	width: 5%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 4%;
	left: 1%;
	z-index: 560;
}

.close{
	display: none;
}


/*追従バナー下*/
.btm_ad-2 {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 500;
}




.koukoku-yohaku {
	margin-top: 0px;
}

.matome {
	position: relative;
	margin: 90px 0 20px;
}

.matome:before {
	content: "";
	width: 95.4vw;
	position: absolute;
	background: #ffe819;
	height: 34px;
	border-top: 3px solid #040000;
	border-bottom: 3px solid #040000;
	top: -50px;
	left: -6%;
}

.matome:after {
	content: "";
	width: 110%;
	position: absolute;
	background: url(images/sp_post_joney_tit.png) no-repeat bottom left;
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	height: 70px;
	top: -80px;
	left: 0;
}

.matome > p {
	margin: 0 0 10px;
}

.comment_char01 {
	padding: 20px 5px 10px;
	border: 3px solid #73FFFF;
	border-radius: 7px;
	margin: 100px 0 50px -3%;
	position: relative;
	width: 102%;
	font-size: 14px;
}


.comment_char01:before {
	content: "";
	width: 100px;
	height: 100px;
	background: url(images/comment-zenny.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: -89px;
	left: 0;
}