@charset "UTF-8";
/* Theme Name:LuxuriousBlairThemes
Author: num
Description: This is my original theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:wordpress_theme_twinkle */

/*-------------------------------------
レイアウト
-------------------------------------*/
/* カラム共通 */
#wrapper{
  margin:0 auto;
  background:#f5f6f7;
}
#container,#top_container{
  margin:0 auto 10px;
  padding:0;
}
.main_box{
  padding:30px 40px;
  background:#fff;
}

/*-------------------------------------
記事内のタグのデザイン装飾
-------------------------------------*/
/* h1タグの装飾 */
#main_contents h1{
  margin:20px 0 15px;
  padding:5px 0;
  font-size:24px;
  font-weight:bold;
  color:#000;
}
/* h2タグの装飾 */
.main_box h2{
  background: #fff0f0;
  box-shadow: 0px 0px 0px 5px #fff0f0;
  border:dashed 1px #b94949;
  margin:20px 5px 25px;
  padding:10px;
  color: #b94949;
  font-size:24px;
  font-weight:bold;
}
/* h3タグの装飾 */
.main_box h3{
  margin:20px 0 20px;
  padding:10px 15px;
  font-size:20px;
  font-weight:bold;
  color:#d76119;
  background: #fff0c8;
  background-image: radial-gradient(#FFE9B2 20%, transparent 0), radial-gradient(#FFE9B2 20%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
/* h4タグの装飾 */
.main_box h4{ 
  position:relative; 
  overflow:hidden;
  margin:20px 0 10px;
  padding:5px 0;
  font-size:16px;
  font-weight:bold;
}
.main_box h4:before,.main_box h4:after{ 
  content:""; 
  position:absolute;
  bottom:0;
}
.main_box h4:before{
  border-bottom:1px solid #283959; 
  width:100%;
}
.main_box h4:after{ 
  border-bottom:1px solid #ddd; 
  width:100%;
}
/* pタグの装飾 */
.tag_deco p{ 
  margin:5px 0 15px;
  padding:0 0 0px;
  font-size:16px;
  line-height:2.1;
  color:#333;
}
@media only screen and (max-width: 800px) {
#main_contents h1{
  font-size:20px;
  padding:0 10px;
}
.main_box h2{
  font-size:18px;
}
.main_box h3{
  font-size:16px;
}
}
/* ボタンの装飾 */
.btn-square-pop{
	display: block;
	width:250px;
  margin:0 auto 20px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
	background:#F1322C;
	border-bottom:4px solid #AD2022;
	border-radius: 4px;
  font-size:20px;
}
.btn-square-pop a{
	display: block;
	text-decoration: none;
	color: #fff !important;
  font-size:20px;
}
.btn-square-pop:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#AD2022;
	 transform: translate3d(0, 4px, 0);
	 border-bottom: none;
}
.banner{
  max-width:640px;
  margin:0 auto;
}
.banner:hover{display:block;opacity:0.8;}
/* strongタグの装飾 */
strong{
  font-weight:bold;

  color:#D74208;
}
/* bタグの装飾 */
b{
  font-weight:bold;
  background:linear-gradient(transparent 60%, #ffffcc 60%);
}
/* リストタグ(ul,ol,li)の装飾 */
.list,.tag_deco ol{
  border:solid 2px #6CA452;
  margin-bottom:20px;
  padding:3px 15px;
  position:relative;
}
.list li,.tag_deco ol li{
  position:relative;
  line-height:1.5;
  padding:10px 0 10px 1.4em;
  font-size:15px;
  border-bottom:dashed 1px #6CA452;
  color:#5A973E;
}
.list li:before,.tag_deco ol li:before{
  font-family:FontAwesome;
  content:"\f138";
  position:absolute;
  top:10px;
  left:0px;
  color:#6CA452;
}
.list li:last-of-type,.tag_deco ol li:last-of-type{
  border-bottom:none;
}
/* 定義タグ(dl,dt,dd)の装飾 */
.tag_deco dl{ 
  margin:20px auto 20px;
  padding:20px 20px 10px;
  border:solid 1px #FFA068;
}
.tag_deco dt{ 
  background:#FFEFE6;
  margin:0 0 10px;
  padding:5px 10px;
  font-size:16px;
  font-weight:bold;
  color:#FF5F00;
}
.tag_deco dd{ 
  margin-bottom:10px;
  padding-bottom:5px;
  font-size:14px;
  line-height:1.9;
}
/* 引用タグ(blockquote)の装飾 */
blockquote{
  position:relative;
  margin-bottom:20px;
  padding:30px 15px 8px 15px;
  background:#f3f3f3;
}
blockquote:before{
  position:absolute;
  top:0;
  left:15px;
  content:"\f10d";
  font-family: FontAwesome;
  color:#cfcfcf;
  font-size:28px;
}
blockquote p{
  margin:20px 0 5px;
}
blockquote cite a{ 
  color:#0000ff;
}
.tag_deco .cate a,.RelationTitleBoxZero .cate a,.tag_deco .tagicon a{
  color:#555;
}

.youtube {
position: relative;
margin-bottom:20px;
padding-bottom:56.25%;
height: 0;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* カテゴリー */
.RelationTitleBoxOne,.article_box_inner_box,.article_box_inner_box{
  position:relative;
  width:100%;
}
.RelationTitleBoxOne .cate,.article_box_inner_box .cate,.slideInner .cate{
  position:absolute;
  top:3px;
  left:3px;
  padding:2px 8px;
  z-index:2;
}
.RelationTitleBoxOne .cate:before,.article_box_inner_box .cate:before,.slideInner .cate:before{
  display:none;
}
.RelationTitleBoxOne .cate a,.article_box_inner_box .cate a,.slideInner .cate a{
  font-size:12px;
  text-decoration:none;
  color:#fff;
}
.cate{
  background:#000;
}
.tag_deco .cate,.RelationTitleBoxZero .cate{
  position:relative;
  background:none !important;
}
.tag_deco .cate a,.RelationTitleBoxZero .cate a{
  color:#555 !important;
}
.tag_deco .cate:before,.RelationTitleBoxZero .cate:before{
  font-family:FontAwesome;
  position:absolute;
  top:0;
  left:0;
  content:"\f115";
  font-size:16px;
  color:#333;
}
/* 記事内画像 */
.tag_deco img{
  display:block;
  margin:20px auto 20px;
}

.imagebox{background:#fff;}

/*-------------------------------------
ヘッダー部分
-------------------------------------*/
/* ヘッダー */
#header{
  box-sizing:border-box;
  margin:0px auto 20px;
  padding:10px 10px 10px;
	background:#fff;
}
/* サイトタイトル */
.head_box{
  margin:0 auto;
  padding:0;
}
.site_title{
  margin:0 auto;
  text-align:center;
  max-width:800px;
  line-height:1.9;
}
.site_title a{
  font-size:20px;
  line-height:1.5;
  text-decoration:none;
  font-weight:bold;
  color:#000;
  font-family:Tahoma,Geneva,sans-serif;
}

.site_title a:hover{ 
  color:#FF6E00;
}
/* ディスクリプション */
.discription{ 
  margin:10px auto 10px;
  padding:5px 0;
  line-height:1.5;
  font-size:14px;
  color:#202020;
}
/* グローバルナビゲーション */
#top-head,#nav-head{
  width:100%;
  z-index:30;
  background:#fff;
  color:#000;
}
#top-head .inner{
  position:relative;
}
#nav-head.fixed{
  margin:0 auto;
}
#global-nav{
  margin:0 auto;
  padding:0px 0;
  background:#fff;
}
#global-nav nav>ul{
  margin:0 auto;
}
#global-nav ul li{
  position:relative;
  font-size:14px;
  text-align:center;
}
#global-nav ul li:last-child{
}
#global-nav ul li a{
  color:#000;
  font-weight:normal;
  text-decoration:none;
  padding:0;
  display:block;
  font-size:13px;
}
#global-nav nav>ul>li>a{
  line-height:45px;
}
#global-nav ul ul{
  display:none;
  position:absolute;
  top:45px;
  width:100%;
  z-index:100;
}
#global-nav nav>ul li:hover ul{
  display: block;
}
#global-nav ul ul li{
  display:block;
  box-sizing:border-box;
  visibility:hidden;
  overflow:hidden;
  width:100%;
  background:rgba(255,255,255,1.0);
  border-left:none;
  border-top:dotted 1px #eee;
  font-size:14px;
  text-align:center;
}
#global-nav ul ul li:last-child{
  border-right:none;
}
#global-nav ul ul li a{
  display:block;
  color:#333;
  padding:7px 10px;
}
#nav-toggle{
  display:none;
  position:absolute;
  right:12px;
  top:14px;
  width:24px;
  height:26px;
  cursor:pointer;
  z-index:101;
}
#nav-toggle div{
  position:relative;
}
#nav-toggle span{
  display:block;
  position:absolute;
  height:2px;
  width:100%;
  background:#fff;
  left:0;
  -webkit-transition:.35s ease-in-out;
  -moz-transition:.35s ease-in-out;
  transition:.35s ease-in-out;
}
@media screen and (max-width: 800px) {
#header{z-index:6;}
/* Fixed reset */
#nav-head.fixed {
  padding-top:0;
  background:transparent;
}
#mobile-head{
  margin-bottom:10px;
  background:#b94949;
  width:100%;
  height:45px;
  z-index:999;
  position:relative;
}
#global-nav{
  position: absolute;
  /* 開いてないときは画面外に配置 */
  top:-500px;
  background:#333;
  width:100%;
  text-align:center;
  padding:10px 0;
  -webkit-transition:.5s ease-in-out;
  -moz-transition:.5s ease-in-out;
  transition:.5s ease-in-out;
  z-index:5;
}
#global-nav ul{
  list-style:none;
  position:static;
  right:0;
  bottom:0;
  font-size:14px;
}
#global-nav ul li{
  float: none;
  position: static;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
  width:100%;
  display:block;
  color:#fff;
  padding:5px 0;
  line-height:1.5;
}
#nav-toggle{
  display:block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1){top:8px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg);}
.open #nav-toggle span:nth-child(2){width:0;left:50%;}
.open #nav-toggle span:nth-child(3){top:8px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}
.open #global-nav{-moz-transform:translateY(545px);-webkit-transform:translateY(545px);transform:translateY(545px);}
/* グロナビ */
#global-nav{
  margin:0 auto;
  padding:0 0 10px;
}
#global-nav nav> ul{
  padding:10px;
}
#global-nav ul li a{
  font-size:13px;
  padding:5px 10px;
}
#global-nav nav>ul>li{
  text-align:left;
  border-left:none;
  border-bottom:dotted 1px #ccc;
}
#global-nav nav ul li:last-child{
  border-right:none;
}
#global-nav nav>ul>li ul{
  position:static;
}
#global-nav nav>ul>li ul li{
  visibility:visible;
  overflow:auto;
  height:auto;
  text-align:left;
  background:none;
  padding:0 10px;
}
#global-nav nav>ul li ul{
  display:block;
}
}

/* ヘッダー画像 */
.header_image{ 
  margin:0 auto 10px;
}
/* パンくずリスト */
.breadcrumb {
  font-size: 14px;
  font-weight: bold;
  margin:15px auto 15px;
  padding:5px 0;
  list-style-type: none;
}
.breadCrumb,.breadcrumb{
  margin:0 auto;
}
.breadCrumb,.breadcrumb li{
  display:inline-block;
}
.breadcrumb a{
  font-size:14px;
  color:#000;
  text-decoration:none;
}
.breadcrumb a:hover{
  color:#777;
}

/*-------------------------------------
メインコンテンツ部分
-------------------------------------*/
/* 関連記事・アーカイブ・検索・サイトマップ・カテゴリー */
.relation_title{ 
  margin:25px auto 25px;
  padding:10px 0 6px;
  font-size:24px;
  font-weight:bold;
  line-height:1.5;
  border-bottom:solid 1px #505050;
  color:#505050;
}
#article{
  margin:0 0 10px;
}
.catch_left .article_title{ 
  margin-bottom:0;
}
.catch_top .article_title{ 
  margin:10px 0 0;
}
.article_title a{
  font-weight:bold;
  text-decoration:none;
  color:#000;
  font-size:16px;
}
.article_title a:hover{
  text-decoration:underline;
}
#article p{
  margin-top:5px;
  font-size:13px;
  line-height:1.5;
}

.catch_left .ContentInner .article_box{
  margin-left:240px;
  padding-top:5px;
}
.slick-list .catch_left .ContentInner .article_box{
  margin-left:0px;
  padding-top:5px;
}
.article_box span{
  font-size:13px;
  color:#333;
}
.catch_left #article .article_inner,.catch_left #article .relate_inner{
  box-sizing:border-box;
  width:100%;
  margin:0 0 20px;
  padding:20px;
  display:block;
  background:#fff;
}
.catch_top .ContentInner #article .article_inner,.catch_top .ContentInner #article .relate_inner{
  box-sizing:border-box;
  width:49%;
  float:left;
  margin:0 2% 20px 0;
  padding:20px;
  display:block;
  background:#fff;
}
.catch_left .ContentInner #article img{
  float:left;
  max-width:230px;
}
#relation .article_box{
  margin-left:240px;
}
#relation #article img{
  max-width:230px;
}
.single .catch_left #article .article_inner, .catch_left #article .relate_inner{
  padding:0;
}
.catch_top .ContentInner #article li:nth-child(2n){
  margin-right:0;
}

/* コメント */
#comments-thread .comment-id,#comments-thread .form-allowed-tags{
  display:none;
}
#comments-thread .comment-author{
  font-weight:bold;
}
#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
}
#commentform label{
  display:block;
}
#commentform input{
  margin-bottom:0px;
}
#commentform input,#commentform textarea{
  background-color:#fff;
  border:1px solid #aaa;
}

/*--------------------------------
ページネーション
---------------------------------*/
.allpaged{
  text-align:center;
}
.PageNation{
  margin-bottom:20px;
}
.pagination{
  clear:both;
  margin:15px 0 0;
  padding:0;
  position:relative;
  font-size:14px;
  line-height:13px;
}
.page-numbers{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;}
.pagination span,.pagination a{
  display:block;
  float:left;
  margin:2px 2px 2px 0;
  padding:16px 18px 14px 18px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background:#777;
}
.pagination a:hover{
  color:#fff;
  background:#000;
}
.pagination .current{
  padding:16px 18px 14px 18px;
  background:#000;
  color:#fff;
}
#prev_next{
  width:100%;
  margin:36px 0 24px;
  display:table;
}
#prev_next #prev,#prev_next #next{
  width:50%;
  padding:30px 10px 10px;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  display:table-cell;
  position:relative;
  text-decoration:none;
}
#prev_next #prev p,#prev_next #next p{
  font-size:90%;
  line-height:1.5;
}
#prev_next #prev:hover,#prev_next #next:hover{
  background-color:rgba(238,238,238,0.7);
}
#prev_next #prev{
  border-right:#ccc 1px solid;
}
#prev_next #prev_title,#prev_next #next_title{
  font-size:90%;
  top:-1em;
  position:absolute; 
  border:1px #ccc solid;
  background:#fff; 
  text-align:center;
  padding:3px;
  color:#666;
}
#prev_next #prev_title{
  left:0;
}
#prev_next #next_title{
  right:0;
}
#prev_next #prev img,#prev_next #next img{
  margin:0 auto;
  max-width:100px;
}
#prev_next #prev_no,#prev_next #next_no{
  width:50%;
  height:auto;
  padding:0 10px;
  display:table-cell;
}
#prev_next #prev_no{
  border-right:#ccc 1px solid;
}
@media only screen and (min-width: 800px) {
#prev_next #prev,#prev_next #prev::before,#prev_next #prev::after,#prev_next #next,#prev_next #next::before,#prev_next #next::after{	
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all .3s;
  transition:all .3s;
}
#prev_next #prev_title,#prev_next #next_title{
  padding:3px 10px;
}
#prev_next #prev img{
  float:left;
  margin-right:10px;
}
#prev_next #next img{
  float:right;
  margin-left:10px;
}
}

/*-------------------------------------
固定ページ
-------------------------------------*/
/* サイトマップページ */
.sitemapbox{
  font-size:15px;
  margin-bottom:20px;
}
.sitemapbox ul{
  margin-bottom:20px;
}
.sitemapbox li{
  box-sizing:border-box;
  margin-right:18px;
  margin:0 0 5px;
  padding:5px 0 0 25px;
  font-size:14px;
  position:relative;
  border-bottom:dotted 1px #8f8577;
  color: #fff;
  text-align:left;
}
.sitemapbox li:before{
  font-family:FontAwesome;
  position:absolute;
  top:5px;
  left:5px;content:"\f0a4";
  font-size:14px;
  color:#505050;
  font-weight:normal;
}
.sitemapbox h2{
  margin-bottom:10px;
  font-size:16px;
  font-weight:bold;
  background:#f3f3f3;
}
.sitemapbox li a{
  text-decoration:underline;
}
.sitemapbox li a:hover{
  text-decoration:none;
}
/* お問い合わせページ */
.forms li{
  margin-bottom:10px;
  list-style:none;
}
.forms label{
  cursor:pointer;
  display:block;
  font-weight:800;
  margin-bottom:5px;
}
.forms input,.forms textarea{
  box-sizing:border-box;
  border:1px solid #7E8AA2;
  padding:8px;
  width:100%;
  font-size:100%;
}
.forms li .error{
  font-size:80%;
  color:red;
}
.forms li.textarea .error{
  display:block;
  position:absolute;
  right:0;
  top:0;
}
.forms li.buttons button{
  cursor:pointer;
  padding:8px;
}
/* 404ページ */
.notfound{margin-bottom:20px;}
/* 運営者情報 */
table.administrator {
  width: 100%;
  margin: 20px auto;
}
table.administrator th,
table.administrator td {
  border: 1px solid #ccc;
  padding: 20px;
}
table.administrator th {
  font-weight: 600;
  background-color: #F3F3F3;
  width: 150px;
}
table.administrator td:first-child {
  font-weight: bold;
  background-color: #F3F3F3;
}
table.administrator td {
  line-height: 1.5;
}

.instabox{max-width:400px;margin:0 auto;}

@media screen and (max-width: 768px) {
  table.administrator tr,
table.administrator td,
table.administrator th {
    display: block;
  }
  table.administrator th {
    width: 100%;
  }
  table.administrator th {
    width: auto;
  }
}

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.widget{ 
  margin:0 0 15px;
  padding:20px;
  background:#fff;
}
/* サイドタイトル */
.widget_title{ 
  position:relative; 
  overflow:hidden;
  margin-bottom:20px;
  padding-bottom:10px;
  font-size:18px;
  font-weight:bold;
}
.widget_title:before,.widget_title:after{ 
  content:""; 
  position:absolute;
  bottom:0;
}
.widget_title:before{
  border-bottom:1px solid #000; 
  width:100%;
}
.widget_title:after{ 
  border-bottom:1px solid #ddd; 
  width:100%;
}
.date{
  font-size:12px;
}
/* 新着記事・人気記事 */
.widget ul li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:dotted 1px #999;
}
.widget ul li a{
  font-size:12px;
}
.widget_article_title{ 
  margin-bottom:0;
  line-height:1.2;
}
.widget_article_title a{
  font-weight:bold; 
  color:#303030;
  font-size:12px;
  text-decoration:none;
}
.widget_article_title a:hover{ 
  text-decoration:none;
}
.new_excerpt{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.6;
}
.article_box span{ 
  font-size:13px;
  color:#333;
}
/* デザイン パターン1 */
.RelationTitleBoxZero img{ 
  width:100px;
}
.RelationTitleBoxZero .widget_Box{ 
  margin-left:110px;
}
.PopularityBox .RelationTitleBoxZero:before{ 
  color:#fff;
  font-size:13px;
  padding:1px 6px;
  font-weight:bold;
  left:2px;
  top:2px;
  line-height:1.5;
}
/* デザイン パターン2 */
.RelationTitleBoxOne{
  max-width:400px;
  margin:20px auto 0;
}
.RelationTitleBoxOne img{
  display:block;
  margin:0;
}
/* デザイン パターン3 */
.RelationTitleBoxTwo{
  max-width:400px;
  margin:20px auto 0;
  background:#fff;
  line-height:0;
}
.RelationTitleBoxTwo .widget_article_title{
  margin:5px 0;
  font-size:14px;
  font-weight:bold;
	line-height:1.5;
  text-align:left;
  vertical-align:center;
  color:#fff;
}
.RelationTitleBoxTwo .widget_article_title a{
  font-size:14px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}
.RelationTitleBoxTwo .widget_article_title a:hover{
  text-decoration:underline;
}
.RelationTitleBoxTwo .widget_Box span,.RelationTitleBoxTwo .clock:before,.RelationTitleBoxTwo .update:before,.RelationTitleBoxTwo .cate a,.RelationTitleBoxTwo .cate:before{
  color:#fff;
}
.RelationTitleBoxTwo>div{
  bottom:0;
  left:0;
  margin:0 auto;
  padding:0;
  background:rgba(0,0,0,0.6);
  line-height:1.7;
  vertical-align:center;
  color:#fff;
  font-weight:bold;
}
.RelationTitleBoxTwo>div>div{
  padding:0 15px;
}
.RelationTitleBoxTwo img{
  width:100%;
  line-height:0;
}
.PopularityBox .RelationTitleBoxZero:before{ 
  background:#000;
  color:#fff;
  font-size:13px;
  padding:0px 6px;
  font-weight:bold;
  left:2px;
  top:2px;
  line-height:1.5;
}
.PopularityBox .RelationTitleBoxOne:before,.PopularityBox .RelationTitleBoxTwo:before{ 
  background:#000;
  color:#fff;
  font-size:16px;
  padding:2px 9px;
  font-weight:bold;
  left:2px;
  top:2px;
  line-height:1.5;
}
.views{
  font-size:12px;
}

/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
#footer{
  margin-top:20px;
  padding:20px 0 20px;
}
/* フッターメニュー */
#NavFooter{ 
  margin:0 auto;
  text-align:center;
}
#NavFooter ul li{
  display:inline;
  position:relative;
  padding:5px 10px 5px 22px;
  font-size:14px;
}
#NavFooter ul li:before{
  font-family:FontAwesome;
  position:absolute;
  top:0;
  left:0;
  content:"\f138";
  font-size:20px;
}
#NavFooter ul li a{ 
  font-size:14px;
}
.Copyright{ 
  margin:0px auto 5px;
  padding:10px 0 0;
  text-align:center;
  font-size:14px;
}
.Copyright a{ 
  font-size:14px;
}
/* TOPへ戻るボタン */
#page-top{ 
  position:fixed;
  bottom:20px;
  right:20px;
  font-size:77%;
}
#page-top p{ 
  display:block;
  padding:16px 20px;
  font-size:20px;
  text-align:center;
  text-decoration:none; 
  background:#333;
  color:#fff;
  cursor:pointer;
}
#page-top p:hover{ 
  background:#999;
}
/*目次*/
.outline{
  box-sizing:border-box;
  position:relative;
  width:100%;
  max-width:640px;
	margin:20px auto 30px;
  padding:30px;
	display:block;
	line-height:1.5em;
  background:none;
	border:1px solid #EF8ABC;
}
.outline__toggle{
  display:none;
}
.outline__title{
  font-weight:bold;
}
.outline__switch::before{
	content:"開く";
	cursor:pointer;
	border:solid 1px #EF8ABC;
	padding:5px;
	font-size:12px;
	margin-left:5px;
}
.outline__toggle:checked + .outline__switch::before{
  content:"閉じる"
}
.outline__switch + .outline__list{
	overflow:hidden;
	width:0;
	height:0;
	margin-top:0;
	transition: 0.2s;
}
.outline__toggle:checked + .outline__switch + .outline__list{
  width:auto;
  height:auto;
  margin-top:20px;
  transition:0.2s;
  border-top:dotted 1px #c2d1d6;
  padding-top:1em;
}
.outline__item{line-height:1.5;}
.outline__item:before{content:normal;}
.outline__link{
	display:relative;
	color:#191919 !important;
  font-size:14px;
}
.outline__link:hover{
  border:none;
}
.outline__number{
	display: inline-block;
	color:#7F7F7F;
	background:#F2F2F2;
	padding:3px 6px;
	font-weight:400;
	font-size:1.2rem;
	margin-right: 5px;
}
label.outline__switch {
  position:relative;
}
li .outline__item,ul,.outline__item{
  list-style-type:none;
}
li .outline__item:before{
  content:'- ';
}
.outline a{
  color:#505050 !important;
}

.page-id-25 .outline{
  display:none;
}

/* カルーセルスライダー */
.slick-dotted.slick-slider{
margin-bottom:10px;
}
.wrap{
  margin:20px auto 15px;
}
.tit{
  box-sizing:border-box;
  text-align:left;
  width:100%;
  margin:0 auto;
  padding:10px 0px;
  line-height:1.5;
  vertical-align:center;
  color:#fff;
  display:flex;
  justify-containerent:center;
  align-items:center;
  font-weight:bold;
}
.tit a{
  display:block;
  font-size:12px;
  text-align:left;
  text-decoration:none;
  color:#333;
}
.slick-track{
  padding:20px 18px 55px;
  background:#fff;
}
.slick-prev:before, .slick-next:before{
}
.slick-dots{
  bottom:5px;
}

@media only screen and (max-width: 800px) {
  
  .slick-dotted.slick-slider{margin-bottom:0;}

/*-------------------------------------
レイアウト
-------------------------------------*/
#Wrapper{ 
  margin:0 auto;
}
#container,#top_container{ 
  margin:10px auto;
}
#container #main_contents,#top_container #main_contents{
  margin-bottom:15px; 
}
.main_box{
  padding:20px;
}

/*-------------------------------------
ヘッダー部分
-------------------------------------*/

/* ヘッダー */
#header{ 
  margin:0 auto;
  padding:0 0 10px;
}
/* 検索フォーム */
#header .widget_search{ 
  margin:10px auto;
  float:none;
}
/* サイトタイトル */
.head_box{ 
  position:static;
  padding:0;
}
.site_title{ 
  float:none;
  width:100%;
  margin:0px auto;
  padding:0;
  text-align:cnter;
}
.site_title a{ 
  font-size:20px;
  line-height:1.3;
}
.discription{ 
  padding:5px 10px;
}
/* ヘッダー画像 */
.focal-point{ 
  margin:0 auto 10px;
  position:static;
}
/* パンくずリスト */
.breadCrumb{ 
  margin:15px auto 15px;
  padding:0 10px;
}

/*-------------------------------------
サイドコンテンツ部分
-------------------------------------*/
/* サイドコンテンツ */
.widget{ 
  margin:0 0 15px;
  padding:20px;
}
/* サイドタイトル */
.widget_title{ 
  margin:0px auto 12px;
  padding:10px 0 6px;
  font-size:15px;
  line-height:1.5;
}
.widget_title:before{ 
  top:3px;
  left:0;
  font-size:24px;
}
/* 新着記事・人気記事 */
.widget ul li{ 
  margin-top:10px;
  padding:0 0 10px;
  line-height:1.2;
}
.widget .article_title{ 
  margin-bottom:5px;
}
.widget .article_title a{ 
  font-size:13px;
  line-height:1.0;
}
.widget p,#article p{ 
  margin:5px 0 0;
  font-size:13px;
  line-height:1.6;
}
.widget p a,#article p a{ 
  font-size:13px;
}
.article_box span{ 
  font-size:13px;
}
/* デザイン パターン1 */
.RelationTitleBoxZero img{ 
  width:80px;
}
.RelationTitleBoxZero .widget_Box{ 
  margin-left:90px;
}
/* デザイン パターン3 */
.RelationTitleBoxTwo{
  margin:20px auto 0;
}
.RelationTitleBoxTwo .widget_article_title{
  margin-bottom:5px;
  font-size:14px;
}
.RelationTitleBoxTwo .widget_article_title a{
  font-size:14px;
}
.RelationTitleBoxTwo>div>div{
  padding:0 15px;
}

/*-------------------------------------
フッター部分
-------------------------------------*/
/* フッター */
#footer{ 
  padding:10px 0 0;
}
/* TOPへ戻るボタン */
#page-top{ 
  bottom:10px;
  right:10px;
}
#page-top p{ 
  padding:6px 10px;
  font-size:16px;
}
/* フッターメニュー */
#NavFooter{ 
  margin:0 auto;
}
#NavFooter ul li{ 
  margin:0;
  padding:5px 10px 5px 22px;
  font-size:14px;
}
#NavFooter ul li:before { 
  font-size:20px;
}
#NavFooter ul li a{ 
  font-size:14px;
}
.Copyright{ 
  margin:0 auto 5px;
  padding:10px 0;
  font-size:14px;
}
.Copyright a{ 
  font-size:14px;
}
}

@media only screen and (max-width: 500px) {
/* 関連記事(関連記事) */
#article{
  margin:0 0 10px;
}
#article ul li{
  width:100%;
  margin-top:10px;
  padding:0;
}
.Thumbnail{ 
  display:block;
  width:100%;
  max-width:400px;
  margin:0 auto 10px;
}
#article ul img{
  box-sizing:border-box;
  float:none;
  width:100%;
  max-width:400px;
  height:auto;
}
#article .article_box{
  margin-left:0;
}
/* 関連記事・アーカイブ・検索・サイトマップ・カテゴリー */
.relation_title{ 
  margin:25px auto 25px;
  padding:10px 0 6px;
  font-size:24px;
  line-height:1.5;
}
#article{
  margin:0 0 10px;
}
.article_title{ 
  margin-bottom:0;
  line-height:1.3;
}
.article_title a{
  font-size:14px;
}
#article p{
  margin-top:5px;
  font-size:12px;
  line-height:1.5;
}
.article_box{
  padding-top:0;
}
.article_box span{
  font-size:13px;
}
.catch_left #article #article img{
  max-width:160px;
  margin-right:5px;
}
.catch_left #article #article .article_inner{
  margin:0 0 10px 0;
  padding:15px;
}
.catch_left #article #article .relate_inner{
  margin:0 0 20px 0;
  padding:0 0 20px;
}

.catch_top #article .article_inner,.catch_top #article .relate_inner{
  box-sizing:border-box;
  width:100%;
  float:none;
  margin:0 0% 20px 0;
  padding:20px;
}
.catch_left .ContentInner #article img{max-width:100%;}
.article_box_inner_box .sample{float:none;}

#relation .article_box{
  margin-left:0px;
  margin-top:10px;
}
#relation #article img{
  max-width:100%;
}
.single .catch_left #article .article_inner, .catch_left #article .relate_inner{
  padding:0;
}
}