@charset 'UTF-8';
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed {vertical-align: top;}
hr, legend {display: none;}
h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
img, abbr, acronym, fieldset {border: 0;}
img {vertical-align: bottom;-ms-interpolation-mode: bicubic;}
ul li {list-style-type: none;}
.textwidget{margin: 0;padding: 0;}
* {-webkit-box-sizing: border-box; box-sizing: border-box;} body {font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo,'ＭＳ Ｐゴシック', sans-serif;
color: #555; font-size: 87.5%; line-height: 1.6em; text-align: left; -webkit-text-size-adjust: 100%;}
#wrapper {width: 100%; min-width: 1080px; border-width: 0;} a {text-decoration: none;}
a:hover {text-decoration: underline;} img {max-width: 100%; height: auto; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; vertical-align: bottom;}
.alignleft {float: left;  margin: 5px 10px 5px 0;}
.alignright{float: right; margin: 5px 0 5px 10px;}
.aligncenter{margin: 5px auto;display:block;}
a:hover.link img,a:hover img.link{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15);} header {height: auto; background-color: #FFF;}
#header-inner {position: relative; width: 1080px; min-height: 4.4em; margin: 0 auto;}
#ptitle {float: none; margin: 0; padding: 10px 0 5px; text-align: center; color: #444; font-size: .9em; line-height: 1.2em; font-weight: normal;}
#ptitle a {color: #444; text-decoration: none;}
#pdes {padding-bottom: 1em; font-size: .8em; line-height: 1.2em; text-align: center; display: block;} #gnav-btn {display :none;}
#gnav {width: 100%; margin: 0; border-width: 1px 0 ; border-style:  solid; background-color: #263238;;}
#gnav nav {max-width: 1080px; margin: 0 auto; padding: 0; position: relative; z-index: 1000;}
#gnav nav > ul { list-style-type: none; height: 40px; padding: 0; border-radius: 0;}
#gnav nav > ul > li {position: relative; float: left; width: 20%; height: 40px;  line-height: 40px; margin: 0; text-align: center; border-left: 1px solid rgba(255,255,255,0.3);}
#gnav nav > ul > li:last-child {border-right: 1px solid rgba(255,255,255,0.3);}
#gnav nav > ul > li .target{padding: 0 10px; display:inline-block; vertical-align: middle; line-height:1.2em;}
#gnav nav > ul > li a {display: block; color: #FFF; font-weight: 600; text-decoration: none; -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;}
#gnav nav > ul > li > ul {position: absolute; top: 100%; left:  0; list-style: none; margin: 0;}
#gnav nav ul li ul li{margin: 0; overflow: hidden; height: 0; width: 150%; border-right: none; -webkit-transition: .15s; transition: .15s;}
#gnav nav ul li:last-child ul {left: -58%;}
#gnav nav ul li ul li a{padding: 0 1em; height: 40px; line-height: 40px; color: #FFF; text-align: left; background-color: rgba(255,255,255,0.1); border-bottom: 1px solid  rgba(255,255,255,0.3);  overflow: hidden;}
#gnav nav ul li ul li:first-child a {border-top: 1px solid rgba(255,255,255,0.3);}
#gnav nav .sub-menu .current-menu-item {border-bottom: none;}
#gnav nav ul li:hover ul li {overflow: hidden; height: 40px;}
.fixed {position: fixed; top: 0; width: 100%; padding-bottom: 0; z-index: 10000;} #header-social-button {position: absolute; top: 50%; right: 0; transform: translateY( -50% ); display: block; z-index: 200;}
#header-social-button a {font-size: 30px; text-decoration: none;  color: #AAA; opacity: 0.4;}
#header-social-button a:hover {text-decoration: none; opacity: 1.0;}
#gnav-social-button {display: none;} #mainvisual {position: relative; width: 100%; height: calc( 800 / 2400 * 100vw );  border-width: 0 0 3px ; border-style:  solid; overflow: hidden; z-index: 10;}
#mainvisual-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 60px; border-radius: 10px;}
#site-title {font-size: 2.4em; font-weight: 600; line-height:1.4em; color: #FFF; text-align: center; animation-name: title-in; animation-duration: 3s; white-space: pre-wrap;}
#site-des {margin-top: 1em; font-size: 1.0em; font-weight: 500; line-height:1.6em; color: #FFF; text-align: center}
@keyframes title-in {
0%{ opacity: 0; transform: translateY(-100px);} 
100%{ opacity: 1; transform: translateY(0);}
}
@-webkit-keyframeskeyframes title-in {
0%{ opacity: 0; transform: translateY(-100px);} 
100%{ opacity: 1; transform: translateY(0);}
} #plist {width: 100%; padding: 10px 0; font-size: 79%;}
#plist .plist-inner {max-width: 1000px;margin: 0 auto;overflow: hidden;} #containar {max-width: 1080px; margin: 0 auto; padding-top: 15px;}
#contents {float: left; max-width: 740px; margin-bottom: 20px; padding: 0;  background: none; border-radius: 0;}
.single #contents, .page #contents {padding: 0.5em; background-color: #FFF;  border-radius: 4px;}
.single #contents > article, .page #contents > article {padding: 0 0.5em 1em;}
h2 {padding: 0 0 0.5em; font-size: 1.35em; font-weight: 500; line-height: 1.3em; color: #222;}
h3 {padding: 0 0 0.5em; font-size: 1.25em; font-weight: 500; line-height: 1.3em; color: #222;}
h4 {padding: 0 0 0.5em; font-size: 1.15em; font-weight: 500; line-height: 1.3em; color: #222;}
h5 {padding: 0 0 0.5em; font-size: 1.08em; font-weight: 500; line-height: 1.3em; color: #222;}
h6 {padding: 0 0 0.5em; font-size: 1.0em; font-weight: 500; line-height: 1.3em; color: #222;}
.main-title, .cat-title {position: relative; background: #FFF; margin-bottom: 10px; padding: 0.3em 5px 0.3em 2.3em; font-size: 1.5em; font-weight: 600; color: #444; border-radius: 1.2em 8px 8px 1.2em;}
.main-title::before, .cat-title:before {position: absolute; left: 0; top: 50%; padding: 0em; color: #FFF; font-weight: normal;	width: 1.8em;  height:1.8em; line-height: 1.8em; text-align: center;border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 3px solid #FFF;}
.parts-title {margin: 0; padding: 0; font-size: .92em; font-weight: 600; line-height: 1.6em; color: #333; text-align: center; display: block;}
.fmenu-title {margin: 0; padding: 0; font-size: 92%; font-weight: 600; line-height: 1.6em; color: #FFF; text-align: center; display: block;}
.comment-reply-title{ font-size: 1.429em; font-weight: normal;}
.comment-reply-title:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f075'; padding-right: 0.2em; vertical-align: text-top;} .doc {padding: 1em ; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.info  {padding: 10px 2em; font-size: 1em; text-align: justify; text-justify: inter-ideograph; background-color: #FFF;}
.doc h1, .doc h2, .doc h3, .doc h4, .doc h5, .doc h6 {margin: 1em 0;}
.doc > p {padding: 0 1em;}
.waku {border: 1px solid #CCC;}
.doc ul, .doc ol {padding: 1em 0 0 2em;}
.doc ul li {list-style-type: disc;}
.line {padding-bottom: 0.1em; background-image: linear-gradient(to right, #FFF 1.1px, transparent 1px), linear-gradient(to bottom, #CCC 1.1px, transparent 1px); background-size: 2px 2.0em; line-height: 2.0em;} #post-link {padding: 15px 0; text-align: center;} #post-list {margin: 0 0 15px; padding: 0; letter-spacing: -.4em;}
#post-list article {display: inline-block; vertical-align: top; width: 50%; margin: 0; padding: 0 10px 20px; letter-spacing: 0; overflow: hidden; opacity: 0; border-bottom: none;}
#post-list article .inner {position: relative; padding-bottom: 2em; background-color: #FFF; border: 1px solid #DDD;}
#post-list article .img-set {position: relative; max-width: 800px; margin: 0 auto; border: none; overflow: hidden;}
#post-list article .inner h3 { margin: 0; padding: .3em 0.8em .5em; font-size: 1.2em; font-weight: 600; line-height: 1.4em; color: #444;}
#post-list h3 a {color: #444;} #post-list .next {position: absolute; bottom: 0; right: 0; font-size: 1.0em; text-align: right; padding-top: 0;}
#post-list .next a {margin: 0; padding: 0.4em 1em; font-weight: 500; color: #333; text-decoration: none; background-color: #EEE;}
#post-list .next a {-webkit-border-radius: 0; border-radius: 0;}
#post-list .next a:hover {color: #FFF;}
#post-list article:nth-child(1) {animation: post-in 0.5s ease 0.2s 1 forwards; -webkit-animation: post-in 0.5s ease 0.2s 1 forwards;}
#post-list article:nth-child(2) {animation: post-in 0.5s ease 0.4s 1 forwards; -webkit-animation: post-in 0.5s ease 0.4s 1 forwards;}
#post-list article:nth-child(3) {animation: post-in 0.5s ease 0.6s 1 forwards; -webkit-animation: post-in 0.5s ease 0.6s 1 forwards;}
#post-list article:nth-child(4) {animation: post-in 0.5s ease 0.8s 1 forwards; -webkit-animation: post-in 0.5s ease 0.8s 1 forwards;}
#post-list article:nth-child(5) {animation: post-in 0.5s ease 1.0s 1 forwards; -webkit-animation: post-in 0.5s ease 1.0s 1 forwards;}
#post-list article:nth-child(6) {animation: post-in 0.5s ease 1.2s 1 forwards; -webkit-animation: post-in 0.5s ease 1.2s 1 forwards;}
#post-list article:nth-child(7) {animation: post-in 0.5s ease 1.4s 1 forwards; -webkit-animation: post-in 0.5s ease 1.4s 1 forwards;}
#post-list article:nth-child(8) {animation: post-in 0.5s ease 1.6s 1 forwards; -webkit-animation: post-in 0.5s ease 1.6s 1 forwards;}
#post-list article:nth-child(9) {animation: post-in 0.5s ease 1.8s 1 forwards; -webkit-animation: post-in 0.5s ease 1.8s 1 forwards;}
#post-list article:nth-child(10) {animation: post-in 0.5s ease 2.0s 1 forwards; -webkit-animation: post-in 0.5s ease 2.0s 1 forwards;}
#post-list article:nth-child(11) {animation: post-in 0.5s ease 2.2s 1 forwards; -webkit-animation: post-in 0.5s ease 2.2s 1 forwards;}
#post-list article:nth-child(12) {animation: post-in 0.5s ease 2.4s 1 forwards; -webkit-animation: post-in 0.5s ease 2.4s 1 forwards;}
@keyframes post-in {
0%{ opacity: 0; transform: translateY(100px);} 
100%{ opacity: 1; transform: translateY(0);}
}
@-webkit-keyframeskeyframes post-in {
0%{ opacity: 0; transform: translateY(100px);} 
100%{ opacity: 1; transform: translateY(0);}
} #post-list-cat{margin: 0 0 15px; padding: 0;}
#post-list-cat article {position: relative; height: 202px; margin-bottom: 15px ; padding:  0; background-color: #FFF;}
#post-list-cat article {border-bottom: none; border: 1px solid #DDD;}
#post-list-cat article h3 {padding: 10px; font-size: 1.8em; font-weight: 600; line-height: 1.2em; text-align: justify; text-justify: inter-ideograph;}
#post-list-cat article .img-set {float: left; clear: both; margin-right: 10px; max-width: 300px; overflow: hidden;}
#post-list-cat .img-set {border: none;}
#post-list-cat article p {padding: 0 1em; font-size: 0.9em; line-height: 1.5em; text-align: justify; text-justify: inter-ideograph; overflow: hidden; }
#post-list-cat h3 a {color: #333;} #post-list-cat .next {position: absolute; bottom: 0; right: 0; margin: 0 ; padding: 0; font-size: 0.9em;}
#post-list-cat .next {text-align: left;}
#post-list-cat .next a {margin: 0; padding: 5px 10px; font-weight: 500; color: #444; text-decoration: none; background-color: #EEE;}
#post-list-cat .next a {-webkit-border-radius: 0; border-radius: 0;}
#post-list-cat .next a:hover {color: #FFF;}
#post-list-cat article:nth-child(1) {animation: cat-in 0.5s ease 0.2s 1 forwards; -webkit-animation: cat-in 0.5s ease 0.2s 1 forwards;}
#post-list-cat article:nth-child(2) {animation: cat-in 0.5s ease 0.4s 1 forwards; -webkit-animation: cat-in 0.5s ease 0.4s 1 forwards;}
#post-list-cat article:nth-child(3) {animation: cat-in 0.5s ease 0.6s 1 forwards; -webkit-animation: cat-in 0.5s ease 0.6s 1 forwards;}
#post-list-cat article:nth-child(4) {animation: cat-in 0.5s ease 0.8s 1 forwards; -webkit-animation: cat-in 0.5s ease 0.8s 1 forwards;}
#post-list-cat article:nth-child(5) {animation: cat-in 0.5s ease 1.0s 1 forwards; -webkit-animation: cat-in 0.5s ease 1.0s 1 forwards;}
#post-list-cat article:nth-child(6) {animation: cat-in 0.5s ease 1.2s 1 forwards; -webkit-animation: cat-in 0.5s ease 1.2s 1 forwards;}
#post-list-cat article:nth-child(7) {animation: cat-in 0.5s ease 1.4s 1 forwards; -webkit-animation: cat-in 0.5s ease 1.4s 1 forwards;}
#post-list-cat article:nth-child(8) {animation: cat-in 0.5s ease 1.6s 1 forwards; -webkit-animation: cat-in 0.5s ease 1.6s 1 forwards;}
#post-list-cat article:nth-child(9) {animation: cat-in 0.5s ease 1.8s 1 forwards; -webkit-animation: cat-in 0.5s ease 1.8s 1 forwards;}
#post-list-cat article:nth-child(10) {animation: cat-in 0.5s ease 2.0s 1 forwards; -webkit-animation: cat-in 0.5s ease 2.0s 1 forwards;}
#post-list-cat article:nth-child(11) {animation: cat-in 0.5s ease 2.2s 1 forwards; -webkit-animation: cat-in 0.5s ease 2.2s 1 forwards;}
#post-list-cat article:nth-child(12) {animation: cat-in 0.5s ease 2.4s 1 forwards; -webkit-animation: cat-in 0.5s ease 2.4s 1 forwards;}
@keyframes cat-in {
0%{ opacity: 0; transform: translateY(100px);} 
100%{ opacity: 1; transform: translateY(0);}
}
@-webkit-keyframeskeyframes cat-in {
0%{ opacity: 0; transform: translateY(100px);} 
100%{ opacity: 1; transform: translateY(0);}
} .p-cate {position: absolute; bottom: auto; top: 0; right: 0; margin: 0; padding: .5em 1em; font-size: 0.8em; line-height: 1.2em; color: #FFF; background-color: #034F45;}
.a-cate {margin: 0; padding: .2em 1em 0.5em; text-align: right; font-size: 0.8em; line-height: 1.2em;}
.p-cate a {color: #FFF;}
.p-cate a:hover{color: #FFF; text-decoration: underline;}
.p-cate:before, .a-cate:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f07c'; margin-right: 2px; vertical-align: middle;}
.k-date {padding-left: 1em;}
.k-date:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f274'; margin-right: 2px; vertical-align: middle;}
#top-post-list .p-cate, #sub-post-list .p-cate{padding-left: 0;}
.p-list .p-cate{font-size: .78em; line-height: 1.2em;} .post-date {float: none; width: auto; height: auto; border-radius: 0;}
.post-date {position: absolute; bottom: 0; left 0; margin: 0; padding: .5em 1em; font-size: 0.9em; font-weight: 600; line-height: 1.4em; }
#posts-date {padding: 5px 10px; font-size: 0.8em; font-weight: bold; font-style: italic; text-align: right;} .wp-pagenavi {padding-bottom: 20px; letter-spacing: 0;} #related-posts{margin: 0 auto;}
#related-posts  article {display: block; margin: 0; padding: 10px 2em; loverflow: hidden;}
#related-posts  article .img-set {float: left;  margin-right: 10px; border: 1px solid #CCC; max-width: 150px; overflow: hidden;}
#related-posts  article h5 {margin: 0 0 10px; padding: 0 ; font-size: 1.3em; font-weight: 500; line-height: 1.2em;}
#related-posts  article h5 a {color: #000; text-decoration: none; display: block; overflow: hidden;}
#related-posts  article h5 a:hover {color: #EB4A5F; text-decoration: underline; display: block;}
#related-posts  article p {font-size: 0.9em; color: #666; line-height: 1.5em; padding: 0 5px; text-align: justify; text-justify: inter-ideograph; overflow: hidden;} #ads-parallel {max-width: 660px; margin: 0 auto 15px auto;}
.ads-left {float: left; display: block;}
.ads-right {float: right; display: block;}
#ads-parallel img {max-width: 300px;}
.ads-res > .textwidget {margin: 0 0 15px; text-align: center;}
.ads-rec > .textwidget {text-align: center;} #comments {background-color: #F5F5F5; padding:25px; border-radius: 12px; margin-top:1em; line-height:1.4em;} .coments-title {margin-bottom: 10px; padding: .1em 1em; color: #606; font-size: 1.2em; font-weight: 500; background-color: rgba(0,0,0,.08); -webkit-border-radius: 12px; border-radius: 12px; }
#comments{padding: 10px; border: none;}
#comment-list {padding: 15px 15px 0;}
ul#comment-list{list-style: none; margin: 0; color:#444; font-size: 1.0em;}
ul#comment-list li {margin-bottom: 1em; padding: 0 1em 0;}
ul#comment-list li.depth-1{border-bottom: 1px dotted #CCC; margin-bottom: 1em;}
ul#comment-list ul.children {list-style: none; padding-left: 0.5em;}
#comment-list .commentmetadata {font-size: .8em;}
#comment-list p {padding: 10px 0; font-size: 0.9em;}
img.avatar {margin-right:8px;}
span.says{display:none;}
cite.fn {font-size:.9em;}
#comment-list .reply a {font-size: 1em; line-height:1.2em; color: #FFF; background-color:#00BFFF; padding:0.3em 1.2em;border-radius: 12px;}
#comment-list .reply a:hover {background-color:#B22222; text-decoration: none;} #respond {background:rgba(255,255,255,0.4); padding:1em; border-radius: 9px;}
#respond h3#reply-title {font-size:1.3em; margin:0 0 0.7em; color:#555;}
#respond h3#reply-title small a {font-size:.8em; margin-left:1em; text-decoration:underline;} #respond p { margin-bottom: .8em;}
p.comment-notes, p.form-allowed-tags {font-size: 0.9em;}
label[for="comment"], label[for="author"], label[for="email"] {font-weight: bold;}
#respond p.commentNotesBefore, #respond p.commentNotesAfter {font-size: .8em;}
#respond p.form-submit {margin-bottom: 0;} input#author, input#email, textarea#comment {width: 100%; border:none; border-radius:12px; margin-top:0; font-size:14px; padding:7px 12px; color:#00BFFF;}
textarea#comment {line-height:1.6em;}
input#submit {cursor:pointer; font-size:1.0em; padding: 5px 1em; margin-top: 0.5em; border-style:none; color: #FFF; background-color: #00BFFF; border-radius: 18px;}
input#submit:hover {background-color:#B22222;} #sidebar {float: right; width: 321px; z-index: 300;}
.sidebar-wrapper {margin-bottom: 20px; padding: 0; background-color: #FFF; border-radius: 0; border-width: 0 1px 1px 1px; border-style: solid; border-color: #DDD;}
.sidebar-wrapper h4 {padding: 0.3em 5px 0.2em 0.5em; font-size: 1.05em; line-height: 1.5em; color: #FFF; font-weight: 500; border-radius: 4px 4px 0 0;}
.sidebar-wrapper h4:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; padding-right: 0.2em; font-size: 1.2em; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.sidebar-wrapper form {padding: 10px; font-size: .92em;}
.sidebar-wrapper .tagcloud{padding: 10px; font-size: .92em;}
.sidebar-wrapper ul {padding: 0;}
.sidebar-wrapper ul li {border-top: solid 1px #DDD;}
.sidebar-wrapper ul li:first-child {border-top: none;}
.sidebar-wrapper ul li a {display: block;padding: 10px 20px 10px 10px; font-size: .92em; line-height: 1.5em; color: #333;text-decoration: none;background: url(//tatami-mat.jp/wp-content/themes/wp1650/img/arrow_04.png) no-repeat right center;}
.sidebar-wrapper ul li a:hover{color: #C00;}
.sidebar-wrapper ul.children {padding: 0; border: none;}
.sidebar-wrapper ul.children li{border-top: solid 1px #D5D5D5; text-indent: 10px;}
.sidebar-wrapper ul.children li:first-child{border-top: solid 1px #D5D5D5;}
.sidebar-wrapper .post-date {padding-left: 15px; line-height: 1.0em; font-size: .78em;}
.widget_text.sidebar-wrapper {border: none;} footer {width: 100%; min-width: 1080px; color: #FFF; background-color: #263238;}
#footer-inner {width: 1080px;margin: 0 auto;padding: 10px 0;}
#footer-inner nav{text-align: center;margin: 0; padding: 10px 0 20px;}
#footer-inner nav ul li {display: inline-block;*display: inline;*margin-bottom: 12px;padding: 0 10px 0 15px;line-height: 1.3em;font-size: 92%; color: #FFF;border-left: solid 1px #333;}
#footer-inner nav ul li:first-child {border-left: none;}
#footer-inner2{ margin: 0 auto; padding: 20px 0; width: 1080px; letter-spacing: -.4em;}
#footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right {display: inline-block; vertical-align:top; margin: 0; padding: 0 10px; width: 33.33%; line-height: 1.3em; letter-spacing: 0;}
#footer-inner2 .f-01, #footer-inner2 .f-02, #footer-inner2 .f-03, #footer-inner2 .f-04 {display: inline-block; vertical-align:top; margin: 0; padding: 0 10px; width: 25%; line-height: 1.3em; letter-spacing: 0;}
.footer-wrapper h4 {position: relative;margin: 0 0 0.6em 0; padding: 0.2em 0 0.2em 1.5em; color: #FFF; font-size: 100%; font-weight: 600; line-height: 1.1em;}
.footer-wrapper h4:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9"; position: absolute; left: 0; top: 50%; padding: 0em; font-size: 1.2em; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.footer-wrapper ul {margin: 0 0 10px 5px; list-style: none;}
.footer-wrapper ul > li {position: relative; padding-left: 1.3em; line-height: 2.0em; font-size: 90%; display: block;}
.footer-wrapper ul > li:before {content: "└"; position: absolute; left: 0; top: 0; padding: 0em;}
.footer-wrapper ul > li > a {padding-left: 2px;}
.footer-wrapper ul.children {margin: 0;}
.footer-wrapper ul.children li { padding-left:  2em;}
.footer-wrapper form,
.footer-wrapper p,
.footer-wrapper .tagcloud {padding: 0 10px 10px;}
.footer-wrapper .tagcloud {line-height: 2.0em; font-size: 85%;}
.footer-wrapper .post-date{font-size: 85%;}
footer a {color: #FFF; text-decoration: none; font-weight: 600;}
footer a:hover{color: #FFF; text-decoration: underline;}
#copyright {width: 100%; padding: 10px 0; text-align:center; font-size: 85%; font-weight: 600; color: #FFF; border-style: solid; border-width: 0 0 5px 0; background-color: #000;} #at-post-list{padding-bottom: 10px;letter-spacing: -.4em;}
#at-post-list article {display: inline-block; vertical-align: top; width: 50%; margin: 0; padding: 5px 10px; letter-spacing: 0; overflow: hidden; z-index: 100;}
#at-post-list article .carousel-set {position: relative; border: 1px solid #CCC; overflow: hidden;}
#at-post-list .idx {position: absolute; top: calc(100% - 1.3em) ; left: auto; width: 100%; height: 100%; overflow: hidden; z-index: 200; -webkit-transition: .2s;	transition: .2s;}
#at-post-list article:hover .idx {top: 0; padding-top: 10%;}
#at-post-list .idx h3{padding: 0 20px; font-size: 1.05em; line-height: 1.2em; color: #FFF; font-weight: 600; text-align: center;  z-index: 600; display: block;}
#at-post-list .idx p { padding: 20px 20px 0; font-size: 85%; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
#at-post-list .idx a {color: #FFF; text-decoration: none;}
#at-post-list .idx a:hover{text-decoration: underline;} .pickup-post {margin-top: 10px; padding: 0 10px; overflow: hidden;}
.pickup-post .p-post {margin-bottom: 10px;}
.pickup-post .p-post .img-set{max-width: 100%; position: relative; border: 1px solid #CCC; overflow: hidden;}
.pickup-post  .idx{position: absolute; top: calc(100% - 1.3em) ; left: auto; width: 100%; height: 100%; overflow: hidden; z-index: 200; -webkit-transition: .2s;	transition: .2s;}
.pickup-post .p-post:hover .idx {top: 0; padding-top: 15%;}
.pickup-post .idx h5{padding: 0 20px; font-size: 1.05em; line-height: 1.2em; color: #FFF; font-weight: 600; text-align: center;  z-index: 600; display: block;}
.pickup-post .idx p { padding: 20px 20px 0; font-size: 85%; line-height: 1.2em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
.pickup-post .idx a {color: #FFF; text-decoration: none;}
.pickup-post .idx a:hover{text-decoration: underline;} .rank-post {margin-top: 10px; padding: 0 10px; overflow: hidden;}
.rank-post .r-post {position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #999;}
.rank-post  h5{display: block; padding: 0 0 5px ; font-size: 1em; line-height: 1.0em; font-weight: 500; text-align: left; text-align: justify; text-justify: inter-ideograph; word-break: break-all;}
.rank-post .r-post:last-child {margin-bottom: 0; border-bottom: none;}
.rank-post .r-post a {color: #444; text-decoration: none;}
.footer-wrapper .rank-post .r-post a {color: #FFF!important; font-weight: 600!important; text-decoration: none;}
.rank-post .r-post a:hover {text-decoration: underline;}
.rank-post .r-post p {font-size: 0.7em!important; line-height: 1.2em!important; color: 666; text-align: justify!important; text-justify: inter-ideograph!important;}
.rank-post .r-post .img-set{float: left; margin-right: 8px; max-width: 120px; border: 1px solid #CCC;display: block; overflow: hidden;}
.rank-post .r-post .num2 {position: absolute; top: 5px; left: 5px; font-size: 12px; line-height: 12px; font-weight: 600; color: #FFF; padding: 4px 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.rank-post .eday {float: right; color: #999; font-size: 9px;} .wp-pagenavi {padding-bottom: 20px;}
.wp-pagenavi a, .wp-pagenavi span {color:#666; background-color:#FFF; border:1px solid #CCC; padding: 8px 15px!important; margin:0 2px; white-space: nowrap; 
-moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;  -webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out;  -o-transition: 0.2s ease-in-out;  transition: 0.2s ease-in-out;}
.wp-pagenavi a:hover{ color:#333; font-weight: 600;}
.wp-pagenavi span.current{ color:#333; background-color:#F5F5F5; font-weight: 600;} #h-search {position: absolute; top: 10px; right: 0; width: 250px; text-align: right;}
#searchform #s {width: 75%; height: 30px; padding-left: 5px; font-size: 92%; border-radius: 0; border: 1px solid #CCC;}
#searchsubmit {width: 60px; height: 30px; margin: 0 0 0 -5px; font-size: 92%; border: none; border-radius: 0; background: transparent; cursor: pointer; background-color: #CCC; color: #FFF; font-weight: 600;}
#n-search {display: none;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;} .tagcloud {margin: 0; padding: 5px 10px;}
.tagcloud  a {display: inline-block; line-height: 100%; font-size: 1.0em!important; background: none; border: 1px solid #CCC; text-decoration: none; padding: 4px 6px 4px; margin: 0 5px 5px 0;
-webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; -webkit-border-radius: 5px; -moz-border-radius: 5px;  -ms-border-radius: 5px; border-radius: 5px;}
.footer-wrapper .tagcloud  a {  background-color: rgba(255,255,255,0.6); color: #333;}
.tagcloud  a:hover {color: #FFF; font-weight: 600; text-decoration: none;} .icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143"; margin: 0 2px;}
.icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 2px;}
.icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 2px;}
.icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 2px;}
#header-social-button a.icon-feed:hover {color: #FB9F3B; opacity: 1.0;}
#header-social-button a.icon-facebook:hover{color: #3379E4; opacity: 1.0;}
#header-social-button a.icon-gplus:hover {color: #D00; opacity: 1.0;}
#header-social-button a.icon-instagram:hover {color: #cf3371; opacity: 1.0;}
#header-social-button a.icon-twitter:hover {color: #00B1EA; opacity: 1.0;}
#mob-social-button{display: none; padding: 20px 0; text-align: center;}
#mob-social-button a {font-size: 3.0em; text-decoration: none; text-decoration: none;}
#mob-social-button .icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143" margin: 0 .2em; color: #FB9F3B;}
#mob-social-button .icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 .2em; color: #3379E4;}
#mob-social-button ..icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 .2em; color: #cf3371;}
#mob-social-button .icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 .2em; color: #00B1EA;} .sns_btn{width: 100%; margin: 10px auto 20px; letter-spacing: -.4em;}
.sns_btn .parts{display: inline-block; vertical-align: top; width: 20%; margin: 0; padding: 0; letter-spacing: 0; text-align: center; list-style-type: none; border: 2px solid #FFF;}
.parts a{width: 100%; padding: 0.8em 0; color: #FFF; font-size: 92%; font-weight: 600; ; text-decoration: none;}
.parts a:hover{color: #FFF; text-decoration: none;}
.parts.twitter {padding: 10px 0; background-color: #00acee;}
.parts.twitter a:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.facebook {padding: 10px 0;background-color: #3b5998;}
.parts.facebook a:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.google_plus {padding: 10px 0;background-color: #dd4b39;}
.parts.google_plus a:before {font-family: "Font Awesome 5 Brands"; content: "\f0d4"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.pocket {padding: 10px 0;background-color: #EB4257;}
.parts.pocket a:before {font-family: "Font Awesome 5 Brands"; content: "\f265"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;}
.parts.hatena {padding: 10px 0;background-color: #2D4C86;}
.parts.hatena a:before {font-family: Arial Bold; content: "B!"; font-weight: bold; font-size: 120%; font-weight: bold; vertical-align: bottom; margin: 0 5px;}
.parts.line_me {padding: 10px 0; background-color: #1cbb20;}
.parts.line_me a:before {font-family: "Font Awesome 5 Brands"; content: "\f3c0"; font-size: 1.8em; vertical-align: bottom; margin: 0 5px;} .s-profile {padding: 5px 14px;}
.s-profile .img-set{max-width: 500px; margin: 0 auto 5px; overflow: hidden;}
.s-profile .p-name {font-size: .9em; font-weight: bold; text-align: center;}
.s-profile .p-work {font-size: .8em; color: #034F45; text-align: center;}
.s-profile  p {font-size: .85em; text-align: left; text-align: justify; text-justify: inter-ideograph;}
.p-sns {padding: 5px 0; text-align: center;}
.p-sns a {font-size: 1.5em; text-decoration: none; color: #CCC; opacity: 0.8;}
.icon-feed:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f143"; margin: 0 4px;}
.icon-facebook:before {font-family: "Font Awesome 5 Brands"; content: "\f082"; margin: 0 4px;}
.icon-gplus:before {font-family: "Font Awesome 5 Brands"; content: "\f0d4"; margin: 0 4px;}
.icon-instagram:before {font-family: "Font Awesome 5 Brands"; content: "\f16d"; margin: 0 4px;}
.icon-twitter:before {font-family: "Font Awesome 5 Brands"; content: "\f081"; margin: 0 4px;}
.p-sns a.icon-feed:hover {color: #FB9F3B; opacity: 1.0;}
.p-sns a.icon-facebook:hover{color: #3379E4; opacity: 1.0;}
.p-sns a.icon-gplus:hover {color: #D00; opacity: 1.0;}
.p-sns a.icon-instagram:hover {color: #cf3371; opacity: 1.0;}
.p-sns a.icon-twitter:hover {color: #00B1EA; opacity: 1.0;} table {width: 96%; margin: 0 auto; border-collapse: collapse; border-spacing:0; border: 1px solid #CCC;}
th {padding: 5px; font-weight: 600; border: 1px solid #CCC; text-align: center; background-color: #EFEFEF;}
td {padding: 5px; border: 1px solid #CCC;}
#calendar_wrap td {text-align: center;} blockquote {color: #666; font-size: 100%; font-style: italic; font-weight: 600; background-color:#F5F5F5; padding:1em 1em 1em 3em; position:relative;}
blockquote:before{content: '“'; font-size: 4em; line-height:1em; color:#CCC; position:absolute; left:0; top: 10px;;} .source{font-size: 11px; font-weight: normal; color: #888;}
.source a {font-weight: normal; color: #999; text-decoration: none;}
.source a:hover {color: #C00; text-decoration: underline;} .youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;} .balloon {margin-bottom: 0.5em; padding: 0;}
.balloon figure {margin: 0}
.balloon:before,.balloon:after {clear: both; content: "";display: block;}
.balloon .balloon-img-left {float: left; width: 100px; margin-right: 20px;}
.balloon-img-left img {width: 100px; height: 100px; border: 3px solid #CCC; border-radius: 50%;}
.balloon-img-description{ font-size: .8em; line-height: 1.5em; text-align: center;}
.balloon-txt-left {position: relative; float: left; padding: 1em; line-height: 1.5em; border: 2px solid #CCC; background-color: #D1FFF1; border-radius: 8px; max-width: calc( 100% - 220px ) ;}
.balloon-txt-left:before{position: absolute;content: ''; border: 10px solid transparent; top: 15px;left: -20px;}
.balloon-txt-left:after {position: absolute;content: ''; border: 10px solid transparent; top: 15px; left: -18px;}
.balloon .balloon-img-right {float: right; width: 100px; margin-left: 20px;}
.balloon-img-right img {width: 100px; height: 100px; border: 3px solid #CCC; border-radius: 50%;}
.balloon-txt-right {position: relative; float: right; padding: 1em; line-height: 1.5em; border: 2px solid #CCC; background-color: #FFE5F4; border-radius: 8px; max-width: calc( 100% - 220px ) ;}
.balloon-txt-right:before  {position: absolute;content: ''; border: 10px solid transparent; top: 15px;right: -20px;}
.balloon-txt-right:after {position: absolute;content: ''; border: 10px solid transparent; top: 15px; right: -18px;}
.balloon-img-description.red-waku{color: #C00;}
.balloon-txt-left.red-waku, .balloon-txt-right.red-waku {border-color: #C00; background-color: #fff3f4;}
.balloon-txt-left.red-waku:before {border-right: 10px solid #C00;}
.balloon-txt-left.red-waku:after {border-right: 10px solid #fff3f4;}
.balloon-txt-right.red-waku:before {border-left: 10px solid #C00;}
.balloon-txt-right.red-waku:after {border-left: 10px solid #fff3f4;}
.balloon-img-description.blue-waku{color: #33a8df;}
.balloon-txt-left.blue-waku, .balloon-txt-right.blue-waku {border-color: #33a8df; background-color: #FAFDFE;}
.balloon-txt-left.blue-waku:before {border-right: 10px solid #33a8df;}
.balloon-txt-left.blue-waku:after {border-right: 10px solid #FAFDFE;}
.balloon-txt-right.blue-waku:before {border-left: 10px solid #33a8df;;}
.balloon-txt-right.blue-waku:after {border-left: 10px solid #FAFDFE;}
.balloon-img-description.green-waku {color: #2daa3f;}
.balloon-txt-left.green-waku, .balloon-txt-right.green-waku {border-color: #2daa3f; background-color: #F2FBF4;}
.balloon-txt-left.green-waku:before {border-right: 10px solid #2daa3f;}
.balloon-txt-left.green-waku:after {border-right: 10px solid #F2FBF4;}
.balloon-txt-right.green-waku:before {border-left: 10px solid #2daa3f;}
.balloon-txt-right.green-waku:after {border-left: 10px solid #F2FBF4;}
.balloon-img-description.pink-waku{color: #FF6699;}
.balloon-txt-left.pink-waku, .balloon-txt-right.pink-waku {border-color: #FF6699; background-color: #fff7fa;}
.balloon-txt-left.pink-waku:before {border-right: 10px solid #FF6699;}
.balloon-txt-left.pink-waku:after {border-right: 10px solid #fff7fa;}
.balloon-txt-right.pink-waku:before {border-left: 10px solid #FF6699;}
.balloon-txt-right.pink-waku:after {border-left: 10px solid #fff7fa;}
.balloon-img-description.purple-waku{color: #A757A8;}
.balloon-txt-left.purple-waku, .balloon-txt-right.purple-waku {border-color: #A757A8; background-color: #F6EEF6;}
.balloon-txt-left.purple-waku:before {border-right: 10px solid #A757A8;}
.balloon-txt-left.purple-waku:after {border-right: 10px solid #F6EEF6;}
.balloon-txt-right.purple-waku:before {border-left: 10px solid #A757A8;}
.balloon-txt-right.purple-waku:after {border-left: 10px solid #F6EEF6;}
.balloon-img-description.white-waku{color: #333;}
.balloon-txt-left.white-waku, .balloon-txt-right.white-waku{border-color: #333; background-color: #FCFCFC;}
.balloon-txt-left.white-waku:before {border-right: 10px solid #333;}
.balloon-txt-left.white-waku:after {border-right: 10px solid #FCFCFC;}
.balloon-txt-right.white-waku:before {border-left: 10px solid #333;}
.balloon-txt-right.white-waku:after {border-left: 10px solid #FCFCFC;} .framed-text {position: relative; margin: 1em auto; padding: 1.5em; border: 3px solid #C00; background-color: #fff3f4; border-radius: 8px;  -webkit-box-sizing: border-box; box-sizing: border-box;}
.framed-text.red {color: #222; border-color: #C00; background-color: #fff3f4;}
.framed-text.blue {color: #222; border-color: #33a8df; background-color: #FAFDFE;}
.framed-text.green {color: #222; border-color: #2daa3f; background-color: #F2FBF4;}
.framed-text.pink {color: #222; border-color: #FF6699; background-color: #fff7fa;}
.framed-text.brown {color: #222; border-color: #CB8E33; background-color: #F9F3EA;}
.framed-text.purple {color: #222; border-color: #A757A8; background-color: #F6EEF6;}
.framed-text.grey {color: #222; border-color: #777; background-color: #F5F5F5;} .framed-title {position: absolute; padding: .2em 1em; line-height: 1.4em; left: 1em; top: -1em; font-weight: bold;  background-color: #C00; color: #FFF; border-radius: 6px;}
.framed-title.red {background-color: #C00;; color: #FFF;}
.framed-title.blue {background-color: #33a8df; color: #FFF;}
.framed-title.green {background-color: #2daa3f; color: #FFF;}
.framed-title.pink {background-color: #FF6699; color: #FFF;}
.framed-title.brown {background-color: #CB8E33; color: #FFF;}
.framed-title.purple {background-color: #A757A8; color: #FFF;}
.framed-title.grey {background-color: #777; color: #FFF;} .framed-widetitle {position: absolute; width: calc(100% + 6px); padding: .5em 1em; left: -3px; top: -1.9em; font-weight: bold; background-color: #C00; font-size: 1.5em; line-height: 1.4em; color: #FFF; text-align: center; border-radius: 6px 6px 0 0;}
.framed-widetitle.red {background-color: #C00;; color: #FFF;}
.framed-widetitle.blue {background-color: #33a8df; color: #FFF;}
.framed-widetitle.green {background-color: #2daa3f; color: #FFF;}
.framed-widetitle.pink {background-color: #FF6699; color: #FFF;}
.framed-widetitle.brown {background-color: #CB8E33; color: #FFF;}
.framed-widetitle.purple {background-color: #A757A8; color: #FFF;}
.framed-widetitle.grey {background-color: #777; color: #FFF;} ul.check {padding: .5em 1em;}
ul.check li {list-style: none; position: relative; padding: 0.2em 1.2em; font-size: 1.0em; line-height: 1.8em; color: black;}
ul.check li:before {position: absolute; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f14a";}
ul.check li.red:before {color: #FF2232;}
ul.check li.blue:before {color: #3CF;}
ul.check li.green:before {color: #00BF62;}
ul.check li.pink:before {color: #F39;}
ul.check li.brown:before {color: #ED682A;}
ul.check li.purple:before {color: #814EAA;}
ul.check li.grey:before {color: #666;} .clr{clear: both;}
strong{font-weight: 600;}
.txtcenter{text-align: center; display: block;}
.txtright{text-align: right;}
.red{color: #C00;}
.pink{color: #C09;}
.blue{color: #3CF;}
.green {color: #46c7ac;}
.bg_yellow{background: #FF0;}
.gold{color: #F4CA54;}
.silver{color: #999;}
.copper{color: #BD4C54;}
.other{color: #71AAE0;}
.bld{font-weight: 600;}
.normal {font-weight: normal;}
.insta-center{margin:20px auto;max-width: 540px;}
.source-code {padding: 10px 20px 10px 0; border: 1px solid #CCC!important; border-radius: .4em;} .dot{border-bottom:1px dotted #CCC;}
.solid{border-bottom:1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 2px solid #C00;}
.link_line{text-decoration: underline;}  @media screen and (max-width: 1100px) {
.post-date {margin: 0;}
} @media screen and (max-width: 979px) {
#wrapper {min-width: 0;} #header-inner {width: 100%;}
#ptitle {padding-left: 10px;} #gnav {width: 100%; margin-left: 0;} #plist .plist-inner {width: 100%;} #mainvisual {width: 100%; height: calc( 800 / 2400 * 100vw );}
#mainvisual-inner {padding: 20px;  min-width: 60%; } #containar {width: 94%; margin: 0 auto;}
#contents {width: 100%; max-width: 100%;} #sidebar {float: none; width: 100%;	margin: 0 auto; letter-spacing: -.4em; overflow: hidden;}
#sidebar-01, #sidebar-02 {display: inline-block; vertical-align: top; width: 50%; margin: 0 0 10px; padding: 5px; letter-spacing: 0;} footer {min-width: 0;}
#footer-inner {width: 90%;}
#footer-inner2 {width: 98%;}
} @media screen and (max-width: 767px) { #ptitle {float: none;text-align: center;display: block;max-width: 80%;}
#header-social-button {display: none;}
#mob-social-button {display: block;} #gnav-btn {position: absolute; top: 10px; right: 10px; display: block; z-index: 10000;}
#gnav-btn a {display: block; width: 50px; height: 50px; padding-top: 5px; line-height: 20px; font-size: 20px; text-align: center; text-decoration: none; border: 1px solid #CCC; background-color: #FFF; -webkit-border-radius: 5px;	border-radius: 5px;}
#gnav-btn a .txt {font-size: 12px;} 
#gnav {width: 100%; max-width: 100%; margin: 0; font-size: 100%; z-index: 9999; background-color: #FFF; display: none; border: none;}
#gnav nav {width: 100%;  margin: 0; padding: 0; position: static;}
#gnav nav ul {list-style-type: none; height: auto; border-bottom: 1px solid #CCC;}
#gnav nav ul  li {position: relative; float: none; width: 100%!important; height: auto; margin: 0 ; text-align: left; border-right: none; overflow: hidden;}
#gnav nav li:last-child {border-right: none;}
#gnav nav  ul  li a {display: block; padding: 0 3em 0 1em; color: #333!important; font-weight: normal; height: 3em; line-height: 3em; text-align: left; text-decoration: none; background-color: rgba(255,255,255,0.4); border-top: 1px solid #CCC;}
#gnav nav  ul  li  ul {position: static; width: 100%; list-style: none; margin: 0; border-bottom: none!important;}
#gnav nav > ul > li:last-child ul li {left: 0;}
#gnav nav  ul li  ul li {margin: 0; width: 100%; height: 3em; overflow: hidden;}
#gnav nav  ul  li  ul li a{padding: 0 3em 0 2em; height: 3em; line-height: 3em; text-align: left; font-size: 100%; font-weight: normal ; border-bottom: none; border-color: #CCC!important; background-color: #FFF; overflow: hidden;}
#gnav nav  ul  li:hover {border-bottom: none;}
#gnav nav  ul  li:hover >a {color: #333!important; background-color: #EFEFEF!important;}
#gnav nav  ul  li  ul li:hover a {color: #333!important; background-color: #EFEFEF!important;  border-bottom: none;}
#gnav nav  ul  li:hover ul li{overflow: visible; height: 3em; border-top: none;}
#gnav nav  ul  li ul li:hover >a {color: #C06; background-color: #EFEFEF;}
#gnav nav .current-menu-item, #gnav nav .current-menu-parent  {border-bottom: none;}
.fixed {position: static;} #mainvisual {width: 100%; height: calc( 1200 / 2400 * 100vw );}
#mainvisual-inner {padding: 20px;  min-width: 60%; }
#site-title {font-size: 2.0em;}
#site-des {font-size: 0.9em;} #at-post-list article h4{position: absolute; top: 80%; left: 0; margin: 0; padding: 0 15px; font-size: 92%; color: #FFF; z-index: 600;} #footer-inner2 .f-left {width: 47%;}
#footer-inner2 .f-center {width: 47%;}
#footer-inner2 .f-right {width: 47%;}
} @media screen and (max-width: 479px) {
#containar {width: 92%; margin: 0 auto;}
.single #contents {padding: 10px 5px;}
.alignleft, .alignright {float: none; text-align: center; margin: 0 auto; padding: 0; display: block;} #mainvisual-inner {padding: 20px;  min-width: 80%; }
#site-title {font-size: 1.5em;}
#site-des {font-size: 0.8em;} #post-list {padding: 10px 0;} 
#post-list article {width: 100%; padding: 0 0 20px;}
#post-list h3 {font-size: 1.25em;}
#post-list p, #post-list-cat p {padding: 0;}
#post-list-cat h3,  #post-list-cat article h3 {font-size: 1.25em;}
#post-list article .idx p { padding: 5% 10% 0; font-size: 0.9em; line-height: 1.3em; font-weight: normal; text-align: justify; color: #FFF; text-justify: inter-ideograph;}
#post-list-cat article {height: auto; padding-bottom: 1.5em;}
#post-list-cat article .img-set {float: none; clear: both; margin-right: 0; max-width: 100%;}
#post-list-cat p {padding: 1em 0 0;} h1 {font-size: 1.38em;}
h2 {font-size: 1.28em;}
h3 {font-size: 1.22em;}
h4 {font-size: 1.14em;}
h5 {font-size: 1.08em}
.doc, .info {padding: 1em 0.5em;}
.doc > p {padding: 0;}
#contents .doc p {padding: 0;}
.info-img {max-width: 100%;} #related-posts  article {padding: 10px 5px;}
#related-posts  article .img-set {float: none;  margin-right: 0; max-width: 100%;}
#related-posts  article h5 {margin: 10px 0; font-size: 1.2em;} .ads-left {float: none; margin: 0 auto; text-align: center; display: block;}
.ads-right {float: none; margin: 0 auto; text-align: center; display: block;} .icon-feed:before {margin: 0 2px 0 5px;}
.icon-facebook:before {margin: 0 5px;}
.icon-gplus:before {margin: 0 5px;}
.icon-twitter:before {margin: 0 5px;} table.scroll{display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;}
.scroll::-webkit-scrollbar{ height: 5px;}
.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;} #at-post-list article {width: 100%; margin: 0; padding: 10px 0; letter-spacing: 0; overflow: hidden; z-index: 100;} #sidebar-01, #sidebar-02 {padding: 0;} #footer-inner2 {width: 100%; padding: 0!important;}
#footer-inner2 .f-left, #footer-inner2 .f-center, #footer-inner2 .f-right {padding: 0 10px; width: 100%;}
#footer-inner2 .f-01, #footer-inner2 .f-02, #footer-inner2 .f-03, #footer-inner2 .f-04 {padding: 0 10px; width: 100%;}  
#footer-inner2 .textwidget { padding: 15px;}
.footer-wrapper h4 {position: relative;margin: 0.6em 0;}
.footer-wrapper ul > li {padding: 5px 0 5px 1.3em;}
.footer-wrapper ul > li:before {top: 5px;}
.footer-wrapper .tagcloud {padding: 10px;} .framed-text {padding: 1.5em 1em;}
.framed-widetitle { font-size: 1.2em;} ul.check {padding: .5em;} .balloon .balloon-img-left {width: 60px; margin-right: 8px;}
.balloon-img-left img {width: 60px; height: 60px;}
.balloon-txt-left {max-width: calc( 100% - 70px ) ;}
.balloon .balloon-img-right {width: 60px; margin-left: 8px;}
.balloon-img-right img {width: 60px; height: 60px;}
.balloon-txt-right {max-width: calc( 100% - 70px ) ;}
}.h-slide .img {position: relative; margin: 0; padding: 0; z-index: 10;}
.h-slide img{ width: 100%; height: auto;}
.h-slide .h-slide-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 60px; border-radius: 10px; z-index: 10000;}
.h-slide-inner .slide-title {font-size: 2.4em; font-weight: 600; line-height:1.4em; color: #FFF; text-align: center; animation-name: title-in; animation-duration: 3s; white-space: pre-wrap;}
.h-slide-inner .slide-des {margin-top: 1em; font-size: 1.0em; font-weight: 500; line-height:1.6em; color: #FFF; text-align: center}
.h-slide-inner a {color: #FFF;}
.h-slide-inner a:hover{color: #FFF; text-decoration: ;} @media screen and (max-width: 979px) { #slidevisual {min-width: 0; }
.h-slide .h-slide-inner {padding: 20px;  min-width: 60%; }
} @media screen and (max-width: 767px) { .h-slide .h-slide-inner {padding: 20px;  min-width: 60%; }
.h-slide-inner .slide-title  {font-size: 2.0em;}
.h-slide-inner .slide-des {font-size: 0.9em;}
} @media screen and (max-width: 479px) { .h-slide .h-slide-inner {padding: 20px;  min-width: 80%; }
.h-slide-inner .slide-title  {font-size: 1.5em;}
.h-slide-inner .slide-des {font-size: 0.8em;}
} h1.post-title {
position: relative;
padding: 0.25em 0;
}
h1.post-title:after {
content: "";
display: block;
height: 4px;
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}
h1.post-title:before {background-color: initial;}
h1.post-title {background-color: initial;}
div#contents h2 {
position: relative;
color: #158b2b;
font-size: 20px;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
div#contents h2:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
div#contents h4 {
color: #21478f;  border-bottom: dashed 2px #6594e0;
}
div#contents h5 {
position: relative;
background: #dfefff;
box-shadow: 0px 0px 0px 5px #dfefff;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545;
}
div#contents h5:after {
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #a8d4ff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}* {-webkit-box-sizing: border-box; box-sizing: border-box;} .idx01 {position: relative; margin-left: .2em; padding: 0.2em 0 0 1.2em; line-height: 1.8em;}
.idx01.red, .idx01.blue, .idx01.green, .idx01.pink, .idx01.brown, .idx01.purple, .idx01.grey {color: #333;}
.idx01:before {position: absolute; left: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f111';; margin-right: .2em; }
.idx01.red:before {color: #ED8C97;}
.idx01.blue:before {color: #99E5FF;}
.idx01.green:before {color: #BFDF9F;}
.idx01.pink:before {color: #FF99CC;}
.idx01.brown:before {color: #FFB45E;}
.idx01.purple:before {color: #D2A6CA;}
.idx01.grey:before {color: #CCC;} .idx02 {position: relative; padding: 0.2em 1em 0.2em 1.8em; line-height: 1.8em; background: #F2F2F2; border-radius: .2em; display: block} 
.idx02.red, .idx02.blue, .idx02.green, .idx02.pink, .idx02.brown, .idx02.purple, .idx02.grey {color: #333;}
.idx02:before {position: absolute; left: .5em; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f138';}
.idx02.red:before {color: #ED8C97;}
.idx02.blue:before {color: #99E5FF;}
.idx02.green:before {color: #BFDF9F;}
.idx02.pink:before {color: #FF99CC;}
.idx02.brown:before {color: #FFB45E;}
.idx02.purple:before {color: #D2A6CA;}
.idx02.grey:before {color: #CCC;} .idx03{line-height: 1.2em; padding: .3em .5em 0; border-bottom: 5px solid #CCC;}
.idx03.red {border-color: #FF2232; color: #333;}
.idx03.blue {border-color: #3CF; color: #333;}
.idx03.green {border-color: #00BF62; color: #333;}
.idx03.pink {border-color: #F39; color: #333;}
.idx03.brown {border-color: #ED682A; color: #333;}
.idx03.purple {border-color: #814EAA; color: #333;}
.idx03.grey {border-color: #CCC; color: #333;} .idx04 {border-style: solid; border-width: 3px ; padding: 0.5em; border-radius: 0.5em;}
.idx04.red {border-color: #FF2232; color: #333;}
.idx04.blue {border-color: #3CF; color: #333;}
.idx04.green {border-color: #00BF62; color: #333;}
.idx04.pink {border-color: #F39; color: #333;}
.idx04.brown {border-color: #ED682A; color: #333;}
.idx04.purple {border-color: #814EAA; color: #333;}
.idx04.grey {border-color: #CCC; color: #333;} .idx05 {padding: 0.5em; background: #FFE5E5; border-bottom: solid 3px #C00;}
.idx05.red {color: #333; border-color: #C00; background: rgba(204,0,0,0.06); }
.idx05.blue {color: #333; border-color: #36F; background: rgba(51,102,255,0.08); }
.idx05.green {color: #333; border-color: #005950; background: rgba(0,89,80,0.08); }
.idx05.pink {color: #333; border-color: #C06; background: rgba(204,0,102,0.08); }
.idx05.brown {color: #333; border-color: #CE481F; background: rgba(206,72,31,0.08); }
.idx05.purple {color: #333; border-color: #644388; background: rgba(100,67,136,0.08); }
.idx05.grey {color: #333; border-color: #333; background: rgba(51,51,51,0.08); } .idx06 {padding: 0.5em; background: #FFE5E5; border-left: solid 8px #C00;}
.idx06.red {color: #333; border-color: #FF2232; background: rgba(204,0,0,0.08);}
.idx06.blue {color: #333; border-color: #3CF; background: rgba(51,102,255,0.08);}
.idx06.green {color: #333; border-color: #00BF62; background: rgba(0,89,80,0.08);}
.idx06.pink {color: #333; border-color: #F39; background: rgba(204,0,102,0.08);}
.idx06.brown {color: #333; border-color: #ED682A; background: rgba(206,72,31,0.08);}
.idx06.purple {color: #333; border-color: #814EAA; background: rgba(100,67,136,0.08);}
.idx06.grey {color: #333; border-color: #CCC; background: rgba(51,51,51,0.08);} .idx07.red {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ffcccc 0%);}
.idx07.blue {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #99ffff 0%);}
.idx07.green {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ccff99 0%);}
.idx07.pink {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ffccff 0%);}
.idx07.yellow {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ffff66 0%);}
.idx07.purple {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ccccff 0%);}
.idx07.grey {color: #333; padding: 0.2em 0.5em; background: linear-gradient(transparent 50%, #ddd 0%);} .idx08 {margin: 0 -80px 0 -100px; position: relative; padding: 0.5em 3em;}
.idx08.red {background: #FF6B74; color: #FFF;}
.idx08.blue {background: #3CF; color: #FFF;}
.idx08.green {background: #00BF62; color: #FFF;}
.idx08.pink {background: #FF65B2; color: #FFF;}
.idx08.brown {background: #F08A5A; color: #FFF;}
.idx08.purple {background: #AB75D8; color: #FFF;}
.idx08.grey {background: #AAA; color: #FFF;}
.idx08:before {position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 20px #C00;}
.idx08:after{position: absolute; content: '';top: 0; right: 0; width: 0px;height: 0px;border-width: 30px 15px 30px 0px; border-color: transparent #fff transparent transparent; border-style: solid; z-index: 1;}
.idx08.red:before {border-right: solid 20px #C00;}
.idx08.blue:before {border-right: solid 20px #36F;}
.idx08.green:before {border-right: solid 20px #005950;}
.idx08.pink:before {border-right: solid 20px #C06;}
.idx08.brown:before {border-right: solid 20px #CE481F;}
.idx08.purple:before {border-right: solid 20px #644388;}
.idx08.grey:before {border-right: solid 20px #333;} .idx09 {position: relative; margin: 1.5em 0 1em!important; padding: .3em .5em; border-radius: 0 5px 5px 5px;}
.idx09.red {color: #333; background: rgba(204,0,0,0.1);}
.idx09.blue {color: #333; background: rgba(51,204,255,0.1);}
.idx09.green {color: #333; background: rgba(0,89,80,0.1);}
.idx09.pink {color: #333; background: rgba(204,0,102,0.1);}
.idx09.brown {color: #333; background: rgba(206,72,31,0.1);}
.idx09.purple {color: #333; background: rgba(100,67,136,0.1);}
.idx09.grey {color: #333; background: rgba(51,51,51,0.1);}
.idx09:before {position: absolute; left: 0; bottom: 100%; font-family: 'Verdana','Arial',sans-serif; content: 'Check!'; font-style: italic; border-radius: 5px 5px 0 0; padding: 3px 7px 1px; font-size: 12px; line-height: 1em; letter-spacing: .1em;}
.idx09.red:before {background: #FF2232; color: #FFF;}
.idx09.blue:before {background: #3CF; color: #FFF;}
.idx09.green:before {background: #00BF62; color: #FFF;}
.idx09.pink:before {background: #F39; color: #FFF;}
.idx09.brown:before {background: #ED682A; color: #FFF;}
.idx09.purple:before {background: #814EAA; color: #FFF;}
.idx09.grey:before {background: #333; color: #FFF;} .idx10 {position: relative; margin: 20px auto; padding: 10px 0; text-align: center; display: inline-block;  z-index: 10;}
.idx10.red, .idx10.blue, .idx10.green, .idx10.pink, .idx10.brown, .idx10.purple, .idx10.grey {color: #666; font-size: 2.5em;}
.idx10:before {content: ""; position: absolute; top: 0; left: -10px; width: 30px; height: 30px; border: 3px solid #CCC; transform: rotate(-10deg); z-index: -1;}
.idx10:after {content: ""; position: absolute; bottom: 0; right: -10px; width: 80px; height: 80px; border: 3px solid #CCC; transform: rotate(10deg); z-index: -1;}
.idx10.red:before, .idx10.red:after {border-color: #ED8C97;}
.idx10.blue:before, .idx10.blue:after {border-color: #99E5FF;}
.idx10.green:before, .idx10.green:after {border-color: #BFDF9F;}
.idx10.pink:before, .idx10.pink:after {border-color: #FF99CC;}
.idx10.brown:before, .idx10.brown:after {border-color: #FFB45E;}
.idx10.purple:before, .idx10.purple:after {border-color: #D2A6CA;}
.idx10.grey:before, .idx10.grey:after {border-color: #CCC;} .btn01 {display: inline-block; text-align: center; text-decoration: none;  font-size: 1.2em; line-height: 1.2em; text-decoration: none; padding: 0.8em 2em; border-radius: 8px;}
.btn01::before, .btn01::after {position: absolute; z-index: -1; display: block; content: '';}
.btn01, .btn01::before, .btn01::after { -webkit-transition: all .2s; transition: all .2s;}
.btn01 {position: relative; z-index: 2; background-color: #333; border: 2px solid #333; color: #FFF;}
.btn01:hover {background-color: #FFF;border-color: #333; color: #333;}
.btn01::before, .btn01::after {top: 0; width: 50%; height: 100%;}
.btn01::before {right: 0;}
.btn01::after {left: 0;}
.btn01:hover::before, .btn01:hover::after {width: 0; background-color: #333;}
.btn01.red {background-color: #e95454; border-color: #e95454; color: #FFF;}
.btn01.red:hover {background-color: #FFF; border-color: #e95454; color: #e95454;}
.btn01.red::before, .btn01.red::after {background-color: #e95454;}
.btn01.red:hover::before, .btn01.red:hover::after {background-color: #e95454;}
.btn01.blue {background-color: #33a8df; border-color: #33a8df; color: #FFF;}
.btn01.blue:hover {background-color: #FFF; border-color: #33a8df; color: #33a8df;}
.btn01.blue::before, .btn01.blue::after {background-color: #33a8df;}
.btn01.blue:hover::before, .btn01.blue:hover::after {background-color: #33a8df;}
.btn01.green {background-color: #2daa3f; border-color: #2daa3f; color: #FFF;}
.btn01.green:hover {background-color: #FFF; border-color: #2daa3f; color: #2daa3f;}
.btn01.green::before, .btn01.green::after {background-color: #2daa3f;}
.btn01.green:hover::before, .btn01.green:hover::after {background-color: #2daa3f;}
.btn01.pink {background-color: #cf3371; border-color: #cf3371; color: #FFF;}
.btn01.pink:hover {background-color: #FFF; border-color: #cf3371; color: #cf3371;}
.btn01.pink::before, .btn01.pink::after {background-color: #cf3371;}
.btn01.pink:hover::before, .btn01.pink:hover::after {background-color: #cf3371;}
.btn01.brown {background-color: #f19726; border-color: #f19726; color: #FFF;}
.btn01.brown:hover {background-color: #FFF; border-color: #f19726; color: #f19726;}
.btn01.brown::before, .btn01.brown::after {background-color: #f19726;}
.btn01.brown:hover::before, .btn01.brown:hover::after {background-color: #f19726;}
.btn01.purple {background-color: #8865B2; border-color: #8865B2; color: #FFF;}
.btn01.purple:hover {background-color: #FFF; border-color: #8865B2; color: #8865B2;}
.btn01.purple::before, .btn01.purple::after {background-color: #8865B2;}
.btn01.purple:hover::before, .btn01.purple:hover::after {background-color: #8865B2;}
.btn01.grey {background-color: #888; border-color: #888; color: #FFF;}
.btn01.grey:hover {background-color: #FFF; border-color: #888; color: #888;}
.btn01.grey::before, .btn01.grey::after {background-color: #888;}
.btn01.grey:hover::before, .btn01.grey:hover::after {background-color: #888;} .btn02 {display: inline-block; font-size: 1.2em; color: #e95454; text-decoration: none; padding: 0.8em 2em; border: 2px solid #e95454; border-radius: .4em; -webkit-transition: all .3s; transition: all .3s;}
.btn02:hover {border-radius: 2.0em; background-color: transparent; color: #e95454;}
.btn02.red {background-color: #e95454; border-color: #e95454; color: #FFF;}
.btn02.red:hover {background-color: transparent; color: #e95454;}
.btn02.blue {background-color: #33a8df; border-color: #33a8df; color: #FFF;}
.btn02.blue:hover {background-color: transparent; color: #33a8df;}
.btn02.green {background-color: #2daa3f; border-color: #2daa3f; color: #FFF;}
.btn02.green:hover {background-color: transparent; color: #2daa3f;}
.btn02.pink {background-color: #cf3371; border-color: #cf3371; color: #FFF;}
.btn02.pink:hover {background-color: transparent; color: #cf3371;}
.btn02.brown {background-color: #f19726; border-color: #f19726; color: #FFF;}
.btn02.brown:hover {background-color: transparent; color: #f19726;}
.btn02.purple {background-color: #8865B2; border-color: #8865B2; color: #FFF;}
.btn02.purple:hover {background-color: transparent; color: #8865B2;}
.btn02.grey {background-color: #888; border-color: #888; color: #FFF;}
.btn02.grey:hover {background-color: transparent; color: #888;} .btn03 {display: inline-block; font-size: 1.2em; color: text-decoration: none; padding: 0.8em 2em; border-radius: .4em;}
.btn03:hover {animation: buruburu .1s  infinite;}
.btn03.red {background-color: #e95454; color: #FFF;}
.btn03.blue {background-color: #33a8df; color: #FFF;}
.btn03.green {background-color: #2daa3f; color: #FFF;}
.btn03.pink {background-color: #cf3371; color: #FFF;}
.btn03.brown {background-color: #f19726; color: #FFF;}
.btn03.purple {background-color: #8865B2; color: #FFF;}
.btn03.grey {background-color: #888; color: #FFF;}
@keyframes buruburu {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)} } .btn04 {display: inline-block; padding: 0.8em 2em; font-size: 1.2em; border: 2px solid #e95454; background-color: #e95454; color: #FFF; -webkit-transition: 0.3s; transition: 0.3s; border-radius: .4em;}
.btn04:hover {background-color: #FFF; color: #e95454; padding:1.2em 3em;}
.btn04.red {background-color: #e95454; color: #FFF; }
.btn04.red:hover {background-color: #FFF;  color: #e95454;}
.btn04.blue {border-color: #33a8df; background-color: #33a8df; color: #FFF; }
.btn04.blue:hover {background-color: #FFF;  color: #33a8df;}
.btn04.green {border-color: #2daa3f; background-color: #2daa3f; color: #FFF; }
.btn04.green:hover {background-color: #FFF;  color: #2daa3f;}
.btn04.pink {border-color: #cf3371; background-color: #cf3371; color: #FFF; }
.btn04.pink:hover {background-color: #FFF;  color: #cf3371;}
.btn04.brown {border-color: #f19726; background-color: #f19726; color: #FFF; }
.btn04.brown:hover {background-color: #FFF;  color: #f19726;}
.btn04.purple {border-color: #8865B2; background-color: #8865B2; color: #FFF; }
.btn04.purple:hover {background-color: #FFF;  color: #8865B2;}
.btn04.grey {border-color: #888; background-color: #888; color: #FFF; }
.btn04.grey:hover {background-color: #FFF;  color: #888;} .btn05 {display: inline-block; padding: 0.8em 2em; font-size: 1.2em; background-color: #e95454; color: #FFF; border-radius: .4em;}
.btn05:hover{color: #FFF; background-color: #FF2232; animation: yureru 0.5s linear infinite;}
.btn05.red {color: #FFF; background-color: #e95454;}
.btn05.red:hover {background-color: #FF2232;}
.btn05.blue {color: #FFF; background-color: #33a8df;}
.btn05.blue:hover {background-color: #3CF;}
.btn05.green {color: #FFF; background-color: #2daa3f;}
.btn05.green:hover {background-color: #3BDB50;}
.btn05.pink {color: #FFF; background-color: #cf3371;}
.btn05.pink:hover {background-color: #F39;}
.btn05.brown {color: #FFF; background-color: #f19726;}
.btn05.brown:hover {background-color: #FF9626;}
.btn05.purple {color: #FFF; background-color: #8865B2;}
.btn05.purple:hover {background-color: #AD81E2;}
.btn05.grey {color: #FFF; background-color: #666;}
.btn05.grey:hover {background-color: #888;}
@keyframes yureru {
0%{-webkit-transform: translateY(0);transform: translateY(0);}
25%{-webkit-transform: translateY(-5px); transform: translateY(-5px);}
75%{-webkit-transform: translateY(5px); transform: translateY(5px);}
100%{-webkit-transform: translateX(0); transform: translateX(0);}
} .btn06 {display: inline-block; padding: 0.8em 2.5em; font-size: 1.2em; background-color: #e95454; color: #FFF; border-radius: 1.4em; -webkit-transition: 0.3s; transition: 0.3s;}
.btn06.red {color: #FFF; background-color: #e95454;}
.btn06.red:hover {background-color: #FF2232;}
.btn06.blue {color: #FFF; background-color: #33a8df;}
.btn06.blue:hover {background-color: #3CF;}
.btn06.green {color: #FFF; background-color: #2daa3f;}
.btn06.green:hover {background-color: #3BDB50;}
.btn06.pink {color: #FFF; background-color: #cf3371;}
.btn06.pink:hover {background-color: #F39;}
.btn06.brown {color: #FFF; background-color: #f19726;}
.btn06.brown:hover {background-color: #FF9626;}
.btn06.purple {color: #FFF; background-color: #8865B2;}
.btn06.purple:hover {background-color: #AD81E2;}
.btn06.grey {color: #FFF; background-color: #666;}
.btn06.grey:hover {background-color: #888;} .stitch-text {border: 2px dashed #FFF; border-radius: 8px; margin: 1em 0; padding: 2em;}
.stitch-text.red {color: #FFF; background-color: #900F42; box-shadow: 0 0 0 4px #900F42;}
.stitch-text.blue {color: #FFF; background-color: #435495; box-shadow: 0 0 0 4px #435495;}
.stitch-text.green {color: #FFF; background-color: #556B2F; box-shadow: 0 0 0 4px #556B2F;}
.stitch-text.pink {color: #FFF; background-color: #D95D97; box-shadow: 0 0 0 4px #D95D97;}
.stitch-text.brown {color: #FFF; background-color: #895141; box-shadow: 0 0 0 4px #895141;}
.stitch-text.purple {color: #FFF; background-color: #644a77; box-shadow: 0 0 0 4px #644a77;}
.stitch-text.grey {color: #FFF; background-color: #6D696F; box-shadow: 0 0 0 4px #6D696F;} .btn-align {margin: 10px 0; letter-spacing: -.4em;}
.btn-align .item {display: inline-block; vertical-align: top; width: 33.33%; margin: 0; padding: 5px 2px; text-align: center; letter-spacing: 0; overflow: hidden;}
@media screen and (max-width: 979px) {
.idx08 {margin: 0 -6% 0 -9%; padding: 0.5em 1em;}
}
@media screen and (max-width: 767px) {
.idx08 {margin: 0 -12% 0 -12%; padding: 0.5em 1.5em;}
.idx08:before, .idx08:after {border-width: 0;}
.idx10.red, .idx10.blue, .idx10.green, .idx10.pink, .idx10.brown, .idx10.purple, .idx10.grey {font-size: 2.0em;}
} 
@media screen and (max-width: 479px) {
.btn-align .item {width: 100%; padding: 5px 0; text-align: center;}
.idx08 {margin: 0 -6% 0 -6%; padding: 0.5em 1em;}
.idx08:before, .idx08:after {border-width: 0;}
.idx10.red, .idx10.blue, .idx10.green, .idx10.pink, .idx10.brown, .idx10.purple, .idx10.grey {font-size: 1.8em;}
#contents .doc p {padding: 0;}
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/fonts/slick.eot);
src: url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/fonts/slick.woff) format('woff'), url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/fonts/slick.ttf) format('truetype'), url(https://tatami-mat.jp/wp-content/themes/wp1650-child06/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}