@charset "utf-8";
/*
Theme Name: kutouten-kani-site
Description: くとうてんの簡易サイト
Author: くとうてん
*/


/* コンテナ
------------------------------------------------------------------- */
#container{ margin: 0 auto; }
#container_inner{ max-width: 1000px;  margin: 20px auto 0 auto; }

/* 動画用
------------------------------------------------------------------- */
.video{ position:relative; width:90%; padding-top:56.25%; margin:0 auto; }
/* 親の要素 padding-top（bottomでも可）に画面比率を算出して指定 */
.video iframe{ position:absolute; top:0; right:0; width:100%; height:100%; }

/* アンケート */
.quest iframe { width:100%; }



/* この記事は表示期限を過ぎました  */
.sugi{
	padding-top: 100px;
    text-align: center;
}

/* このコンテンツはパスワードで保護されています */
.pwpost{
	text-align: center;
	padding-top: 30px;
	line-height: 3;
}

/* ======== スマホ用  ここから ============================================  */
 @media screen and (max-width: 599px) {
	
/* #container { margin-left:20px; margin-right:20px; } */
 #container_inner { width: 100%; }
iframe { width:90%; }

}
/* ======== スマホ用  ここまで ============================================  */


/* 各コンテンツ
------------------------------------------------------------------- */
.stage-base { height: auto; padding: 0; margin-top:-3px; overflow:hidden; }
.stage-base p{ line-height: 2.5 ; padding: 0 20px; }
.attachment-full, .size-full { margin-top:-3px; }


/* ======== お知らせ  ============================================  */

/* お知らせ部分・お問合せ　ｈ２
------------------------------------------------------------------- */
h2 { font-size:200%; position: relative; text-align: center; margin-bottom:20px; }
/*
h2 span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; }
h2::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #a89dac; /* うす色 */ /* } */


/* 記事タイトル　ｈ１
------------------------------------------------------------------- */
/* 記事タイトル  */
.post h1,.post2 h1 { font-size:130%; text-align: center;  position: relative; padding: 1em 0; margin:2em 0 2em 0; }
.post h1::before, .post h1::after,.post2 h1::before, .post2 h1::after{ position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.post h1::before ,.post2 h1::before { top: 0; border-top: 2px solid #a89dac; /* うす色 */ border-bottom: 1px solid #a89dac; /* うす色 */ }
.post h1::after ,.post2 h1::after  { bottom: 0; border-top: 1px solid #a89dac; /* うす色 */ border-bottom: 2px solid #a89dac; /* うす色 */ }


/* 記事本文 */
.post-time { font-size:70%; }
.post p,.post2 p{  margin-bottom: 10px; } 

/* 後ろの追加お知らせ部分 */
.post2 { width: 90%; line-height: 1.6; margin:0 auto; }
.post2 .video{ position:relative; width:100%; padding-top:56.25%; margin:0 auto; }





/* ======== お問合せ  ============================================  */
.content-fome { margin-top: 3em; }



/*---------------------------------------------------------------------
　ナビゲーションメニュー
----------------------------------------------------------------------- */
.menu { width:25px; height:40px; position:fixed; top: 0px; right:0; cursor:pointer; overflow:hidden; z-index:9999; background-color: rgba(51,51,51,0.4); padding: 10px 10px 4px 10px; }
.menu1 { width:25px; height:2px; background-color: #fff; position:absolute; top:10px; } 
.menu2 { width:25px; height:2px; background-color: #fff; position:absolute; top:18px; } 
.menu3 { width:25px; height:2px; background-color: #fff; position:absolute; top:26px; }
.menu p { font-size: 10px; color: #fff; position:absolute; top:36px; }

/* アニメーションの動き  */
.menu1, .menu2, .menu3
{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
 
/* クリックした後の動き  */
.menuclick1	{ top:18px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
.menuclick2	{ background-color:rgba(255,255,255,0);  }
.menuclick3	{ top:18px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }

/*  メニュー　リストの部分
------------------------------------------------- */				
#menu{
	position: fixed; right: 15px; top: 50px; z-index: 9999;
	font-weight: bold;
background-color:rgba(0,0,0,0.6); 
border: 2px solid #fff;
padding: 20px 20px 0px 20px;
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); /* 水平,垂直,ぼかし距離,広がり距離 */
}
#menu li { margin: 0 0 40px 0; font-size: 24px; }
#menu li a{ text-decoration: none; color: #fff; padding: 10px 5px 10px 5px;
text-shadow: 1px 1px 2px #333; /* 横方向 縦方向 ぼかし 影の色 */ }
#menu li a:hover { background-color:rgba(255, 255, 255, 0.7);  color: #333; border-radius: 5px; text-shadow: 1px 1px 0 #fff; /* 横方向 縦方向 ぼかし 影の色 */}



/* ======== スマホ用  ここから ========================================================================  */
@media screen and (max-width: 599px) {
	

 /* スクロールする場所：固定ナビゲーションの高さ＋余白をpadding-topに指定を戻す */
#container {
  padding: 0;
}

.stage-base{
  margin-top: 0 ; /* 固定ナビの高さ分のネガティブマージン　解除 */
  padding-top: 0 ; /* 打ち消し用のパディング　解除 */
}


}
/* ======== スマホ用  ここまで ========================================================================  */


/* 記事シェアボタン
------------------------------------------------------------------- */
#sns { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }　
#sns li img { transition: .5s ; transform: rotateZ( 0deg ) ; }
#sns li a:hover img { transform: rotateZ( 360deg ) ; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.sns-btn-area { margin:20px 0 20px 0; }
.sns-area-title {text-align:center; color: #5a5359; /* ふじすすたけ色 */ background-color:#dcd6d9;/* グレー */ padding: 10px 0 ; margin-bottom: 20px; }

/* ======== WP用CSS ========================================================================  */
/*  画像  */
.alignleft { float: left; margin: 20px; }
.alighright { float: right; margin: 20px; }
.alighcenter { clear: both; display: block; margin: 20px auto; }
.wp-caption-text { margin: 5px 0 0 0 ;}
.wp-caption { border: solid 1px #F1F1F1; background-color:#FFF; text-align: center; padding: 5px 0 0 5px; margin-bottom: 30px;  box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.3) ; /* 水平方向 +右 -左・垂直方向　+下 -上・ぼかし距離・広がり距離 */ }

/* 追記 */
#stage7 > div > pre{
	line-height:-1;
}