/*
Theme Name: andFUN
Theme URI: http://andfun.info/
Description: andFUN SITE THEME
Author: HHH
Version: 1.0
Tags: 
*/

@charset "utf-8";

/* andFUN */
html {}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, figure, figcaption {display:block;}
body {font-size:100%; line-height:1; text-align:center; color:#333333; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; -webkit-text-size-adjust: 100%;}

img, a img {border:none; vertical-align:bottom;}
h1, h2, h3 {font-weight:normal;}

a {opacity:1; text-decoration:none; transition:opacity 0.2s;}
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover {opacity:0.7;}

.l-container {position:relative; min-width:1200px; padding:70px 0 0;}
.u-wrap {max-width:1100px; margin:0px auto;}

.l-header {position:fixed; top:0; left:0px; width:100%; min-width:1100px; margin:0px 0px 90px; box-shadow:0 1px 2px rgba(0,0,0,0.2); background:rgba(255,255,255,0.95); overflow:hidden; z-index:5000;}
.l-header .u-wrap {position:relative; height:70px; overflow:hidden;}
.l-footer {position:relative; width:100%; height:250px; margin:0px; z-index:3000; overflow:hidden;}


.p-logo {position:absolute; left:3px; top:18px; overflow:hidden;}
.p-logo__link {}
.p-logo__img {width:159px;}

.p-navi {position:absolute; right:160px; bottom:14px;}
.p-navi__list {display:flex; justify-content:space-between;}
.p-navi__item {margin:0 0 0 20px;}
.p-navi__link {display:block; position:relative; padding:3px 5px;}
.p-navi__link.on,
.p-navi__link:hover {background:linear-gradient(rgba(255,255,255,0) 70%,rgba(249,80,108,0.2) 70%); opacity:1;}
.p-navi__link::before {content:url('./assets/img/btn_on.svg'); position:absolute; left:0; right:0; top:-20px; display:block; width:17px; height:auto; margin:0 auto; opacity:0; transition:opacity 0.2s;}
.p-navi__link.on::before,
.p-navi__link:hover::before {opacity:1;}
.p-navi__img {display:block;}

.p-comNavi {position:absolute; right:0; top:6px;}
.p-comNavi__list {display:flex; justify-content:space-between;}
.p-comNavi__item {margin:0 0 0 10px;}
.p-comNavi__link {display:block; position:relative; width:58px; height:58px; border-radius:50%;}
.p-comNavi__item.m-blog .p-comNavi__link {background:#42d9a9;}
.p-comNavi__item.m-mail .p-comNavi__link {background:#fb9822;}
.p-comNavi__img {width:100%;}






.p-gotop {position:fixed; bottom:30px; right:10px; width:42px; -webkit-transition:right 0.2s; -moz-transition:right 0.2s; transition:right 0.2s; z-index:2000;}
.p-gotop.no {right:-42px;}
.p-gotop__btn {display:block; width:42px; height:63px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}




.p-footer {text-align:left; color:#ffffff; background:#77AF50;}
.p-footer .u-wrap {display:flex; width:850px; flex-wrap:wrap; justify-content:flex-start;}

.p-footer__logo {margin:40px 60px 0 0; text-align:center;}
.p-footer__logo__img {}
.p-footer__logo__cap {margin:5px 0 0; font-size:13px; font-weight:bold;}

.p-footer__list {margin:30px 60px 0 0;}
.p-footer__item {margin:15px 0;}
.p-footer__item a:link,
.p-footer__item a:visited {color:#ffffff; font-size:13px; font-weight:bold;}
.p-footer__item a:hover {text-decoration:underline;}
.p-footer__list.u-1st {}
.p-footer__list.u-1st .p-footer__item {text-align:left;}
.p-footer__list.u-2nd {}
.p-footer__list.u-2nd .p-footer__item {text-align:left;}

.p-footer .m-fb {position:relative; width:190px; height:85px; margin:40px 0 0;}
.p-footer .m-fb__link {}
.p-footer a.m-fb__link:hover {opacity:1;}
.p-footer .m-fb__imgBox {}
.p-footer .m-fb__img {position:absolute; top:11px; left:22px; width:70px; height:70px; border-radius:5px; z-index:100;}
.p-footer .m-fb__comment {position:absolute; top:0px; left:0px; width:190px; height:85px; background:transparent url('assets/img/bg_fb.png') no-repeat 0px 0px; z-index:200;}
.p-footer .m-fb__comment__text:first-child {margin:20px 0px 0px 111px; font-size:0.750em; color:#313233; line-height:1.167;}
.p-footer .m-fb__comment__text:last-child {margin:16px 0px 0px 108px; font-size:0.875em; font-weight:bold; color:#ffffff;}

.p-footer__address {width:100%; margin:35px 0px 0px; font-style:normal; font-weight:normal; text-align:center; letter-spacing:1px; font-size:12px; overflow:hidden; font-family:Arial,sans-serif;}







/* HOME */

#home .p-slide {position:relative; width:100%; height:550px; margin:0 auto; overflow:hidden; z-index:100;}
#home .p-slide::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30px; background:url('assets/img/img_line.png') repeat-x 50% 100%; z-index:200;}
#home .p-slide__ttl {position:absolute; top:0; bottom:0; left:-666px; right:0; width:360px; height:130px; margin:auto; z-index:200;}
#home .p-slide__list {width:100%; height:550px; overflow:hidden; z-index:100;}
#home .p-slide__item {position:relative; width:1100px; height:550px; margin:0px; float:left;}
#home .p-slide__img {}
#home .slick-dots {bottom:50px;}
#home .slick-dots li button:before {opacity:0.4; color:#ffffff; font-size:10px;}
#home .slick-dots li.slick-active button:before {opacity:1; color:#ffffff;}


#home .p-info {width:100%; background:#fbeae2; overflow:hidden;}
#home .p-info .u-wrap {display:flex;}
#home .p-info__ttl {display:flex; width:110px; height:80px; justify-content:center; align-items:center; background:#f9506c;}
#home .p-info__list {width:990px;}
#home .p-info__item {display:flex; height:80px; padding:0 20px; justify-content:flex-start; align-items:center; font-size:20px;}
#home .p-info__item__time {margin:0 10px 0 0;}
#home .p-info__item__text {}


#home .p-hello {position:relative; width:100%; overflow:hidden;}
#home .p-hello::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30px; background:transparent url('assets/img/img_line.png') repeat-x 50% 100%; z-index:200;}
#home .p-hello .u-wrap {display:flex; padding:80px 50px; flex-direction:row-reverse; justify-content:space-between; box-sizing:border-box;}
#home .p-hello__textBox {width:660px;}
#home .p-hello__ttl {margin:0 0 40px; text-align:left;}
#home .p-hello__ttl__img {}
#home .p-hello__text {}
#home .p-hello__text p {margin:0 0 30px; font-size:18px; line-height:1.8; text-align:left;}
#home .p-hello__imgBox {width:240px;}
#home .p-hello__photoWrap {width:240px; height:240px; margin:0 0 20px; border-radius:50%; overflow:hidden;}
#home .p-hello__photo {}
#home .p-hello__imgWrap {}
#home .p-hello__img {}
#home .p-hello__btnWrap {margin:10px auto 0;}
#home .p-hello__btn {}
#home .p-hello__btn__img {}



#home .p-montessori {position:relative; background:#fff7f1; padding:0 0 100px; overflow:hidden;}
#home .p-montessori::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30px; background:transparent url('assets/img/img_line.png') repeat-x 50% 100%; z-index:200;}
#home .p-montessori__ttl {margin:80px auto 70px;}

#home .m-montessoriWhat {position:relative; width:1000px; margin:0 auto 60px; padding:40px 35px 30px; border:solid 4px #d0d0d0; border-radius:15px; box-sizing:border-box; background:#ffffff;}
#home .m-montessoriWhat__ttl {position:absolute; top:-26px; left:-14px;}
#home .m-montessoriWhat__box {display:flex; justify-content:space-between; align-items:center;}
#home .m-montessoriWhat__text {margin:0 20px 0 0; font-size:17px; text-align:left; line-height:1.8;}
#home .m-montessoriWhat__imgBox {}
#home .m-montessoriWhat__img {display:block; margin:0 0 10px;}
#home .m-montessoriWhat__cap {display:block; font-size:12px;}

#home .m-montessoriOuch {position:relative; width:1000px; margin:0 auto; padding:90px 35px 30px; border:solid 4px #ffbcc5; border-radius:15px; box-sizing:border-box; background:#ffffff;}
#home .m-montessoriOuch__ttl {position:absolute; top:-25px; left:-17px;}
#home .m-montessoriOuch__box {display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;}
#home .m-montessoriOuch__textBox {margin:0 0 0 40px; text-align:left;}
#home .m-montessoriOuch__sttl {margin:0 0 20px; font-size:22px; font-weight:bold;}
#home .m-montessoriOuch__text {font-size:17px; line-height:1.8;}
#home .m-montessoriOuch__imgBox {}
#home .m-montessoriOuch__img {display:block; margin:0 0 10px;}



#home .p-lesson {position:relative; width:100%; padding:0 0 80px; overflow:hidden;}
#home .p-lesson::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30px; background:transparent url('assets/img/img_line.png') repeat-x 50% 100%; z-index:200;}
#home .p-lesson__ttl {margin:80px auto 20px;}
#home .p-lesson__ttl__img {}
#home .p-lesson__lead {margin:0 0 50px;}
#home .p-lesson__list {display:flex; flex-wrap:wrap; justify-content:space-between;}
#home .p-lesson__item {position:relative; width:30%; padding:0 0 40px;}
#home .p-lesson__item__imgBox {margin:0 0 20px;}
#home .p-lesson__item__img {width:100%; height:auto;}
#home .p-lesson__item__text {text-align:left; font-size:14px; line-height:1.8;}
#home .p-lesson__reserve {position:absolute; top:380px; right:-20px; width:100px; height:100px; border-radius:50%; background:#25a6ab;}
#home .p-lesson__reserve__img {position:absolute; top:0; bottom:-8px; left:0; right:0; width:70%; height:auto; margin:auto;}



#home .p-history {position:relative; background:#fff7f1; padding:0 0 100px; overflow:hidden;}
#home .p-history::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:30px; background:transparent url('assets/img/img_line.png') repeat-x 50% 100%; z-index:200;}
#home .p-history__ttl {margin:80px auto 30px;}

#home .p-history__box {padding:20px 35px 30px; border:solid 4px #ffbcc5; border-radius:15px; box-sizing:border-box; background:#ffffff;}
#home .p-history__list {}
#home .p-history__item {margin:0 0 20px; padding:20px; border-bottom:solid 1px #cccccc; text-align:left;}
#home .p-history__item:last-child {border:0;}
#home .p-history__sttl {display:inline-block; margin:0 0 10px; font-size:23px; font-weight:bold; color:#f42744; background:linear-gradient(rgba(255,255,255,0) 75%,rgba(249,80,108,0.1) 70%); opacity:1;}
#home .p-history__sttl::before,
#home .p-history__sttl::after {content:'"'; font-size:30px; color:#f42744;}
#home .p-history__item__box {}
#home .p-history__item__box p {padding:5px 0; line-height:2;}

#home .m-gallery {display:flex; flex-wrap:wrap; width:100%;}
#home .m-gallery__item {}
#home .m-gallery__link {display:block; margin:10px; padding:7px; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.2);}
#home .m-gallery__img {}




/* CONTACT */
.p-contact {position:relative; width:100%; padding:100px 0px 70px; text-align:left; color:#ffffff; background:#fb9822 url('images/contact/bg_contact.png') repeat 0px 0px; overflow:hidden;}
.p-contact__ttl {margin:0px 0px 30px 290px; font-size:20px; font-weight:bold;}
.p-contact__text {margin:0px 0px 0px 290px; font-size:15px; line-height:1.8;}
.p-contact__text p {margin:0px 0px 1em 0px;}




/* BLOG */
#blog {margin:90px auto 0px; padding:0px 0px 50px; overflow:hidden;}
#blog div.ttlBox {background:#000000 url('images/blog/bg_blog.jpg') no-repeat 50% 50%; background-size:cover;}
#blog div.ttlBox .ttl {position:relative; height:270px;}
#blog div.ttlBox .ttl img {position:absolute; top:50px; left:-20px;}

#blog div.contents {position:relative; width:960px; margin:0px auto; overflow:hidden;}
#blog div.posts {position:relative; width:640px; overflow:hidden; float:left;}
#blog div.posts section h1,
#blog div.posts section h2 {margin:30px 0px; padding:5px 0px 15px; text-align:left; font-size:1.25em; line-height:1.4; background:transparent url('images/blog/bg_sttl.png') repeat-x 0px 100%;}
#blog div.posts section h1 span,
#blog div.posts section h2 span {display:inline-block; margin:0px 10px 0px 0px; font-size:0.8em; font-weight:normal; color:#666666; line-height:1.5; font-family:'Lily Script One', cursive;}

#blog div.posts section {overflow:hidden;}
#blog div.posts section div#infinite {width:680px; margin:0px -20px;}
#blog div.posts section div#infinite #infscr-loading {clear:both; width:100%; text-align:center; font-size:1em; line-height:2; color:#aaaaaa; font-family:'Lily Script One', cursive;}
#blog div.posts section div#page-nav {clear:both; width:100%; padding:20px 0px;}
#blog div.posts section div#page-nav a {display:inline-block; margin:0px auto; padding:5px 10px; border:solid 1px #68c5ba; border-radius:5px; font-size:1em; line-height:1.25; color:#e13612; font-family:'Lily Script One', cursive; -webkit-transition:background 0.2s; -moz-transition:background 0.2s; transition:background 0.2s;}
#blog div.posts section div#page-nav a:hover {background:rgba(104,197,186,0.1);}

#blog div.posts section section {width:300px; margin:0px 20px 30px; color:#313233; text-align:left; float:left;}
#blog div.posts section section a {display:block; margin:0px 0px 15px;}
#blog div.posts section section a figure {width:300px; height:200px; border-radius:5px; overflow:hidden;}
#blog div.posts section section a figure img {width:300px; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
#blog div.posts section section a figure div {width:300px; height:200px; overflow:hidden; background:#f0ebd5;}
#blog div.posts section section a figure div img {display:block; width:150px; margin:40px auto 0px;}
#blog div.posts section section a:hover figure img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#blog div.posts section section a:hover figure div {background:#ffffff;}
#blog div.posts section section a:hover figure div img {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#blog div.posts section section p.category {display:inline-block; margin:0px 0px 5px; padding:3px 15px; border-radius:3px; color:#ffffff; font-size:0.75em; font-weight:bold;}
#blog div.posts section section time {display:block; margin:0px 0px 2px; color:#aaaaaa; font-size:0.938em; font-weight:normal; line-height:2; font-family:'Lily Script One', cursive;}
#blog div.posts section section h3 {margin:0px 0px 5px; font-size:0.875em; font-weight:bold; line-height:1.429;}
#blog div.posts section section h3 a {display:inline; margin:0px;}
#blog div.posts section section h3 a:hover {color:#d06374;}
#blog div.posts section section p.read {font-size:0.813em; line-height:1.538;}


#blog div.main {width:680px; margin:40px 0px 0px; float:left;}
#blog article.single {position:relative; width:100%; margin:0px; padding:40px 35px; border:solid 6px #eee6c2; background:#ffffff;}
#blog article.single div.data {overflow:hidden;}
#blog article.single div.data time {margin:0px 10px 0px 0px; color:#aaaaaa; font-size:1.125em; font-weight:normal; font-family:'Lily Script One', cursive; float:left;}
#blog article.single div.data time span {margin:0px 0px 0px 3px; font-size:1.667em; color:#52a993;}
#blog article.single div.data p.category {margin:5px 0px 0px; padding:4px 15px; border-radius:3px; color:#ffffff; font-size:0.75em; font-weight:bold; float:left;}

#blog article.single h1 {margin:5px 0px 30px; padding:5px 0px 15px; text-align:left; font-size:1.25em; line-height:1.4; background:transparent url('images/blog/bg_sttl.png') repeat-x 0px 100%;}
#blog article.single h1 span {display:inline-block; margin:0px 10px 0px 0px; font-size:0.8em; font-weight:normal; color:#666666; line-height:2.5; font-family:'Lily Script One', cursive;}

#blog article.single div.detail {padding:0px 5px; text-align:left; font-size:0.938em; line-height:1.5;}
#blog article.single div.detail img {max-width:100%; margin:10px 0px;}
#blog article.single div.detail a {text-decoration:underline; color:#52a993;}
#blog article.single div.detail div {min-height:1em;}

#blog article.single div#social {margin:40px 0px 0px; vertical-align:bottom; background:transparent url('images/blog/bg_sttl.png') repeat-x 0px 0px; overflow:hidden;}
#blog article.single div#social div.in {float:right;}
#blog article.single div#social div.btn {height:20px; margin:20px 4px 0px 0px; overflow:hidden; float:left;}


#blog article.single aside#comments {clear:both; padding:20px 0px 0px; text-align:left;}
#blog article.single aside#comments h2 {margin:0px 0px 3px;}
#blog article.single aside#comments h2 svg {width:100px; height:15px; margin:0px 0px 0px 2px; fill:#d74d32;}

#blog article.single aside#comments ol {position:relative; padding:10px 20px; border-radius:5px; background:#f6f1e0;}
#blog article.single aside#comments ol li:not(.flag) {padding:20px 5px; border-bottom:solid 1px #d4c48e; font-size:0.813em; line-height:1.6;}
#blog article.single aside#comments ol li:last-child {border:0px;}
#blog article.single aside#comments ol li.flag {position:absolute; top:0px; right:0px;}
#blog article.single aside#comments ol li figure {width:50px; height:50px; border-radius:100%; background:#ffffff; float:left;}
#blog article.single aside#comments ol li figure img {display:block; height:36px; margin:4px 0px 0px 4px;}
#blog article.single aside#comments ol li figure svg {display:block; width:30px; height:30px; margin:9px 0px 0px 11px; fill:#d06374;}
#blog article.single aside#comments ol li p {margin:0px 0px 0px 70px;}
#blog article.single aside#comments ol li p.name {margin:5px 0px 10px 70px;}
#blog article.single aside#comments ol li p.name time {font-size:0.846em;}

#blog article.single aside#comments #respond {position:relative; margin:20px 0px 0px; padding:30px 25px; border-radius:5px; background:#f0f0f0;}
#blog article.single aside#comments #respond h3 {width:50px; height:50px; border-radius:100%; background:#68c5ba; float:left;}
#blog article.single aside#comments #respond h3 svg {display:block; width:30px; height:30px; margin:9px 0px 0px 11px; fill:#ffffff;}
#blog article.single aside#comments #respond h3 span {}

#blog article.single aside#comments #respond form {margin:0px 0px 0px 70px;}
#blog article.single aside#comments #respond form p {margin:0px 0px 10px;}
#blog article.single aside#comments #respond form .logged-in-as {margin:0px 0px 20px; padding:10px 10px 9px; border-radius:5px; color:#ffffff; font-size:0.813em; background:#ce4f63;}
#blog article.single aside#comments #respond form .logged-in-as a {text-decoration:underline; color:#ffffff;}
#blog article.single aside#comments #respond form label {display:inline-block; width:15%; margin:0px 0px 5px; font-size:0.813em;}
#blog article.single aside#comments #respond form .comment-form-comment label {display:block; width:100%;}
#blog article.single aside#comments #respond form textarea {width:100%; padding:10px; border:0px;}
#blog article.single aside#comments #respond form input[type=text] {display:inline-block; width:85%; padding:5px 7px; border:0px; border-radius:5px;}
#blog article.single aside#comments #respond form .required {color:#dd0000;}
#blog article.single aside#comments #respond form .att {font-weight:normal; float:right;}
#blog article.single aside#comments #respond form .form-submit {margin:0px; text-align:left;}
#blog article.single aside#comments #respond form button.submit {display:inline-block; margin:10px 0px; padding:8px 30px; border:0px; border-radius:5px; cursor:pointer; color:#ffffff; font-weight:bold; background:#68c5ba;}
#blog article.single aside#comments #respond form button.submit:hover {background:#46857e;}
#blog article.single aside#comments p.tb {margin:20px 0px 0px; font-size:0.813em;}
#blog article.single aside#comments p.tb strong {display:block; margin:5px 0px 0px;}

#blog aside.related {}
#blog aside.related h2 {margin:50px 0px 10px; text-align:left;}
#blog aside.related h2 svg {width:107px; height:20px; margin:0px 0px 0px 2px; fill:#d06374; vertical-align:middle;}
#blog aside.related h2 strong {margin:0px 0px 0px 10px; font-size:0.813em; line-height:1.6; font-weight:normal;}

#blog aside.related .inner {width:730px; margin:0px -8px; overflow:hidden;}
#blog aside.related section {width:216px; margin:0px 8px 20px; color:#313233; text-align:left; float:left;}
#blog aside.related section a {display:block; margin:0px 0px 8px;}
#blog aside.related section a figure {width:216px; height:144px; border-radius:5px; overflow:hidden;}
#blog aside.related section a figure img {width:216px; -webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
#blog aside.related section a figure div {width:216px; height:144px; overflow:hidden; background:#f0ebd5;}
#blog aside.related section a figure div img {display:block; width:110px; margin:30px auto 0px;}
#blog aside.related section a:hover figure img {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#blog aside.related section a:hover figure div {background:#ffffff;}
#blog aside.related section a:hover figure div img {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#blog aside.related section p.category {display:inline-block; margin:0px 0px 5px; padding:3px 15px; border-radius:3px; color:#ffffff; font-size:0.75em; font-weight:bold;}
#blog aside.related section time {display:block; margin:0px 0px 2px; color:#aaaaaa; font-size:0.938em; font-weight:normal; line-height:1.2; font-family:'Lily Script One', cursive;}
#blog aside.related section h3 {margin:0px 0px 5px; font-size:0.813em; font-weight:bold; line-height:1.429;}
#blog aside.related section h3 a {display:inline; margin:0px;}
#blog aside.related section h3 a:hover {color:#d06374;}
#blog aside.related section p.read {font-size:0.813em; line-height:1.538;}



#blog div.lists {margin:40px 0px 0px 720px;}

#blog div.lists figure.face {margin:0px 0px 40px;}
#blog div.lists figure.face img {display:block;}
#blog div.lists figure.face p {margin:20px 10px 0px; font-size:0.875em; text-align:left; line-height:1.429;}

#blog div.lists aside {margin:0px 0px 40px;}
#blog div.lists aside h2 {margin:0px auto 20px;}
#blog div.lists aside ul {margin:0px; text-align:left;}
#blog div.lists aside ul li {padding:4px 5px; font-size:0.75em; line-height:1.231; overflow:hidden;}
#blog div.lists aside ul li:last-child {border:0px;}

#blog div.lists aside.recent ul li {padding:12px 0px; border-bottom:solid 1px #e6dfc8;}
#blog div.lists aside.recent ul li:last-child {border:0px;}
#blog div.lists aside.recent ul li figure {width:90px; height:60px; overflow:hidden; float:left;}
#blog div.lists aside.recent ul li figure img {width:90px;}
#blog div.lists aside.recent ul li figure div.sp {width:90px; height:60px; background:#f0ebd5; overflow:hidden;}
#blog div.lists aside.recent ul li figure div.sp img {display:block; width:50px; margin:9px auto 0px;}
#blog div.lists aside.recent ul li div.text {width:140px; margin:0px 0px 0px 100px;}
#blog div.lists aside.recent ul li p {display:inline-block; margin:0px 0px 5px; padding:1px 8px; border-radius:3px; font-weight:bold; font-size:0.833em; color:#ffffff;}
#blog div.lists aside.recent ul li time {display:block; margin:0px 0px 5px; font-size:0.917em; color:#212121;}
#blog div.lists aside.recent ul li h3 {margin:0px 0px 0px 0px;}




/* CONTACT */
#contact div.ttlBox {background:#000000 url('images/blog/bg_blog.jpg') no-repeat 50% 50%;}
#contact div.ttlBox .ttl {position:relative; height:270px;}
#contact div.ttlBox .ttl img {position:absolute; top:50px; left:-20px;}

#contact div.contents form {margin:0px 0px 0px 70px;}
#contact div.contents form p {margin:0px 0px 10px;}
#contact div.contents form .logged-in-as {margin:0px 0px 20px; padding:10px 10px 9px; border-radius:5px; color:#ffffff; font-size:0.813em; background:#ce4f63;}
#contact div.contents form .logged-in-as a {text-decoration:underline; color:#ffffff;}
#contact div.contents form label {display:inline-block; width:15%; margin:0px 0px 5px; font-size:0.813em;}
#contact div.contents form .comment-form-comment label {display:block; width:100%;}
#contact div.contents form textarea {width:100%; padding:10px; border:0px;}
#contact div.contents form input[type=tel],
#contact div.contents form input[type=email],
#contact div.contents form input[type=text] {display:inline-block; width:85%; padding:5px 7px; border:0px; border-radius:5px;}
#contact div.contents form .required {color:#dd0000;}
#contact div.contents form .att {font-weight:normal; float:right;}
#contact div.contents form .form-submit {margin:0px; text-align:left;}
#contact div.contents form button.submit {display:inline-block; margin:10px 0px; padding:8px 30px; border:0px; border-radius:5px; cursor:pointer; color:#ffffff; font-weight:bold; background:#68c5ba;}
#contact div.contents form button.submit:hover {background:#46857e;}



@media screen and (min-width:930px){



}




@media screen and (min-width:768px) and (max-width:929px){

}



@media screen and (min-width:0px) and (max-width:767px){



}