/*
Theme Name:slauson-edit-child
Template:slauson-edit
Theme URI:
Version: 1.0
Author:
Author URI:
License:
License URI:
Tags: 
*/

/*++++++++++++++++++++++++++++++++++
 base css
++++++++++++++++++++++++++++++++++*/

.bg-gray{
margin:10px 0;
padding:12px;
background-color:#f4f4f4;
}
.bg-y{
margin:10px 0;
padding:12px;
background-color:#fff9e5;
}
.bg-c{
margin:10px 0;
padding:12px;
background-color:#edf6ff;
}
.marker-y{
background:linear-gradient(transparent 70%, #ffff88 0%);
}
.marker-c{
background:linear-gradient(transparent 70%, #b3e5fc 0%);
}
.kakomi-y{
margin:10px 0;
padding:12px;
border:2px solid #ffc107;border:2px solid #f8c678;
border-radius: 4px;
}





/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/

.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border:dubble #d2d7e6;border:solid #d2d7e6 1px;
border-radius: 5px;border-radius: 0px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 auto;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/*--------------------------------------------------
  ボタンの背景色をRinker風にカスタマイズ
---------------------------------------------------*/

.cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a {
    color: #fff;
    background: #cf4944 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a {
    color: #fff;
    background: #f6a306 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
    color: #fff;
    background: #51a7e8 !important;
}





body {
font-family:"Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
font-size:14px;
line-height:180%;
font-weight:400;
color:#666;
background:#fff;
margin:0;
padding:0;
word-wrap:break-word;
overflow-wrap:break-word;
}

/* link
------------------------------*/
a:link{color:#eb5997;text-decoration:none;}
a:active{color:#eb5997;text-decoration:none;}
a:visited{color:#eb5997;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}

a:link{color:#eb5997;text-decoration:none;}
a:active{color:#eb5997;text-decoration:none;}
a:visited{color:#eb5997;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}

a:active, a:focus {outline:0;}

/* images
------------------------------*/
img{
padding:0px;
margin:0px
border:0;
}

img.alignright {
margin:0 0 10px 20px;
padding:4px;
display:inline;
}

img.alignleft {
margin:0 20px 10px 0;
padding:4px;
display:inline;
}

img.aligncenter {
margin:0 auto;
display:block;
}

/* float
------------------------------*/
.alignright, .right { 
float:right; 
margin:0 0 10px 20px;
}

.alignleft, .left { 
float:left; 
margin:0 20px 10px 0;
}

.aligncenter { 
margin:0 auto; 
display:block; 
}

.clr { 
clear:both; 
}

/* list
------------------------------*/
ol{
margin:7px 0 7px 10px;
padding:0 0 0 0;
list-style:decimal;
}

ul{
margin:7px 0 7px 4px;
padding:0 0 0 0;
list-style:disc;
}

li{
margin:2px 0 2px 14px;
padding:0;
}

li a{color:#eb5997;}
li a:hover{color:#666666;}

/*++++++++++++++++++++++++++++++++++
 header
++++++++++++++++++++++++++++++++++*/
#header {
width: 100%;
}

.header-inner {
max-width:1000px;
overflow: hidden;
margin: 0px auto 0 auto;
    padding: 60px 30px 10px 30px; padding: 30px 30px 0px 30px; 
}

#header h1 {
margin: 0;	
}

.logo {
text-align:center;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

/*++++++++++++++++++++++++++++++++++
 Wrapper
 ++++++++++++++++++++++++++++++++++*/
.wrapper {
width: 100%;
max-width:1000px;
margin:auto; 
padding:0px 30px 50px 30px;
}

/* navi
------------------------------*/
#nav {
width: 100%;
max-width:1000px;
margin:0 auto 30px auto;
z-index:9999;
padding:0px;
text-align:left;
padding: 0px 30px 0px 30px; 

}

#nav ul {
list-style:none;
margin:auto;
    max-width:1000px;
    border-top:solid 0px #999;
    background-color:#fafafa;
}

.main-navigation {
clear:both;
margin:0 auto;
position:relative;
}

ul.nav-menu,
div.nav-menu > ul {
margin:0;
padding:0;
}

.nav-menu li {
display:inline-block;
position:relative;
margin:0 0;
}

.nav-menu li a {
color:#333;
display:block;
font-size:14px;
text-decoration:none;
padding:4px 20px 4px 20px;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {
background:#eee;
}

.nav-menu .sub-menu,
.nav-menu .children {
background:#eee;
display:none;
padding:0;
position:absolute;
z-index:99999;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left:0;
left:100%;
top:0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
color:#333;
margin:0;
width:200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background:#f5f5f5;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display:block;
background:#eee;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a,
.nav-menu .current-post-ancestor > a {
color:#333;
background:#f5f5f5;
}

.toggle {
display:none;
}

.menu-toggle {
width:40px;
height:40px;
}

/* slideshow
------------------------------*/
#top-slide {
width:100%;
margin:0px auto 30px auto;
padding:0px;
max-height:auto;
overflow:hidden;
}

.cycle-slideshow {
width:1000px;
margin:0px auto 0 auto;
text-align:center;
height:360px;
overflow:hidden;
}

#top-slide img {
display:none
}

#top-slide img.first {
display:block
}

/* hamburg menu
------------------------------*/
.hamburger{
display:none;
}

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger{
padding:10px 2px;
display:inline-block;
cursor:pointer;
transition-property:opacity, -webkit-filter;
transition-property:opacity, filter;
transition-property:opacity, filter, -webkit-filter;
transition-duration:0.15s;
transition-timing-function:linear;
font:inherit;
color:inherit;
text-transform:none;
background-color:transparent;
border:0;
margin:0;
overflow:visible;
}

.hamburger:hover{
opacity:0.7;
}

.hamburger-box{
width:40px;
height:24px;
display:inline-block;
position:relative;
}

.hamburger-inner{
display:block;
top:50%;
margin-top:-2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
width:35px;
height:3px;
background-color:#000;
border-radius:4px;
position:absolute;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
transition-duration:0.15s;
transition-timing-function:ease;
}
.hamburger-inner::before, .hamburger-inner::after{
content:"";
display:block;
}
.hamburger-inner::before{
top:-10px;
}
.hamburger-inner::after{
bottom:-10px;
}

/*
Spring
*/
.hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
            
.hamburger--spring.is-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*++++++++++++++++++++++++++++++++++
 main
++++++++++++++++++++++++++++++++++*/	
#main {
margin:0 0 0 0;
padding:0 0 0 0;
}

/* gallery
------------------------------*/
li.item {
height:440px;height:420px;
margin-bottom:50px;margin-bottom:30px;
}

li.item-gallery {
height:200px;
}

.item-img {
margin:0 0 10px 0;
height:200px;
overflow:hidden;
text-align:center;
}

.item-cat {
font-size:65%;
color:#999;
padding:0 0 0px 0;
margin:0 0 20px 0;
max-height:65px;
overflow:hidden;
}

.item-cat a {
color:#444;
}

.item-date {
font-size:70%;
color:#ccc;
padding:0 0 0 0;
margin:0 0 10px 0;
max-height:50px;
overflow:hidden;
line-height:150%;
}

.item h2 {
font-size:17px;
line-height:150%;
font-weight:normal;
letter-spacing:0.03em;
}

.item-title {
margin:0 0 0 0;
padding:5px 0px 0px 0px;
border-top:0px solid #ccc;
border-bottom:0px solid #ccc;
}

.item-title a {
color:#444;
}

.item-title a:hover {
color:#999;
}

.item-text {
font-size:13px;
color:#444;
line-height:170%;
}

/* post block
------------------------------*/
.single-contents {
margin:0 0 70px 0;
}

.single-contents p:first-child{
padding:0 0 15px 0;
}

.page-contents {
margin:0 0 70px 0;
}

p {
font-size:14px; 
color:#444;
line-height:190%;
padding:15px 0px 15px 0px;
}

p a {
color:#eb5997;
text-decoration:none;
}

p a:hover {
color:#666;
}

p a:active, a:focus {
outline:0;
}

/* pankuzulist
------------------------------*/
.breadcrumb {
margin:10px 0 0px 0;margin:0px auto 0px auto;
text-align:center;
line-height:120%;
            display:block;
}
.breadcrumb div {
display:inline;
font-size:11px;
color:#999;
}
.breadcrumb span,
.breadcrumb span a {
color:#eb5997;
}

.breadcrumb ol {
margin:0px;	
}

.breadcrumb li {
margin:0px;	
display:inline;
}

/* page date
------------------------------*/
.pagedate {
font-size:12px;
font-weight:normal;
text-align:left;
padding:0 0 0 0;
margin:0 0 0 0;
color:#666;
letter-spacing:0.02em;
            display:inline;
}
.pagedate2 {
font-size:12px;
font-weight:normal;
text-align:center;
padding:0 0 0 0;
margin:0 auto 50px auto;
color:#666;
letter-spacing:0.02em;
}

/* page category & title
------------------------------*/
.pagetitle {
color:#666;
font-size:16px;
font-weight:normal;
letter-spacing:0.05em;
            margin:0px 0px 0px 0px;margin:20px 0px 20px 0px;
padding:0 0 px 0px;
            ----display:inline;
            text-align:center;
}

.pagetitle a {
color:#666;
}

.pagetitle a:hover {
color:#aaa;
}

.blog-title {
width:70%;
font-size:24px;
line-height:130%;
font-weight:bold;
color:#333;
margin:20px auto 20px auto;
padding:18px 0px 15px 0px;
border-top:3px double #ccc;
border-bottom:1px solid #ccc;
}
.blog-title2 {
width:80%;
font-size:24px;
text-align:center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height:130%;
font-weight:600;
color:#333;
margin:30px auto 5px auto;
padding:18px 0px 0px 0px;
---border-top:3px double #ccc;
---border-bottom:1px solid #ccc;
}

.blog-title a {
color:#333;
text-decoration:none;
}

.blog-title a:hover {
color:#666;
}

/* h
------------------------------*/
h1 {
font-size:24px;
margin:40px 0px 20px 0px;
}

h2 {
font-size:20px;
line-height:130%;
font-weight:400;
color:#333;
margin:20px 0px 5px 0px;
padding:5px 0px 5px 0px;
border-bottom:1px solid #ccc;
}

h3 {
font-size:18px;
line-height:130%;
font-weight:400;
color:#333;
padding:0 0 5px 0;
margin:20px 0 0px 0;
border-bottom:1px dotted #ccc;
}

h4 {
font-size:16px;
line-height:130%;
font-weight:600;
color:#555;
padding:0 0 5px 0;
margin:20px 0 10px 0;
border-bottom:1px dotted #ccc;
}

h5 {
font-size:16px;
line-height:1.3em;
margin:20px 0 0px 0;
}

h6 {
font-size:14px;
line-height:1.3em;
margin:20px 0 0px 0;
}

/* head image
------------------------------*/
.head-img {
width:100%;
text-align:center;
margin:70px auto 50px auto;
overflow:hidden;
}

/* blog footer
------------------------------*/
.blog-foot {
clear:both;
font-size:12px;
text-align:left;
margin:0px 0 50px 0;
font-weight:normal;
color:#999;
border-bottom:0px dotted #ccc;
}

.blog-foot span {
color:#999;
}

/* next and previous
------------------------------*/
#next {
font-size:90%;
line-height:150%;
margin:50px 0 20px 0;
}

.next-left {
float:left;
text-align:left;
margin:0 0 10px 0;
background:url(images/left.gif) no-repeat left; 
}

.next-left a {
padding:20px 20px 20px 50px;
display:block;
border:1px solid #fff;
}

.next-left a:hover {
border:1px solid #eee;
}

.next-right {
float:right;
text-align:right;
margin:0 0 10px 0;
background:url(images/right.gif) no-repeat right; 
}

.next-right a {
padding:20px 50px 20px 20px;
display:block;
border:1px solid #fff;
}

.next-right a:hover {
border:1px solid #eee;
}

/* pager
------------------------------*/
.pager {
text-align:center;
margin:50px 0 80px 0;
}

a.page-numbers,
.pager .current{
background:#f0f0f0;
border:solid 1px #ddd;
border-radius:2px;
padding:5px 8px;
margin:0 2px;
}

.pager .current{
background:#ccc;
border:solid 1px 999;
color:#fff;
}

/* kanren post
------------------------------*/
.similar-head {
color:#333;
font-size:18px;
font-weight:bold;
letter-spacing:0.05em;
font-style:normal;
margin:0px 0px 10px 0px;
padding:0 0 3px 0;
border-bottom:1px solid #ccc;
}

.similar ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

.similar li{
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

.similar li a{
color:#555;
}

.similar li a:hover{
color:#888;
}

table.similar-text {
width:100%;
color:#444;
margin:0 0 0 0;
padding:0 0 0 0;
border-bottom:dotted 1px #ccc;
border-collapse:collapse;
border-spacing:0;
}

table.similar-text img {
width:150px;
}

table.similar-text th {
text-align:left;
width:150px;
vertical-align:middle;
}

table.similar-text td {
font-size:14px;
text-align:left;
white-space:normal;
vertical-align:middle;
}

/* comment
------------------------------*/
.comment-head, .comment-reply-title {
color:#333;
font-size:18px;
font-weight:bold;
letter-spacing:0.05em;
font-style:normal;
margin:0px 0px 10px 0px;
padding:0 0 3px 0;
border-bottom:1px solid #ccc;
}

.commentlist li{
list-style:none;
font-size:90%;
color:#888;
}

.commentlist {
margin:0 0 50px 0;
padding:0 0 0 0;
}

li.comment {
list-style:none;
font-size:90%;
color:#888;
margin:30px 0px 30px 0px;
}

.comment p {
font-size:14px;
}

/* wp standard
------------------------------*/
.wp-caption {
max-width:100%;
}

.wp-caption-text {
font-size:90%;
text-align:center;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/* Textmean onlyfor screenreaders
------------------------------*/
.screen-reader-text {
clip:rect(1px, 1px, 1px, 1px);
position:absolute !important;
height:1px;
width:1px;
overflow:hidden;
}

.screen-reader-text:focus {
background-color:#f1f1f1;
border-radius:3px;
box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);
clip:auto !important;
color:#21759b;
display:block;
font-size:14px;
font-size:0.875rem;
font-weight:bold;
height:auto;
left:5px;
line-height:normal;
padding:15px 23px 14px;
text-decoration:none;
top:5px;
width:auto;
z-index:100000; /* Above WP toolbar. */
}

/*++++++++++++++++++++++++++++++++++
 sidebar
++++++++++++++++++++++++++++++++++*/
.sidebar {
width:100%;
				margin:0px 0px 0px 0px;
padding:0 0 0 0;
}



.sidebar-widget:first-child{
			
			height:0px;
		}
.widget:first-child{
			margin:0px;
		}
		

		
		/* new entry
------------------------------*/
.sidebar-widget-new {
color:#666;
margin:0 0 50px 0 ;
padding:0 0 0 0 ;
}

.sidebar-widget-new ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

.sidebar-widget-new li{
font-size:13px;
list-style:none;
margin:0 0 0 0;
padding:0px 0 0px 0px;
border-bottom:1px dotted #ddd;
}

.sidebar-widget-new li a{
color:#666;
list-style:none;
}

.sidebar-widget-new li a:hover{
color:#999;
}


table.similar-side {
width:100%;
color:#444;
margin:0 0 0 0;
padding:0 0 0 0;
border-collapse:collapse;
border-spacing:0;
}

table.similar-side img {
width:80px;
}

table.similar-side th {
text-align:left;
width:80px;
vertical-align:middle;
}

table.similar-side td {
font-size:13px;
text-align:left;
white-space:normal;
vertical-align:middle;
}

/*++++++++++++++++++++++++++++++++++
 footer
++++++++++++++++++++++++++++++++++*/	
#footer {
background:#F5F5F5;
clear:both;
width:100%;
font-size:80%;
margin:0px auto 0px auto;
}

.footer-inner {
margin:0px auto 0px auto;
padding:0px 0px;
max-width:1000px;
}

#sociallink {
text-align:center;
position:relative;
margin:0 auto 10px auto;
padding:0 0 0 0;
}

#copyright, #copyright a{
font-size:12px;
line-height:120%;
color:#fff;
text-align:center;
position:relative;
margin:0;
padding:14px 0;
background:#666;
}

/*++++++++++++++++++++++++++++++++++
 widget
++++++++++++++++++++++++++++++++++*/
/* basic
------------------------------*/
.widget{
margin:0 0 50px 0;
}

.widget ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

.widget li{
list-style:none;
}

.widget li a{
color:#666;
}

.widget li a:hover{
color:#999;
}

.widget_recent_entries li a,
.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a{
margin:0 0 0 0;
}

.textwidget, .textwidget p {
font-size:13px;
color:#444;
line-height:180%;
margin:0 0 0 0;
padding:5px 0 0 0;
}

.widget-title{
color:#333;
font-size:14px !important;
font-weight:300 !important;
font-style:normal;
            margin:0px 0px 10px 0px;margin:0px 0px 0px 0px;
padding:0 0 3px 0;
border-bottom:1px solid #999;
}

.widget_block h2 {
font-size:16px !important;
border-bottom:3px double #aaa;
border-top:none;
margin:0px 0px 10px 0px !important;
padding:0px 0 3px 0 !important;
}

/* widget box for top page
------------------------------*/
.topbox{
margin:0 0 0 0;
padding:0 0 0 0;
}

.topbox ul{
margin:0 0 0 0;
padding:0 0 0 0;
}

.topbox li{
margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
border-bottom:1px dotted #999;
}

.topbox li a{
font-size:13px;
line-height:160%;
color:#444;
margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
}

.topbox li a:hover{
color:#999;
}

.topbox h2{
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.topbox h3{
font-size:13px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.topbox h4{
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.topbox ul.children{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.topbox ul.children li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.topbox ul.sub-menu{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.topbox ul.sub-menu li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.top-widget-title {
font-size:18px;
font-weight:normal;
letter-spacing:0.01em;
padding:0px 0px 10px 0px;
margin:0px auto 40px auto;
border-bottom:solid 1px #aaa;
max-width:380px;
text-align:center;
}

/* widget box for footer
------------------------------*/
.footerbox .widget {
margin:0 0 0 0;
padding:50px 0 50px 0;
}

.footerbox{
margin:0 0 0 0;
padding:0 0 0 0;
}

.footerbox ul{

margin:0 0 0 0;
padding:0 0 0 0;
}

.footerbox li{

margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
border-bottom:1px dotted #aaa;
}

.footerbox li a{
font-size:13px;
line-height:160%;
color:#444;
margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
}

.footerbox li a:hover{
color:#999;
}

.footerbox h2{
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.footerbox h3{
font-size:13px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.footerbox h4{
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.footerbox ul.children{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.footerbox ul.children li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.footerbox ul.sub-menu{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.footerbox ul.sub-menu li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.footer-widget-title {
color:#333;
font-size:16px;
font-weight:300;
letter-spacing:0.05em;
font-style:normal;
margin:0px 0px 10px 0px;
padding:0px 0 3px 0;
border-bottom:1px solid #aaa;
}

/* widget box for single page under post
------------------------------*/
.singlebox {
margin:50px 0 50px 0 ;
padding:0 0 0 0 ;
}

.singlebox ul{

margin:0 0 0 0;
padding:0 0 0 0;
}

.singlebox li{

margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
border-bottom:1px dotted #aaa;
}

.singlebox li a{
line-height:160%;
color:#444;
margin:0 0 0 0;
padding:7px 0px 6px 0px;
list-style:none;
}

.singlebox li a:hover{
color:#999;
}

.single-widget-title {
color:#333;
font-size:18px;
font-weight:bold;
letter-spacing:0.05em;
font-style:normal;
margin:50px 0 10px 0 ;
padding:0 0 3px 0;
border-bottom:1px solid #aaa;
}

.singlebox .textwidget,
.singlebox .textwidget p {
font-size:16px;
color:#444;
line-height:170%;
margin:0 0 0px 0;
padding:5px 0 5px 0;
}

.singlebox ul.children{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.singlebox ul.children li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.singlebox ul.sub-menu{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.singlebox ul.sub-menu li{
padding-left:15px;
padding-top:5px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

/* widget box for sidebar
------------------------------*/
.sidebar-widget{
margin:0 0 0 0 ;
padding:0 0 0 0 ;
}

.sidebar-widget ul{

margin:0 0 0 0;
padding:0 0 0 0;
}

.sidebar-widget li{
margin:0 0 0 0;
padding:7px 0px 7px 0px;
list-style:none;
border-bottom:1px dotted #aaa;
}

.sidebar-widget li a{
font-size:13px;
color:#444;
margin:0 0 0 0;
padding:5px 0px 5px 0px;
list-style:none;
}

.sidebar-widget li a:hover{
color:#999;
}

.sidebar-widget h2{
font-size:14px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.sidebar-widget h3{
font-size:13px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.sidebar-widget h4{
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.sidebar-widget ul.children{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.sidebar-widget ul.children li{
padding:5px 0 5px 15px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

.sidebar-widget ul.sub-menu{
margin-bottom:0px;
display:block;
padding:5px 0 0 0;
}

.sidebar-widget ul.sub-menu li{
padding:5px 0 5px 15px;
border-top:1px dotted #aaa;
border-bottom:0px dotted #aaa;
}

/* calendar
------------------------------*/
table#wp-calendar {
width:100%
}

table#wp-calendar th {
text-align:center;
}

table#wp-calendar td {
text-align:center;
}

/*++++++++++++++++++++++++++++++++++
 saerch form and result
++++++++++++++++++++++++++++++++++*/
/* saerch form
------------------------------*/
.search input {
font:16px arial, sans-serif; 
color:#333; 
width:85%;
padding:10px 5px; 
}

.search button {
width:15px; 
height:15px; 
cursor:pointer; 
vertical-align:middle;
border:none; 
background:url(images/search.png) no-repeat; 
}

/*++++++++++++++++++++++++++++++++++
 button
++++++++++++++++++++++++++++++++++*/
.btn a {
font-size:11px;
letter-spacing:0.1em;
color:#fff;
background:#bbb;
text-align:center;
margin:20px 0 20px 0;
padding:10px 10px;
}

.btn a:hover {
color:#fff;
background:#ddd;
text-decoration:none;
}

/*++++++++++++++++++++++++++++++++++
 responsive table
++++++++++++++++++++++++++++++++++*/
.responsive-tabel-01 table { 
width:100%; 
}

.responsive-tabel-01 {
margin:20px 0;
}

.responsive-tabel-01 th { 
width:30%; 
font-size:20px;
text-align:left;
background:#f4f4f4;
padding:20px; 
border:1px solid #aaa;
vertical-align:middle;
}

.responsive-tabel-01 td { 
font-size:20px;
text-align:left;
padding:20px; 
border:1px solid #aaa;
vertical-align:middle;
}

@media only screen and (max-width:480px){
.responsive-tabel-01 { margin:20px -10px; }
.responsive-tabel-01 th,
.responsive-tabel-01 td { width:100%; display:block; border-top:none; }
.responsive-tabel-01 tr:first-child th   { border-top:1px solid #aaa; }
}

/* table
------------------------------*/
.single-contents tabel,
.page-contents tabel {
width:100%;
}
 
.single-contents th,
.single-contents td,
.page-contents th,
.page-contents td {
border:1px solid #aaa;
padding:20px;
}
 
.single-contents th,
.page-contents th {
font-weight:bold;
background-color:#dedede; 
}




/* additional setting
---------------------------------------------------- */
.page-contents{
margin:0 0 50px 0;
}
.page-contents ul{

}
ul.users_list{
list-style: none;
}
ul.users_list li{
display:block;
float:left;
margin:0 20px 20px 0;
}
ul.users_list div{
background-color:#ddd;
width:150px;
height:150px;
}
ul.users_list li a{
}
ul.users_list li img{
}


.wp-block-tag-cloud a,
.tagcloud a{
font-size: 12px !important;
line-height: 150%;
padding: 3px 7px;
margin: 4px 5px 0 0;
background: #ededed;
word-break: keep-all;
border-radius: 1px
}

.auther-meta-nickname{
margin:0 0 10px 0;
font-size:22px;
font-weight:400;
display:block;
border-bottom:1px dotted #999;
padding:0 0 4px 0;
}
.auther-meta-description{
}

.add-meta-left{
float:left;
padding:0 20px 20px 0;
width:19%;
}
.add-meta-right{
float:left;
margin:0 0 10px 0;
width:78%;
}









/*++++++++++++++++++++++++++++++++++
 responsive media clear
++++++++++++++++++++++++++++++++++*/
        /* PC width over 1000px
------------------------------*/
@media only screen and (min-width:1000px) {
.sidebar { width:311px; }
}

/* Tablet (Portrait) width 768px - 999px
------------------------------*/
@media only screen and (min-width:768px) and (max-width:999px) {
.wrapper { width:728px; padding:0px 20px 50px 20px; }
.header-inner { width:728px; margin:auto; padding:60px 0 10px 0;  }
#nav { float:none; width:728px; margin:0 auto 30px auto; padding:0; }
#top-slide { margin:0px auto 50px auto; }
.cycle-slideshow { width:728px; height:auto; margin:0 ; overflow:hidden; }
li.item { height:460px; margin-bottom:40px; }
li.item-gallery { height:150px; }
.item-img { height:150px; margin:0 0 10px 0; overflow:hidden; }
.twothird { width:460px; margin-right:10px; }
.footer-inner { width:728px; padding:0px 0px;}
}

/* Mobile (Portrait)width 300px - 767px
------------------------------*/
@media only screen and (max-width:767px) {
                .wrapper { width:300px; padding:30px 0px 50px 0px;padding:0px 0px 50px 0px; }
.header-inner { width:300px; margin:auto; padding:60px 0 40px 0; }
.logo {text-align:center; }
#header h1, #header .logo { float:none; margin-bottom:0px; }
#nav { display:none; position:absolute; top:0; float:none; text-align:center; width:100%; background:#fefefe; margin-bottom:40px; margin-top:0px; padding:0; }
.nav-menu li a { color:#333; display:block; font-size:15px; padding:20px 10px; text-decoration:none;}
.nav-menu li { display:block; float:none; border-bottom:1px solid #aaa; }
.toggle { display:block; float:right; position:absolute; top:10px; right:10px; z-index:10000; }
#top-slide { margin:0px auto 50px auto; }
.cycle-slideshow { width:300px; height:auto; margin:0 ; overflow:hidden; }
.pagetitle { margin-bottom :40px; }
li.item { height:460px; margin-bottom:40px; }
li.item-gallery { height:200px; }
.item-img { height:200px; margin:0 0 10px 0; overflow:hidden; }
table.similar-text img { width:100px; }
table.similar-text th { width:100px; }
.pagedate { margin:-20px 0 -10px 0; }
p { font-size:14px; }
.pager { margin:80px 0 80px 0; }
.footer-inner { width:300px; padding:0px 0px;}
.mobile-display-none { display:none; }
.single-contents br { display:none; }
.single-contents { margin:0 0 130px 0; }
.page-contents { margin:0 0 130px 0; }

.add-meta-left{
float:none;
padding:0 20px 20px 0;
width:60%;
}
.add-meta-right{
float:none;
margin:0 0 10px 0;
width:99%;
}
}

/* Mobile (Portrait/iPhone6) width 375px - 479px
------------------------------*/
@media only screen and (min-width:375px) and (max-width:479px) {
.wrapper { width:336px; }
.header-inner { width:336px; margin:auto; }
.logo { text-align:center; }
.cycle-slideshow { width:336px; height:auto; margin:0 ; overflow:hidden; }
.footer-inner { width:336px; padding:0px 0px;}
li.item { height:460px; margin-bottom:40px; }
li.item-gallery { height:224px; }
.item-img { height:224px; margin:0 0 10px 0; overflow:hidden; }

.add-meta-left{
float:none;
padding:0 20px 20px 0;
width:60%;
}
.add-meta-right{
float:none;
margin:0 0 10px 0;
width:99%;
}
}

/* Mobile (Landscape) width 480px - 767px
------------------------------*/
@media only screen and (min-width:480px) and (max-width:767px) {
.wrapper { width:420px; }
.header-inner { width:420px; margin:auto; }
.logo { text-align:center; }
.cycle-slideshow { width:420px; height:auto; margin:0 ; overflow:hidden; }
.footer-inner { width:420px; padding:0px 0px;}
li.item { height:520px; margin-bottom:40px; }
li.item-gallery { height:280px; }
.item-img { height:280px; margin:0 0 10px 0; overflow:hidden; }

.add-meta-left{
float:none;
padding:0 20px 20px 0;
width:86%;
}
.add-meta-right{
float:none;
margin:0 0 10px 0;
width:99%;
}
}

/*++++++++++++++++++++++++++++++++++
 responsive(additional)
++++++++++++++++++++++++++++++++++*/
/* Twitter Timeline
------------------------------*/
.twitter-timeline { 
width:100%; 
height:300px; 
}

/* YouTube embed
------------------------------*/
.youtube {
position:relative;
margin-top:20px;
margin-bottom:20px;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.youtube iframe,.youtube object,.youtube embed {
width:100%;
position:absolute;
height:100%;
top:0;
left:0;
}





/*  add css 1line-list  */
#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    font-size: 12px;
    overflow: hidden;
    border: 0px solid #eee !important;
    margin-bottom: 20px;
    clear: both;
}


.article h3 {
    font-size: 18px;
    border-bottom: 1px dotted #888;
    padding: 8px 0 0 2px;
	font-weight:normal;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.bbs-category-button ul{
	list-style-type: none;
}
.bbs-category-button ul li a{
	background-color:#e4e8eb;background-color:#e6f0f7;
    font-size: 16px;
    font-weight: 400;
    margin: 0 10px 10px 0;
    padding: 8px 12px 8px 12px;
    border-radius: 6px;
	text-decoration:none;
	float:left;
}

#post-4147 .article h2{
display:none;
}

.kakomi{
	background-color:#fff0f4;
    font-size: 14px;
	line-height:160%;
    font-weight: 400;
    margin: 0 10px 10px 0;
    padding: 12px 14px 12px 14px;
    border-radius: 8px;
	border:2px solid #f2d0d9;
	text-decoration:none;
}

.bbp-topic-content p {
    font-size: 16px;
	line-height:180%;
}

.bbp-topic-permalink,.bbp-forum-title {
    text-decoration:none;
    font-size: 16px;
}

.bbp-breadcrumb{
---display:none;
}