@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	container: '';
	container: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}	

	
/*-------------reset ends--------------------*/	


/*---------------

basic setting

-----------------*/
body{
	background-color: #f5f5f5;
	font-family: "Noto Sans Japanese","ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	color:#333;
}
.accent-color{
	color:ffff00
}
.border{
	border:#00F3FF 1px solid;
}
/*------device setting-----*/
body{
	font-size:85%;
}
.pc{
	display: none;
}
@media screen and (min-width:481px){ 
body{
	font-size:90%;
}
}
@media screen and (min-width:768px){ 
.pc{
	display: block;
}
.sp{
	display: none;
}
}
@media screen and (min-width:768px){ 
body{
	font-size:100%;
}
}
/*----------------------------*/
a{
	text-decoration: none;
	color:#333;
	cursor: pointer;
}
p{
	line-height: 1.5em;
}
img{
	width:100%;
}
a img:hover{
	opacity:0.7
}
.mt-0_5m{
	margin-top: 0.5em;
}
.mt-1m{
	margin-top: 1em;
}
.mt-1_5m{
	margin-top: 1.5em;
}
.mt-2m{
	margin-top: 2em;
}
.mt-3m{
	margin-top: 3em;
}
.mt-4m{
	margin-top: 4em;
}
.mt-5m{
	margin-top: 5em;
}
.ml-05m{
	margin-left: 0.5em;
}
.ml-1m{
	margin-left: 1em
}
.mb-1m{
	margin-bottom: 1em;
}
.mb-2m{
	margin-bottom: 2em;
}
.p-relative{
	position: relative;
}
.m-width{
	margin-left:auto;
	margin-right:auto;
	max-width:1160px;
}
.p-width{
	margin-left:auto;
	margin-right:auto;
	max-width:745px;
}
/*---clearfix---*/

.cf:before,.cf:after{
    content: " ";
    display: table;
}
.cf:after{
    clear: both;
}
.cf{
    *zoom: 1;
}
.ta-c{
    text-align:center
}
i{
	font-size: 0.7em;
}
/*---------------------

flex box

---------------------*/
.flex{
	display: flex;
	display: -webkit-flex;
}
.jc-sb{
  	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.jc-sa{
  justify-content:space-around;
  -webkit-justify-content: space-around;
 }
.jc-c{
  justify-content:center;
   -webkit-justify-content: center;
  }
.ai-c{
	-webkit-align-items: center; 
  	align-items:center;
}
.ai-fs{
  align-items:flex-start;
  -webkit-align-items: flex-start;
}
.ai-fe{
	align-items:flex-end;
	-webkit-align-items:flex-end;
}
.column{
	flex-direction: column;
	-webkit-flex-direction:column;
}
.row{
	flex-direction: row;
	-webkit-flex-direction:row;
}
.fx-wrap{
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.jc-fe{
  	justify-content:flex-end;
	-webkit-justify-content: flex-end;
 }
/*---------------------

boxies

---------------------*/ 
/*#wrapper{
	margin-top:37px;
}
@media screen and (min-width:481px){
#wrapper{
	margin-top:55px;
}
}
@media screen and (min-width:640px){
#wrapper{
	margin-top:45px;
}
}
@media screen and (min-width:1100px){
#wrapper{
	margin-top:58px;
}
}
@media screen and (min-width:1100px){
#wrapper{
	margin-top:58px;
}
}*/
.container{
	max-width:1160px;
	margin:0 auto;
	padding: 0 0.5em;
}
a.item-title:hover{
	text-decoration: underline;
}
a.item-title{
	font-weight: bold;
	line-height: 1.3em;
	margin: 0.5em 0;
	display: block;
}
a.item-title:hover{
	opacity: 0.7
}
.LR-container{
	max-width:1160px;
	margin:2em auto;
	padding: 0 0.5em;
}
.left-wrapper{
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
}
.right-wrapper{
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
}
@media screen and (min-width:640px){
.LR-container{
	display:flex;
	-webkit-display:flex;
	flex-direction: row;
	-webkit-flex-direction: row;
}
.left-wrapper{
	flex-basis: 70%;
	-webkit-flex-basis: 70%;
}
.right-wrapper{
	flex-basis: 30%;
	-webkit-flex-basis: 30%;
	padding-left:1em;
	box-sizing: border-box;
}
}
.relative{
	position:relative;
}
.cat-box{
	position: absolute;
	right:0.7em;
	top:0.7em;
	z-index: 100;
}
.cat-box a{
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	padding:0.5em;
	background: #ffff00;
	color: #009fe8;
	border-radius: 5px;
}
.cat-box a:hover{
	 opacity: 0.7
}
.yellow{
	background:#BFB581;
}
.pink{
	background:#D3BBBC;
}
.green{
	background:#B4D5BA;
}
.blue{
	background:#B2B0CC;
}
.purple{
	background:#C3AEC8;
}
.brown{
	background: #7E674E;
}
.red-gray{
	background:#C5B8B8;
}
.blue-gray{
	background: #989BAA;
}
.title-box h1,.h1-line{
	
}
.sec-h1{
	font-weight: bold;
	font-size: 1.2em;
	float: left;
	width:100%;
	border-bottom:2px solid #ddd;
	padding-bottom: 0.5em
}
.sec-h1 span{
	font-size: 0.8em;
	margin-left: 1em;
}
/*アーカイブ系のリスト*/
.list-title-box{
	background-color: #fff;
	padding: 1em;
	height: 4em;
}
/*---------------------

header setting

---------------------*/
#header{
	position: fixed;
	width:100%;
	top:0;
	z-index:1000;
	padding: 0.5em;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 5px #000 ;
}
#local-block{
	flex-basis:60%;
	box-sizing: border-box;	
}
h1#localarea{
	font-weight: bold;
	font-size: 1.5em;
	margin-right: 5%;
}
h1#localarea:hover{
	opacity:0.7
}
#powered-logo{
}
#powered-logo img{
	width:100%;
	width: 110px;
}
h1#logo{
	flex-basis: 40%;
	-webkit-flex-basis: 40%;
	min-width: 110px;
	max-width: 200px;
}
.header-right{
	flex-basis: 50%;
	height: 100%;
}
#header ul li a{
}
#header ul li img{
	max-width: 100px;
}
.hamb{
	
}
.sp-search-btn{

}
@media screen and (min-width:768px){
h1#localarea{
	font-size: 2em;
}
#local-block{
	flex-basis:30%;
}
.header-right{
	flex-basis:70%;
	max-width: 600px;
}
}
@media screen and (min-width:950px){
#local-block{
	flex-basis:35%;
}
.header-right{
	flex-basis:65%;
}
}
li.h-local a,li.h-cate a,li.h-member a{
	border-radius: 1em;
	padding: 0.4em 0.8em;
	font-size: 0.8em;
}
li.h-local{
	
}
li.h-local a{
	background-color: #009fe8;
	color: #fff;
	border: #fff 1px solid;
}
li.h-local a:hover{
	background-color: #fff;
	color: #009fe8;
	border: #009fe8 1px solid;
	transition: all 0.2s
}
li.h-local2 a,li.h-cate a,li.h-member a{
	border-radius: 1em;
	padding: 0.4em 0.8em;
	font-size: 0.8em;
}
li.h-local2{
	
}
li.h-local2 a{
	background-color: #009fe8;
	color: #fff;
	border: #fff 1px solid;
}
li.h-local2 a:hover{
	background-color: #fff;
	color: #009fe8;
	border: #009fe8 1px solid;
	transition: all 0.2s
}
li.h-cate{
	
}
li.h-cate a.gnav,li.h-member a.gnav{
	background-color: #fff;
	color: #009fe8;
	border: #009fe8 1px solid;
}
li.h-cate a.gnav:hover,li.h-member a.gnav:hover{
	background-color: #009fe8;
	color: #fff;
	border: #fff 1px solid;
	transition: all 0.3s
}
li.h-search {
	
}
@media screen and (min-width:768px){
li.hamb{
	margin-left: 2em;
}
}
.sp a i{
	font-size: 1.2em;
}
/*----------------
search form
----------------*/
#searchform {
	flex-basis:20%;
}
.s_field{
	padding: 8px;
	background-color: #ddd;
	width: 230px;
	border:none;
	border-radius: 1em;
}
#s_submit_btn{
	position: absolute;
	width:20px;
	top: 5px;
	right:5px;
}
@media screen and (min-width:640px){ 
.s_field{
	width: 170px;
}
}
@media screen and (min-width:900px){ 
.s_field{
	width: 230px;
}
}
*:first-child + html #s_submit_btn{  
	top: 1px;  
} 
#s_submit_btn:hover{
	opacity: 0.7;
	transition: all .2s;
}
#searchform {
	position: relative;
}
.monthly-arc{
	width:100%;
}
.monthly-arc select{
    border:none
}
.monthly-arc option{
	padding: 0.2em;
	color:#333;
}
.index-arc{
	background:#ddd;
	padding: 1em;
	box-sizing: border-box;
}
.index-arc select{
-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius: 0;
    background: none transparent;
    vertical-align: middle;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
	width: 100%;
	outline: 0;
	appearance: none;
	background: url(../img/arrow01.png) right 50% no-repeat;
	background-size: 25px, 100%;
	background-color: #fff;
	padding: 0.5em;
	border: none
}
.index-arc h1{
	font-weight: bold;
}
/*-------------------------

sp menu

--------------------------*/

.sp-menu-cont,.sp-menu-cont a{
	color:#fff;
}
.small-width{
	width:60%;
	margin-left: 20%;
}
a.sp-menu-btn{
	border:#fff 1px solid;
	padding: 0.5em;
	display: block;
}
.sp-menu-cont li{
	display: block;
}
a.sp-menu-btn:hover{
	background: rgba(255,255,255,0.5)
}
.cat-title{
	font-weight: bold;
}
.sp-category li{
	padding: 0.5em;
	text-align: left;
}
.sp-category li a:hover{
	text-decoration: underline;
}
.sp-category li i{
	font-size: 0.7em
}
.sp-menu-close{
	color:#fff;
	position: fixed;
	top:1em;
	right:1em;
	font-size: 2em;
}
.sp-select select{
	width:100%;
}
/*local-area*/
.local-news{
	padding: 4em 2em;
}
.local-area h1{
	color:#fff;
	
	margin:2em 0 1em;
	padding-bottom: 0.5em;
	font-weight: bold;
}
.local-area li{
	background-color: #f8f8f8;
	width:48%;
	float: left; 
	margin:0 4% 1em 0;
}
.local-area li:nth-child(2n){
	margin-right: 0;
}
.local-area li:hover{
	background-color: rgba(255,255,255,0.75);
}
.local-area li img{
	width:50%;
}
.local-area li a{
	display: flex;
	align-items: center;
	font-size:0.8em;
}
.local-area li a:hover{
	color:#000;
}
.local-area li a div{
	width:100%;
}
.local-area li p{
	width:50%;
	text-align: center;
}
@media screen and (min-width:481px){
.local-area li{
	width:31%; 
	margin:0 3.5% 1em 0;
}
.local-area li:nth-child(2n){
	margin-right: 3.5%;
}
.local-area li:nth-child(3n){
	margin-right: 0;
}
}
@media screen and (min-width:640px){
.local-area li:nth-child(2n){
	margin-right: 2.66%;
}
.local-area li:nth-child(3n){
	margin-right: 2.66%;
}
.local-area li{
	width:23%;
	margin:0 2.66% 1em 0;
}
.local-area li:nth-child(4n){
	margin-right: 0;
}
}
/*-------------------------

ranking

--------------------------*/
#ranking h1{
	display: block;
	background: url(../img/ranking-crown.png);
	background-color:#ddd;
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: 34px;
	padding: 1.5em 0;
	font-weight: bold;
}
#ranking h1 img{
	width:180px;
}
.wpp-list li{
	border-bottom:1px #bbb dotted;
	padding: 0.5em;
	display: flex;
	justify-content: space-between;
	position: relative;
	background: #fff;
}
.wpp-list li:last-child{
	border-bottom: none;
}
.ranking-box{
	flex-basis: 65%;
	padding-left: 0.5em;
	text-align: left;
}
.ranking-img{
	flex-basis: 35%;
}
.ranking-img img{
	width: 100%;
	height: auto;
}
.ranking-box a{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1.3em;
}
.ranking-box a:hover{
	text-decoration: underline;
}
.wpp-list  {
    counter-reset: wpp-list;
}
.wpp-list li:before {
    content: counter(wpp-list, decimal);
    counter-increment: wpp-list;
    text-align:center;
    float:left;
    font-size: 0.8em;
	font-weight: bold;
	padding: 0.2em 0.5em;
	background:#E95E00;
	color:#fff;
	position: absolute;
	left:0.6em;
	bottom:0.6em;
	z-index: 10;
}
p.views-index,p.views-post{
	font-style: italic;
	color:#aaa;
	font-size:0.8em;
	font-weight: bold;
}
p.views-index{
	position:absolute;
	bottom:0;
	left:0.5em;
	font-size:0.8em;
}
p.views-post{
}
/*-------------------------

footer

--------------------------*/
#footer{
	padding: 3em 0.5em 1em;
	flex-direction: column;
	-webkit-flex-direction: column;
}
#footer-wrap{
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	background-color: #ddd;
	border-radius: 10px;
	padding: 1em;
	max-width: 1160px;
	box-sizing: border-box;
}
#footer-left,#footer-right{
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
}
#footer-right{
	flex-direction: column;
	-webkit-flex-direction: column;
	height: 820px;
}
@media screen and (min-width:640px){
#footer-wrap{
	flex-direction: row;
	-webkit-flex-direction: row;
}
#footer-left,#footer-right{
	width: 50%;
	float:left;
}
#footer-right{
	flex-direction: row;
	-webkit-flex-direction: row;
	height: auto;
}
}
#footer-left h1{
	font-weight: bold;
	margin-bottom: 1em;
	padding-bottom: 0.3em
}
#tags{
	padding: 0.5em;
	height: 350px;
}
@media screen and (min-width:640px){
#tags{
	overflow-y: auto;
}
}
#tags li{
	float: left;
	margin-right:0.5em;
	margin-bottom: 0.5em;
	display: flex;
	font-size: 0.9em;
}
#tags li a{
	background: #f8f8f8;
	font-size: 0.8em;
	padding: 0.5em 1em;
	border-radius: 5px;
}
#tags li a:hover{
	opacity: 0.7;
}
#footer-nav{
	box-sizing: border-box;
	font-size: 0.9em;
	flex-direction: column;
	-webkit-flex-direction: column;
}
#footer-nav a:hover,.company-links a:hover{
	border-bottom: #888 3px solid;
	padding-bottom: 0.5em;
	
}
#footer-nav li{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	font-size: 1em;
	padding: 1em
}
#footer-nav li:first-child{
	flex-basis: 15%;
	-webkit-flex-basis: 15%;
}
.sns{
	background: #fff;
	width:100%;
	margin:0 auto 1em;
	height: 400px;
	/*overflow:scroll;*/
}
.sns a,.sns div,.sns blockquote{
	width:100%;
}
@media screen and (min-width:640px){
#footer-nav{
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
#footer-nav li{
	flex-basis: 30%;
	-webkit-flex-basis: 30%;
	text-align: center;
}
.sns{
	margin:0 1em 0 0;
	width:250px;
}
}
p#copyright{
	font-size: 0.8em;
}
.company-links{
	margin: 2em auto;
}
.company-links a{
	padding: 0 1em;
	font-size:0.8em;
}
.company-links a:first-child{
	border-right: #ccc 3px solid;
	box-sizing: border-box;
}
/*---------------------
news
---------------------*/
#news li{
}
#news li{
	margin-bottom: 1em;
}
#news li img:hover{
	
}
.first-post{
	position: relative;
	flex-basis: 100%;
}
.first-post img{
	z-index: 1
}
.new-frag{
	position: absolute;
	width:20%;
	max-width:200px;
	top:0;
	left: 0;
	z-index: 100;
}
.first-title-box{
	position:absolute;
	bottom:0;
	height: 30%;
	width:100%;
	bottom:0;
	background: rgba(0,0,0,0.5);
	padding:1em;
	box-sizing: border-box;
}
.first-title-box a.first-title{
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	color:#fff;
	height: 100%;
	flex-basis: 80%;
}
.first-title-box a:hover{
	opacity: 0.7;
}
.first-title-box .author-box{
	flex-basis: 20%;
}
.first-title-box .author-box a{
	font-weight: bold;
	padding:0.5em 0;
	color: #fff;
	border-bottom:#E95E00 4px solid;
}
/* sp 専用*/
.list-under-wrap{
	height: 6em;
}
.second-post{
	flex-basis: 49%;
	background-color: #fff;
	position: relative;
}
.second-post:first-child{
	margin-right: 2%;
}
.second-post a.item-title{
	padding: 1em;
}
.normal-post{
	flex-basis: 49%;
	background-color: #fff;
}
.news-box{
	flex-basis: 70%;
	padding: 0.7em;
	box-sizing: border-box;
	background-color: #fff;
}
.news-box .item-title{
	
}
.post-date{
	font-style: italic;
	color:#aaa;
	font-size: 0.75em;
	float: right
}
a.normal-cat{
	font-weight: bold;
	display: block;
	float: left;
	font-size: 0.7em;
	padding:0.3em 0.4em;
	background: #ffff00;
	color: #009fe8;
	border-radius: 5px;
}
.img-box{
	flex-basis: 30%;
}
.author_link{
	position: absolute;
	bottom:1em;
	right:0.5em;
}
.author_link a{
	border-bottom:#E95E00 3px solid;
	font-size: 0.8em;
	padding: 0.1em 0;
	font-weight: bold;
}
/*-------------------------

single

--------------------------*/
#breadcrum{
	padding: 1em 0;
	font-size: 0.8em
}
#breadcrum li{
	margin-right: 1em;
	color:#666;
	font-weight: bold;
}
#breadcrum li i{
	color:#bbb;
	font-size: 0.7em;
}
#breadcrum li a{
	text-decoration: underline;
	color:#666;
}
#eyecatch{
	width:100%;
	position: relative;
	height: 250px;
}
#eyecatch img{
}
.bk-layer{
	position: absolute;
	width:100%;
	height: 100%;
	background:rgba(0,0,0,0.4);
	top:0;
	padding: 0 1em;
	box-sizing: border-box;
}
.post-title-box{
	color:#fff;
}
.post-title-box h1{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	text-shadow: 0 0 5px #000;
}
.post-title-box p{
	font-size: 1.2em;
	font-style: italic;
	font-weight:bold;
	text-shadow: 0 0 5px #000;
	margin-right: 1em;
}
.post-title-box li a{
	padding: 0.2em 0.5em;
	font-size: 0.7em;
	margin-right: 1em;
	font-weight:bold;
}
.share-btn li{
	flex-basis:33%;
}
.title-cat{
	font-size: 0.9em;
	font-weight: bold;
	padding:0.1em 0.5em;
	background: #ffff00;
	color: #009fe8;
	border-radius: 5px;
}
@media screen and (min-width:640px){
.share-btn li{
	flex-basis:16%;
}
}
#blog-wrap{
	max-width:748px;
	margin: 2em auto;
	overflow: hidden;
}
#blog {
	margin: 2em 0 5em;
	padding: 0 0.5em;
}
#blog iframe{
	width:100%;
	height: 452px;
}
#blog p{
	line-height: 3em;
	margin:3em 0;
	text-align: left:
}
#blog h2{
	background-color:#777777;
	color:#fff;
	display: block;
	font-size: 20px;
	padding: 1em;
	border-radius: 3px;
	font-weight:bold;
	line-height: 1.2em;
}
#blog a{
	text-align: left:
}
#blog img{
	width:80%;
}
#blog iframe{
	width:100%;
	height: 297px;
}
@media screen and (min-width:481px){
#blog img{
	width:60%;
}
#blog iframe{
	width:100%;
	height: 474px;
}
}
@media screen and (min-width:768px){
#blog img{
	width:auto;
	max-width: 748px;
	margin-left: 0;
}
}
.add_under_blog{
}
#blog-author{
	background: url(../img/frog_big.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#ddd ;
	background-size: contain;
	color: #fff;
	padding: 1em;
	border-radius: 5px;
}
#blog-author h1{
	font-weight: bold;
}
#blog-author div{
}
.author-left,.author-right{
	width: 100%;
}
.author-left img{
	border: #fff 1px solid;
}
.author-right h2{
	font-weight: bold;
	margin-top: 1em;
}
.author-right p{
	font-size: 0.8em;
}
@media screen and (min-width:640px){
#blog-author{
	display:flex;
	justify-content: space-between;
}
#blog-author div{
	flex-direction: row;
}
.author-left{
	flex-basis: 25%;
	margin-left: 0;
}
.author-right{
	flex-basis: 70%;
}
.author-right h2{
	margin-top: 0;
	text-align: left;
}
.author-right p{
	padding:0;
}
}
#post-ranking h1{
	background: #ddd;
	color:#fff;
	font-size: 0.9em;
	font-weight:bold;
	padding: 0.5em;
}
#post-ranking ul{
 	margin-bottom: 5em;
	padding-top: 1em;
}
#post-ranking li{
	width:100%;
	box-sizing: border-box;
	padding: 0.5em;
	border-bottom: #bbb 1px dotted;
}
@media screen and (min-width:640px){
#post-ranking li:nth-child(odd){
	margin-right:2%;
}
#post-ranking li{
	width:32%;
	float: left;
	margin-right: 2%;
	border-bottom: none;
	border: #eee 1px solid;
	margin-bottom: 1em;
}
#post-ranking li:nth-child(3n){
	margin-right: 0;
}
}
p.invite{
	font-weight: bold;
	font-size:1.2em;
}
#cat-tag{
	margin-bottom: 2em;
}
#cat-tag li{
	margin-bottom: 1.5em;
}
#cat-tag li a{
	border: #888 1px solid;
	border-radius: 5px;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
	color:#888;
	background: #fff;
}
#cat-tag li.sharp a::before{
	content:"#"
}
#cat-tag li a:hover{
	background: #888;
	color:#fff;
	transition: all .3s
}
#cat-tag li:first-child a{
	background: #ffff00;
	color: #009fe8;
	border:none
}
#cat-tag li:first-child a:hover{
	opacity: 0.7;
}
#like-box{
	border:#bbb 1px solid;
	height:10em;
	border-radius:10px;
}
#like-box p{
	font-weight:bold;
	width:100%;
	font-size: 0.9em;
}
#like-box img{
	width:100%;
}
.right-block{
	background: #fff;
	border-radius: 0 10px 10px 0
}
.right-block div{
	width:100%;
	padding: 0.5em
}
@media screen and (min-width:640px){
#like-box img{
	width:20%;
	max-width:250px;
}
#like-box p{
	font-size: 1em;
}
}
.LR-50{
	width:50%;
	box-sizing: border-box;
}
#like-box iframe{
	margin: 0 auto;
	display: block;
}
/*---------------------
related lists setting
---------------------*/
#related-posts h1,#comments h1{
	font-weight: bold;
	border-bottom:2px solid #ddd;
	padding: 0.5em 0;
	font-size: 1.2em
}
#related-posts li{
	flex-basis: 48%;
	background-color: #fff;
}
.related-title{
	padding: 0 0.5em 0.5em;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
}

@media screen and (min-width:640px){
#related-posts li{	flex-basis: 30%;
}
#related-posts ul:after{
  content:"";
  display: block;
  width:30%;
}
}
/*---------previous&next---------*/
.post-nav {
	border-top:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
	font-size: 0.9em;
	background-color: #fff;
	padding: 1em;
}
.post-nav li{
	flex-basis:50%;
	position:relative;
}
.post-nav li a{
	font-weight: bold;
	line-height: 1.5em;
}
.post-nav img{
	width:100%;
}
p.post-next,p.post-previous{
	position: absolute;
	left:50%;
	top:50%;
	margin-top:-1.2em;
	margin-left: -3em;
	text-shadow: 0 0 5px #000;
	font-size: 1.5em;
	color:#fff
}
a.post-none{
	font-weight: bold;
	font-size: 1.5em;
}
@media screen and (min-width:640px){
p.post-next,p.post-previous{
	font-size: 2em;
}
a.post-none{
	font-size: 2em;
}
}
p.post-next i{
	margin-left: 0.5em;
}
p.post-previous i{
	margin-right: 0.5em;
}

/*---------------------
comment setting
---------------------*/
#comments h1{
}
.commets-list p img{
	display: none;
}
.comment-author{
	display: flex;
}
.comment-author img{
	width:30px;
	height: 30px;
	margin-right: 1em;
}
.comment-meta{
	margin-top: 0.5em;
}
.comment-meta a{
	font-style: italic;
	color: #999;
	font-size: 0.8em;
	font-weight: bold;
}
.comment-meta p{
	
}
.comment-body{
	border-bottom:1px #bbb dotted;
	padding: 0.5em 1em 1em;
}
.comment-body p{
	margin: 1em 0;
	font-size: 0.9em;
}
.children .comment-body{
	padding-left: 2em;
	background: #eee;
}
a.comment-reply-link,input#submit{
	background: #888;
	color:#fff;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.3em 0.5em;
	border-radius: 2px;
}
a.comment-reply-link:hover,
input#submit:hover{
	opacity: 0.7;
}
#reply-title{
	font-weight: bold;
	margin-top: 3em;
}
.comment-form-comment label{
	display: none;
}
.comment-form-comment textarea,
.comment-form input#author,
.comment-form input#email{
	margin-top: 1em;
	  box-shadow:0px 0px 2px 3px rgba(0, 0, 0, 0.1) inset;
     border:1px solid #999;
	 padding: 0.5em;
	 font-size: 1em;
}
.comment-form-comment textarea{
	width:100%;
	box-sizing: border-box;
}
.comment-form input#author
.comment-form input#email{
	width:80%;
	margin-left: 1em;
}
@media screen and (min-width:640px){
.comment-form-comment textarea{
	width:70%;
}
.comment-form input#author,
.comment-form input#email{
	width:52.5%;
	margin-left: 1em;
}
}
p.comment-form-author label,
p.comment-form-email label{
	font-size: 0.8em;
}
p.comment-form-author label{
	margin-right: 4em;
}
.comment-form input{
	padding: 0.5em;
}
{
	font-size: 0.9em;
	padding: 0.5em 1em;	margin: 1.5em 0 3em;
}
p.logged-in-as a{
	color:#00C3D4;
	font-weight: bold;
	margin: 1em 0;
}
span#email-notes{
	display: none;
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/


/*---------------------

category page setting

---------------------*/
h1#cat-page-title{
	background: #ddd;
	font-weight: bold;
	padding: 0.4em;
	font-size: 0.9em;
	display: block;
}
#cat-item-list{
	margin-bottom: 3em;
}
#cat-item-list li{
	box-sizing: border-box
}
.category-list li{
	flex-basis: 49%;
	background-color: #fff;
}
@media screen and (min-width:640px){
#cat-item-list:after{
  content:"";
  display: block;
  width:30%;
}
.category-list li{
	flex-basis: 31%;
}
}
.category-list a.item-title{
	padding: 1em;
}
.cat-ranking-title{
	color:#fff;
	font-weight: bold
}
/*---------------------
search result

---------------------*/
.search-fix{
	padding-top: 0.5em;
}
#search-item-list li{
	flex-basis: 48%;
	box-sizing: border-box;
	background: #fff;
}
@media screen and (min-width:640px){
#search-item-list:after{
  content:"";
  display: block;
  flex-basis:30%;
}
#search-item-list li{
	flex-basis:  30%;
}
#search-item-list li img{
	width:100%;
}
}
/*---------------------
pagenation
---------------------*/
/*Pagenation*/
.pagenation {
    margin: 3em 0 5em;
	display: flex;
	justify-content: center;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0 auto;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    color: #FFFFFF;
    cursor: not-allowed;
    padding:0.5em 1em;
}
.pagenation li a{
    background: none repeat scroll 0 0 #CCCCCC;
    color: #FFFFFF;
    display: block;
    padding:0.5em 1em;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}
/*allpost分*/
.pagenation-all{
	margin: 3em auto;
	display: block;
}
.page-numbers{
	background: #CCCCCC;
	display: block;
	padding:0.5em 1em;
	margin-left: 3px;
}
.pagenation-all .current{
	background-color: #999999;
    color: #FFFFFF;
}
/*---------------------
pagetop
---------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    color:#707070;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size: 4em;
}
#page-top a:hover {
	opacity: 0.7;
}
/*---------------------
Ads setting
---------------------*/
p.ads-head{
	font-size: 0.9em;
	color:#888;
}
.sky-sc{
	margin-bottom: 2em;
}
.double-rect{
	margin-bottom: 4em;
}
.double-rect div{
	margin:0 auto 5em;
	display: flex;
	justify-content: center;
}
.second-rect{
	display: none;
}
.respnsive-ads{
	
}
.second-rect{
	display:block;
}
.respnsive-ads{

}
.double-rect div{
	
}
@media screen and (max-width:639px){
.dummy-box{
	height: 5em;
}
}
/*---------------------
404
---------------------*/
.pg-error {
}
.pg-error p{
	font-size: 1.5em;
	font-weight: bold;
	padding: 1em;
	padding-top: 4em;
}
.pg-error a{
	display: block;
	text-decoration: underline;
	padding-bottom: 4em;
}
/*---------------------
sitemap
---------------------*/
.wsp-container{
	background: #eee;
	padding:1em;
	font-size: 0.9em;
	margin: 1em auto 0;
	width:100%;
	max-width: 960px;
}
.wsp-container h2{
	font-weight: bold;
	margin: 1em 0;
	font-size: 1.1em
}
.wsp-category-title{
	font-weight: bold;
	margin: 0.5em 0;
	font-size: 1em
}
.sitemap-box a i{
	font-size: 0.8em;
	color:#999;margin-right: 1em;
}
.wsp-container li{
	padding: 0.5em 0 0.5em 1em;
	line-height: 1.5em;
	border-bottom: #bbb 1px dotted;
}
.wsp-posts-list > li{
	border-bottom: none;
}
/*---------------------
privacy
---------------------*/
.privacy {
	padding:1em;
}
@media screen and (min-width:640px){
.privacy {
	padding: 2em;
}
}
.privacy h1{
	font-weight: bold;
	margin-bottom: 1em;
}
.privacy h2{
	font-weight: bold;
	margin-bottom: 1em;
}
.privacy h3{
	margin-left: 1em;
	margin-bottom: 1em;
}
.privacy p{
	margin-left: 1em;
	margin-bottom: 1em;
}
.parivacy a{
	text-decoration: underline;
}
/*---------------------
subscribe
---------------------*/
.html_wysija{
	color:#fff;
}
#subscribe{
	background: #eee;
	/*background: #ddd;*/
	padding: 2em;
}
#subscribe label{
	
}
p.kaisetsu{
	
	width:100%;
	box-sizing: border-box;
	padding: 1em;
	max-width:400px;
	margin:0 auto;
}
#subscribe form{
	margin: 0 auto;
	display: block;
	line-height: 1.3em
}
#subscribe p{
	margin-bottom: 1em;
}
input.wysija-input[type="text"]{
	padding: 0.5em;
	font-size: 1.2em;
	margin: 1em auto;
	border:#bbb 3px solid;
	font-size: 1.2em;
	width:17em;
}
#subscribe input[type="text"]:hover{
	background: #fff;
	color:#171c61;
}
input.wysija-submit[type="submit"]{
	padding: 0.5em 1em;
	margin: 1em auto;
	background-color:#009fe8;
	border:none;
	font-size: 1em;
	color:#fff;
	font-weight: bold;
}
#subscribe input[type="submit"]:last-child{
	background: #888;
	color:#fff;
	font-size: 0.9em;
}
#subscribe input[type="submit"]:hover,
.wpcf7 input[type="submit"]:hover{
	background:#26A800;
	color:#fff;
	}
.wpcf7{
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	max-width:500px;
}
.wpcf7 input,.wpcf7 textarea{
	margin-top: 0.5em;
	padding: 0.5em 1em;
	font-size: 1.2em;
	width:100%;
	box-sizing: border-box;
}
.wpcf7 input[type="submit"]{
	margin-top: 2em;
	background: #26A800;
	color:#fff;
	font-weight: bold;
	outline: none;
	border: none;
}
#contact-wrap{
	max-width:500px;
	margin: 3em auto;
}
/*--------------------

plugin over ride

--------------------*/
#toc_container,.no_bullets{
	width:99%;
	box-sizing: border-box;
	margin-bottom: 3em;
	background: #fff;
	border:#bbb;
	padding: 1em;
	box-sizing: border-box;
}
.toc_list{
	padding: 1em;
}
#toc_container .toc_list li{
	padding: 1em;
	border-bottom: #bbb 1px dotted;
}
#toc_container .toc_list li:last-child{
	border: none;
}
/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  padding:12px;
  margin:10px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  width:474px;
  border-radius:5px;
  box-sizing: border-box;
}

.blog-card-thumbnail{
  float:left;
}

.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}

.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}

.blog-card-excerpt{
  color:#333;
  font-size:90%;
}

.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}

.clear{
  clear:both;
}
/*--------------------

お問い合わせ

-----------------*/
.page-inner{
	width:100%;
	box-sizing:border-box;
	max-width:1000px;
	margin:0 auto;
}
@media screen and (min-width:800px){
	.page-inner{
		border-radius:20px;
	}
}
.page-inner p{
	padding:0;
	margin:0;
}
p.menu-sample{
	margin-top:40px;
}
.page-inner span,.page-inner label{
	padding:0;
	margin:0;
}

.page-inner span,.page-inner label{
	padding:0;
	margin:0;
}

.page-inner input[type="url"],.page-inner input[type="text"],.page-inner textarea,.page-inner input[type="email"],.page-inner input[type="file"]{
	width:100%;
	margin-left:0;
	padding:15px 20px;
	box-sizing:border-box;
	border-radius:10px;
	font-size:16px;
	color:#555;
	border:none;
	background-color:#ddd;
	-webkit-appearance: none;
	font-weight:bold;

}

p.menu-sample input[type="text"]{
	text-align:center;
	background-color:transparent;
}
.page-inner input[type="url"],.page-inner input[type="text"],.page-inner input[type="email"]{
	width:90%;
	margin-left:5%;
}
p.label-title{
	font-weight:bold;
	font-size:16px;
	margin-top:50px;
	padding:0 10px;
	text-align:center;
}
p.label-other-title{
	color:#2B99D5;
	margin:40px 0 10px;
	text-align:center;
	font-size:14px;
}
p.label-other-title i{
	margin-right:10px;
}
span.mwform-radio-field{
	display:block;
	float:left;
	width:100%;
	margin:10px 0;
	text-align:left;
	box-sizing:border-box;
	padding:5px 0 5px 5%;
	line-height:1.5em;
	font-size:14px;
}

.page-inner textarea{
	width:90%;
	margin-top:10px;
	margin-left:5%;
	padding:20px;
	line-height:1.5em;
}
.mw_wp_form_input form .page-inner .form-section{
	border:#f1f1f1 1px solid;
	padding:0 0 40px;
	margin:30px 0;
	box-sizing:border-box;
	background-color:#f9f9f9
}
.form-section h2{
	text-align:center;
	font-size:20px;
	color:#fff;
	display:block;
	padding:0 10px;
	background-color:#888;
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
@media screen and (min-width:481px){

	.page-inner{
		padding:30px;
	}
	.page-inner input[type="url"],.page-inner input[type="text"],.page-inner input[type="email"],.page-inner input[type="file"]{
		width:80%;
		margin-left:10%;
	}
	p.label-title{
		font-size:18px;
	}
	p.label-other-title{
		font-size:14px;
	}
	span.mwform-radio-field{
		font-size:16px;
	}
	span.mwform-radio-field{
		width:45%;
	}
	.form-section{
		padding:0 15px 40px;
	}
}
@media screen and (min-width:768px){
	.page-inner input[type="url"],.page-inner input[type="text"],.page-inner input[type="email"],.page-inner input[type="file"]{
		width:80%;
		margin-left:10%;
	}
	span.mwform-radio-field{
		width:30%;
	}
	.form-section{
		padding:0 0 40px;
	}
}
.page-inner input[type="file"]{
	background-color:transparent;
	font-size:14px;
	text-align:center;
}
.page-inner input[type="submit"]{
	width:100%;
	max-width:150px;
	background-color:#666;
	padding:10px ;
	text-align:center;
	color:#fff;
	border:none;
	font-size:22px;
	font-weight:bold;
	display:block;
	margin:70px auto;
	border-radius:5px;
}
.page-inner input[type="submit"]:hover{
	opacity:0.8;
}

span.nessesary{
	color:red;
	font-size:14px;
	margin-left:20px;
	font-weight:bold;
}

span.mwform-radio-field input{
	vertical-align:-0.1em;
}
span.mwform-radio-field:first-child{
	margin-left:10px
}
a.questions-btn{
	background-color:#5D9FC4;
	color:#fff;
	float:right;
	padding:5px 10px;
	font-size:24px;
}
a.questions-btn:hover{
	opacity:0.5
}
.agreement{
	text-align:center;
	border:#9E6969 3px solid;
	padding:20px;
}
.agreement a{
	text-decoration:none;
	background-color:#9E6969;
	padding:5px 10px;
	color:#fff;
	font-size:14px;
	margin:20px auto 0;
	display:block;
	width:150px;
}
@media screen and (min-width:768px){
	.agreement a{

	}
}
.agreement a:hover{
	opacity:0.5;
}
span.error{
	background-color:#EBACAD;
	padding:15px;
	color:#fff;
	float:left;
	font-weight:bold;
}
/*--------------------

確認ページ

-----------------*/

.mw_wp_form_confirm{
	width:600px;
	margin:0 auto;
	text-align: center;
}
/*--------------------

index category

-----------------*/
.cate-h1{
	border-bottom: #eee 5px solid;
	padding-bottom: 0.7em;
}
.cate-h1 h1{
	font-size:1.5em;
	font-weight: bold;
	margin-right: 1em;
}
.cate-h1 span{
	font-size: 0.9em;
	font-weight: bold;
}
/*local-area*/
#index-cate li{
	background-color: #fff;
	width:49%;
	float: left; 
	box-sizing: border-box;
	margin:0 2% 1em 0;
}
#index-cate li:nth-child(2n){
	margin-right: 0;
}
#index-cate li:hover{
	opacity: 0.8
}
#index-cate li img{
	width:50%;
}
#index-cate li a{
	display: flex;
	align-items: center;
	font-size:0.8em;
	font-weight: bold;
	color:#333;!important
}
#index-cate li a p{
	padding: 0 0.3em
}
#index-cate li a:hover{
	color:#000;
}
#index-cate li a div{
	width:100%;
}
#index-cate li p{
	width:50%;
	text-align: center;
}
@media screen and (min-width:640px){
#index-cate li:nth-child(2n){
	margin-right: 3.5%;
}
#index-cate li{
	width:31%;
	margin:0 3.5% 1em 0;
}
#index-cate li:nth-child(3n){
	margin-right: 0;
}
}
a.official-link{
	background: #fff;
	border:#aaa 5px solid;
	padding: 1em 0;
	text-align: center;
	width:100%;
	display: block;
	margin-bottom: 1em;
	box-sizing: border-box;
}
a.official-link:hover{
	background: #eee;
}
a.official-link i{
	margin-right: 0.5em;
}
/**sitemap override */
.wsp-container{
	padding:0 !important;
	}

}
.chirashi li{
	background-color: #fff;
	
}
.chirashi-box{
	padding: 0.5em;
	flex-basis: 65%;
	text-align: left;
}
.chirashi-box a{
	font-weight: bold;
}
p.chirashi-date{
	font-style: italic;
	color:#aaa;
	font-weight: bold;
	position:absolute;
	bottom:0.5em;
	left:0.5em;
	font-size:0.8em;
}