/*
Theme Name: mammies an sourire
Theme URI: http://mammies.co.jp/
Author: mammies an sourire（マミーズ・アン・スリール）
Author URI: http://mammies.co.jp/
Description:
Version: 1.0
Tags:
Text Domain:
*/
@charset "UTF-8";
@import url("destyle.css");
@import url("style_icon.css");
@import url("mammies.css");
body {
line-height:1;
font-size:15px;
color:#3F240E;
font-family:'Noto Sans JP', sans-serif;
background:url(images/ranking_bg.png) repeat center center;
}
img {max-width:100%;height:auto;}


#globalHeader {padding-top:90px;position:relative;}
#globalHeader h1 {top:12px;left:50%;margin-left:-126px;z-index:100;position:absolute;}
#globalHeader #globalMenu {background:url(images/footer_bg.png) center center repeat;height:50px;}
.btn-trigger {position:absolute;width:50px;height:44px;top:20px;right:10px;cursor:pointer;}
.btn-trigger span {position:absolute;left:0;width:100%;height:4px;background-color:#8e0016;border-radius:4px;}
.btn-trigger, .btn-trigger span {display:inline-block;transition:all .5s;box-sizing:border-box;}
.btn-trigger span:nth-of-type(1) {top:0;}
.btn-trigger span:nth-of-type(2) {top:20px;}
.btn-trigger span:nth-of-type(3) {bottom:0;}
.btn-trigger span:nth-of-type(1) {-webkit-animation:btn07-bar01 .75s forwards;animation:btn07-bar01 .75s forwards;}
@-webkit-keyframes btn07-bar01 {
  0% {-webkit-transform:translateY(20px) rotate(45deg);}
  50% {-webkit-transform:translateY(20px) rotate(0);}
  100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes btn07-bar01 {
  0% {transform:translateY(20px) rotate(45deg);}
  50% {transform:translateY(20px) rotate(0);}
  100% {transform:translateY(0) rotate(0);}
}
.btn-trigger span:nth-of-type(2) {transition:all .25s .25s;opacity:1;}
.btn-trigger span:nth-of-type(3) {-webkit-animation:btn07-bar03 .75s forwards;animation:btn07-bar03 .75s forwards;}
@-webkit-keyframes btn07-bar03 {
  0% {-webkit-transform:translateY(-20px) rotate(-45deg);}
  50% {-webkit-transform:translateY(-20px) rotate(0);}
  100% {-webkit-transform:translateY(0) rotate(0);}
}
@keyframes btn07-bar03 {
  0% {transform:translateY(-20px) rotate(-45deg);}
  50% {transform:translateY(-20px) rotate(0);}
  100% {transform:translateY(0) rotate(0);}
}
.btn-trigger.active span:nth-of-type(1) {-webkit-animation:active-btn07-bar01 .75s forwards;animation:active-btn07-bar01 .75s forwards;}
@-webkit-keyframes active-btn07-bar01 {
  0% {-webkit-transform:translateY(0) rotate(0);}
  50% {-webkit-transform:translateY(20px) rotate(0);}
  100% {-webkit-transform:translateY(20px) rotate(45deg);}
}
@keyframes active-btn07-bar01 {
  0% {transform:translateY(0) rotate(0);}
  50% {transform:translateY(20px) rotate(0);}
  100% {transform:translateY(20px) rotate(45deg);}
}
.btn-trigger.active span:nth-of-type(2) {opacity:0;}
.btn-trigger.active span:nth-of-type(3) {-webkit-animation:active-btn07-bar03 .75s forwards;animation:active-btn07-bar03 .75s forwards;}
@-webkit-keyframes active-btn07-bar03 {
  0% {-webkit-transform:translateY(0) rotate(0);}
  50% {-webkit-transform:translateY(-20px) rotate(0);}
  100% {-webkit-transform:translateY(-20px) rotate(-45deg);}
}
@keyframes active-btn07-bar03 {
  0% {transform:translateY(0) rotate(0);}
  50% {transform:translateY(-20px) rotate(0);}
  100% {transform:translateY(-20px) rotate(-45deg);}
}
#globalHeader #globalMenu > ul {position:absolute;top:84px;right:0;z-index:500;width:100%;display:none;}
#globalHeader #globalMenu > ul > li a {background:#8e0016;color:#fff;display:block;padding:1em 2em;position:relative;}
#globalHeader #globalMenu > ul > li a::after {
position:absolute;
right:2em;
content: "\e906";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalHeader #globalMenu ul ul {display:none;}


#globalFooter {background:url(images/footer_bg.png) center center repeat;position:relative;}
#globalFooter p#pagetop{width:120px;height:60px;border-radius:50% / 100% 100% 0 0;background:url(images/footer_bg.png) center center repeat;position:absolute;top:-30px;left:50%;margin-left:-60px;font-size:14px;}
#globalFooter p#pagetop a {height:60px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-decoration:none;}
#globalFooter p#pagetop a::before {
content: "\e903";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalFooter .footerWrap {padding:40px 1em;}
#globalFooter .footerWrap a {color:#fff;text-decoration:none;}
#globalFooter .footerWrap a:hover {text-decoration:underline;}
#globalFooter .footerWrap h4,
#globalFooter .footerWrap ul.first {line-height:1.8;}
#globalFooter .footerWrap ul.second {line-height:1.8;padding-left:1em;}
#globalFooter .footerWrap ul.second li::before {content:'- ';color:#fff;}
#globalFooter .footerWrap .home a::before {
content: "\e900";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalFooter .footerWrap .onlineshop a::after {
content: "\e907";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#copyright {color:#fff;text-align:center;background:url(images/copyright_bg.png) repeat;padding-top:70px;padding-bottom:20px;}
#copyright p {padding:0.4em 0;font-weight:100;}


.breakLine {height:40px;background:url(images/footer_bg.png) center center repeat;}
.ContTitle {text-align:center;}
.ContTitle h2 {font-size:280%;color:#8D0015;line-height:1.4;font-family:"mammies-sans";padding:0.6em 0;}
.ContTitle p {font-size:130%;color:#8D0015;font-weight:bold;line-height:1;}
p.linkBtn {text-align:center;font-weight:bold;padding-top:40px;}
p.linkBtn a {display:block;border:solid 4px #8D0015;background:#fff;color:#8D0015;border-radius:100vh;width:60vw;margin:0 auto;padding:0.6em 0;text-decoration:none;}


#homeSlider {height:300px;}
#homeSlider .mainSlide {height:300px;}
#homeSlider .slick-slide {height:300px;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;transition:.2s ease;}
#homeSlider .slick-slide div {width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
#homeSlider .slick-slide div h2 {font-size:150%;font-weight:bold;color:#fff;text-shadow:0px 0px 5px rgba(0,0,0,0.3);padding:0 1.4em;line-height:1.6;text-align:center;}
#homeSlider .slick-slide div p {text-align:center;font-size:100%;font-weight:bold;padding-top:20px;}
#homeSlider .slick-slide div p a {display:inline-block;border:solid 4px #fff;color:#fff;border-radius:100vh;margin:0 auto;padding:0.6em 2em;text-decoration:none;}
#homeSlider .slick-arrow {display:none!important;}
#homeSlider .slick-dots {}
#homeSlider .slick-dots li button:hover:before,
#homeSlider .slick-dots li button:focus:before {opacity:1;color:#fff;}
#homeSlider .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:.5;color:#8e0016;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
#homeSlider .slick-dots li.slick-active button:before {opacity:1;color:#8e0016;}

#homeWrap {overflow:hidden;width:100%;}
#homeBanner {padding:80px 10px;text-align:center;}
#homeBanner ul {}
#homeBanner ul li {width:100%;position:relative;}
#homeBanner ul li a {display:block;}
#homeBanner ul li.banner01 {border-radius:6px;padding:25px;background:url(images/copyright_bg.png) repeat;margin-bottom:20px;}
#homeBanner ul li.banner01::before {content:'';display:block;width:79px;height:82px;position:absolute;top:-50px;left:10px;pointer-events:none;background-size:79px 82px;
background-image:url(images/homebanner01_before.png);
background-image: -webkit-image-set(url(images/homebanner01_before.png) 1x, url(images/homebanner01_before@2x.png) 2x);
background-image: image-set(url(images/homebanner01_before.png) 1x, url(images/homebanner01_before@2x.png) 2x);
background-position:center center;
background-repeat:no-repeat;}
#homeBanner ul li.banner02 {border-radius:6px;padding:25px;background:#fff;border:solid 4px #513218;}
#homeBanner ul li.banner02::after {content:'';display:block;width:183px;height:108px;position:absolute;top:140px;right:-20px;pointer-events:none;background-size:183px 108px;
background-image: url(images/homebanner02_after.png);
background-image: -webkit-image-set(url(images/homebanner02_after.png) 1x, url(images/homebanner02_after@2x.png) 2x);
background-image: image-set(url(images/homebanner02_after.png) 1x, url(images/homebanner02_after@2x.png) 2x);
background-position:center center;
background-repeat:no-repeat;}

#homeContent {padding:100px 0;background:#fff;}
#homeContent .contentsWrap {padding:0 10px;}
#homeContent #homeNews {padding-bottom:60px;}
#homeContent #homeNews h2 {height:75px;display:flex;justify-content:center;align-items:center;font-size:21px;color:#fff;font-family:"mammies-sans";padding-top:0.4em;
background: url(images/home_facebook_bg.png) no-repeat center center;
background: -webkit-image-set(url(images/home_facebook_bg.png) 1x, url(images/home_facebook_bg@2x.png) 2x) no-repeat center center;
background: image-set(url(images/home_facebook_bg.png) 1x, url(images/home_facebook_bg@2x.png) 2x) no-repeat center center;}
#homeContent #homeNews .homeNewsList {text-align:center;border-bottom:solid 1px #e7cdd0;padding:25px 0;}
#homeContent #homeNews .homeNewsList:first-of-type {padding:10px 0 25px 0;}
#homeContent #homeNews .homeNewsList p.postDate {font-size:15px;line-height:1.6;}
ul.postCat {padding:12px 0;}
ul.postCat li {display:inline;font-size:10px;text-align:center;}
ul.postCat li a {display:inline-block;padding:0.4em 0;width:6em;text-decoration:none;border:solid 1px #8e0016;background:#fff;color:#8e0016;margin:0 4px;}
ul.postCat li.cat1 a {background:#8e0016;color:#fff;border:none;}
ul.postCat li.cat2 a {background:#6a7300;color:#fff;border:none;}
ul.postCat li.cat3 a {background:#513118;color:#fff;border:none;}
#homeContent #homeNews .homeNewsList p.postTitle {line-height:1.6;}
#homeContent #homeNews .homeNewsList p.postTitle a {color:#3F240E;text-decoration:none;}
#homeContent #Instagram {}
#homeContent #Instagram h2 {height:75px;display:flex;justify-content:center;align-items:center;font-size:21px;color:#fff;font-family:"mammies-sans";padding-left:2em;padding-top:0.4em;
background: url(images/home_facebook_bg.png) no-repeat center center;
background: -webkit-image-set(url(images/home_facebook_bg.png) 1x, url(images/home_facebook_bg@2x.png) 2x) no-repeat center center;
background: image-set(url(images/home_facebook_bg.png) 1x, url(images/home_facebook_bg@2x.png) 2x) no-repeat center center;}
#homeContent #Instagram .fbInner {padding-top:25px;text-align:center;}

#homeRanking {padding:100px 10px;}
#homeRanking .rankWrap {padding-top:50px;}
#homeRanking .rankWrap .rankBox {padding-bottom:40px;}
#homeRanking .rankWrap .rankBox h3 {margin-bottom:20px;text-align:center;}
#homeRanking .rankWrap .rankBox dl {text-align:center;}
#homeRanking .rankWrap .rankBox dl dt {font-size:120%;font-weight:bold;}
#homeRanking .rankWrap .rankBox dl dd {padding:10px 0;}
#homeRanking .rankWrap ul.comments {padding:0 10px;}
#homeRanking .rankWrap ul.comments li {background:url(images/comments_bg.png) center center repeat;border-radius:6px;padding:1em;margin-bottom:8px;color:#fff;line-height:1.6;}
#homeRanking .rankWrap ul.comments li::before {
padding-right:0.2em;
content: "\e90a";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}



#pageContents {padding:100px 0 180px 0;}
#pageContents #breadcrumbs {font-size:10px;color:#8D0015;padding:0 10px;line-height:1.6;}
#pageContents #breadcrumbs a.home::before {
content: "\e900";
color: #8D0015;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#pageContents #breadcrumbs a.home span {display:none;}
#pageContents #breadcrumbs a::after {
padding:0 10px;
content: "\e906";
color: #8D0015;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}


/* news */
ul.newsCatMenu {text-align:center;padding:50px 10px;}
ul.newsCatMenu.topmenu {padding:70px 10px 50px 10px;}
ul.newsCatMenu li {display:inline-block;font-size:13px;margin:5px 0;}
ul.newsCatMenu li a {display:inline-block;padding:0.4em 0;width:6em;text-decoration:none;border:solid 1px #8e0016;background:#fff;color:#8e0016;margin:0 8px;}
ul.newsCatMenu li.catAll a {background:#fff;color:#513218;border:solid 3px #513218;}
ul.newsCatMenu li.cat1 a {background:#8e0016;color:#fff;border:none;}
ul.newsCatMenu li.cat2 a {background:#6a7300;color:#fff;border:none;}
ul.newsCatMenu li.cat3 a {background:#513118;color:#fff;border:none;}
.postList {display:flex;padding:25px 10px;}
.postList:nth-child(even) {background:#ffe8e2;}
.postList .postThumb {flex-basis:20%;padding:10px;}
.postList .postThumb img.noimage {max-width:100%;height:auto;}
.postList .postInfo {flex-basis:75%;}
.postList .postInfo p.date {line-height:1;}
.postList .postInfo ul {padding:10px 0;}
.postList .postInfo ul li {display:inline;}
.postList .postInfo h3 {font-size:18px;font-weight:bold;padding:10px 0 30px 0;}
.postList .postInfo p {line-height:1.8;}
.postList .postInfo p.excerpt a {text-align:right;display:block;}
.postList .postInfo p.excerpt a::after {
content: "\e906";
color: #8D0015;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.postList .postInfo p.excerpt a:hover {text-decoration:underline;}
ul.postNextPrev {text-align:center;}
ul.postNextPrev li {display:inline;}
ul.postNextPrev li a {display:inline-block;padding:25px;color:#8D0015;}
ul.postNextPrev li.nextPost a::before {
padding-right:0.4em;
content: "\e905";
color: #8D0015;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
ul.postNextPrev li.prevPost a::after {
padding-left:0.4em;
content: "\e906";
color: #8D0015;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.postBox {background:#fff;padding:25px 20px;}
.postBox p.date {}
.postBox ul.cat {font-size:10px;padding:10px 0;}
.postBox ul.cat li {display:inline;}
.postBox h3 {font-size:180%;font-weight:bold;}
.postBox .postBody {padding-top:50px;}
.postBox .postBody h1 {font-weight:bold;font-size:200%;}
.postBox .postBody h2 {font-weight:bold;font-size:180%;}
.postBox .postBody h3 {font-weight:bold;font-size:140%;border-bottom:solid 4px #8D0015;color:#8D0015;padding:1em 0.4em;}
.postBox .postBody h4 {font-weight:bold;font-size:120%;border-left:solid 4px #8D0015;color:#8D0015;padding:0.4em;}
.postBox .postBody h5 {font-weight:bold;font-size:100%;color:#8D0015;}
.postBox .postBody h6 {font-weight:bold;font-size:100%;}
.postBox .postBody strong {font-weight:bold;}
.postBox .postBody p {line-height:1.8;padding:1em 0;}
.postBox .postBody ul {padding:1em;}
.postBox .postBody ul li {line-height:1.8;padding:0.4em 0;list-style:disc;margin-left:1em;}
.postBox .postBody ol {padding:1em;}
.postBox .postBody ol li {line-height:1.8;padding:0.4em 0;list-style:decimal;margin-left:1em;}
.postBox .postBody table {border:solid 1px #e7ccd1;width:100%;margin:1em 0;}
.postBox .postBody table td {border:solid 1px #e7ccd1;padding:1em 0.4em;line-height:1.4;}
.postBox .postBody table tr td:nth-of-type(1) {font-weight:bold;}

.wp-pagenavi {text-align:center;padding-top:40px;}
.wp-pagenavi span.pages,
.wp-pagenavi a.first,
.wp-pagenavi a.last {display:none;}
.wp-pagenavi > a,
.wp-pagenavi > span {color:#8d0015;border:none!important;padding:0.5em 1em;margin:0 0.2em;display:inline-block;}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{color:#fff;background:#8d0015;border:none!important;}
.wp-pagenavi a.previouspostslink span,
.wp-pagenavi a.nextpostslink span {display:none;}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before {
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.wp-pagenavi a.previouspostslink::before {content: "\e905";}
.wp-pagenavi a.nextpostslink::before {content: "\e906";}


@media screen and (min-width: 481px) {
#homeRanking .rankWrap {display:flex;justify-content:space-between;padding-top:50px;}
#homeRanking .rankWrap .rankBox {flex-basis:33%;padding:0;}
#globalFooter .footerWrap {display:flex;justify-content:space-between;flex-wrap:wrap;}

}
@media screen and (min-width: 769px) {
.btn-trigger {display:none;}
#globalHeader #globalMenu > ul {width:1030px;margin:0 auto;display:flex;justify-content:space-between;height:50px;position:relative;top:auto;right:auto;}
#globalHeader #globalMenu > ul > li {position:relative;height:50px;font-size:14px;}
#globalHeader #globalMenu > ul > li a {display:flex;justify-content:center;align-items:center;height:50px;color:#fff;text-decoration:none;padding:0 .6em;background:none;}
#globalHeader #globalMenu > ul > li a::after {content:none;position:static;right:auto;}
#globalHeader #globalMenu ul li.home span {display:none;}
#globalHeader #globalMenu ul li.product {margin-left:auto;}
#globalHeader #globalMenu ul li.home a::before {
content: "\e900";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalHeader #globalMenu ul li.about a::after,
#globalHeader #globalMenu ul li.shop a::after,
#globalHeader #globalMenu ul li.product a::after {
content: "\e904";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
padding-left:0.2em;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalHeader #globalMenu ul li.onlineshop a::after {
content: "\e907";
color: #fff;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
padding-left:0.2em;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#globalHeader #globalMenu ul li ul {width:auto;margin:0;display:block;height:auto;position:absolute;top:50px;left:0;z-index:100;}
#globalHeader #globalMenu ul li li {height:0;overflow:hidden;transition:.5s;}
#globalHeader #globalMenu ul li li a {background:#fff;color:#8D0015;width:180px;justify-content:start;padding:0 1em;}
#globalHeader #globalMenu ul li li a::after {content:none!important;}
#globalHeader #globalMenu ul li li a:hover {background:#8D0015;color:#fff;}
#globalHeader #globalMenu ul li:hover > ul > li {height:50px;overflow:visible;}

#globalFooter {}
#globalFooter .footerWrap {display:flex;max-width:900px;margin:0 auto;justify-content:space-between;flex-wrap:nowrap;padding:40px 0 100px 0;}
#globalFooter .footerWrap h4,
#globalFooter .footerWrap ul.first {font-size:14px;}
#globalFooter .footerWrap ul.second {font-size:14px;}
#copyright {}
#copyright p {padding:1em 0;font-size:10px;font-weight:100;}


.breakLine {}
.ContTitle {}
.ContTitle h2 {font-size:45px;}
.ContTitle p {font-size:18px;line-height:2;}
p.linkBtn {font-size:14px;}
p.linkBtn a {width:200px;}


#homeSlider {height:480px;}
#homeSlider .mainSlide {height:480px;}
#homeSlider .slick-slide {height:480px;background-size:100% auto!important;}
#homeSlider .slick-slide:not(.slick-current) {opacity:.7;}
#homeSlider .slick-slide div {}
#homeSlider .slick-slide div h2 {font-size:25px;padding:0;}
#homeSlider .slick-slide div p {font-size:14px;padding-top:40px;}
#homeSlider .slick-slide div p a {}
#homeSlider .slick-arrow {z-index:20;position:absolute;top:50%;margin-top:-24px;cursor:pointer;width:48px;height:48px;background-color: rgba(255, 255, 255, 0.7);border-radius:50%;display:flex!important;justify-content:center;align-items:center;}
#homeSlider .prev-arrow {left:150px;}
#homeSlider .next-arrow {right:150px;}
#homeSlider .prev-arrow::before,
#homeSlider .next-arrow::before {
color: #ACB1BA;
font-family: 'mammies-icon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
#homeSlider .prev-arrow::before {content: "\e905";}
#homeSlider .next-arrow::before {content: "\e906";}
#homeSlider .prev-arrow span,
#homeSlider .next-arrow span {display:none;}
#homeSlider .slick-dots {bottom:25px!important;}
#homeSlider .slick-dots li button:hover:before,
#homeSlider .slick-dots li button:focus:before {opacity:1;color:#fff;}
#homeSlider .slick-dots li button:before {opacity:.25;color:black;}
#homeSlider .slick-dots li.slick-active button:before {opacity:.75;color:#fff;}

#homeBanner {max-width:1080px;margin:0 auto;padding:80px 0;}
#homeBanner ul li.banner01::before {width:120px;height:124px;top:-20px;left:40px;background-size:cover;}
#homeBanner ul li.banner02::after {width:278px;height:163px;top:10px;right:35px;background-size:cover;}
#homeBanner ul li.banner02::before {content:'';width:311px;height:163px;position:absolute;top:15px;left:20px;pointer-events:none;
background: url(images/homebanner02_before.png) no-repeat center center;
background: -webkit-image-set(url(images/homebanner02_before.png) 1x, url(images/homebanner02_before@2x.png) 2x) no-repeat center center;
background: image-set(url(images/homebanner02_before.png) 1x, url(images/homebanner02_before@2x.png) 2x) no-repeat center center;}

#homeContent {}
#homeContent .contentsWrap {width:1080px;margin:0 auto;display:flex;}
#homeContent #homeNews {flex-basis:650px;padding:0;}
#homeContent #homeNews h2 {width:650px;
background: url(images/home_newsTitle_bg.png) no-repeat center center;
background: -webkit-image-set(url(images/home_newsTitle_bg.png) 1x, url(images/home_newsTitle_bg@2x.png) 2x) no-repeat center center;
background: image-set(url(images/home_newsTitle_bg.png) 1x, url(images/home_newsTitle_bg@2x.png) 2x) no-repeat center center;}
#homeContent #homeNews .homeNewsList {}
#homeContent #homeNews .homeNewsList:first-of-type {}
#homeContent #homeNews .homeNewsList p.postDate {}
ul.postCat {}
#homeContent #homeNews .homeNewsList p.postTitle {font-size:15px;}
#homeContent #homeNews .homeNewsList p.postTitle a {}
#homeContent #Instagram {flex-basis:330px;margin-left:auto;}
#homeContent #Instagram h2 {width:330px;}
#homeContent #Instagram .fbInner {padding-left:10px;padding-top:25px;}

#homeRanking {width:1080px;margin:0 auto;padding:100px 0;}
#homeRanking .rankWrap {}
#homeRanking .rankWrap .rankBox {flex-basis:310px;}
#homeRanking .rankWrap .rankBox h3 {}
#homeRanking .rankWrap .rankBox dl {}
#homeRanking .rankWrap .rankBox dl dt {font-size:18px;}
#homeRanking .rankWrap .rankBox dl dd {}
#homeRanking .rankWrap ul.comments {padding:0;}
#homeRanking .rankWrap ul.comments li {font-size:15px;}


#pageContents {}
#pageContents #breadcrumbs {width:880px;margin:0 auto;padding:0;}


/* news */
ul.newsCatMenu {padding:50px 0;}
ul.newsCatMenu.topmenu {padding:70px 0 50px 0;}
ul.newsCatMenu li {margin:0;}
ul.newsCatMenu li a {display:inline-block;padding:0.4em 0;width:6em;text-decoration:none;border:solid 1px #8e0016;background:#fff;color:#8e0016;margin:0 8px;}
ul.newsCatMenu li.catAll a {background:#fff;color:#513218;border:solid 3px #513218;}
ul.newsCatMenu li.cat1 a {background:#8e0016;color:#fff;border:none;}
ul.newsCatMenu li.cat2 a {background:#6a7300;color:#fff;border:none;}
ul.newsCatMenu li.cat3 a {background:#513118;color:#fff;border:none;}
.postList {width:920px;margin:0 auto;padding:50px 20px;}
.postList:nth-child(even) {background:#ffe8e2;}
.postList .postThumb {flex-basis:190px;padding:0;}
.postList .postThumb img.noimage {width:150px;height:auto;}
.postList .postInfo {flex-basis:700px;}

.postBox {width:920px;margin:0 auto;padding:50px 40px;}
.postBox h3 {font-size:25px;}
.postBox .postBody {}
}