@charset "UTF-8";
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } input, select, textarea {
outline: none;
border: none;
font-family: inherit;
font-size: 1em;
color: inherit;
padding: .2em .5em;
height: 30px;
min-height: 30px;
border-radius: 0; }
input[type=text]:focus, input[type=text]:active, input[type=search]:focus, input[type=search]:active, input[type=email]:focus, input[type=email]:active, input[type=tel]:focus, input[type=tel]:active, select:active, select:focus, textarea:active, textarea:focus {
background: none; } a {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none; }
html {
font-size: 62.5%; }
body {
font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, '游ゴシック体', 'Yu Gothic', '游ゴシック', sans-serif;
color: #333;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.5;
background: #fff4f4;
letter-spacing: normal;
word-wrap: break-word;
overflow-wrap: break-word; }
*:before, * {
box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, dt {
color: #000;
line-height: 1;
word-break: break-all;
margin: 0;
padding: 0; }
.h1, .h2 {
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
margin: 0 0 1em 0;
padding: 0 0 6.4px 6.4px;
position: relative;
border-bottom: 1px solid #e5005a; }
.h1:before, .h2:before {
position: absolute;
content: '';
left: 0;
bottom: -4px;
width: 150px;
height: 7px;
background: #e5005a; }
.h1-ranking {
font-size: 24px;
font-size: 2.4rem;
margin: 0;
padding: 0 0 9.6px 12.8px;
border: none; }
.h1-ranking:before {
bottom: 0;
width: 100%;
height: 8px; }
.h2 {
font-size: 24px;
font-size: 2.4rem; }
.h2-footer {
font-size: 20px;
font-size: 2rem; }
.h2-side {
font-size: 18px;
font-size: 1.8rem;
border: none;
margin: 0;
padding: 0 0 16px 6.4px; }
.h2-side:before {
bottom: 0;
width: 100%;
height: 8px; }
.h3 {
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
padding: 0 0 16px 9.6px; }
img {
display: block;
max-width: 100%;
height: auto; }
a {
display: block;
color: inherit;
text-decoration: none;
-webkit-tap-highlight-color: rgba(255, 208, 208, 0.3);
-webkit-touch-callout: none; }
a:hover, a:active {
color: #e5005a;
cursor: pointer;
text-decoration: underline; }
a:hover img, a:active img {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
a .touch {
background: #333; }
a img {
transition: opacity .5s ease-out;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
border: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
p {
text-align: justify;
text-justify: inter-ideograph; }
.container {
width: 100%;
max-width: 980px;
margin: 0 auto; }
.wrapContents {
width: 100%;
margin: 0 auto; }
.mainContents {
width: 100%;
max-width: 700px; }
.sideContents {
width: 100%;
max-width: 252px; }
.wrapbox {
overflow: hidden; }
.left {
float: left; }
.right {
float: right; }
.flexR {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.flexC {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.pc-hidden {
display: none; }
.sp-hidden {
display: block; }
.section {
margin: 40px auto; }
.btn-wrap {
width: 100%;
text-align: center; }
.btn {
display: inline-block;
text-decoration: none !important;
background: transparent;
line-height: 1;
transition: all .5s ease-out; }
.btn:hover, .btn:active {
text-decoration: none; }
.btn-color01, .btn-color02, .btn-color03, .btn-color04 {
color: #333; }
.btn-color01:hover, .btn-color02:hover, .btn-color03:hover, .btn-color04:hover {
background: #000;
color: #fff; }
.btn-color01 {
color: #fff;
background: #e5005a; }
.btn-color02 {
background: #ffd0d0; }
.btn-color03 {
background: #fff4f4; }
.btn-color04 {
color: #fff;
background: #000; }
.btn-color04:hover {
background: #e5005a; }
.btn-color05 {
color: #fff;
background: #333; }
.btn-color05:hover {
background: #ffd0d0; }
.btn-more, .btn-category, .btn-side, .btn-reservation {
font-size: 14px;
font-size: 1.4rem;
font-weight: 600;
color: #000;
width: 400px;
height: 60px;
line-height: 4.4;
background: #fffb81; }
.btn-more:before, .btn-category:before, .btn-side:before, .btn-reservation:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
margin: auto;
width: .6em;
height: .6em;
right: 10em;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-radius: 1px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.btn-more:hover, .btn-category:hover, .btn-side:hover, .btn-reservation:hover {
color: #fff;
background: #000; }
.btn-more:hover:before, .btn-category:hover:before, .btn-side:hover:before, .btn-reservation:hover:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff; }
.btn-category {
width: 330px;
height: 40px;
line-height: 3; }
.btn-category:before {
right: 7em; }
.btn-side {
color: #fff;
background: #e5005a;
width: 100%;
height: 30px;
line-height: 2.3; }
.btn-side:before {
right: 4em;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff; }
.btn-reservation {
font-size: 16px;
font-size: 1.6rem;
width: 600px;
height: 80px;
line-height: 5; }
.btn-reservation:before {
right: 5em; } .icon {
position: relative; }
.icon-tri-right:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
margin: auto;
right: .6em;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 6px;
border-color: transparent transparent transparent #000; }
.icon-arrow-right:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
margin: auto;
width: .8em;
height: .8em;
right: 10em;
border-right: 2px solid #e5005a;
border-bottom: 2px solid #e5005a;
border-radius: 1px;
-webkit-transform: rotate(45deg) translateY(-0.4em);
transform: rotate(45deg) translateY(-0.4em); }
.icon-arrow-right:hover:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff; } ul.icon-circle {
list-style: none; }
ul.icon-circle > li {
display: block;
position: relative; padding-left: 1em; }
ul.icon-circle > li:before {
position: absolute;
top: .5em;
left: 0;
content: '';
width: 10px;
height: 10px;
border-radius: 50%; } .category-info p {
margin: 1em 0; }
.category-info .title {
font-size: 22px;
font-size: 2.2rem;
margin: 1em 0; }
.bnr-fashion-01 {
margin: 40px 0; }
.bnr-fashion-02 {
margin: 80px 0; }
.category-seminar.btn-wrap {
margin: 80px auto; }
.page-seminar-reservation .seminar-navi .lead, .page-seminar-reservation .seminar-navi .information {
font-size: 22px;
font-size: 2.2rem;
text-align: center; }
.page-seminar-reservation .seminar-navi .information {
color: #e5005a;
border: 3px solid #e5005a;
padding: 16px 0; }
.page-seminar-reservation .seminar-navi .information span {
display: inline-block; }
.page-seminar-reservation .seminar-navi .information span + span {
margin-left: 1em; }
.page-seminar-reservation .seminar-navi .color-03 {
color: #e5005a; }
.page-seminar-reservation .seminar-bank {
background: #ffd0d0;
margin: 30px 0;
padding: 1px 50px; }
.page-seminar-reservation .seminar-bank dl {
margin: 2em auto; }
.page-seminar-reservation .seminar-bank dl dt {
line-height: 1.5; }
.page-seminar-reservation .seminar-bank dl dd {
padding-left: 1em; }
.page-seminar-reservation .seminar-bank dl dd p {
margin: 0; }
.page-form-infomation .lead, .page-form-infomation .information {
font-size: 22px;
font-size: 2.2rem; }
.page-form-infomation .information {
color: #e5005a;
border: 3px solid #e5005a;
padding: 16px; }
.page-form-infomation .color-03 {
color: #e5005a; }
.page-form-infomation .method {
background: #ffd0d0;
margin: 30px 0;
padding: 20px 50px; }
.page-form-infomation .method .title {
font-size: 22px;
font-size: 2.2rem;
margin: .5em 0; }
.page-form-infomation .method ul {
list-style: none;
margin: 1em auto; }
.page-form-infomation .method ul li {
margin: 1em auto;
padding: 0 !important; }
.page-form-infomation .method ul li:before {
display: none !important; } .header .container {
padding: 0; }
.header .header-pc {
margin-bottom: 50px; }
.header .header-pc .header-logo-items {
width: 282px;
margin: 10px 0 0 0; }
.header .header-pc .header-menu-items {
width: 670px;
height: 118px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.header .header-pc .header-menu-items .header-menu-item01 {
width: 100%;
height: 73px;
overflow: hidden;
position: relative; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-description {
width: calc(100% - 300px);
position: relative;
font-size: 14px;
font-size: 1.4rem;
padding: 10px 1em 0 0;
z-index: 10; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn {
width: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 20; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn li .btn {
width: 100px;
height: 73px;
padding: 1.8em 0;
font-size: 16px;
font-size: 1.6rem;
text-align: center; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn li .btn:hover {
cursor: pointer; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn li .btn.mail {
padding: .8em 0;
line-height: 1.5; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form {
position: relative;
width: 100%;
overflow: hidden;
z-index: 21; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form .wrap-form {
background: #fffb81;
color: #999;
width: calc(100% - 100px);
height: 73px;
position: absolute;
z-index: 22;
top: 0;
left: 100%;
transition: all .5s; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form .wrap-form.active {
left: 0;
transition: all .5s; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form .wrap-form input.search_box {
position: absolute;
font-size: 16px;
font-size: 1.6rem;
color: #999;
line-height: 2;
top: 20px;
width: 95%;
left: 20px;
background: transparent;
border: none;
border-bottom: 1px solid #333; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form .search_btn {
display: block;
padding-left: .5em;
background: #fffb81;
color: #000;
float: right;
position: relative;
z-index: 23; }
.header .header-pc .header-menu-items .header-menu-item01 .header-menu-item01-btn #search_form .search_btn .fa-search {
position: absolute;
content: '';
display: inline-block;
top: calc(50% - .6em);
left: 1em;
width: 1em;
height: 1em;
background: url(//skip.fun/wp-content/themes/custom/images/icon-search.png) no-repeat center/contain; }
.header .header-pc .header-menu-items .header-menu-item02 {
width: 100%; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi {
line-height: 1; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi .gNavi-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi .gNavi-items li {
color: #000;
font-size: 15px;
font-size: 1.5rem; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi .gNavi-items li a {
padding: 0 1.6em;
border-right: 1px solid #000; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi .gNavi-items li:nth-child(1) a {
padding-left: 0; }
.header .header-pc .header-menu-items .header-menu-item02 #gNavi .gNavi-items li:last-child a {
border-right: none; }
.header .header-sp {
width: 100%;
height: 80px;
background: #fff;
position: fixed;
z-index: 999;
margin: 0;
padding: 10px;
display: none;
overflow: hidden; }
.header .header-sp.active {
height: 100vh;
background: #000;
overflow-y: scroll;
overflow-x: hidden; }
.header .header-sp.active .h-logo .h-logo-description {
color: #fff; }
.header .header-sp .h-logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.header .header-sp .h-logo .header-logo-image {
width: 160px; }
.header .header-sp .h-logo .h-logo-description {
width: calc(100% - 200px);
font-size: 10px;
font-size: 1rem; }
.header .header-sp .h-menu {
position: absolute;
top: 10px;
right: 10px;
display: block;
cursor: pointer; }
.header .header-sp .h-menu #menu-trigger {
display: inline-block;
transition: all .5s;
position: relative;
width: 25px;
height: 18px;
cursor: pointer; }
.header .header-sp .h-menu #menu-trigger span {
display: inline-block;
transition: all .5s;
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #999; }
.header .header-sp .h-menu #menu-trigger span:nth-of-type(1) {
top: 0; }
.header .header-sp .h-menu #menu-trigger span:nth-of-type(2) {
top: 8px; }
.header .header-sp .h-menu #menu-trigger span:nth-of-type(3) {
bottom: 0; }
.header .header-sp .h-menu #menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-45deg);
transform: translateY(8px) rotate(-45deg); }
.header .header-sp .h-menu #menu-trigger.active span:nth-of-type(2) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.header .header-sp .h-menu #menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg); }
.header .header-sp #h-nav {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
transition: opacity .5s ease-out;
width: 100%;
position: absolute;
top: 80px;
left: 0;
-webkit-transform: translate3d(0, 0, 1px);
transform: translate3d(0, 0, 1px); }
.header .header-sp #h-nav.active {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible; }
.header .header-sp #h-nav a, .header .header-sp #h-nav p {
color: #fff;
padding: 20px 0;
text-decoration: none; }
.header .header-sp #h-nav a:hover, .header .header-sp #h-nav p:hover {
color: #fff;
background: #333; }
.header .header-sp #h-nav .no-child {
padding: 0;
position: relative;
color: #fff;
background: #000;
border-bottom: 1px solid #999; }
.header .header-sp #h-nav .parent {
padding: 20px;
position: relative;
color: #fff;
background: #000;
border-bottom: 1px solid #999; }
.header .header-sp #h-nav .parent:before {
content: '';
position: absolute;
top: 50%;
right: 20px;
margin-top: -3px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
transition: all .3s; }
.header .header-sp #h-nav .parent.active {
border-bottom: 0; }
.header .header-sp #h-nav .parent.active:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.header .header-sp #h-nav .child {
display: none;
background: #000;
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.header .header-sp #h-nav .child .child-box {
padding: 0 20px; }
.header .header-sp #h-nav .child .child-box .post-list-item {
display: block;
border: none;
padding: 0; }
.header .header-sp #h-nav .child .child-box .post-list-item .area-image {
display: none; }
.header .header-sp #h-nav .child .child-box .post-list-item .area-content {
width: 100%; }
.header .header-sp #h-nav .child .child-box .post-list-item .area-content .entry-cat, .header .header-sp #h-nav .child .child-box .post-list-item .area-content .entry-date, .header .header-sp #h-nav .child .child-box .post-list-item .area-content a.entry-author {
display: none; }
.header .header-sp #h-nav .child .child-box .post-list-item .area-content a.entry-title {
display: block;
font-weight: 400;
padding-left: 1em; }
.header .header-sp #h-nav .child-top {
padding: 20px;
position: relative; }
.header .header-sp #h-nav .child-top:before {
content: '';
position: absolute;
top: 50%;
right: 20px;
margin-top: -3px;
width: 6px;
height: 6px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.header .header-sp #h-nav .h-info {
padding: 20px 20px 40px 20px;
background: #000;
text-align: center; }
.header .header-sp #h-nav .h-info ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.header .header-sp #h-nav .h-info ul li {
width: 50%; }
.header .header-sp #h-nav .h-info ul li a {
width: 98%;
max-width: 360px;
color: #fff;
padding: 1em; }
.header .header-sp #h-nav .h-info .searchBox {
background: #fff;
font-size: 0;
display: table;
table-layout: fixed;
width: 100%;
margin: 20px 0; }
.header .header-sp #h-nav .h-info .searchBox dt, .header .header-sp #h-nav .h-info .searchBox dd {
display: table-cell;
width: 100%;
vertical-align: middle; }
.header .header-sp #h-nav .h-info .searchBox dd {
width: 40px; }
.header .header-sp #h-nav .h-info .searchBox input[type='search'] {
font-size: 16px;
font-size: 1.6rem;
width: 100%;
height: 40px;
border: 0;
padding: 10px; }
.header .header-sp #h-nav .h-info .searchBox input[type='submit'] {
width: 40px;
height: 40px;
border: 0;
background: url(//skip.fun/wp-content/themes/custom/images/icon-search.png) no-repeat center/20px 20px; } footer {
margin-top: 50px; }
footer .footer-authors {
background: #ffe7e7;
padding: 50px 0; }
footer .footer-authors .footer-authors-items {
margin-top: 20px; }
footer .footer-authors .footer-authors-items .footer-authors-item {
width: 180px; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item {
width: 100%;
padding: 20px 10px;
border-top: 1px solid #ffd0d0; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item:last-child {
border-bottom: 1px solid #ffd0d0; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-image {
display: none; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content {
width: 100%; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content .entry-title {
height: 3em; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content .entry-date {
font-size: 10px;
font-size: 1rem;
margin-top: 1em; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content .entry-cat {
display: none; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content .entry-author {
display: none; }
footer .footer-banners {
background: #fff4f4;
padding: 60px 0 30px 0; }
footer .footer-banners .footer-banners-items {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
footer .footer-banners .footer-banners-items li {
margin-bottom: 30px; }
footer .footer-sitemaps {
background: #ffe7e7;
padding: 50px 0;
color: #000; }
footer .footer-sitemaps .container {
padding: 0; }
footer .footer-sitemaps .footer-sitemaps-items .footer-sitemaps-item {
padding: 10px 30px; }
footer .footer-sitemaps .footer-sitemaps-items .footer-sitemaps-item li {
width: 100%;
line-height: 2.25; }
footer .footer-sitemaps .footer-sitemaps-items .item01 {
width: 48%;
padding: 60px 30px; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-image {
width: 150px; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content {
width: 220px; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content p {
width: 100%;
margin: 0;
line-height: 1.6; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content .btn-wrap {
margin-top: 1em; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content .btn-wrap .btn-color01 {
width: 100%;
max-width: 220px;
border: none;
padding: 1.06em 0; }
footer .footer-sitemaps .footer-sitemaps-items .item02 {
width: 26%;
border-left: 1px solid #ffd0d0;
border-right: 1px solid #ffd0d0; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-sns {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 50px 0 20px 0; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-sns a {
margin: 0 10px; }
footer .footer-copyright {
color: #000;
background: #ffd0d0;
padding: 10px 0; }
footer .footer-copyright p {
font-size: 10px;
font-size: 1rem;
margin: 0;
text-align: center; } .top-news .top-news-items .top-news-item {
margin-top: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.top-news .top-news-items .top-news-item .post-list-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item {
width: 210px;
border-bottom: 1px solid #ffd0d0;
padding: 20px 0; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item .area-image .entry-thumb {
width: 210px;
height: 145px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item .area-content {
padding: 0 10px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item .area-content .entry-cat {
top: -8px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item .area-content .entry-title {
height: 3em;
margin: 1.5em auto .5em auto; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child {
width: 100%;
border: none;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-image .entry-thumb {
width: 360px;
height: 250px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content {
width: 300px;
padding: 0; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-cat {
top: 40px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-title {
font-size: 18px;
font-size: 1.8rem;
margin: 4em auto 1em auto; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-author {
font-size: 12px;
font-size: 1.2rem; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-date {
font-size: 12px;
font-size: 1.2rem; }
.top-news .btn-wrap .btn-more {
margin: 50px auto; }
.top-categorys .top-categorys-items .top-categorys-item {
margin-top: 10px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: justify;
align-content: space-between;
height: 450px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item {
width: 340px;
border-bottom: 1px solid #ffd0d0;
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-image .entry-thumb {
width: 147px;
height: 102px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content {
width: 50%;
padding: 0; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content .entry-cat {
top: 0; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content .entry-title {
height: 3em;
margin: 1.5em auto .5em auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child {
width: 330px;
border: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-image {
width: 100%; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-image .entry-thumb {
width: 100%;
height: 230px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content {
width: 100%;
padding: 0 10px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-cat {
top: -10px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-title {
font-size: 16px;
font-size: 1.6rem;
margin: 1em auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:last-child {
border: none; }
.top-categorys .btn-wrap .btn-category {
margin: 50px auto; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-paragraph {
padding: 20px 0;
font-weight: 600; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-input {
width: 100%;
max-width: 470px;
outline: 1px solid #999;
margin: 10px 0;
border-radius: 0;
font-family: inherit;
font-size: 1em;
font-weight: 400;
height: 1.5em;
line-height: 1;
min-height: 30px;
padding: .2em .5em; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-submit {
background: #e5005a;
border: none;
border-radius: 0;
color: #fff;
cursor: pointer;
font-size: 14px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 600;
height: 50px;
line-height: 3;
margin: 20px 0;
min-height: 40px;
width: 252px; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-submit:hover {
background: #333; }
.page-subscribe .subscribe-item #msg-form-wysija-2 .updated {
font-size: 16px;
font-size: 1.6rem;
background: #fffb81;
border-color: #999; } body.single-wysijap .entry-header {
display: none; }
body.single-wysijap #wysija-subscriptions input[type='radio'] {
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio; }
body.single-wysijap #wysija-subscriptions input[type='checkbox'] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox; }
body.single-wysijap #wysija-subscriptions .form-table th {
background: #fffb81;
text-align: left;
vertical-align: top; } .sideContents > section {
margin-bottom: 30px; }
.sideContents .side-latest {
margin-bottom: 60px; }
.sideContents .side-latest .side-latest-items .side-post-list-items {
border: 1px solid #ffd0d0; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item {
padding: 20px; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-image .entry-thumb {
height: auto; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-content {
margin-top: 10px; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-content .entry-title {
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
color: #e5005a;
height: 1.5em; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-content .backnumber_catch {
display: none; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-content .entry-date {
font-size: 10px;
font-size: 1rem; }
.sideContents .side-latest .side-latest-items .side-post-list-items .post-list-item .area-content .btn-wrap {
display: none; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list {
border: 1px solid #ffd0d0; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list .cat-item a {
padding: .8em 20px;
border-bottom: 1px solid #ffd0d0; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list .cat-item .children {
font-size: 14px;
font-size: 1.4rem;
border-bottom: 1px solid #ffd0d0; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list .cat-item .children .cat-item a {
padding-left: 40px;
border-bottom: 1px dotted #ffd0d0; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list .cat-item .children .cat-item:last-child a {
border: none; }
.sideContents .side-category .side-category-items .side-category-item .side-category-list > .cat-item:last-child .children {
border: none; } #contact-form .wrap-form {
width: 100%;
margin: 0 auto; }
#contact-form .wrap-form .lead p {
margin: 2em auto; }
#contact-form .wrap-form .formItems {
margin: 3em auto;
width: 100%; }
#contact-form .wrap-form .formItems dl, #contact-form .wrap-form .formItems dt, #contact-form .wrap-form .formItems dd {
margin: 0;
padding: 0; }
#contact-form .wrap-form .formItems dl {
width: 100%;
overflow: hidden; }
#contact-form .wrap-form .formItems dl + dl {
margin-top: 2.5em; }
#contact-form .wrap-form .formItems dt {
width: 32%;
float: left;
font-weight: 600; }
#contact-form .wrap-form .formItems dt.require {
position: relative;
padding-left: 3.2em; }
#contact-form .wrap-form .formItems dt.require:after {
position: absolute;
content: '必須';
display: block;
background: #e5005a;
top: 0;
left: 0;
width: 3em;
height: 1.5em;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
color: #fff;
text-align: center;
line-height: 1.5; }
#contact-form .wrap-form .formItems dd {
width: 64%;
float: right; }
#contact-form .wrap-form .formItems dd#privacy-item {
padding: 1em 0;
color: #000; }
#contact-form .wrap-form .formItems input[type=checkbox] {
width: 1.5em;
height: 1.5em;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox; }
#contact-form .wrap-form .formItems .mwform-checkbox-field label > input, #contact-form .wrap-form .formItems .mwform-checkbox-field label > span, #contact-form .wrap-form .formItems .mwform-radio-field label > input, #contact-form .wrap-form .formItems .mwform-radio-field label > span {
height: 1.5em;
vertical-align: middle; }
#contact-form .wrap-form .formItems input, #contact-form .wrap-form .formItems select, #contact-form .wrap-form .formItems textarea {
font-family: inherit;
font-size: 1em;
font-weight: 400;
padding: .2em .5em;
height: 1.5em;
min-height: 30px;
border-radius: 0;
border: 1px solid #999;
line-height: 1; }
#contact-form .wrap-form .formItems select {
width: 100%;
cursor: pointer; }
#contact-form .wrap-form .formItems textarea {
width: 100%;
height: 12em;
line-height: 1.5; }
#contact-form .wrap-form .formItems input[type=text]:active, #contact-form .wrap-form .formItems input[type=text]:focus, #contact-form .wrap-form .formItems input[type=email]:active, #contact-form .wrap-form .formItems input[type=email]:focus, #contact-form .wrap-form .formItems input[type=tel]:active, #contact-form .wrap-form .formItems input[type=tel]:focus, #contact-form .wrap-form .formItems select:active, #contact-form .wrap-form .formItems select:focus, #contact-form .wrap-form .formItems textarea:active, #contact-form .wrap-form .formItems textarea:focus {
border: 1px solid #e5005a; }
#contact-form .wrap-form .formItems .width01 {
width: 100%; }
#contact-form .wrap-form .formItems .width02 {
width: 25%; }
#contact-form .wrap-form .formItems .width03 {
width: 5em; }
#contact-form .wrap-form .formItems .width04 {
width: 10em; }
#contact-form .wrap-form .formItems .formSubmit {
margin: 60px auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
#contact-form .wrap-form .formItems .formSubmit input[type=submit], #contact-form .wrap-form .formItems .formSubmit a.top {
width: 252px;
height: 50px;
min-height: 40px;
border-radius: 0;
border: none;
font-size: 14px;
font-size: 1.4rem;
line-height: 3.6;
font-weight: 600;
margin: 0 .5em;
padding: 0;
cursor: pointer; } .breadcrumbs {
font-size: 12px;
font-size: 1.2rem;
color: #999;
margin-bottom: 30px; }
.breadcrumbs a {
display: inline-block; } .post-navigation {
border-top: 1px solid #ffd0d0;
border-bottom: 1px solid #ffd0d0;
margin: 3em auto; }
.post-navigation .prev, .post-navigation .next {
width: 50%; }
.post-navigation .prev span, .post-navigation .next span {
display: block;
font-size: 14px;
font-size: 1.4rem;
color: #e5005a;
font-weight: 600; }
.post-navigation .prev a, .post-navigation .next a {
padding: 20px;
height: 6.25em; }
.post-navigation .next {
text-align: right;
border-left: 1px solid #ffd0d0; } .wp-pagenavi {
font-size: 12px;
font-size: 1.2rem;
display: block;
clear: both;
padding: 1em;
margin: 3em auto;
text-align: center;
line-height: 1; }
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
color: #999;
background: #fff;
border-radius: 0;
border: solid 1px #dcdcdc;
padding: 1em;
margin: .25em;
text-decoration: none; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #e5005a;
color: #fff;
background: #e5005a; } .advertise-banner {
margin: 30px 0 50px 0; }
.advertise-banner li {
margin-bottom: 20px; }
.advertise-banner li p {
margin: .8em 0;
font-size: 14px;
font-size: 1.4rem; } .content-single .entry-header {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 1em auto; }
.content-single .entry-header .entry-cat {
font-size: 0; }
.content-single .entry-header .entry-cat a {
display: inline-block;
vertical-align: top;
padding: 0 .5em;
font-size: 12px;
font-size: 1.2rem;
color: #fff;
text-align: center;
margin-right: 1em;
background: #e5005a; }
.content-single .entry-header .entry-author {
color: #999;
font-size: 12px;
font-size: 1.2rem;
margin-right: 1em; }
.content-single .entry-header .entry-date {
color: #999;
font-size: 12px;
font-size: 1.2rem; }
.content-single .btn-wrap {
margin-top: 1em; }
.content-single .btn-wrap .btn-color01 {
width: 100%;
max-width: 220px;
border: none;
padding: 1.06em 0; }
.content-single .wysiwyg h1, .content-single .wysiwyg h2, .content-single .wysiwyg h3, .content-single .wysiwyg h4 {
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
margin: 1em auto .5em auto; }
.content-single .wysiwyg h1 {
color: #999;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400; }
.content-single .wysiwyg p {
margin: 1em 0; }
.content-single .wysiwyg img {
margin: 1em auto 2em auto; }
.content-single .wysiwyg a {
display: inline-block;
text-decoration: underline; }
.content-single .wysiwyg a:hover {
text-decoration: underline; }
.content-single .wysiwyg .external {
outline: 1px solid #ccc;
margin: 1em auto;
padding: 1em; }
.content-single .wysiwyg .external p {
margin: .5em 0; }
.content-single .wysiwyg .external .external-wrap {
overflow: hidden; }
.content-single .wysiwyg .external .external-wrap .title {
color: #e5005a;
text-align: right; }
.content-single .wysiwyg .external .external-wrap .title, .content-single .wysiwyg .external .external-wrap .btn-wrap {
width: 50%;
float: left;
margin: 0;
padding: 1em; }
.content-single .wysiwyg ul {
list-style: none; }
.content-single .wysiwyg ul li {
padding-left: 1em;
position: relative; }
.content-single .wysiwyg ul li:before {
display: block;
position: absolute;
content: '・';
top: 0;
left: 0;
width: .5em;
height: .5em; }
.content-single .wysiwyg ol {
counter-reset: mycount;
list-style: none; }
.content-single .wysiwyg ol li {
padding-left: 2.2em;
margin: .5em 0;
position: relative; }
.content-single .wysiwyg ol li:before {
display: block;
position: absolute;
content: counter(mycount) ". ";
counter-increment: mycount;
top: 0;
left: 0;
width: 2em;
height: 1em; }
.content-single .wysiwyg .aligncenter {
display: block;
margin: 1em auto; }
.content-single .wysiwyg .alignleft {
float: left;
margin: 1em auto;
margin-left: 0; }
.content-single .wysiwyg .alignright {
float: right;
margin: 1em auto;
margin-right: 0; }
.content-single .wysiwyg strong {
font-weight: 600; }
.content-single .wysiwyg em {
font-style: italic; }
.content-single .wysiwyg del {
text-decoration: line-through; }
.content-single .wysiwyg blockquote {
padding: 1em;
margin: 1.5em 0;
border-left: 5px solid #999; }
.content-single .wysiwyg hr {
height: 1px;
margin: 1.5em 0;
border: 0;
background-color: #999; }
.content-single .wysiwyg table {
width: 100%;
border-collapse: collapse; }
.content-single .wysiwyg table td, .content-single .wysiwyg table th {
padding: .5em;
border: 1px solid #999; }
.content-single .wysiwyg table th {
text-align: left;
vertical-align: top;
background-color: #999; }
.content-single .wysiwyg .wp-caption, .content-single .wysiwyg .gallery-caption {
max-width: 100%; }
.content-single .wysiwyg .wp-caption .wp-caption-text {
margin: 1em 0; }
.content-single .wysiwyg .sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px; }
.content-single .wysiwyg .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px; }
.content-single .wysiwyg .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.content-single .wysiwyg .screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
clip: auto !important;
color: #21759b;
display: block;
height: auto;
left: 5px;
padding: 1em;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.content-single .wysiwyg .page-company .page-company-item dl {
margin: 0;
overflow: hidden;
border-top: 1px solid #ffd0d0;
padding: 1em; }
.content-single .wysiwyg .page-company .page-company-item dl:last-child {
border-bottom: 1px solid #ffd0d0; }
.content-single .wysiwyg .page-company .page-company-item dt {
width: 12%;
float: left;
font-weight: 600;
line-height: 1.2; }
.content-single .wysiwyg .page-company .page-company-item dd {
width: 76%;
float: right; } .post-list-items .post-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.post-list-items .post-list-item .area-image .entry-thumb {
overflow: hidden; }
.post-list-items .post-list-item .area-content {
position: relative;
width: 100%; }
.post-list-items .post-list-item .area-content .entry-cat {
position: absolute;
font-size: 0; }
.post-list-items .post-list-item .area-content .entry-cat a {
display: inline-block;
vertical-align: top;
padding: 0 .5em;
font-size: 11px;
font-size: 1.1rem;
color: #fff;
text-align: center;
margin-right: 10px;
background: #e5005a; }
.post-list-items .post-list-item .area-content .entry-title {
overflow: hidden;
font-size: 14px;
font-size: 1.4rem;
font-weight: 600; }
.post-list-items .post-list-item .area-content .entry-author {
color: #999;
font-size: 10px;
font-size: 1rem; }
.post-list-items .post-list-item .area-content .entry-date {
color: #999;
font-size: 10px;
font-size: 1rem; }
.archive .post-list-items .post-list-item, .search .post-list-items .post-list-item, .page-news .post-list-items .post-list-item, .related .post-list-items .post-list-item {
border-bottom: 1px solid #ffd0d0;
padding: 20px 0; }
.archive .post-list-items .post-list-item:first-child, .search .post-list-items .post-list-item:first-child, .page-news .post-list-items .post-list-item:first-child, .related .post-list-items .post-list-item:first-child {
padding: 10px 0 20px 0; }
.archive .post-list-items .post-list-item .area-image, .search .post-list-items .post-list-item .area-image, .page-news .post-list-items .post-list-item .area-image, .related .post-list-items .post-list-item .area-image {
width: 22%;
max-width: 150px; }
.archive .post-list-items .post-list-item .area-image .entry-thumb, .search .post-list-items .post-list-item .area-image .entry-thumb, .page-news .post-list-items .post-list-item .area-image .entry-thumb, .related .post-list-items .post-list-item .area-image .entry-thumb {
width: 100%;
height: auto; }
.archive .post-list-items .post-list-item .area-content, .search .post-list-items .post-list-item .area-content, .page-news .post-list-items .post-list-item .area-content, .related .post-list-items .post-list-item .area-content {
width: 74%; }
.archive .post-list-items .post-list-item .area-content .entry-cat, .search .post-list-items .post-list-item .area-content .entry-cat, .page-news .post-list-items .post-list-item .area-content .entry-cat, .related .post-list-items .post-list-item .area-content .entry-cat {
position: relative; }
.archive .post-list-items .post-list-item .area-content .entry-title, .search .post-list-items .post-list-item .area-content .entry-title, .page-news .post-list-items .post-list-item .area-content .entry-title, .related .post-list-items .post-list-item .area-content .entry-title {
font-size: 16px;
font-size: 1.6rem; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content {
height: 228px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content .entry-title {
color: #e5005a; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content .btn-wrap {
text-align: right;
margin-top: 1em; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content .btn-wrap .btn-color01 {
text-align: center;
width: 100%;
max-width: 220px;
border: none;
padding: 1.06em 0; } .ranking-item #tabMenu01 li a.active, .ranking-item #tabMenu02 li a.active {
background: #333;
color: #fff; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list {
counter-reset: mycount;
list-style: none; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li {
position: relative;
padding: 10px 1em;
border-bottom: 1px solid #ffd0d0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:before {
font-size: 24px;
font-size: 2.4rem;
color: #e5005a;
position: absolute;
top: calc(50% - .5em);
left: .5em;
content: counter(mycount, decimal);
counter-increment: mycount; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-image .thumbnail {
width: 150px;
height: 100px; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .content .title {
overflow: hidden;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .category {
display: inline-block;
font-size: 10px;
font-size: 1rem;
color: #666; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .author {
font-size: 10px;
font-size: 1rem;
color: #666;
position: relative; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .author:before {
position: absolute;
content: '記者：'; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .author a {
padding-left: 3em; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .date {
font-size: 10px;
font-size: 1rem;
color: #666; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:last-child {
border: none; }
.ranking-item #tabBoxes #tabBox2 {
display: none; }
.ranking-item #tabBoxes #tabBox3 {
display: none; }
.page-ranking {
margin: 30px 0; }
.page-ranking .ranking-item .tabMenu li {
width: 12%;
text-align: center; }
.page-ranking .ranking-item .tabMenu li:last-child {
width: calc(100% - 12*2%);
text-align: left; }
.page-ranking .ranking-item .tabMenu li:last-child a {
padding-left: 30px; }
.page-ranking .ranking-item .tabMenu li a {
font-size: 13px;
font-size: 1.3rem;
width: 100%;
height: 50px;
line-height: 3.8; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list {
border-bottom: 1px solid #ffd0d0; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li {
padding: 20px 2em 20px 3em; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-image .thumbnail {
width: 150px;
height: 100px; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content {
width: 71%; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .content .title {
font-size: 14px;
font-size: 1.4rem;
height: 3em; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .category {
padding: .5em 0; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-image .thumbnail {
width: 250px;
height: 175px; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-content {
width: 55%; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-content .content .title {
font-size: 16px;
font-size: 1.6rem; }
@media screen and (max-width: 999px){
html{
font-size: 62.5%; }
a:hover, a:active{
text-decoration: none; }
.container{
padding: 0 10px; }
.wrapContents{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.mainContents{
max-width: none;
margin-top: 100px;
-webkit-transform: translate3d(0, 0, 0px);
transform: translate3d(0, 0, 0px); }
.sideContents{
max-width: none; }
.pc-hidden{
display: block; }
.sp-hidden{
display: none; }
.btn-more, .btn-category, .btn-side, .btn-reservation{
width: 100%;
max-width: 360px;
height: 50px;
line-height: 3.6; }
.btn-more:before, .btn-category:before, .btn-side:before, .btn-reservation:before{
right: 1em; }
.btn-side{
max-width: none; }
.btn-reservation{
font-size: 1.3rem;
width: 100%;
max-width: 360px;
height: 50px;
line-height: 3.6; }
.btn-reservation:before{
right: 1em; }
.header{
position: relative; }
.header .header-pc{
display: none; }
.header .header-sp{
display: block; }
footer .footer-authors{
padding: 20px 0; }
footer .footer-authors .footer-authors-items{
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 20px; }
footer .footer-authors .footer-authors-items .footer-authors-item{
width: 40%;
margin: 20px auto; }
footer .footer-authors .footer-authors-items{
margin-top: 0;
padding: 0 10px; }
footer .footer-authors .footer-authors-items .footer-authors-item{
width: 100%; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item{
padding: 1em 10px; }
footer .footer-authors .footer-authors-items .footer-authors-item .post-list-items .post-list-item .area-content .entry-title{
font-size: 1.6rem;
height: auto; }
footer .footer-banners{
padding: 20px 0; }
footer .footer-banners .footer-banners-items{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
footer .footer-banners .footer-banners-items li{
width: 100%;
text-align: center;
margin-bottom: 20px; }
footer .footer-banners .footer-banners-items li img{
display: inline-block; }
footer .footer-sitemaps{
padding: 20px 0; }
footer .footer-sitemaps .footer-sitemaps-items .item02{
width: 100%;
border: none; }
footer .footer-sitemaps .footer-sitemaps-items{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
padding-bottom: 100px; }
footer .footer-sitemaps .footer-sitemaps-items .footer-sitemaps-item{
padding: 0; }
footer .footer-sitemaps .footer-sitemaps-items .footer-sitemaps-item a{
line-height: 1;
border-bottom: 1px solid #ffd0d0;
padding: 1em; }
footer .footer-sitemaps .footer-sitemaps-items .item01{
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 40px 20px; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content{
width: 50%;
margin: 1em 0; }
footer .footer-sitemaps .footer-sitemaps-items .item02{
width: 100%;
border: none; }
footer .footer-sitemaps .footer-sitemaps-items .item03{
width: 100%; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-sns, footer .footer-sitemaps .footer-sitemaps-items .item03 .f-logo{
margin: 0; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-sns a, footer .footer-sitemaps .footer-sitemaps-items .item03 .f-logo a{
border: none; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-sns a img, footer .footer-sitemaps .footer-sitemaps-items .item03 .f-logo a img{
margin: 0 auto; }
footer .footer-sitemaps .footer-sitemaps-items .item03 .f-logo{
width: 100%;
position: absolute;
bottom: 0;
left: 0; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-paragraph{
padding: 10px 0; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-input{
max-width: none; }
.page-subscribe .subscribe-item #form-wysija-2 .wysija-submit{
margin: 10px 0;
width: 100%; }
.sideContents .side-latest{
margin-top: 20px; }
.page-ranking .ranking-item .tabMenu li{
width: 40%; } }
@media screen and (max-width: 767px){
html{
font-size: 62.5%; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item{
width: 48%; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item .area-image .entry-thumb{
width: 100%;
height: auto; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child{
width: 48%;
border-bottom: 1px solid #ffd0d0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-image .entry-thumb{
width: 100%;
height: auto; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content{
width: 100%;
padding: 0 10px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-cat{
top: -8px; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-title{
font-size: 1.6rem;
height: 3em;
margin: 1.5em auto .5em auto; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-author{
font-size: 1.2rem; }
.top-news .top-news-items .top-news-item .post-list-items .post-list-item:first-child .area-content .entry-date{
font-size: 1.2rem; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
height: auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item{
width: 48%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-image .entry-thumb{
width: 100%;
height: auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content{
width: 100%;
padding: 0 10px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content .entry-cat{
top: -8px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item .area-content .entry-title{
font-size: 1.6rem;
height: 3em;
margin: 1.5em auto .5em auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child{
width: 48%;
border-bottom: 1px solid #ffd0d0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-image .entry-thumb{
width: 100%;
height: auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content{
width: 100%;
padding: 0 10px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-cat{
top: -8px; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-title{
font-size: 1.6rem;
height: 3em;
margin: 1.5em auto .5em auto; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-author{
font-size: 1.2rem; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:first-child .area-content .entry-date{
font-size: 1.2rem; }
.top-categorys .top-categorys-items .top-categorys-item .post-list-items .post-list-item:last-child{
border-bottom: 1px solid #ffd0d0; }
.page-ranking{
margin: 30px 0; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child{
padding: 20px 0 20px 2.5em; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-image, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-image{
width: 25%; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-image .thumbnail, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-image .thumbnail{
width: 100%;
height: auto; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-content{
width: 70%; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .content .title, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-content .content .title{
font-size: 1.4rem;
height: auto;
padding: 0; }
.page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .category, .page-ranking .ranking-item #tabBoxes .popular-posts ol.popular-posts-list li:first-child .area-content .category{
padding: 0; } }
@media screen and (max-width: 499px){
html{
font-size: 62.5%; }
.category-sfc .fashionclub{
font-size: 1.8rem; }
.bnr-fashion-01, .bnr-fashion-02{
margin: 20px 0; }
.category-seminar.btn-wrap{
margin: 20px 0; }
.page-seminar-reservation .seminar-navi .lead, .page-seminar-reservation .seminar-navi .information{
font-size: 2rem; }
.page-seminar-reservation .seminar-navi .lead br, .page-seminar-reservation .seminar-navi .information br{
display: none; }
.page-seminar-reservation .seminar-navi .information{
border: 2px solid #e5005a; }
.page-seminar-reservation .seminar-navi .information span{
display: block; }
.page-seminar-reservation .seminar-navi .information span + span{
margin-left: 0; }
.page-seminar-reservation .seminar-bank{
margin: 1em auto;
padding: 1em; }
.page-seminar-reservation .seminar-bank dl{
margin: 0;
padding: 1em 0; }
.page-form-infomation .lead, .page-form-infomation .information{
font-size: 2rem; }
.page-form-infomation .information{
border: 2px solid #e5005a; }
.page-form-infomation .method{
margin: 0 auto;
padding: 1em; }
footer .footer-sitemaps .footer-sitemaps-items .item01{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-image{
max-width: 210px;
width: 100%;
margin: 1em auto; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-image img{
width: 100%; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content{
width: 100%;
margin: 0; }
footer .footer-sitemaps .footer-sitemaps-items .item01 .footer-item01-content p{
margin: 0; }
#contact-form .wrap-form .lead p{
margin: 1em auto; }
#contact-form .wrap-form .formItems{
margin: 2em auto; }
#contact-form .wrap-form .formItems dl + dl{
margin-top: 2em; }
#contact-form .wrap-form .formItems dt{
width: 100%;
float: none;
margin: 20px 0; }
#contact-form .wrap-form .formItems dd{
width: 100%;
float: none; }
#contact-form .wrap-form .formItems input, #contact-form .wrap-form .formItems select, #contact-form .wrap-form .formItems textarea{
min-height: 40px; }
#contact-form .wrap-form .formItems .formSubmit{
margin: 20px auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#contact-form .wrap-form .formItems .formSubmit input[type=submit]{
width: 100%;
margin: 10px 0; }
.breadcrumbs{
margin-bottom: 15px; }
.post-navigation{
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.post-navigation .prev, .post-navigation .next{
width: 100%; }
.post-navigation .next{
border-left: none;
border-top: 1px solid #ffd0d0; }
.advertise-banner{
margin: 0 0 20px 0; }
.advertise-banner li{
margin-bottom: 20px; }
.advertise-banner li p{
margin: .5em 0;
font-size: 1.2rem; }
.content-single .entry-header{
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.content-single .wysiwyg h1, .content-single .wysiwyg h2, .content-single .wysiwyg h3, .content-single .wysiwyg h4{
line-height: 1.2; }
.content-single .wysiwyg .external .external-wrap .title, .content-single .wysiwyg .external .external-wrap .btn-wrap{
width: 100%;
float: none;
text-align: center; }
.content-single .wysiwyg .page-company .page-company-item dt, .content-single .wysiwyg .page-company .page-company-item dd{
width: 100%;
float: none;
margin: .5em 0; }
.post-list-items .post-list-item .area-content .entry-cat a{
font-size: 1.2rem;
margin-right: 5px;
margin-bottom: 5px; }
.post-list-items .post-list-item .area-content .entry-title{
font-size: 1.6rem; }
.post-list-items .post-list-item .area-content .entry-author{
font-size: 1.2rem; }
.post-list-items .post-list-item .area-content .entry-date{
font-size: 1.2rem; }
.archive .post-list-items .post-list-item .area-image, .search .post-list-items .post-list-item .area-image, .page-news .post-list-items .post-list-item .area-image, .related .post-list-items .post-list-item .area-image{
width: 36%; }
.archive .post-list-items .post-list-item .area-content, .search .post-list-items .post-list-item .area-content, .page-news .post-list-items .post-list-item .area-content, .related .post-list-items .post-list-item .area-content{
width: 60%; }
.archive .post-list-items .post-list-item .area-content .entry-title, .search .post-list-items .post-list-item .area-content .entry-title, .page-news .post-list-items .post-list-item .area-content .entry-title, .related .post-list-items .post-list-item .area-content .entry-title{
line-height: 1.2;
margin: .2em 0; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-image{
width: 100%;
max-width: none; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content{
width: 100%;
margin-top: 20px;
height: auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.post-type-archive-backnumber .mainContents .post-list-items .post-list-item .area-content .btn-wrap{
text-align: center; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .content .title{
padding: .5em 0; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .category{
font-size: 1.2rem; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .author{
font-size: 1.2rem; }
.ranking-item #tabBoxes .popular-posts ol.popular-posts-list li .area-content .date{
font-size: 1.2rem; } }