@charset "utf-8";

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-feature-settings : "palt"; word-wrap : break-word; overflow-wrap : break-word; font-size: 15px; font-family: '秀英角ゴシック銀 B',"Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0px; box-sizing: border-box; background-color: #FFF; color: #0c0907; padding: 0em; }
img { vertical-align: bottom; height: auto; width: 100%; }
::selection { background: #0c0907; color: #FFF; }
::-moz-selection { background: #0c0907; }

/* link */
a:link, a:visited, a:active { color: #0fb0a1; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }
a:link img { transition: 0.2s linear; }
a:hover img { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); -ms-filter: brightness(110%); filter: brightness(110%); }
nav a:hover { color: #2f84b7; }
h1 a:link, h1 a:visited, h1 a:active,
h2 a:link, h2 a:visited, h2 a:active,
h3 a:link, h3 a:visited, h3 a:active,
h4 a:link, h4 a:visited, h4 a:active,
h5 a:link, h5 a:visited, h5 a:active,
h6 a:link, h6 a:visited, h6 a:active { color: #333333; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.r_s { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
.rl { font-family: '秀英角ゴシック銀 B',sans-serif; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: left;}
.pc { display:block !important; }
.sp { display:none !important; }

/* wordpress */
#contents .wp-caption.alignleft { float: left;  }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignright { float: right;  }
#contents .wp-caption.alignright img {  }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright .wp-caption-text { font-size: 0.8em; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 20px 2%; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0 20px 2% 0; display: inline; max-width: 47%; }
img.aligncenter { display: block; }
.aligncenter { margin-top: 15px; margin-bottom: 15px; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 20px; margin-left: 20px; }
.alignleft { float: left; margin-bottom: 20px; margin-right: 20px; }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* wrapper */
#wrapper { margin:auto; position: relative; min-width:1280px; }

/* header */
#header header { display:flex; justify-content: space-between; padding:1em 7% 1em 1%; }
#header header .logo img { height:7.7em; width:auto; }
#header header ul { display:flex; justify-content: space-between; height:7.7em; align-items: center; }
#header header ul li a { position: relative; font-size: 1.8em; line-height: 1.5em; margin-left:1.2em; color:#0c0907; }
#header header ul li a:hover:after,#header header ul li a:after { width:2em; height:3em; left:0; top:-1em; display: inline-block; content: ''; z-index:-1; position:absolute; background-size: contain; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
#header header ul li:nth-child(1) a:hover:after, .about #header header ul li:nth-child(1) a:after { width:2em; height:3em; left:0; top:-1em; background-image: url(../100/tree_e.jpg); }
#header header ul li:nth-child(2) a:hover:after, .entry #header header ul li:nth-child(2) a:after { width:2em; height:3em; left:1em; top:-1em; background-image: url(../100/tree_f.jpg); }
#header header ul li:nth-child(3) a:hover:after, .join #header header ul li:nth-child(3) a:after { width:7em; height:3em; left:1em; top:-1em; background-image: url(../100/tree_b.jpg); }
#header header ul li:nth-child(4) a:hover:after, .support #header header ul li:nth-child(4) a:after { width:2em; height:3em; left:1em; top:-1em; background-image: url(../100/tree_h.jpg); }
#header .side { position: absolute; top:10em; }
#header .side.copy { left:2.6%; }
#header .side.news { right:2.4%; }
#header .side.copy p { font-size: 1.8em; line-height: 1em; letter-spacing: 0.1em; white-space: nowrap; }
#header .side.copy p span { font-size: 0.6em; line-height: 1em; margin-top:1em; }
#header .side.news p { font-size: 1.3em; line-height: 2em; }
#header .side.news p i img { width:2em; margin-bottom:1em; }
#header .side a { padding-top:0.5em; }

/* footer */
#footer { position: relative; padding:1.5em 0 1.5em 0; margin:3em 7% 3em 7%; overflow:hidden; background-size: 100% auto; background-image:url("../images/kikigaki_line_a.jpg"); background-repeat: no-repeat; background-position: top; }
#footer footer { padding:0 0 0.5em 0; overflow:hidden; background-size: 100% auto; background-image:url("../images/kikigaki_line_b.jpg"); background-repeat: no-repeat; background-position: bottom;}
#footer .credit { margin:2.5em 0 5em 23%; overflow:hidden; font-size: 0.8em; line-height:1.7em; text-align: justify; letter-spacing:0.02; }
#footer .credit .left { width:58%; float:left; }
#footer .credit .right { width:39%; float:right; }
#footer .credit .right .closing { font-size: 1.6em; line-height:1.2em; margin-bottom:0.5em; }
#footer nav { float:left; }
#footer nav li { display: inline-block; margin-right:2em; display:inline-block; }
#footer nav li a { color:#0c0907; font-size: 1.2em; line-height: 1.8em;  }
#footer nav li a:hover { color:#0fb0a1; }
#footer .cp { color:#0c0907; font-size: 0.8em; float:right; }
#footer .logo { position: absolute; bottom:12em; left:0; width:17%; }
#footer .bn_nfd { position: absolute; bottom:9em; right:0; width:5%; }
#footer .bn_fm { position: absolute; bottom:5.2em; right:0; width:15%; }

/* contents */
#contents { padding:0 7% 0 7%; display:flex; justify-content: space-between; }

/* main */
#contents #main { width:74%; }

/* side */
#contents #side { width:24%; }
#contents #side .wanted { position:relative; }
#contents #side .wanted span { z-index: 99; display:block; width:100%; font-size: 1.2em; line-height:1em; position:absolute; top:0; right:0; padding:0.5em 0 0.5em 0; background-color:#ea5a26; color:#fff050; }
#contents #side .side_navi { padding:3em 0 2em 0; margin:0 0 3em 0; background-size: 80% auto; background-image:url("../100/n_grass.jpg"); background-repeat: no-repeat; background-position: bottom; }
#contents #side .side_navi li { padding:3.5em 0 1em 0; background-size: 80% auto; background-image:url("../100/n_grass.jpg"); background-repeat: no-repeat; background-position: top; }
#contents #side .facebook { padding:0 5% 3em 5%; }
#contents #side .banner li:last-child { background-image:none; }
#contents #side .banner li a { text-align: left; font-size: 1.3em; color:#0c0907; display:block; padding:1.3em 1em 1.3em 4.5em; background-size: 2em auto; background-image:url("../100/tree_c.jpg"); background-repeat: no-repeat; background-position: 1.5em center; }
#contents #side .banner li:nth-child(3) a { padding:0.5em 1em 0.5em 4.5em; }
#contents #side .blog { flex-direction: column; }

#contents #side .library { width:100%; position: relative; width:100%; padding:2em 2em 2em 0; margin:0 0 5em 0; background-size: 80% auto; background-image:none,url("../100/n_grass.jpg"); background-repeat: no-repeat,no-repeat; background-position: top,bottom; }
#contents #side .library h2 { position: static; }
#contents #side .library dl { flex-direction: column; text-align: left;  }
#contents #side .library dt { width:100%; }
#contents #side .library dd { width:100%; padding:1em; margin:0 0 2em 0; }
#contents #side .library dd .title { font-size: 1.3em; margin:0 0 0.5em 0; }
#contents #side .library .tag { background-color:#ea5a26; color:#fff; line-height: 1em; padding:0.5em; }

#contents #side .note { width:100%; padding:2.5em; }
#contents #side .note h2 { font-size: 1.6em; line-height: 1.6em; margin-bottom:2em; }

/* home */
#contents .information { background-size: 100% auto; background-image:url("../images/kikigaki_line_g.jpg"),url("../images/kikigaki_line_g.jpg"); background-repeat: no-repeat,no-repeat; background-position: top,bottom; display:flex; justify-content: space-between; overflow: hidden; margin:2em 0 2em 0; padding:6em 0 6em 0; text-align:left; }
#contents .information h2 { font-size: 1.8em; line-height:1.2em; }
#contents .news { position:relative; background-size: auto 100%; background-image:url("../images/kikigaki_line_d.jpg"); background-repeat: no-repeat; background-position: center right; width:50%; padding-right:3%; }
#contents .news h2 { padding-left:15%; margin-top:0.5em; }
#contents .news h2 a { color:#0c0907; }
#contents .news h2 span { font-size: 0.7em; float:right; }
#contents .news h2 i.tree { display:inline-block; width:10%; position:absolute; top:0em; left:0;}
#contents .news li { background-size: 80% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x; background-position: top center; font-size: 1.1em; line-height:1.5em; padding-top:1.5em; margin-top:0.5em; }
#contents .news li:first-child { margin-top:2em; }
#contents .news li span { font-size: 0.8em; display:block; }
#contents .instagram { width:48%; position:relative; }
#contents .instagram h2 { margin-top:0.5em; margin-bottom:1.5em; }
#contents .instagram h2 i { margin-left:0.5em; margin-right:0.5em; }
#contents .instagram h2 i.boar { display:inline-block; width:45%; position:absolute; top:0.5em; right:0; }
#contents .instagram ul { display:flex; justify-content: space-between; }
#contents .instagram li { width:48.5%; }
#contents .instagram li a { display:block; background-size:cover; }
#contents .blog { text-align: left; display:flex; justify-content: space-between; }
#contents .blog .tag { display:inline-block; background-color:#0c0907; color:#fff; line-height: 1em; padding:0.5em; }
#contents .library { position: relative; width:68%; padding:15em 2em 2em 0; background-size: auto 90%; background-image:url("../images/kikigaki_line_h.jpg"); background-repeat: no-repeat; background-position: center right; }
#contents .library h2 { position: absolute; left:0; top:1em; width:96%; font-size: 2.2em; line-height: 1.5em; margin-bottom:1.5em;}
#contents .library .tag { background-color:#ea5a26; }
#contents .library dl { display:flex; justify-content: space-between; }
#contents .library dt { position: relative; margin-bottom:1em; width:70%; }
#contents .library dt .area { position: absolute; left:-1em; top:-1em; }
#contents .library dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .library dd { background-color:#fff; padding:2em; width:50%; }
#contents .library dd .title { margin-top:3em; display:block; font-size: 1.8em; margin-bottom:0.4em; }
#contents .library dd .ex { display:block; font-size: 0.8em; }
#contents .library a dd { display:block; color:#0c0907; }
#contents .note { width:30%; padding:2em; }
#contents .note h2 { font-size: 1.7em; line-height: 1.6em; margin-bottom:1em;}
#contents .note .tag { background-color:#00a255; }
#contents .note dt { position: relative; margin-bottom:1em; }
#contents .note dt .area { position: absolute; left:-1em; top:-1em; }
#contents .note dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .note dd .title { display:block; font-size: 1.4em; margin-bottom:0.4em; }
#contents .note dd .ex { display:block; font-size: 0.8em; }
#contents .note a { display:block; color:#0c0907; }

/* entry */
#contents .entry_intro { overflow: hidden; }
#contents .entry_intro h2 { float:left; margin:0; line-height: 2em; text-align:left; }
#contents .entry_intro .ex { float:right; width:60%; }
#contents .entry_voice { overflow: hidden; }
#contents .entry_voice h2 { float:left; margin:0; line-height: 2em; display: block; width:15%; }
#contents .entry_voice .ex { float:right; width:70%; }
#contents .entry_voice .ex li { background-size: 80% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x;; background-position: bottom center; padding-bottom:2em; }
#contents .entry_voice .ex li:last-child { background-image:none; padding-bottom:0em; }

/* other */
#contents .cover { padding:4em 0 4em 0; background-size: 100% auto; background-image:url("../images/kikigaki_line_g.jpg"),url("../images/kikigaki_line_f.jpg"); background-repeat: no-repeat,no-repeat; background-position: top center,bottom center; }
#contents .cover.blog { padding:6em 8% 0 8%; background-image:url("../images/kikigaki_line_g.jpg"),none; }
#contents .cover h1 { font-size: 2.2em; line-height:1.2em; }

#contents .txt { padding:6em 0 6em 0; text-align: left; width:75%; margin:auto; }
#contents .txt h2 { font-size: 1.8em; line-height:1.2em; margin-top:1em; margin-bottom:1.5em; }
#contents .txt h3 { font-size: 1.4em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
#contents .txt h4 { font-size: 1.2em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
#contents .txt h5 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt h6 { font-size: 1em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt p { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
#contents .txt p:last-child { margin-bottom:0; }
#contents .txt p.att { font-weight: normal; font-size: 1em; line-height:2em; margin-bottom:1.5em; text-align: left; }
#contents .txt .bot a { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size: 1.2em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#0fb0a1; color:#fff; display:inline-block; margin-top:1em; }
#contents .txt .bot a:hover { background-color:#e95620; color:#fff; }
#contents .txt li { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
#contents .txt dt { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:0.5em; text-align: justify; }
#contents .txt dd { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
#contents .txt hr { border:none; padding:6em 0 6em 0; margin:auto; background-size: 60% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x;; background-position: center center; }
#contents .txt .no_margin { margin-top:0 !important; }
#contents article.txt { padding:6em 0 6em 0; margin:auto; background-size: 60% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x;; background-position: bottom center; }
#contents article.txt:last-child { background-image:none; }


#contents .txt .bn.entry a { width:100%; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size: 1.4em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#e95620; color:#fff; display:block; margin-top:1em; }
#contents .txt .bn.entry a:hover { background-color:#fff050; color:#333; }

#contents .txt.common { padding:5em 0 6em 0; text-align: center; }
#contents .txt.common h2 { font-size: 1.8em; text-align:center; }
#contents .txt.common h2.rl { text-align:left; }
#contents .txt.common.no_line { background-image:none;  }
#contents .txt.common.lead p { text-align: center; }
#contents .txt.common dl.yoko { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; margin:2em 0 3em 0; }
#contents .txt.common dl.yoko dt { display: flex; align-items:center; background-color:#0fb0a1; color:#fff; border-top:solid 1px #fff; padding:1em 2em 1em 2em; margin:0; font-size: 1.2em; line-height:1.8em; text-align: left; width:20%; clear:both; }
#contents .txt.common dl.yoko dd { background-color:#f4f4f4; border-top:solid 1px #fff; padding:1em 2em 1em 2em; margin:0; font-size: 1.2em; line-height:1.8em; text-align: justify; width:80%; }
#contents .txt.common dl.yoko dd .att { display:block; font-size:0.8em; margin:0.2em 0 0 0; }
#contents .txt.common dl.yoko dt:nth-of-type(1) ,#contents .txt.common dl.yoko dd:nth-of-type(1) { border-top:none; }

#contents .txt.kikigaki { padding:0 0 6em 0; }
#contents .txt.kikigaki .intro { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding:1 10% 3em 10%; margin:3em 0 0 0; background-color:#f2f1d9; }
#contents .txt.kikigaki .story dl { overflow: hidden; }
#contents .txt.kikigaki .story dl dt { float:left; clear: both; background-color:#e95620; color:#fff; padding:0 1em 0 1em; margin:0 1em 0 0; }
#contents .txt.kikigaki .story dl dd { float:left; }

#contents .txt .list { margin-top:3em; }
#contents .txt .list li { overflow: hidden; margin-bottom:3em; }
#contents .txt .list li:last-child { margin-bottom:0em; }
#contents .txt .list .thumb { text-align: center; float:left; width:57%; }
#contents .txt .list .ex { text-align: left; float:right; width:37%; }
#contents .txt .list .ex h3 { text-align: left; margin:0 0 1em 0; font-size: 1.3em; margin-bottom:0.6em; color:#0fb0a1; }
#contents .txt .list .ex p { text-align: justify; margin:0 0 1em 0; font-size: 0.9em; line-height:1.7em; }
#contents .txt .list .bot a { font-size: 0.9em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#0fb0a1; color:#fff; display:inline-block; margin-top:0.3em; }

#contents .txt p.circle { margin:3em 0 3em 0; }
#contents .txt p.soon { font-size: 1.2em; line-height:1.8em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#f4f4f4; color:#0c0907; display:block; margin-top:1em; text-align: center; }
#contents .txt p.center { text-align: center; }

.single #contents .txt h1 { font-size: 2.2em; line-height:1.2em; margin-top:3em; margin-bottom:1.5em; }
.single #contents .txt h2 { font-size: 2em; line-height:1.2em; margin-top:3em; margin-bottom:1.5em; }
.single #contents .txt h3 { font-size: 1.8em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
.single #contents .txt h4 { font-size: 1.6em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
.single #contents .txt h5 { font-size: 1.4em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
.single #contents .txt h6 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
.single #contents .txt p { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
.single #contents .txt p strong { text-decoration: underline;}
.single #contents .txt ul ,.single #contents .txt ol { padding:2em 2em 2em 2em;  }
.single #contents .txt li { border-left: solid 3px #0fb0a1; padding-left:1.5em; font-weight: normal; font-size: 1.2em; line-height:1.4em; margin-bottom:1.5em; text-align: justify; }
.single #contents .txt blockquote { padding:2em 10% 2em 10%; font-style: italic;}
.single #contents .txt .date { margin:0 0 3em 0; }

/* entryform */
#contents .entryform { margin:3em 0 0 0; padding:3em 10% 3em 10%; text-align: left; overflow:hidden; }
#contents .entryform dt { font-size: 1.3em; float:left; clear:both; width:30%; padding:1em; line-height:3em; padding:0.5em 0 0.5em 0; border-top:solid 1px #000; }
#contents .entryform dd { font-size: 1.3em; float:left; width:70%; padding:1em 0 1em 0; border-top:solid 1px #000; }
#contents .entryform dd .att { font-size: 0.7em; display:block; margin:0.6em 0 0 0; padding:0.5em 0 0.5em 0; }
#contents .entryform dd input[type="text"] { padding:0.5em; font-size: 1em; line-height:1.2em; width:100%; border:none; background-color: #f4f4f4;}
#contents .entryform dd.age input[type="text"] { font-size: 1em; line-height:1.2em; width:4em; }
#contents .entryform dd .birth input[type="text"] { padding:0.5em; font-size: 1em; line-height:1.2em; width:4em; margin:1em 0.5em 0 0.5em; }
#contents .entryform dd textarea { padding:0.5em; font-size: 1em; line-height:1.2em; width:100%; height:30em; border:none; background-color: #f4f4f4;}
#contents .entryform input[type="submit"]  { cursor:pointer; width:100%; display: block; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size: 1.4em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#0fb0a1; color:#fff; margin-top:2em; border:none;}
#contents .entryform input[type="submit"]:hover { background-color:#e95620; color:#fff; }

/* kikigaki_list */
#contents .kikigaki_list { overflow: hidden; padding:4em 0 0 0; background-size: 100% auto; background-image:url("../images/kikigaki_line_g.jpg"); background-repeat: no-repeat; background-position: top center;  }
#contents .kikigaki_list h2 { vertical-align: middle; font-size: 1.8em; line-height: 1.4em; margin:1.5em 0 1em 0; }
#contents .kikigaki_list h2 img { vertical-align: middle; height:3em; width:auto; margin:0 1em 0 1em; }
#contents .kikigaki_list li { width:33.333%; float:left; text-align: left; padding:0 2em 0 2em; margin:3em 0 2em 0; }
#contents .kikigaki_list .tag { background-color:#ea5a26; color:#fff; line-height: 1em; padding:0.5em; }
#contents .kikigaki_list dl {  }
#contents .kikigaki_list dt { position: relative; margin-bottom:1em; }
#contents .kikigaki_list dt .area { position: absolute; left:-1em; top:-1em; }
#contents .kikigaki_list dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .kikigaki_list dd { background-color:#fff; padding:0; }
#contents .kikigaki_list dd .title { display:block; font-size: 1.4em; line-height: 1.4em; margin:1.5em 0 0.4em 0; }
#contents .kikigaki_list dd .ex { display:block; font-size: 0.7em; line-height: 1.8em;  }
#contents .kikigaki_list a dd { display:block; color:#0c0907; }

/* styles */

/* sp */
body { }
body { }
body { }
body { }
body { }
body { }
body { }

@media screen and (max-width: 470px) {
body { font-size: 12px; letter-spacing:0.05em;}

/* options */
.pc { display:none !important; }
.sp { display:block !important; }

/* wrapper */
#wrapper { padding:0; margin:auto; position: relative; min-width:0px; }

/* header */
#header header { display:flex; justify-content: space-between; padding:1em 2% 1em 2%; }
#header header .logo img { height:auto; width:100%; margin:auto; }
#header header ul { display:none; }
#header .side { position: absolute; top:6.5em; }
#header .side.copy { left:3%; }
#header .side.copy p { font-size: 1.2em; line-height: 1em; letter-spacing: 0.1em; }
#header .side.copy p span { font-size: 0.6em; line-height: 1em; margin-top:1em; }
#header .side.news { display:none;  }


/* footer */
#footer { position: relative; padding:0 0 0 0; margin:2em 4% 2em 12%; overflow:hidden; background-image:none; }
#footer footer { padding:0 0 0 0; overflow:hidden; background-size: 100% auto; background-image:none; }
#footer .credit { margin:0 0 3em 0; overflow:hidden; }
#footer .credit .left { width:100%; float:none; margin:0 0 1em 0; }
#footer .credit .right { width:100%; float:none; padding:4em 0 4em 0; background-size: 100% auto; background-size: 100% auto; background-image:url("../images/kikigaki_line_g_sp.jpg"),url("../images/kikigaki_line_g_sp.jpg"); background-repeat: no-repeat,no-repeat; background-position: top,bottom; }
#footer .credit .right p:first-child { font-size: 1.6em; line-height:1.2em; margin-bottom:0.5em; }
#footer .credit p { font-size: 0.8em; line-height:1.7em; text-align: justify; letter-spacing:0.02; }
#footer nav.sp { float:none; text-align: left; overflow: hidden; padding:3.5em 0 3em 0; margin:0 0 2em 0; background-size: 100% auto; background-size: 100% auto; background-image:url("../images/kikigaki_line_g_sp.jpg"),url("../images/kikigaki_line_g_sp.jpg"); background-repeat: no-repeat,no-repeat; background-position: top,bottom;}
#footer nav.sp ul:nth-child(1) { float:left; width:auto; }
#footer nav.sp ul:nth-child(2) { font-size: 1em; float:left; width:auto; }
#footer nav.sp li { display: inline-block; margin-right:0; display:block; }
#footer nav.sp li a { color:#0c0907;  }
#footer nav.sp li a:hover { color:#0fb0a1; }
#footer nav.sp ul:nth-child(1) li a { font-size: 1.6em; line-height: 1.8em; padding:0; margin:0 2em 0 0; }
#footer nav.sp ul:nth-child(2) li a { font-size: 1.2em; line-height: 2em; padding:0; margin:0; }
#footer .cp { color:#0c0907; font-size: 0.5em; float:none; text-align: left; }
#footer .logo { position: static; bottom:12em; left:0; width:75%; margin:1em 0 2em 0; }
#footer .bn_nfd { position: absolute; bottom:0em; right:0; width:14%; }
#footer .bn_fm { position: static; bottom:0em; right:0; width:75%; margin:2em 0 0.5em 0; }

/* main */
#contents #main { width:100%; padding:0 0 0 10%; }

/* contents */
#contents { padding:0 0 0 0; display:block; }

/* parts */
#contents .wanted { position:relative; margin:0 10% 0 0; }
#contents .wanted span { z-index: 99; display:block; width:100%; font-size: 1.2em; line-height:1em; position:absolute; top:0; right:0; padding:0.5em 0 0.5em 0; background-color:#ea5a26; color:#fff050; }
#contents .photo { position:relative; margin:0 10% 3em 0; }
#contents .side_navi { padding:3em 0 2em 0; margin:0 10% 3em 0; background-size: 80% auto; background-image:url("../100/n_grass.jpg"); background-repeat: no-repeat; background-position: bottom; }
#contents .side_navi li { padding:3.5em 0 1em 0; background-size: 80% auto; background-image:url("../100/n_grass.jpg"); background-repeat: no-repeat; background-position: top; }

/* side */
#contents #side { width:90%; margin:auto; }
#contents #side .facebook { padding:0 5% 3em 5%; width:100%; }
#contents #side .facebook .fb-page { width:100%; }
#contents #side .facebook .fb-page span { width:100% !important; }
#contents #side .banner li:last-child { background-image:none; }
#contents #side .banner li a { text-align: left; font-size: 1.3em; color:#0c0907; display:block; padding:1.3em 1em 1.3em 4.5em; background-size: 2em auto; background-image:url("../100/tree_c.jpg"); background-repeat: no-repeat; background-position: 1.5em center; }
#contents #side .banner li:nth-child(3) a { padding:0.5em 1em 0.5em 4.5em; }
#contents #side .blog { flex-direction: column; }
#contents #side .library { width:100%; padding:7em 2.5em 2.5em 2.5em; margin-bottom:2em; }
#contents #side .library h2 { font-size: 1.6em; line-height: 1.6em; margin-bottom:2em; }
#contents #side .library dl { flex-direction: column; }
#contents #side .library dt { width:100%; }
#contents #side .library dd { width:100%; }
#contents #side .note { width:100%; padding:2.5em; }
#contents #side .note h2 { font-size: 1.6em; line-height: 1.6em; margin-bottom:2em; }

/* home */
#contents .information { background-size: 100% auto; background-image:url("../images/kikigaki_line_g.jpg"),url("../images/kikigaki_line_g.jpg"); background-repeat: no-repeat,no-repeat; background-position: top,bottom; display:block; overflow: hidden; margin:2em 4% 2em 0; padding:3em 0 3em 0; text-align:left; }
#contents .information h2 { font-size: 1.8em; line-height:1.2em; }
#contents .news { position:relative; background-size: auto 100%; background-image:none; background-position: center right; width:100%; padding:0 0 3em 0; }
#contents .news h2 { margin:0 0 0 0; padding:0.3em 0 0 15%; }
#contents .news h2 a { color:#0c0907; }
#contents .news h2 span { font-size: 0.7em; float:right; }
#contents .news h2 i.tree { display:inline-block; width:10%; position:absolute; top:0em; left:0;}
#contents .news li { background-size: 80% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x; background-position: top center; font-size: 1.4em; line-height:1.6em; padding-top:1em; margin-top:0.3em; }
#contents .news li:first-child { margin-top:2em; }
#contents .news li span { font-size: 0.8em; display:block; }
#contents .instagram { width:100%; position:relative; }
#contents .instagram h2 { margin-top:0.5em; margin-bottom:1.5em; }
#contents .instagram h2 i { margin-left:0; margin-right:0.5em; }
#contents .instagram h2 i.boar { display:inline-block; width:45%; position:absolute; top:0; right:0; }
#contents .instagram ul { display:flex; justify-content: space-between; }
#contents .instagram li { width:48.5%; }
#contents .blog { text-align: left; display:block; justify-content: space-between; }
#contents .blog .tag { display:inline-block; background-color:#0c0907; color:#fff; line-height: 1em; padding:0.5em; }
#contents .library { position: relative; width:100%; padding:0 10% 5em 0; background-size: auto 90%; background-image:none; }
#contents .library h2 { position: static; width:100%; font-size: 2.2em; line-height: 1.5em; margin-bottom:1em;}
#contents .library .tag { background-color:#ea5a26; }
#contents .library dl { display:block; justify-content: space-between; }
#contents .library dt { position: relative; margin-bottom:1em; width:100%; }
#contents .library dt .area { position: absolute; left:-1em; top:-1em; }
#contents .library dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .library dd { background-color:#fff; padding:0; width:100%; }
#contents .library dd .title { margin-top:1em; display:block; font-size: 1.8em; margin-bottom:0.4em; }
#contents .library dd .ex { display:block; font-size: 0.8em; }
#contents .library a dd { display:block; color:#0c0907; }
#contents .note { width:100%; padding:0em 10% 2em 0; }
#contents .note h2 { font-size: 1.7em; line-height: 1.6em; margin-bottom:1em;}
#contents .note .tag { background-color:#00a255; }
#contents .note dt { position: relative; margin-bottom:1em; }
#contents .note dt .area { position: absolute; left:-1em; top:-1em; }
#contents .note dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .note dd .title { display:block; font-size: 1.4em; margin-bottom:0.4em; }
#contents .note dd .ex { display:block; font-size: 0.8em; }
#contents .note a { display:block; color:#0c0907; }

/* entry */
#contents .entry_intro { overflow: hidden; }
#contents .entry_intro h2 { float:none; margin:0; line-height: 2em; margin:0 0 1em 0; text-align:left; }
#contents .entry_intro .ex { float:none; width:100%; }
#contents .entry_voice { overflow: hidden; }
#contents .entry_voice h2 { float:left; margin:0; line-height: 2em; display: block; width:15%; }
#contents .entry_voice .ex { float:right; width:70%; }
#contents .entry_voice .ex li { background-size: 80% auto; background-image:url("../images/kikigaki_line_e.jpg"); background-repeat: repeat-x;; background-position: bottom center; padding-bottom:2em; }
#contents .entry_voice .ex li:last-child { background-image:none; padding-bottom:0em; }

/* other */
#contents .cover { padding:3em 0 3em 0; background-size: 100% auto; background-image:url("../images/kikigaki_line_g_sp.jpg"),url("../images/kikigaki_line_f_sp.jpg"); background-repeat: no-repeat,no-repeat; background-position: top center,bottom center; }
#contents .cover.blog { padding:0 4% 0 4%; background-image:none; }
#contents .cover h1 { font-size: 1.8em; line-height:1.2em; }

#contents .txt { padding:3em 0 3em 0; text-align: left; width:90%; margin:auto; }
#contents .txt:last-child { background-image:none; }
#contents .txt h2 { font-size: 1.3em; line-height:1.2em; margin-top:1em; margin-bottom:1em; }
#contents .txt h3 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt h4 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt h5 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt h6 { font-size: 1em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
#contents .txt p { font-weight: normal; font-size: 1.1em; line-height:1.8em; margin-bottom:1em; text-align: justify; }
#contents .txt p:last-child { margin-bottom:0; }
#contents .txt p.att { font-weight: normal; font-size: 1em; line-height:2em; margin-bottom:1.5em; text-align: left; }
#contents .txt .bot a { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; font-size: 1.2em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#0fb0a1; color:#fff; display:inline-block; margin-top:1em; }
#contents .txt .bot a:hover { background-color:#e95620; color:#fff; }
#contents .txt li { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
#contents .txt dt { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:0.5em; text-align: justify; }
#contents .txt dd { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
#contents .txt .no_margin { margin-top:0 !important; }
#contents .txt .photo { position:relative; margin:2em 0 2em 0; }
#contents .txt hr { border:none; padding:3em 0 3em 0; margin:auto; background-size: 60% auto; background-image:url("../images/kikigaki_line_e_sp.jpg"); background-repeat: repeat-x;; background-position: center center; }
#contents .txt .no_margin { margin-top:0 !important; }
#contents article.txt { padding:6em 0 6em 0; margin:auto; background-size: 60% auto; background-image:url("../images/kikigaki_line_e_sp.jpg"); background-repeat: repeat-x;; background-position: bottom center; }
#contents article.txt:last-child { background-image:none; }

#contents .txt.common { padding:3em 0 3em 0; text-align: center; }
#contents .txt.common h2 { font-size: 1.8em; text-align:center; }
#contents .txt.common h2.rl { text-align:left; }
#contents .txt.common.no_line { background-image:none;  }
#contents .txt.common.lead p { text-align: center; }

#contents .txt.common dl.yoko { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; overflow: hidden; margin:2em 0 2em 0; }
#contents .txt.common dl.yoko dt { display: flex; align-items:center; background-color:#0fb0a1; color:#fff; border-top:solid 1px #fff; padding:1em 1em 1em 1em; margin:0; font-size: 1.2em; line-height:1.5em; text-align: left; width:20%; clear:both; }
#contents .txt.common dl.yoko dd { background-color:#f4f4f4; border-top:solid 1px #fff; padding:1em 1em 1em 1em; margin:0; font-size: 1.2em; line-height:1.5em; text-align: justify; width:80%; }
#contents .txt.common dl.yoko dd .att { display:block; font-size:0.8em; margin:0.2em 0 0 0; }
#contents .txt.common dl.yoko dt:nth-of-type(1) ,#contents .txt.common dl.yoko dd:nth-of-type(1) { border-top:none; }

#contents .txt.kikigaki { padding:0 0 6em 0; }
#contents .txt.story dl { overflow: hidden; }
#contents .txt.story dl dt { float:left; clear: both;}
#contents .txt.story dl dd { float:left; }

#contents .txt .list { margin-top:3em; }
#contents .txt .list li { overflow: hidden; margin-bottom:3em; }
#contents .txt .list li:last-child { margin-bottom:0em; }
#contents .txt .list .thumb { text-align: center; float:none; width:100%; margin:0 0 1em 0; }
#contents .txt .list .ex { text-align: left; float:none; width:100%; }
#contents .txt .list .ex h3 { text-align: left; margin:0 0 1em 0; font-size: 1.3em; margin-bottom:0.6em; color:#0fb0a1; }
#contents .txt .list .ex p { text-align: justify; margin:0 0 1em 0; font-size: 0.9em; line-height:1.7em; }
#contents .txt .list .bot a { font-size: 0.9em; line-height:1em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#0fb0a1; color:#fff; display:inline-block; margin-top:0.3em; }

#contents .txt p.circle { margin:3em 0 3em 0; }
#contents .txt p.soon { font-size: 1.2em; line-height:1.8em; margin-bottom:1.5em; padding: 1em 2em 1em 2em; background-color:#f4f4f4; color:#0c0907; display:block; margin-top:1em; text-align: center; }
#contents .txt p.center { text-align: center; }

.single #contents .txt h1 { font-size: 2.2em; line-height:1.2em; margin-top:3em; margin-bottom:1.5em; }
.single #contents .txt h2 { font-size: 2em; line-height:1.2em; margin-top:3em; margin-bottom:1.5em; }
.single #contents .txt h3 { font-size: 1.8em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
.single #contents .txt h4 { font-size: 1.6em; line-height:1.2em; margin-top:3em; margin-bottom:1em; }
.single #contents .txt h5 { font-size: 1.4em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
.single #contents .txt h6 { font-size: 1.2em; line-height:1.2em; margin-top:2em; margin-bottom:1em; }
.single #contents .txt p { font-weight: normal; font-size: 1.2em; line-height:2em; margin-bottom:1.5em; text-align: justify; }
.single #contents .txt p strong { text-decoration: underline;}
.single #contents .txt ul ,.single #contents .txt ol { padding:2em 2em 2em 2em;  }
.single #contents .txt li { border-left: solid 3px #0fb0a1; padding-left:1.5em; font-weight: normal; font-size: 1.2em; line-height:1.4em; margin-bottom:1.5em; text-align: justify; }
.single #contents .txt blockquote { padding:2em 10% 2em 10%; font-style: italic;}
.single #contents .txt .date { margin:0 0 3em 0; }

#contents .txt.kikigaki { padding:0 0 6em 0; }
#contents .txt.kikigaki .intro { border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; padding:3em 10% 3em 10%; margin:3em 0 0 0; background-color:#f2f1d9; }
#contents .txt.kikigaki .intro h2 { font-size: 1.5em; line-height:1.4em; margin-top:0; margin-bottom:1em; }
#contents .txt.kikigaki .intro p:last-child { margin-bottom:0; }
#contents .txt.kikigaki .story h2 { font-size: 1.8em; line-height:1.4em; margin-top:2em; margin-bottom:1em; }
#contents .txt.kikigaki .story dl { overflow: hidden; }
#contents .txt.kikigaki .story dl dt { float:none; clear: both; display:inline-block;; background-color:#e95620; color:#fff; padding:0 1em 0 1em; }
#contents .txt.kikigaki .story dl dd { float:none; font-size: 1.2em; line-height:1.4em; margin:0.5em 0 1em 0; }

/* kikigaki_list */
#contents .kikigaki_list { overflow: hidden; padding:4em 0 0 0; background-size: 100% auto; background-image:url("../images/kikigaki_line_g_sp.jpg"); background-repeat: no-repeat; background-position: top center;  }
#contents .kikigaki_list h2 { vertical-align: middle; font-size: 1.8em; line-height: 1.4em; margin:0.5em 0 2em 0; }
#contents .kikigaki_list h2 img { vertical-align: middle; height:1.5em; width:auto; margin:0 0.6em 0 0.6em; }
#contents .kikigaki_list li { width:100%; float:none; text-align: left; padding:0 2em 0 2em; margin:3em 0 4em 0; }
#contents .kikigaki_list .tag { background-color:#ea5a26; color:#fff; line-height: 1em; padding:0.5em; }
#contents .kikigaki_list dl {  }
#contents .kikigaki_list dt { position: relative; margin-bottom:1em; }
#contents .kikigaki_list dt .area { position: absolute; left:-1em; top:-1em; }
#contents .kikigaki_list dt .cat { position: absolute; right:-1em; bottom:-1em; }
#contents .kikigaki_list dd { background-color:#fff; padding:0; }
#contents .kikigaki_list dd .title { display:block; font-size: 1.6em; line-height: 1.4em; margin:1em 0 0.4em 0; }
#contents .kikigaki_list dd .ex { display:block; font-size: 0.8em; line-height: 1.8em;  }
#contents .kikigaki_list a dd { display:block; color:#0c0907; }

}

@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 471px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}