@charset "utf-8";


/*
Theme Name: kawachi
Author: arktain
Author URI: https://www.arktain.jp/
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
li{list-style-position: inside;padding:0;}
img{vertical-align:top;}
a img:hover{opacity:.8;}
table {width:100%;border-collapse: separate;border-spacing: 0;}
td{vertical-align: middle;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;transition: opacity 0.3s;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

* {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
  box-sizing: border-box;
}

body{
font: 16px/1.6 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#3A3B3B;
-webkit-text-size-adjust: none;
background:#fff;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#333;
}

a:hover, a:active{
outline: none;
color:#6D4373;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li{zoom: 1;}


/* フォーム
------------------------------------------------------------*/


/* レイアウト
------------------------------------------------------------*/
#wrapper{
margin:0 auto 0;
width:100%;
overflow:hidden;
}

.inner{
margin:0 auto 0;
width:1100px;

}

#header{
overflow:hidden;
background:#fff;
}


#content{
width:1100px;
padding:0;
margin:0 auto 0;

}



#footer{
clear:both;
width:100%;
display: inline-block;vertical-align: middle;
background:#EFEFEF;
} 




/* ロゴ (サイトタイトル)
----------------------------------*/
#header h1{
padding:5px 0 0;
font-size:80%;
font-weight:normal;
color:#6D4373;
text-align:left;
}

#header h2{
float:left;
padding:10px 0 0px;
}
#header .sub_t{
float:left;
padding:60px 0 5px 30px;
}
#header h3{
float:right;
padding:24px 0 5px;
}

#header h2 img{width: 270px;}

/* トップページ　メイン画像
----------------------------------*/

.post{
text-align: justify; text-justify: inter-ideograph;
margin:20px auto;

}

.post img{margin:20px auto 20px;text-align:center;}

#sidebar{
width:300px;
float:left;
margin:30px 20px 0 0;
}

.post_blog{float:right;width:780px;margin:30px 0;}
img.aligncenter { display: block; margin:30px auto!important;}
.post_blog img{margin:20px auto 20px;text-align:center;}
.post_blog p{margin-bottom:1em;}
.single_info_title{font-size:26px;margin:0;padding-bottom:0.2em;border-bottom:dotted 2px #8c8c8c;line-height:1.2;}
.pnavi{text-align:center;font-size:16px;margin-top:20px;}
#sidebar li{list-style-type: none;}

.widget, .widgetInfo{
margin: 0 0 10px;
padding: 5px 7px;
border:1px solid #333;
background: #fff;
font-size:16px;
font-weight:400;
}

.widget h2{
clear:both;
margin:0 0 10px;
padding:5px;
font-size:18px;
font-weight:700;
border-bottom:1px solid #ccc;
font-family: 'Noto Serif JP', serif;
}

.widget h3{
clear:both;
margin:0 0 10px;
padding:5px;
font-size:18px;
font-weight:700;
border-bottom:1px solid #ccc;
}

.widget h3::before {
  content: "\f054";
  font-family: FontAwesome;
font-weight: 400;
padding-right:0.2em;
}

.widget ul{margin:0 0 0.5em 0.5em;}

ul.children{margin-left:1.5em;}

.widget li::before {
  content: "\f07b";
  font-family: FontAwesome;
font-weight: 400;
padding-right:0.2em;
color:#82ae46;
}

ul.children li::before{
  content: "\f061";
  font-family: FontAwesome;
font-weight: 400;
padding-right:0.2em;
color:#333;
}


.widget li{padding-left:1.5em;text-indent:-1.5em;line-height:1.2;margin:0.8em 0;}


ul.children li{padding-left:1.2em;text-indent:-1.2em;}




/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:0 2px;
padding:5px;
text-align:center;
border:#924898 1px solid;
color:#924898;
font-size:120%;
font-weight:bold;
}



.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}




img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright{
margin:0 0 0 10px;
display:inline;
width:300px;
}

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

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#ffffff;
}




/* フッター
*****************************************************/
#footer a{
color:#fff;
transition:all 0.3s;

}
#footer a:hover{color:#333;}



#copyright{

text-align:center;
font-size:12px;
background:#6D4373;
color:#fff;
padding:20px 0;
}
#copyright a{color:#fff;}
/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}








/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
body{font-size:80%;}
div#wrapper{width:100%;}
div#copyright{text-align:center;clear:both;padding-top:20px;}
div.post{padding:10px;border-radius:0;}
div.inner{width:100%;padding:0 10px;}

#content{clear:both;width:100%;float:none;margin:0 auto;padding:10px 0;}
#header{width:100%;padding:0;}
#header h2 ,#header h1{padding-left:5px;}
#header h3 {padding-right:5px;}
#mainImg img{width:100%;height:auto;}
section.widget_search{text-align:center;}
#header li {display:none;}
div.pcimg img{width: 100%;height:auto;}
div.pcimg{display:none;}
div.spimg{display:block;text-align:center;}
div.spimg img{width: 90%;height:auto;margin:0 auto;}

div.topcover{left: 0px;top: 0px;height:auto;width:100%;}
div#sns_box{margin:0 0 10px;}

div.topinner {  position: static;height:0;}
div.panel li{list-style-type: none;margin-bottom:0px;}

.post_blog{width:100%;float:none;}
#sidebar{width:100%;float:none;margin:30px 0px 0 0;}



}

/* 幅650px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 650px){
body{background-image:none;line-height: 1.5;}
#copyright{margin-top:30px;}
#header{text-align:center;position:static;}
#header h2,#header h1,#header .sub_t{float:none;text-align:center;padding:5px 0;}
#header h3{display:none;}
#header h2 img,#header .sub_t img{width:96%;height:auto;}
h2.title{font-size:100%;padding:10px 8px;}
div.foot_contact img{width:100%;height:auto;}
td.forml {font-size:90%;}
div.top_txt{text-align:left;font-size:90%;margin-bottom:20px;}
.inner h1{font-size:70%;text-align:right;}
div.sptel{display:block;margin-bottom:20px;}
div.sptel img{width:100%;}
h2.title{margin:50px 0 0px;}
h2.title img{width:240px;}
.post img{margin:40px auto 20px;width:100%;height:auto;}
.post_blog img{margin:40px auto 20px;width:100%;height:auto;}
.single_info_title{font-size:20px;margin:10px 0 0;border-bottom:dotted 2px #8c8c8c;}
.post iframe,.post_blog iframe  {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
margin:20px auto 20px;
}
}