/*
Theme Name: responsive_blog
Theme URI: 
Description: 
Version: 1.0
Author: Soundboard co.,ltd.
Tags: two columns
*/

/*初期化*/

* {
margin: 0;
padding: 0;
text-decoration: none;
font-weight:normal;
}

/**/

html{
height:100%;
}

body {
height:100%;
letter-spacing:0.1em;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",HiraKakuPro-W3,Osaka,verdana,arial,sans-serif;

font-size:10px;
color:#555555;
}

/*ヘッダ領域*/
#header{
         background-image: url(images/renga_bg_w2.png);
  background-size: auto 100%;
    background-repeat: repeat-x;
}

h1{
font-size:0.1em;
text-align:right;
margin:0;
line-height:1;
}

.site_logo{
display:block;
}

/*  -----レイアウト-----  */



/*メイン領域*/

#center_main{
margin:0 0;
padding:0 0;
}


/*左サイド領域*/

#left_side{
margin:0 0;
padding:0 0;
}

/*フッタ領域*/

#footer{
width:100%;
margin:20px auto 0;
text-align:center;
}

/*  -----フォント-----  */


.random_img{
margin:0 0 20px;
}

.random_img img{
max-width:100%;
}


/*メインフォント*/

h2{
font-size:3.0em;
color:#7D4634;
padding:12px 15px 5px 35px;
margin:0 0 20px;
background: #EFDFDA url(images/menu_title_bg.png) repeat-y left;
border:1px dotted #cccccc;
}

h3{
font-size:2.6em;
color:#7D4634;
padding:0 0 0 1px;
margin:0 0 15px;
font-weight:bold;
border-bottom:2px dotted #7D4634;
}

.storycontent{
margin:0 0 15px;
}

h4{
font-size:2.2em;
color:#7D4634;
padding:0 0 0;
margin:5px 0 10px;
font-weight:bold;
}

h5{
font-size:2.0em;
padding:0 0 0;
margin:5px 0 10px;
font-weight:bold;
}

h6{
font-size:2.0em;
padding:0 0 0;
margin:5px 0 10px;
text-decoration:underline;
}

p{
font-size:1.6em;
padding:0 0 0.5em;
line-height:1.5em;
}


/*サイドフォント*/

.side_title{
height:40px;
padding:0;
margin:0 0 0;
background: #EFDFDA url(images/menu_title_bg.png) no-repeat left;
border:1px dotted #cccccc;
cursor:pointer;
}
 
.cateul {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-left: 24px;
  transition: max-height 0.5s ease, opacity 0.4s ease;
}

.cateul.open {
  max-height: 2000px;
  opacity: 1;
}

.side_title:hover {
  background-color: #f0f0f0;
}

.menu-active {
  background-color: #efedad;
}

/*ユーティリティ*/

.news-date { font-size: 80%; }
.required-mark { color: #ff0000; }
.text-right { text-align: right; }
.form-submit-wrap { padding: 5px 0 0; }
.mt-30 { margin-top: 30px; }



.side_title p{
padding:10px 0 10px 35px;
color:#7D4634;
font-size:1.6em;
font-weight:bold;
}

#left_side ul{
font-size:1.6em;
padding:0;
/* margin:0 0 20px; */
list-style-image: url(images/menu_list.png);
list-style-position: inside;
}

#left_side ul li{
font-weight:bold;
padding:12px 0 4px 20px;
border-bottom:solid #cccccc 1px;
}

/*
#left_side ul ul.children{
font-size:1.0em;
padding:3px 0 0 10px;
}
*/

.ad_bnr{
text-align:center;
}

/*フッタフォント*/

#footer{
}

.copyright{
}

/*アンカー装飾（通常）*/

a, a:visited {
color: #7D4634;
}

a:hover {
color: #FF6600;
}

#left_side ul a,#left_side ul a:visited{
color:#666666;
font-weight:bold;
}

.side_title a, .side_title a:visited{
font-weight:bold;
}

#left_side ul a:hover, .side_title a:hover{
color:#ff6600;
font-weight:bold;
}



/*  -----その他-----  */

/**/

.news_title{
background: url(images/news_title_bg.jpg) repeat-x;
margin:0 0 10px;
}

.news_list{
padding:8px 0 2px;
font-size:1.6em;
color: #7D4634;
border-bottom:1px dotted #7D4634;
}

.news_link{
text-align:right;
margin:10px 0;
}

.news_date{
font-size:1.0em;
padding:0 0 10px;
}

.top_menu{
}

.top_menu img{
}

/*テーブル関係*/

table{
border-collapse:collapse;
clear:both;
font-size:1.4em;
margin:0 0 15px;
}

/*常設指定*/

a img {
border: none;
}

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear {
display: inline-block;
}

* html .clear {
height: 1%;
}

.clear {
display: block;
}

/* 写真 */

#center_main img.alignright, #center_main div.alignright img {
margin:5px 0 5px 10px;
}

#center_main img.alignleft, #center_main div.alignleft img {
margin:5px 10px 5px 0;
}

#center_main img.aligncenter, #center_main div.aligncenter img{
margin-top:5px;
margin-bottom:10px;
margin-left: auto;
margin-right: auto;
}

#center_main div.aligncenter{
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
}

#center_main img.alignnone{
margin-top:8px;
margin-bottom:8px;
margin-left: auto;
margin-right: auto;
}

/*文字装飾*/

#center_main .small{
font-size:1.0em;
line-height:1.5em;
margin-bottom:10px;
}

#center_main p.wp-caption-text{
font-size:1.3em;
line-height:1.5em;
margin-bottom:10px;
}

#center_main .wp-caption{
margin:10px 0;
}

#center_main strong{
font-weight:bold;
}

#center_main p.wp-caption-text{
text-align:center;
}

/*個別位置指定*/

#center_main .al-center,
#center_main div.al-center {
display: block;
margin-left: auto;
margin-right: auto;
}

#center_main .al-left {
text-align:left;
}

#center_main .al-right {
text-align:right;
}

#center_main .alignleft {
float: left;
}

#center_main .alignright {
float: right;
}

#center_main .aligncenter {
/*display: block;*/
}

#center_main .indent{
padding-left:1em;
text-indent: -1em;
}


/*アーカイブページ*/

.archive_list{
font-size:1.4em;
padding:0.5em 0;
}


/*ナビゲーション*/

.navigation{
font-size:1.0em;
margin:0.7em 0 0;
}

/*コメント廻り*/

.comment_frm{
margin: 30px 20px 0 0px;
padding: 0;
}

h3#comments{
font-size:120%;
margin: 0 0 0;
padding: 10px 0px 20px;
}

div.navigation{
font-size:100%;
margin: 0 10px;
padding: 0 0 20px;
}

#respond{
}

#respond h3{
font-size:120%;
margin: 0;
padding: 0 0 20px;
}

#commentform {
margin: 0;
padding: 0;
}

#commentform p{
margin: 0;
padding: 0 0 10px;
}

#commentform input {
width: 170px;
padding: 3px;
margin: 0;
}

#commentform textarea {
width: 100%;
padding: 3px;
margin: 0 0 10px;
}

#commentform #submit {
margin: 0 0 10px auto;
float: right;
}

ol.commentlist li{
padding-bottom:20px;
}

.feedback{
margin:10px 10px;
text-align:right;
}

.meta{
margin:10px 0;
}

/*サイドバーウィジェット*/

.tagcloud a{
white-space:nowrap;
}

#left_side ul div.inputbox{
margin:0 20px 10px;
}

#left_side ul input#s{
width:170px;
padding:3px;
}

#left_side ul input#searchsubmit{
width:70px;
height:24px;
}

/*カレンダー*/

#wp-calendar{
width:100%;
}

#wp-calendar caption{
margin:0 0 10px;
}

#wp-calendar th, #wp-calendar td{
text-align:center;
padding:5px 0;
}

#wp-calendar tfoot td{
border:none;
}

#wp-calendar tfoot td#prev{
text-align:left;
}

#wp-calendar tfoot td#next{
text-align:right;
}

/**/

div.iframebox {
position: relative;
width: 100%;
padding-top: 50.00%;
}
 
div.iframebox iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*ページネーション*/

table.pagination {
margin:0.7em auto 0;
font-size:1.0em;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:4px 7px 3px 7px;
text-decoration:none;
width:auto;
color:#666;
border:1px solid #666666;
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
padding:4px 7px 3px 7px;
background: #3279BB;
color:#fff;
}

.kairanpdf{
	color: white !important;
    font-size: 1.2rem;
    margin: 10px 0 10px 0;
    padding: 5px 10px;
    min-width: 350px;
    max-width: 600px;
    background: rgb(255 106 0 / 40%);
    border-radius: 20px;
}