@charset "UTF-8";
.indexForMensOuter {
background: url(//about-patisserie-flower.nineaxis.com/user_data/packages/default/img/home/formens/header_bg.gif) left top repeat-x #333;
}
#header .gnav .search_box input {
border: #D2BD9E 1px solid;
width: 236px;
line-height: 29px;
height: 29px;
padding: 0 7px 0 29px;
background: #FFF url(//about-patisserie-flower.nineaxis.com/user_data/packages/default/img/common/header_search.jpg) 7px 7px no-repeat;
}
#main_column.colnum2.left {
width: 100%;
clear:both;
box-sizing: border-box;
}
@import url("https://fonts.googleapis.com/css?family=Lobster");
   abbr[title] {
text-decoration: underline; text-decoration: underline dotted; }
audio:not([controls]) {
display: none; }
b,
strong {
font-weight: bolder; }
button {
-webkit-appearance: button; overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0; padding: 0; }
button:-moz-focusring, input:-moz-focusring {
outline: 1px dotted ButtonText; }
button,
select {
text-transform: none; }
details {
display: block; }
html {
-ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; }
hr {
overflow: visible; }
input {
-webkit-border-radius: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; }
input[type="number"] {
width: auto; }
input[type="search"] {
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
main {
display: block; }
pre {
overflow: auto; }
progress {
display: inline-block; }
summary {
display: block; }
svg:not(:root) {
overflow: hidden; }
template {
display: none; }
textarea {
overflow: auto; }
[hidden] {
display: none; } * {
font-size: inherit;
line-height: inherit;
}
:before,
:after {
text-decoration: inherit;
vertical-align: inherit;
}
button,
input,
select,
textarea {
font-family: inherit;
font-style: inherit;
font-weight: inherit;
}  * {
margin: 0;
padding: 0;
} *,
:before,
:after {
border-style: solid;
border-width: 0;
} a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
-ms-touch-action: manipulation;
touch-action: manipulation;
} select {
-moz-appearance: none; -webkit-appearance: none;
}
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; } svg {
fill: currentColor;
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
} [hidden][aria-hidden="false"] {
clip: rect(0 0 0 0);
display: inherit;
position: absolute;
}
[hidden][aria-hidden="false"]:focus {
clip: auto;
}  * {
background-repeat: no-repeat;
} :root {
background-color: #ffffff;
box-sizing: border-box;
color: #000000;
cursor: default;
font: 100%/1.5 sans-serif;
} a {
text-decoration: none;
} audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} button,
input,
select,
textarea {
background-color: transparent;
color: inherit;
} button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
min-height: 1.5em;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
} nav ol,
nav ul {
list-style: none;
} small {
font-size: 75%;
} table {
border-collapse: collapse;
border-spacing: 0;
} textarea {
resize: vertical;
} ::-moz-selection {
background-color: #b3d4fc; color: #ffffff;
text-shadow: none;
}
::selection {
background-color: #b3d4fc; color: #ffffff;
text-shadow: none;
}
body {
width: 100%;
}
body {
background: #fff;
color: #5F523F;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
a {
color: #5F523F;
text-decoration: none;
-webkit-transition: .3s;
transition: .3s;
}
a:hover {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
::-moz-selection {
background: #1c96d5;
color: #fff;
}
::selection {
background: #1c96d5;
color: #fff;
}
img {
vertical-align: bottom;
} .global-header {
width: 1010px;
margin: 0 auto;
padding: 24px 0 22px;
border-bottom: 5px #030000 solid;
}
.contents {
width: 100%;
margin: 0 auto;
padding: 5px;
}
.contents:after {
display: block;
clear: both;
content: '';
}
.contents .main-contents {
width: 100%;
}
.contents .main-contents > * {
}
.contents .side-contents {
float: left;
width: 300px;
}
.home .contents .main-contents {
padding-top: 15px;
}
.home .contents .side-contents {
padding-top: 15px;
}
.global-footer {
margin-top: 80px;
} .global-header {
position: relative;
z-index: 101;
}
.global-header-search {
position: absolute;
right: 330px;
top: 32px;
line-height: 33px;
width: 240px;
height: 33px;
padding: 0 33px 0 0;
border-radius: 5px;
border: 1px #bababb solid;
}
.global-header-search .global-header-search-text {
width: 100%;
padding: 0 5px;
}
.global-header-search .global-header-search-submit {
position: absolute;
top: -1px;
right: -1px;
width: 33px;
height: 33px;
background: #030000 url(//about-patisserie-flower.nineaxis.com/images/common/ico_search.png) no-repeat 50% 50%;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.global-header-nav {
position: absolute;
right: 0;
top: 23px;
list-style: none;
}
.global-header-nav:after {
display: block;
clear: both;
content: '';
}
.global-header-nav li {
float: left;
width: 104px;
border-left: 1px #d2d2d3 solid;
font-size: 15px;
}
.global-header-nav li a {
display: block;
line-height: 50px;
height: 50px;
text-align: center;
}
.global-header-menu-trigger {
display: none;
} .pagetop {
display: none;
position: fixed;
bottom: 0;
right: 0;
}
.global-footer-nav {
overflow: hidden;
background-color: #eeeeed;
}
.global-footer-nav-area {
padding: 20px 0;
border-top: 1px #fff solid;
}
.global-footer-nav-area:first-child {
padding-top: 30px;
}
.global-footer-nav-area:last-child {
padding-bottom: 30px;
}
.global-footer-nav-area-inner {
position: relative;
width: 1010px;
margin: 0 auto;
}
.global-footer-nav-area-header {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 30px;
padding: 0 8px;
line-height: 30px;
text-align: center;
}
.global-footer-nav-area-header h1 {
position: relative;
top: -3px;
font-weight: normal;
font-family: 'Lobster', cursive;
font-size: 20px;
color: #fff;
}
.global-footer-nav-area-header:before {
content: '';
position: absolute;
top: 0;
right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 5px 0 0;
border-color: #007bff transparent transparent transparent;
}
.global-footer-nav-area-beauty .global-footer-nav-area-header:before {
border-color: #ed7f94 transparent transparent transparent;
}
.global-footer-nav-area-study .global-footer-nav-area-header:before {
border-color: #23a3b4 transparent transparent transparent;
}
.global-footer-nav-area-header:after {
content: '';
position: absolute;
bottom: 0;
right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 5px;
border-color: transparent transparent transparent #007bff;
}
.global-footer-nav-area-beauty .global-footer-nav-area-header:after {
border-color: transparent transparent transparent #ed7f94;
}
.global-footer-nav-area-study .global-footer-nav-area-header:after {
border-color: transparent transparent transparent #23a3b4;
}
.global-footer-nav-area-beauty .global-footer-nav-area-header {
background-color: #ed7f94;
}
.global-footer-nav-area-study .global-footer-nav-area-header {
background-color: #23a3b4;
}
.global-footer-nav-area-list {
padding-left: 110px;
}
.global-footer-nav-area-list ul li {
margin-top: 15px;
font-weight: bold;
font-size: 15px;
}
.global-footer-nav-area-list ul li:after {
display: block;
clear: both;
content: '';
}
.global-footer-nav-area-list ul li:first-child {
margin-top: 0;
}
.global-footer-nav-area-list ul li a {
float: left;
display: block;
width: 140px;
}
.global-footer-nav-area-list ul li ul {
display: block;
font-size: 0;
overflow: hidden;
}
.global-footer-nav-area-list ul li ul li {
float: left;
display: block;
margin-top: 0;
margin-right: 22px;
font-weight: normal;
font-size: 13px;
}
.global-footer-nav-area-list ul li ul li a {
width: auto;
}
.global-footer-copyright {
padding: 25px 0 20px;
}
.global-footer-copyright:after {
display: block;
clear: both;
content: '';
}
.global-footer-copyright .global-footer-copyright-inner {
width: 1010px;
margin: 0 auto;
}
.global-footer-copyright .site-info {
float: left;
font-size: 11px;
}
.global-footer-copyright small {
float: right;
font-size: 11px;
}
.nav-mask {
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100vw;
height: 100vh;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.nav-open .nav-mask {
z-index: 100;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.side-category {
position: relative;
border: 1px #030000 solid;
}
.side-category + .side-category {
margin-top: 15px;
}
.side-category:before {
content: '';
position: absolute;
top: -1px;
left: -1px;
width: 13px;
height: 13px;
background: url(//about-patisserie-flower.nineaxis.com/images/common/bg_side.png) no-repeat;
}
.side-category:after {
content: '';
position: absolute;
top: -1px;
right: -1px;
width: 13px;
height: 13px;
background: url(//about-patisserie-flower.nineaxis.com/images/common/bg_side.png) no-repeat;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.side-category-inner {
margin: 2px;
border: 2px #030000 solid;
padding: 0 0 8px 0;
}
.side-category-inner:before {
content: '';
position: absolute;
bottom: -1px;
left: -1px;
width: 13px;
height: 13px;
background: url(//about-patisserie-flower.nineaxis.com/images/common/bg_side.png) no-repeat;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.side-category-inner:after {
content: '';
position: absolute;
bottom: -1px;
right: -1px;
width: 13px;
height: 13px;
background: url(//about-patisserie-flower.nineaxis.com/images/common/bg_side.png) no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.side-category-title {
padding-bottom: 5px;
border-bottom: 1px #030000 dashed;
text-align: center;
font-family: 'Lobster', cursive;
font-size: 32px;
}
.side-category-list ul {
list-style: none;
}
.side-category-list .cat {
position: relative;
}
.side-category-list .cat:after {
position: absolute;
right: 14px;
top: 50%;
content: '';
display: block;
width: 8px;
height: 8px;
margin-top: -5px;
border-top: 1px #303233 solid;
border-right: 1px #303233 solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.side-category-list .cat a {
display: block;
padding: 18px 25px 18px 50px;
font-size: 14px;
}
.side-category-list .cat a:hover {
background-color: #f6f6f5;
font-weight: bold;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.side-category-list .cat a i {
content: '';
position: absolute;
top: 50%;
left: 12px;
width: 30px;
height: 30px;
margin-top: -15px;
background-repeat: no-repeat;
background-size: cover;
}
.side-category-list .cat-beauty-fashion a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-fashion.png);
}
.side-category-list .cat-beauty-fashion a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-fashion_on.png);
}
.side-category-list .cat-beauty-makeup a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-makeup.png);
}
.side-category-list .cat-beauty-makeup a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-makeup_on.png);
}
.side-category-list .cat-beauty-skincare a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-skincare.png);
}
.side-category-list .cat-beauty-skincare a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-skincare_on.png);
}
.side-category-list .cat-beauty-haircare a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-haircare.png);
}
.side-category-list .cat-beauty-haircare a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-haircare_on.png);
}
.side-category-list .cat-beauty-exercise a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-exercise.png);
}
.side-category-list .cat-beauty-exercise a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-beauty-exercise_on.png);
}
.side-category-list .cat-study-ec a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-ec.png);
}
.side-category-list .cat-study-ec a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-ec_on.png);
}
.side-category-list .cat-study-marketing a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-marketing.png);
}
.side-category-list .cat-study-marketing a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-marketing_on.png);
}
.side-category-list .cat-study-ad a i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-ad.png);
}
.side-category-list .cat-study-ad a:hover i {
background-image: url(//about-patisserie-flower.nineaxis.com/images/common/ico_cat-study-ad_on.png);
}
.side-banner {
padding-top: 40px;
text-align: center;
}
.side-banner img {
max-width: 100%;
}
.side-popular {
margin-top: 40px;
padding-bottom: 20px;
border: 1px #030000 solid;
border-top: 5px #030000 solid;
}
.side-popular .side-popular-title {
padding: 10px 0;
border-bottom: 1px #030000 dashed;
text-align: center;
font-weight: bold;
font-size: 20px;
}
.side-popular .side-popular-posts .post {
margin-top: 25px;
padding: 0 16px;
}
.side-popular .side-popular-posts .post a {
position: relative;
display: block;
}
.side-popular .side-popular-posts .post a:after {
display: block;
clear: both;
content: '';
}
.side-popular .side-popular-posts .post a:before {
content: '';
position: absolute;
top: -5px;
left: -10px;
width: 24px;
height: 24px;
line-height: 24px;
background-color: #4f4e4f;
border-radius: 50%;
text-align: center;
font-family: 'Lobster', cursive;
font-size: 17px;
color: #fff;
}
.side-popular .side-popular-posts .post:nth-child(1) a:before {
content: '1';
}
.side-popular .side-popular-posts .post:nth-child(2) a:before {
content: '2';
}
.side-popular .side-popular-posts .post:nth-child(3) a:before {
content: '3';
}
.side-popular .side-popular-posts .post:nth-child(4) a:before {
content: '4';
}
.side-popular .side-popular-posts .post:nth-child(5) a:before {
content: '5';
}
.side-popular .side-popular-posts .post .post-image {
float: left;
width: 72px;
height: 72px;
margin-right: 12px;
background-size: cover;
}
.side-popular .side-popular-posts .post .post-image img {
display: none;
}
.side-popular .side-popular-posts .post .post-title {
font-weight: bold;
overflow: hidden;
font-size: 14px;
}
.side-popular .side-popular-posts .post .post-cat {
margin-top: 5px;
font-family: 'Lobster', cursive;
font-size: 17px;
}
.side-popular .side-popular-posts .post .post-cat-beauty {
color: #ed7f94;
}
.side-popular .side-popular-posts .post .post-cat-study {
color: #23a3b4;
}
.side-sns {
margin-top: 30px;
}
.side-sns ul {
text-align: center;
font-size: 0;
}
.side-sns ul li {
display: inline-block;
margin: 0 6px;
}
.side-sns ul li a {
display: block;
}
.side-sns ul li a img {
border-radius: 50%;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
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);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[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(//about-patisserie-flower.nineaxis.com/images/common/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(//about-patisserie-flower.nineaxis.com/fonts/slick.eot);
src: url(//about-patisserie-flower.nineaxis.com/fonts/slick.eot?#iefix) format("embedded-opentype"), url(//about-patisserie-flower.nineaxis.com/fonts/slick.woff) format("woff"), url(//about-patisserie-flower.nineaxis.com/fonts/slick.ttf) format("truetype"), url(//about-patisserie-flower.nineaxis.com/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.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;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.pickup-posts:after {
display: block;
clear: both;
content: '';
}
.pickup-posts .post {
position: relative;
}
.pickup-posts .post-image a {
display:block;
height: 280px;
background-position: 50% 50%;
background-size: cover;
}
.pickup-posts .post-image a img {
display: none;
}
.pickup-posts .post-data {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 13px 0 13px 95px;
background: rgba(0, 0, 0, 0.4);
}
.pickup-posts .post-cat {
position: absolute;
top: 13px;
left: 0;
width: 80px;
height: 30px;
padding: 0 8px;
line-height: 30px;
text-align: center;
}
.pickup-posts .post-cat-beauty {
background-color: #ed7f94;
}
.pickup-posts .post-cat-study {
background-color: #23a3b4;
}
.pickup-posts .post-cat a {
position: relative;
top: -3px;
font-weight: normal;
font-family: 'Lobster', cursive;
font-size: 20px;
color: #fff;
}
.pickup-posts .post-cat:before {
content: '';
position: absolute;
top: 0;
right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 5px 0 0;
border-color: #007bff transparent transparent transparent;
}
.pickup-posts .post-cat-beauty:before {
border-color: #ed7f94 transparent transparent transparent;
}
.pickup-posts .post-cat-study:before {
border-color: #23a3b4 transparent transparent transparent;
}
.pickup-posts .post-cat:after {
content: '';
position: absolute;
bottom: 0;
right: -5px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 5px;
border-color: transparent transparent transparent #007bff;
}
.pickup-posts .post-cat-beauty:after {
border-color: transparent transparent transparent #ed7f94;
}
.pickup-posts .post-cat-study:after {
border-color: transparent transparent transparent #23a3b4;
}
.pickup-posts .post-title a {
font-size: 18px;
color: #fff;
}
.pickup-today {
padding: 5px 0 25px;
border-top: 0.5px #030000 solid;
font-size: 28px;
}
.pickup-today time {
font-weight: bold;
}
.posts .post {
float: left;
width: 50%;
margin-top: 20px;
}
.posts .post:after {
display: block;
clear: both;
content: '';
}
.posts .post-image {
float: left;
margin-right: 20px;
}
.posts .post-image a {
display: block;
width: 160px;
height: 160px;
background-position: 50% 50%;
background-size: cover;
}
.posts .post-image a img {
display: none;
}
.posts .post-data {
padding-bottom: 25px;
overflow: hidden;
}
.posts .post-title {
line-height: 1.3;
font-size: 20px;
padding-right: 20px;
}
.posts .post-title a {
color:#5F523F;
}
.posts .post-excerpt {
margin-top: 10px;
}
.posts .post-excerpt p {
font-size: 13px;
}
.posts .post-meta {
position: absolute;
bottom: 0;
left: 180px;
font-size: 0;
}
.posts .post-cat {
display: inline-block;
font-family: 'Lobster', cursive;
font-size: 19px;
}
.posts .post-cat-beauty a {
color: #ed7f94;
}
.posts .post-cat-study a {
color: #23a3b4;
}
.posts .post-views {
display: inline-block;
font-size: 13px;
}
.posts .post-views span {
margin-right: 2px;
font-weight: bold;
font-size: 15px;
}
.posts .post-views:before {
content: '|';
margin: 0 10px;
font-size: 13px;
}
.wp-pagenavi {
margin-top: 60px;
text-align: center;
font-size: 0;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
margin: 0 4px;
border: 1px #eeeeed solid;
text-align: center;
font-size: 13px;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .current {
font-weight: bold;
background-color: #eeeeed;
}
.breadcrumbs {
}
.breadcrumbs a {
text-decoration: none;
color: #666;
}
.breadcrumbs a:after {
content: '＞';
margin: 0 0.5em;
text-decoration: none;
color: #666;
}
.breadcrumbs span {
color: #666;
}
.category-info {
margin-bottom: 35px;
padding: 0 0 20px;
border-bottom: 5px #030000 solid;
}
.category-info:after {
display: block;
clear: both;
content: '';
}
.category-info .category-image {
float: left;
width: 132px;
height: 132px;
margin-right: 25px;
background-position: 50% 50%;
background-size: cover;
}
.category-info .category-image img {
display: none;
}
.category-info .category-data {
overflow: hidden;
}
.category-info .category-name {
font-size: 28px;
}
.category-info .category-description {
margin-top: 10px;
}
.category-info .category-description p {
font-size: 13px;
}
.category-info .category-children {
clear: both;
padding-top: 20px;
}
.category-info .category-children ul {
list-style: none;
font-size: 0;
}
.category-info .category-children ul li {
display: inline-block;
margin: 10px 17px 0 0;
font-size: 13px;
}
.category-info .category-children ul li a {
display: block;
padding: 4px 8px;
background-color: #030000;
color: #fff;
}
.single-post img {
display: block;
max-width: 100%;
height: auto;
}
.single-post .single-post-header {
padding-top: 15px;
}
.single-post .single-post-cat {
display: inline-block;
}
.single-post .single-post-cat a {
display: inline-block;
padding: 2px 10px;
background-color: #030000;
color: #fff;
}
.single-post .single-post-date {
display: inline-block;
font-size: 12px;
color: #7f7c7a;
margin: 0 0 10px 0;
}
.single-post .single-post-date i {
position: relative;
top: 3px;
display: inline-block;
width: 15px;
height: 15px;
margin-right: 3px;
background: url(//about-patisserie-flower.nineaxis.com/images/common/ico_post-date.png) no-repeat;
}
.single-post .single-post-views {
display: inline-block;
margin-left: 13px;
font-size: 13px;
color: #7f7c7a;
}
.single-post .single-post-views span {
margin-right: 2px;
font-weight: bold;
font-size: 15px;
}
.single-post .single-post-title {
margin: 0 0 10px 0;
font-size: 30px;
font-weight: bold;
color: #c79c3d;
}
.single-post .single-post-content h2 {
margin-top: 55px;
padding: 0 5px 5px;
font-size: 20px;
color:#5F523F;
border-bottom: 3px #5F523F solid;
}
.single-post .single-post-content h3 {
margin: 40px 0 0 0;
padding: 0 5px 5px;
font-size: 18px;
color:#5F523F;
}
.single-post .single-post-content p {
margin-top: 30px;
font-size: 16px;
}
.single-post .single-post-share {
margin-top: 80px;
}
.single-post .single-post-share ul {
height: 40px;
list-style: none;
text-align: center;
font-size: 0;
}
.single-post .single-post-share ul li {
display: inline-block;
margin: 0 3px;
font-size: 12px;
}
.single-post .single-post-share ul li a {
display: block;
height: 40px;
text-decoration: none;
}
.single-post .single-post-share ul li a img {
vertical-align: baseline;
}
.single-post .single-post-share ul li:first-child a {
background-color: #3b5998;
}
.single-post .single-post-share ul li:first-child a:after {
position: relative;
top: -15px;
content: 'Facebookでシェア';
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 12px 0 2px;
font-size: 13px;
color: #fff;
}
.relation {
margin-top: 65px;
padding-bottom: 35px;
border-top: 5px #5F523F solid;
}
.relation-title {
margin-bottom: 28px;
padding: 15px 5px;
font-weight: bold;
font-size: 18px;
border-bottom: 1px #5F523F dashed;
}
@media screen and (max-width: 1070px){
body{
width: 100%;
}
.global-header{
width: auto;
margin: 0 20px;
}
.contents{
width: 100%;
padding: 0 10px;
}
.contents .main-contents{
float: none;
margin-left: 0;
}
.contents .main-contents > *{
margin-left: 0;
}
.contents .side-contents{
float: none;
width: 100%;
}
.global-footer{
width: auto;
}
.global-header-search{
right: 280px;
top: 32px;
width: 200px;
}
.global-header-nav li{
width: 84px;
font-size: 13px;
}
.global-footer-nav-area-inner{
width: 100%;
}
.global-footer-nav-area-list ul li a{
float: none;
}
.global-footer-nav-area-list ul li ul li{
margin-top: 5px;
}
.global-footer-nav-area-list ul li ul li:first-child{
margin-top: 5px;
}
.global-footer-copyright{
padding: 25px 20px 20px;
}
.global-footer-copyright .global-footer-copyright-inner{
width: 100%;
}
.side-category{
float: left;
width: 48%;
margin-top: 40px;
}
.side-category + .side-category{
float: right;
margin-top: 40px;
}
.side-banner{
clear: both;
}
.pickup-posts .post-image a{
height: 300px;
}
.pickup-posts .post-title a{
font-size: 16px;
}
}
@media screen and (max-width: 767px){
body{
width: 100%;
}
.global-header-logo{
width: 140px;
}
.global-header-logo img{
width: 100%;
}
.global-header-menu{
display: none;
position: absolute;
left: 0;
width: 100%;
margin-top: 20px;
padding: 20px 0;
background-color: #fff;
z-index: 1;
}
.global-header-search{
position: relative;
right: auto;
top: auto;
width: 100%;
}
.global-header-nav{
position: relative;
right: auto;
top: auto;
margin-top: 20px;
}
.global-header-nav li{
float: none;
width: 100%;
border-left: none;
border-top: 1px #d2d2d3 solid;
font-size: 18px;
}
.global-header-nav li:first-child{
border-top: 0;
}
.global-header-nav li a{
display: block;
line-height: 1.6;
height: auto;
padding: 15px 0;
text-align: left;
}
.global-header-menu-trigger,
.global-header-menu-trigger span{
display: inline-block;
-webkit-transition: all .4s;
transition: all .4s;
box-sizing: border-box;
}
.global-header-menu-trigger{
position: absolute;
right: 0;
top: 32px;
width: 32px;
height: 29px;
}
.global-header-menu-trigger span{
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #030000;
border-radius: 3px;
}
.global-header-menu-trigger span:nth-of-type(1){
top: 0;
}
.global-header-menu-trigger span:nth-of-type(2){
top: 13px;
}
.global-header-menu-trigger span:nth-of-type(3){
bottom: 0;
}
.global-header-menu-trigger.open span:nth-of-type(1){
-webkit-transform: translateY(13px) rotate(-45deg);
transform: translateY(13px) rotate(-45deg);
}
.global-header-menu-trigger.open span:nth-of-type(2){
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.global-header-menu-trigger.open span:nth-of-type(3){
-webkit-transform: translateY(-13px) rotate(45deg);
transform: translateY(-13px) rotate(45deg);
}
.global-footer-nav-area-header{
position: relative;
margin-bottom: 10px;
}
.global-footer-nav-area-list{
padding: 0 20px;
}
.global-footer-nav-area-list ul li{
font-size: 13px;
}
.global-footer-nav-area-list ul li ul li{
font-size: 12px;
}
.global-footer-copyright .site-info{
float: none;
}
.global-footer-copyright small{
float: none;
}
.side-category{
float: none;
width: 100%;
}
.side-category + .side-category{
float: none;
}
.side-category-title{
padding: 5px 0 10px;
font-size: 28px;
}
.side-category-list .cat a{
padding: 12px 15px 12px 40px;
font-size: 12px;
}
.side-category-list .cat a i{
width: 20px;
height: 20px;
margin-top: -10px;
}
.side-popular .side-popular-title{
font-size: 16px;
}
.side-popular .side-popular-posts .post .post-title{
font-size: 12px;
}
.side-popular .side-popular-posts .post .post-cat{
font-size: 15px;
}
.side-sns ul li{
width: 25px;
height: 25px;
margin: 0 4px;
}
.side-sns ul li a img{
width: 100%;
}
.pickup-posts .post-image a{
height: 260px;
}
.pickup-posts .post-title a{
font-size: 14px;
}
.pickup-today{
font-size: 20px;
}
.posts .post {
width: 100%;
margin-top: 10px;
}
.posts .post-image{
margin-right: 10px;
}
.posts .post-image a{
width: 80px;
height: 80px;
}
.posts .post-title{
font-size: 14px;
padding-right: 0;
}
.posts .post-excerpt{
display: none;
}
.posts .post-meta{
left: 90px;
}
.posts .post-cat{
font-size: 16px;
}
.posts .post-views{
font-size: 11px;
}
.posts .post-views span{
font-size: 13px;
}
.breadcrumbs{
margin-bottom: 10px;
font-size: 12px;
}
.category-info{
padding-bottom: 15px;
}
.category-info .category-image{
width: 90px;
height: 90px;
margin-right: 15px;
}
.category-info .category-name{
font-size: 20px;
}
.category-info .category-description{
margin-top: 5px;
}
.category-info .category-description p{
font-size: 12px;
}
.category-info .category-children{
padding-top: 10px;
}
.category-info .category-children ul li{
margin: 5px 5px 0 0;
font-size: 11px;
}
.category-info .category-children ul li a{
padding: 4px 6px;
}
.single-post .single-post-cat{
display: block;
}
.single-post .single-post-cat a{
padding: 2px 6px;
}
.single-post .single-post-date{
margin: 0 0 10px 0;
}
.single-post .single-post-views{
font-size: 11px;
}
.single-post .single-post-views span{
font-size: 13px;
}
.single-post .single-post-title{
font-size: 18px;
}
.single-post .single-post-content h2{
font-size: 16px;
}
.single-post .single-post-content p{
font-size: 14px;
}
.single-post .single-post-share ul li:first-child a:after{
display: none;
}
.relation-title{
font-size: 16px;
}
}
@media screen and (max-width: 480px){
body{
width: 100%;
}
}
@media screen and (max-width: 768px){
a{
-webkit-transition: 0s;
transition: 0s;
}
a:hover{
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@media screen and (min-width: 768px){
.global-header-menu{
display: block !important;
}
} .ranking{
display: flex;
justify-content: space-around;
font-size: 16px;
}
.ranking a{
color:#5F523F;
font-weight: bold;
}
.rankingbox{
margin-top:20px;
width: 23%;
}
.rankingbox img{
margin-bottom:5px;
}
@media only screen and (max-width : 767px){
.ranking{
flex-wrap: wrap;
font-size: 14px;
}
.rankingbox{
width: 45%;
}
} #wp-sns{
width:auto;
height:50px;
margin:50px 0 0 0;
}
.sns {
margin: 0 auto;
text-align: center;
}
.sns ul {
list-style: none;
padding: 0;
}
.sns li {
display:inline-block;
margin-right:5px;
width:auto;
vertical-align:top;
padding:5px 0 5px 0;
}
.sns li:nth-of-type(1),
.sns li:nth-of-type(2) {
margin-top: 0;
}
.sns li a {
border-radius: 6px;
color: #fff;
display: block;
font-size: 80%;
padding: 10px;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(255,255,255,.3);
}
.sns li a:hover {
box-shadow: none;
text-decoration: none;
} .sns .sns_sharer  .facebook a {
background: #3b5998;
box-shadow:0;
} .sns .sns_sharer  .twitter a {
background: #00acee;
box-shadow:0;
} .sns .sns_sharer  .hatena a {
background: #00a5df;
box-shadow:0;
} .sns .sns_sharer  .line a {
background: #4fd219;
box-shadow:0;
}
div.kanren-box{width:100%; height:auto; display:block;}
div.kanren{width:100%; height:auto; display:block; margin:auto;}
div.kanren ul{width:100%; height:auto; list-style:none; display:block; border-bottom:1px dashed #5F523F;}
div.kanren ul li{width:100px; height:auto; display:inline-block; vertical-align:middle;}
div.kanren ul li#li-img{width:150px; height:auto;}
div.kanren ul li#li-img img{width:auto; height:auto; margin:auto; padding:10px;}
div.kanren ul li#li-text{width:70%; font-size:18px; color: #c79c3d; font-weight:bold;}
@media screen and (min-width: 911px)  {
.single-post img {
width:100%;
max-width: 500px;
height: auto;
}
}
@media screen and (max-width: 490px){
#header.indexForMens {
height: 95px;
}
}
.blockquote-text{
padding: 15px;
margin: 15px 0 0 0;
border: 1px solid #CCC;
border-radius: 6px;
font-size: 1.3em;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.linkbtn a{
max-width: 500px;
color:#ffffff;
background:#8BAE50;
font-size:16px;
font-weight:bold;
text-align:center;
display:block;
text-decoration:none;
border:1px solid #889577;
margin: 40px auto;
padding:12px 0;
border-radius:5px;
background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(114,142,67,0.5)), to(rgba(104,135,59,1)));
background-image: linear-gradient(to bottom, #B6C49D, #6B8A3F);
background-image:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(114,142,67,0.5)), to(rgba(104,135,59,1)));
position: relative; box-shadow:0px 0px 1px 1px #ababab;
-moz-box-shadow:0px 0px 1px 1px #ababab;
-webkit-box-shadow:0px 0px 1px 1px #ababab; border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
} .main-contents .posts .category-name{
font-size: 1.3rem;
padding-bottom: 10px;
}
.main-contents .posts .single-post-content{
font-size: 1.0rem;
}
.main-contents .posts .single-post-content ul{
padding-bottom: 20px;
}
.main-contents .posts .single-post-content ul li{
padding-bottom: 10px;
}
#container img {
width: auto;
   max-width: 100%;
}
#container .rankingbox img {
width: 100%;
}
.rankingbox img {
margin-bottom: -10px;
}
.wp-block-image img {
max-width: auto;
}
.relation-inner ul li {
font-size: 1.0rem;
line-height: 1.5;
padding-bottom: 20px;
}
#title_image {
width: 50% !important;
margin: 0 auto 30px;
padding: 1px;
display: block;
border: 1px solid #8B724E !important;
}
#clientText {
width: 80%;
text-align: center;
background: #FFF5ED;
margin: 0 auto;
border: 1px solid #E1CFB1;
margin-bottom: 20px;
}
#clientText #clientTextInner {
padding: 20px!important;
}
#clientText #clientTextInner p {
text-align: left;
line-height: 1.8 !important;
font-size: 13px !important;
}
#contentVoice {
width: 80%;
margin: 0 auto;
padding-bottom: 40px;
}
#wrapper .frame .main p {
color: #5F523F;
line-height: 1.4em !important;
font-size: 15px;
}
#wrapper .frame .main .site-main.news h1, #wrapper .frame .main .site-main.voice h1 {
margin: 0 0 15px;
font-weight: bold;
border: none !important;
line-height: 1;
font-family: "Times New Roman"!important;
font-size: 40px!important;
}
#wrapper .frame .main .site-main.voice h1 span {
line-height: 1;
font-family: "Times New Roman", Times, Georgia, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
display: inline-block !important;
padding: 0px 0px 0px 10px;
font-size: 14px;
font-weight: normal;
}
#wrapper .frame .main .site-main.voice p.lead {
padding: 0 0 15px;
margin: 0 0 45px;
border-bottom: #E1CFB1 solid 2px;
}
.date {
background: #AC997E;
display: inline-block;
}
.date p {
padding: 5px 10px;
color: #fff!important;
font-size: 12px!important;
}
#wrapper .frame .main .site-main.voice h3 {
padding: 0 0 0 10px;
display: inline-block;
font-size: 12px!important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
#productName {
margin-bottom: 20px;
}
#main.site-main.newsList li {
margin-bottom: 10px!important;
border-bottom: 1px dotted #000;
}
.single-post-content a{
text-decoration: underline;
}
.contents .main-contents{
line-height: 1.5;
}
.bl_snspanel{
display: grid;
grid-template-columns: 50px auto;
max-width: 520px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 1rem;
margin: 15px 0;
}
.bl_snspanel_icon{
padding-right: 10px;
}
.bl_snspanel_icon img{
border-radius: 50%;
max-width: 100%;
height: auto;
}
.bl_snspanel_comment{
font-size:1rem;
line-height:1.5;
}
@media screen and (max-width: 910px){
.contents .main-contents {
width: 95%;
}
}