@charset "utf-8";
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/blog/wp-content/themes/original_theme/css/images/controls.png) no-repeat 0 0;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
background: #fff;
color: #000;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000; 
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}  .clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
} .clearfix {
zoom:1;
} li img {
vertical-align: bottom;
} input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
input[type="search"]:focus {
outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
}html {
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}
body {
height: 100%;
font: 14px/1.231 "Lato", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
sans-serif;
font-weight: 500;
font-feature-settings: "palt";
letter-spacing: 0.05em;
*font-size: small;
*font: x-small;
color: #000;
line-height: 1.7;
-webkit-font-smoothing: antialiased;
}
body.home {
opacity: 0;
}
body.home.active {
opacity: 1;
}
@media all and (-ms-high-contrast: none) {
body {
font: 13px/1.231 "メイリオ", Meiryo, "Lato", YuGothic, "游ゴシック",
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック",
sans-serif;
font-weight: normal;
line-height: 2;
letter-spacing: 0.03em;
}
}
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
small {
font-size: 86%;
}
a {
color: #333;
text-decoration: none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
a:hover {
text-decoration: none;
}
.txt-underline {
text-decoration: underline;
}
img {
vertical-align: bottom;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.pc-none {
display: none;
}
.flex {
display: flex;
}
.flex-a-ctr {
align-items: center;
}
.flex-j-ctr {
justify-content: center;
}
.block {
display: block;
}
.mgn-btm8 {
margin-bottom: 8px;
}
.mgn-btm16 {
margin-bottom: 16px;
}
.mgn-btm24 {
margin-bottom: 24px;
}
.mgn-btm32 {
margin-bottom: 32px;
}
.mgn-btm40 {
margin-bottom: 40px;
}
.mgn-btm48 {
margin-bottom: 48px;
}
.mgn-btm56 {
margin-bottom: 56px;
}
.mgn-btm64 {
margin-bottom: 64px;
}
.mgn-btm72 {
margin-bottom: 72px;
}
.mgn-btm80 {
margin-bottom: 80px;
}
.flt-rgt {
float: right;
}
.flt-lft {
float: left;
}
.txt-ctr {
text-align: center;
}
.txt-lft {
text-align: left;
}
.txt-rgt {
text-align: right;
}
.str-txt {
display: inline-block;
margin-top: 16px;
font-size: 122%;
}
.txt-wh {
color: #fff;
}
.fz16 {
font-size: 16px;
}
.fz18 {
font-size: 18px;
}
.fz20 {
font-size: 20px;
}
.fz24 {
font-size: 24px;
}
.fz26 {
font-size: 26px;
}
.fz28 {
font-size: 28px;
}
.fz30 {
font-size: 30px;
}
.fz32 {
font-size: 32px;
}
.lh1 {
line-height: 1;
}
.lh14 {
line-height: 1.4;
}
.lh16 {
line-height: 1.6;
}
@media (min-width: 768px) {
@-moz-document url-prefix() {
* {
font-feature-settings: "palt";
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
* {
font-feature-settings: "palt";
}
}
}
@media (max-width: 767px) {
body {
font-size: 13px;
}
img {
max-width: 100%;
height: auto;
}
.pc-none {
display: block;
}
.sp-none {
display: none;
}
.mgn-btm16 {
margin-bottom: 8px;
}
.mgn-btm24 {
margin-bottom: 16px;
}
.mgn-btm32 {
margin-bottom: 16px;
}
.mgn-btm40 {
margin-bottom: 24px;
}
.mgn-btm48 {
margin-bottom: 24px;
}
.mgn-btm56 {
margin-bottom: 32px;
}
.mgn-btm64 {
margin-bottom: 32px;
}
.mgn-btm72 {
margin-bottom: 40px;
}
.mgn-btm80 {
margin-bottom: 40px;
}
.fz-sp12 {
font-size: 12px;
}
.fz-sp14 {
font-size: 14px;
}
.fz-sp15 {
font-size: 15px;
}
.fz-sp16 {
font-size: 16px;
}
.fz-sp18 {
font-size: 18px;
}
.fz-sp20 {
font-size: 20px;
}
.fz-sp22 {
font-size: 22px;
}
.fz-sp24 {
font-size: 24px;
}
.fz-sp26 {
font-size: 26px;
}
}
.font-alegreyaSans {
font-family: "Alegreya Sans", sans-serif;
}
.font-shueiGin {
font-family: 秀英角ゴシック銀 B, Shuei KakuGo Gin B;
}
.font-en {
font-family: 'Libre Baskerville', serif;
}
.gt_switcher_wrapper {
top: 33px !important;
z-index: 99 !important;
transition: all .4s ease-out;
}
.gt_switcher_wrapper.is-scroll {
top: 15px !important;
z-index: 9999 !important;
}
.gt_switcher_wrapper select {
height: 36px;
border: 2px solid;
}
@media screen and (max-width: 768px) {
.gt_switcher_wrapper {
width: 130px;
top: 64px !important;
right: 12px !important;
}
.gt_switcher_wrapper select {
width: 130px;
}
}   .inner {
max-width: 1080px;
margin: 0 auto;
width: 98%;
}
.inner-sm {
max-width: 800px;
} .section_pdg {
padding-top: 80px;
padding-bottom: 80px;
}
.section_pdg-lg {
padding-top: 124px;
padding-bottom: 142px;
}
.box {
padding: 18px;
}
.main_view {
height: 216px;
padding-top: calc(216px / 2.6);
background-color: #1c2a42;
}
.main_view h2 {
color: #fff;
}
.main_view .section_ttl_sub .line {
width: 42%;
}
.main_view .section_ttl_sub small {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.gray-bg {
background-color: #f5f5f5;
}
.transition-04 {
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .page_ttl {
background: #eee;
padding: 80px 0;
text-align: center;
}
.section_ttl,
.section_ttl-nomove {
font-size: 30px;
line-height: 1.8;
font-family: "Alegreya Sans", 秀英角ゴシック銀 B, Shuei KakuGo Gin B,
sans-serif;
}
.section_ttl strong {
-webkit-transform: scaleY(0);
transform: scaleY(0);
display: block;
}
.section_ttl_sub {
display: block;
line-height: 0.5;
position: relative;
width: 45%;
margin: 0 auto;
}
.section_ttl_sub .line,
.section_ttl-nomove .line {
position: absolute;
top: 12px;
width: 0;
height: 2px;
background-color: #000;
border-bottom: 1px solid #ddd;
display: block;
}
.section_ttl-nomove .line {
width: 40%;
}
.section_ttl_sub .line.left {
left: 0;
}
.section_ttl_sub .line.right {
right: 0;
}
.section_ttl_sub small {
font-size: 13px;
position: relative;
padding: 0;
z-index: 1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
display: inline-block;
width: 100%;
}
.section_ttl-nomove .section_ttl_sub small {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.section_description {
width: 754px;
margin-left: auto;
margin-right: auto;
font-size: 108%;
line-height: 1.95;
}
.more_read {
text-align: center;
width: 26%;
margin: 0 auto;
}
.more_read a,
.post_list--item a .more_read span {
display: block;
color: #1c2a42;
border: 2px solid #1c2a42;
font-size: 122%;
font-family: 秀英角ゴシック銀 B, Shuei KakuGo Gin B;
padding: 8px 0;
font-weight: bold;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.more_read a:hover,
.post_list--item a:hover .more_read span {
letter-spacing: 0.2em;
color: #fff;
background-color: #1c2a42;
}
.btn {
text-align: center;
}
.btn-bgBlue a {
margin: 0 auto;
padding: 6px 52px;
color: #fff;
background-color: #1c2a42;
box-shadow: inset 0px 0px 0 1px #fff;
border: 4px solid #1c2a42;
} .effect {
position: relative;
}
.effect .effect--element {
position: absolute;
top: 0;
right: 0;
opacity: 1;
width: 100%;
height: 100%;
background-color: #061125;
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.effect--zoom {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .header {
position: relative;
}
.header h1 {
position: absolute;
top: 24px;
left: 2.5%;
z-index: 2;
width: 140px;
}
.header h1 img {
width: 100%;
height: auto;
}
.subpage .header h1 {
width: 78px;
} .gnav {
position: absolute;
top: 32px;
right: 11%;
z-index: 100;
}
.gnav li {
float: left;
margin-top: 5px;
margin-right: 12px;
}
.gnav li a {
font-size: 108%;
display: block;
padding: 0 4px;
color: #fff;
font-family: "Alegreya Sans", sans-serif;
position: relative;
letter-spacing: 0.09em;
}
.gnav li a i {
margin-right: 8px;
}
.gnav li:nth-child(8),
.gnav li:last-child {
margin-top: 0;
margin-right: 0;
margin-left: 13px;
}
.gnav li:nth-child(6),
.gnav li:nth-child(7) {
margin-top: 2px;
}
.gnav li:nth-child(6) a,
.gnav li:nth-child(7) a {
border-radius: 50%;
color: #fff;
background-color: #000;
display: block;
text-align: center;
width: 30px;
height: 30px;
line-height: 31px;
letter-spacing: 0;
}
.gnav li:nth-child(6) a i,
.gnav li:nth-child(7) a i {
margin-right: 0;
}
.gnav li:nth-child(8) a,
.gnav li:last-child a {
border: 2px solid;
padding: 4px 14px 4px;
}
.gnav li:nth-child(8) a:hover,
.gnav li:last-child a:hover {
background-color: #000;
color: #fff;
}
.gnav li:nth-child(-n + 5) a::before {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -5px;
margin: 0;
width: 0;
height: 2px;
background-color: #000;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.gnav li a:hover::before {
width: 100%;
}
body.subpage .gnav li a {
color: #fff;
}
body.subpage .gnav li:nth-child(6) a,
body.subpage .gnav li:nth-child(7) a {
color: #000;
background-color: #fff;
}
body.subpage .gnav li:nth-child(8) a,
body.subpage .gnav li:last-child a {
border: 2px solid #fff;
}
body.subpage .gnav li:nth-child(8) a:hover,
body.subpage .gnav li:last-child a:hover {
color: #000;
background-color: #fff;
}
body.subpage .gnav li:nth-child(-n + 5) a::before {
background-color: #fff;
}
#fix_head {
position: fixed;
top: -90px;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.8);
z-index: 999;
padding: 12px 0 8px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#fix_head.scrolled {
top: 0;
}
#fix_head h1 {
float: left;
}
#fix_head nav {
float: right;
margin-top: 1px;
}
#fix_head .gnav {
position: static;
}
#fix_head .gnav li:nth-child(-n + 5) {
margin-top: 6px;
}
#fix_head .gnav li a {
color: #000;
}
#fix_head .gnav li:nth-child(6) a,
#fix_head .gnav li:nth-child(7) a {
color: #fff;
background-color: #000;
}
#fix_head .gnav li:nth-child(8) a,
#fix_head .gnav li:last-child a {
border-color: #000;
}
#fix_head .gnav li:nth-child(8) a:hover,
#fix_head .gnav li:last-child a:hover {
background-color: #000;
color: #fff;
}
#fix_head .gnav li:nth-child(-n + 5) a::before {
background-color: #000;
}
@media (max-width: 1100px) {
#fix_head .inner {
width: 98%;
}
.header h1 { width: 100px; }
}
@media (max-width: 767px) {
.header,
#fix_head_sp {
position: absolute;
z-index: 2;
width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 3%;
margin-right: auto;
margin-left: auto;
}
#fix_head_sp {
position: fixed;
}
.header h1,
#fix_head_sp h1,
.subpage .header h1 {
position: relative;
top: 0;
left: 0;
width: 60px;
}
.header .header_onlinestore,
#fix_head_sp .header_onlinestore {
border: 2px solid;
padding: 6px 6px 0 6px;
display: block;
color: #fff;
font-family: "Alegreya Sans", sans-serif;
position: relative;
letter-spacing: .09em;
}
.header .header_onlinestore a ,
#fix_head_sp .header_onlinestore a { color: #fff; }
.header .header_onlinestore i ,
#fix_head_sp .header_onlinestore i { margin-right: 8px; }
#fix_head_sp {
top: -90px;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, .8);
z-index: 99; 
}
#fix_head_sp .header_onlinestore { border-color: #000; }
#fix_head_sp .header_onlinestore a { color: #000; }
.gnav_btn {
display: block;
}
.gnav_btn,
.gnav_btn span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.gnav_btn {
position: fixed;
width: 24px;
height: 13px;
top: 40px;
right: 40px;
z-index: 9999;
display: none;
}
.gnav_btn span {
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
}
.gnav_btn span:nth-of-type(1) {
top: 0;
}
.gnav_btn span:nth-of-type(2) {
top: 6px;
}
.gnav_btn span:nth-of-type(3) {
bottom: 0;
}
.gnav_btn.active span:nth-of-type(1) {
-webkit-transform: translateY(6px) rotate(-35deg);
transform: translateY(6px) rotate(-35deg);
}
.gnav_btn.active span:nth-of-type(2) {
opacity: 0;
}
.gnav_btn.active span:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(35deg);
transform: translateY(-6px) rotate(35deg);
}
} #contact {
border-bottom: 1px solid #bfbfbf;
background-color: #fff;
}
#contact .section_ttl_sub {
width: 60%;
}
#contact .btn-bgBlue {
margin-bottom: 42px;
}
#contact .btn-bgBlue a {
font-size: 158%;
}
#map {
width: 100%;
height: 400px;
}
.footer {
background: #1c2a42;
padding: 40px 0;
position: relative;
z-index: 1;
}
.footer .footer--list {
text-align: center;
display: block;
}
.footer .footer--list li {
display: inline-block;
font-family: "Alegreya Sans", sans-serif;
}
.footer .footer--list li::after {
content: "|";
color: #fff;
}
.footer .footer--list li:last-child::after {
display: none;
}
.footer .footer--list li a {
color: #fff;
margin: 0 8px;
letter-spacing: 0.09em;
}
.footer--copyright {
text-align: center;
color: #fff;
}
.pbl {
opacity: 1;
vertical-align: baseline;
margin-left: 8px;
}
.pbl img {
vertical-align: middle;
} #formy_form table {
width: 100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
border-bottom: solid 1px #eee;
}
#formy_form th {
font-weight: normal;
white-space: nowrap;
text-align: left;
width: 34%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size: 100%;
}
#formy_form textarea {
height: 100px;
}
#formy_form select {
height: 40px;
}
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover {
opacity: 0.7;
}
#formy_form textarea:hover {
opacity: 0.7;
}
#formy_form input:focus {
background-color: #fff;
}
#formy_form .parsley-validated {
background-color: #eee;
}
#formy_form .parsley-error {
background-color: #fee;
}
#formy_form .parsley-success {
background-color: #fff;
}
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help {
display: none;
}
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
background: #f55;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
}
#formy_btn {
padding-top: 14px;
text-align: center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 56px;
-webkit-appearance: none;
appearance: none;
margin-bottom: 16px;
}
#formy_form ul li {
vertical-align: middle;
margin-right: 8px;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] {
display: none !important;
}
#formy_form ul li label {
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: top;
position: relative;
padding: 0px 8px 0px 40px;
cursor: pointer;
}
#formy_form ul li label:hover {
opacity: 0.7;
}
#formy_form ul li label::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 16px;
top: 12px;
}
#formy_form ul li input[type="radio"] + label::before {
border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
color: #e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 10px;
height: 18px;
top: 4px;
left: 20px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm {
background-color: #4dbaff;
}
.formy_submit_disabled {
background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
opacity: 1;
cursor: default;
}
.autoConfirmBack {
background-color: #aaa;
}
.formy_send {
background-color: #ff6600;
}
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
@media (max-width: 767px) {
#formy_form {
padding: 0 16px;
}
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom: none;
padding-bottom: 0;
white-space: normal;
font-weight: bold;
}
#formy_form td {
padding-top: 0;
}
#formy_btn {
padding-top: 8px;
}
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
} .side-column {
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
}
.side-column .inner {
display: table;
}
.side-section {
width: 33.33%;
margin-right: 48px;
border-left: 1px solid #dfdfdf;
display: table-cell;
padding: 28px 38px 28px 38px;
}
.side-column .side-section:nth-child(3) {
margin-right: 0;
border-right: 1px solid #dfdfdf;
}
.side-section ul li {
margin-bottom: 8px;
}
.side-section ul li a {
background-color: #fff;
display: block;
padding: 8px 16px;
}
.side-ttl {
border-bottom: 2px solid;
padding-bottom: 8px;
margin-bottom: 16px;
font-size: 129%;
color: #1c2a42;
}
.side-ttl small {
float: right;
font-size: 12px;
margin-top: 6px;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
background-color: #ececec;
margin-bottom: 18px;
padding: 6px 0;
color: #1c2a42;
font-weight: bold;
}
#wp-calendar td {
text-align: center;
padding: 6px 0;
}
#wp-calendar td a {
background-color: #19aa5b;
color: #fff;
border-radius: 2px;
padding: 4px;
font-size: 86%;
}
#wp-calendar td#prev,
#wp-calendar td#next {
padding: 14px 0 0;
}
#wp-calendar td#next {
text-align: right;
}
#wp-calendar td#prev {
text-align: left;
}
#wp-calendar td#prev a,
#wp-calendar td#next a {
background-color: #1c2a42;
padding: 4px 12px 5px;
color: #fff;
border-radius: 2px;
font-size: 14px;
} .hero {
position: relative;
width: 100%;
max-width: 100vw;
height: 50vw;
min-height: 100%;
background-color: #000;
}
.hero_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hero_content img {
width: 60vw;
height: auto;
}
.hero_content .txt {
width: fit-content;
margin: 0 auto;
white-space: nowrap;
}
.hero--video {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.hero_content img {
width: 86vw;
max-width: inherit;
}
.hero_content .txt {
white-space: inherit;
}
}
#news {
padding-bottom: 0;
background-color: #fff;
}
.new--ttl {
float: left;
line-height: 1.4;
}
.new--ttl strong {
font-size: 221%;
}
.news--list {
width: 84%;
float: right;
}
.news--list li {
margin-bottom: 18px;
}
.news--list li:last-child {
margin-bottom: 0;
}
.news--list li span {
display: inline-block;
margin-right: 44px;
} #instagram {
border-top: 1px solid #bfbfbf;
}
.instagram_list li {
float: left;
width: calc(100% / 5 - (44px * 4 / 5));
margin-right: 44px;
margin-bottom: 44px;
position: relative;
}
.instagram_list li:nth-child(2) {
transition-delay: 0.1s;
}
.instagram_list li:nth-child(3) {
transition-delay: 0.15s;
}
.instagram_list li:nth-child(4) {
transition-delay: 0.2s;
}
.instagram_list li:nth-child(5) {
transition-delay: 0.25s;
}
.instagram_list li:nth-child(6) {
transition-delay: 0.3s;
}
.instagram_list li:nth-child(7) {
transition-delay: 0.35s;
}
.instagram_list li:nth-child(8) {
transition-delay: 0.4s;
}
.instagram_list li:nth-child(9) {
transition-delay: 0.55s;
}
.instagram_list li:nth-child(10) {
transition-delay: 0.6s;
}
.instagram_list li:nth-child(5n) {
margin-right: 0;
}
.instagram_list a {
display: block;
width: 100%;
padding-top: 100%;
background-size: cover;
background-position: center;
}
.btn-instagram {
width: 26%;
margin: 0 auto;
}
.btn-instagram a {
position: relative;
display: block;
background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow: hidden;
padding-top: 8px;
padding-bottom: 8px;
font-size: 136%;
color: #FFF;
}
.btn-instagram a:hover {
letter-spacing: .2em;
}
.btn-instagram a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.btn-instagram a .fa,
.btn-instagram a .btn-instagram_txt { position: relative; }
.btn-instagram a .fa { 
margin-right: 6px;
transform: translateY(2px);
}
.btn-instagram a .fa-instagram::before { font-size: 140%; } .media--list .media--list_item {
float: left;
width: calc(100% / 4 - (66px * 3 / 4));
margin-right: 66px;
}
.media--list .media--list_item:last-child {
margin-right: 0;
}
.media--list .media--list_item .effect--element {
background-color: #061125;
}
.media--list_item_thumbnail {
width: 220px;
height: 180px;
background-size: cover;
border: 1px solid #c9c9c9;
margin-bottom: 24px;
}
.media--list_item_day {
text-align: center;
margin-bottom: 14px;
}
.media--list_item_txt {
text-align: center;
font-size: 93%;
line-height: 1.95;
}
.media--list_item_day.effect .effect--element,
.media--list_item_txt.effect .effect--element {
background-color: #f5f5f5;
-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.3s;
}
#media.home .more_read {
margin: 42px auto 0;
} #brand {
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
background-color: #fff;
}
#brand .section_description .str-txt {
margin-top: 4px;
margin-bottom: 4px;
}
.brand--list {
margin-bottom: 22px;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.brand--list .brand--list_item {
margin-bottom: 57px;
}
#brand .btn-bgBlue a {
padding: 14px 79px;
font-size: 122%;
} #corporate {
background-color: #fff;
}
.corporate--content {
position: relative;
margin-bottom: 60px;
}
.corporate--content_txt {
background-color: #f5f5f5;
padding: 60px 80px 60px;
width: 730px;
float: left;
margin-left: -66px;
}
.corporate--content_txt.effect .effect--element {
background-color: #fff;
}
.corporate--content_txt dl,
.corporate--content_txt table {
width: 532px;
}
.corporate--content_txt dl dt,
.corporate--content_txt dl dd,
.corporate--content_txt table th,
.corporate--content_txt table td {
padding-top: 16px;
padding-bottom: 14px;
border-bottom: 1px dotted #1c2a42;
line-height: 1;
}
.corporate--content_txt dl dt,
.corporate--content_txt table th { padding-left: 14px;
padding-right: 14px;
min-width: 24%;
text-align: left;
white-space: nowrap;
}
.corporate--content_txt dl dd,
.corporate--content_txt table td {  }
@media all and (-ms-high-contrast: none) {
.corporate--content_txt dl {
width: 564px;
}
}
.corporate--content_img {
position: absolute;
top: 42px;
right: -66px;
-webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.corporate--content_img.effect .effect--element {
-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-delay: 0.3s;
}
.corporate--content_img .section_ttl,
.corporate--place li .section_ttl {
font-size: 170%;
line-height: 1;
}
#map2 {
width: 100%;
height: 320px;
margin-right: auto;
margin-left: auto;
}
.corporate--place {
display: flex;
}
.corporate--place li {
width: calc(100% / 4 - (28px * 3 / 4));
margin-right: 28px;
-webkit-transform: translate3d(0, 70px, 0) scale(1);
-moz-transform: translate3d(0, 70px, 0) scale(1);
transform: translate3d(0, 70px, 0) scale(1);
-webkit-transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
-moz-transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
opacity: 0;
}
.corporate--place li:nth-child(1) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.corporate--place li:nth-child(2) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.corporate--place li:nth-child(3) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.corporate--place li:nth-child(4) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
margin-right: 0;
}
.corporate--content_img .corporate--place_name,
.corporate--place li h3 {
font-size: 143%;
margin-bottom: 16px;
height: 50px;
}
.corporate--place li .section_ttl {
font-size: 180%;
line-height: 1;
height: auto;
margin-bottom: 4px;
}
.corporate--place li p {
font-size: 93%;
line-height: 1.8;
margin-bottom: 32px;
height: 100px;
}
.corporate--place li img {
max-width: 100%;
height: auto;
margin-bottom: 16px;
}
.corporate--place_name_sub {
font-size: 60% !important;
margin-bottom: 16px !important;
}
.corporate--place li .corporate--place_map {
width: 100%;
height: 280px;
}
.corporate--place li .corporate--place_map iframe {
width: 100%;
height: 100%;
} #recruit .more_read { background: #fff; } #blog {
border-bottom: 1px solid #bfbfbf;
}
.blog--list .blog--list_item {
float: left;
width: calc(100% / 3 - (80px * 2 / 3));
margin-right: 80px;
-webkit-transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
-moz-transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
transition: all 0.6s cubic-bezier(0.01, 0.52, 0.16, 0.98);
-webkit-transform: translate3d(0, 70px, 0) scale(1);
-moz-transform: translate3d(0, 70px, 0) scale(1);
transform: translate3d(0, 70px, 0) scale(1);
opacity: 0;
}
@media all and (-ms-high-contrast: none) {
.blog--list .blog--list_item {
width: 28.33%;
}
}
.blog--list .blog--list_item:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.blog--list .blog--list_item:last-child {
margin-right: 0;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.blog--list .blog--list_item h2 {
font-size: 122%;
margin-bottom: 12px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.blog--list_item_txt {
font-size: 93%;
}
#blog .more_read {
margin: 54px auto 0;
}
@media (max-width: 1100px) {
#media.home .inner,
#flow .inner,
#blog .inner,
#corporate .inner {
width: 98%;
}
.corporate--content_img {
right: 0;
}
.corporate--content_txt dl {
width: auto;
}
.corporate--content_txt {
width: 520px;
padding: 40px 72px 40px 32px;
margin: 0;
}
}  .page-recruit #message {
border-bottom: 1px solid #bfbfbf;
}
.page-recruit #message .str-txt {
margin-top: 0;
}
.page-recruit #message p {
font-size: 115%;
line-height: 1.8;
}
.page-recruit #message p .str-txt {
font-size: 200%;
margin-bottom: 14px;
}
#recruitment {
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
}
.recruitment--item {
padding: 56px 62px;
background-color: #fff;
}
@media (min-width: 768px) {
.recruitment--item {
width: 800px !important;
}
}
.recruitment--item h3 {
font-size: 179%;
line-height: 2;
margin-bottom: 32px;
}
.recruitment--item h3 small {
display: block;
font-size: 15px;
}
.recruitment--table {
width: 100%;
}
.recruitment--table th {
text-align: left;
font-size: 115%;
padding: 12px 8px 12px 0;
}
.recruitment--table td {
padding: 12px 8px;
}
#recruitment .bx-wrapper {
position: relative;
}
#recruitment .bx-controls {
position: absolute;
top: 45%;
left: -62px;
margin: 0 auto;
width: 115%;
}
#recruitment .bx-controls a.bx-prev,
#recruitment .bx-controls a.bx-next {
font-size: 0;
width: 15px;
height: 25px;
background-image: url(/blog/wp-content/themes/original_theme/images/index/flow_arrow_icon.png);
display: inline-block;
position: absolute;
}
#recruitment .bx-controls a.bx-prev {
left: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#recruitment .bx-controls a.bx-next {
right: 0;
}
#bx-pager {
margin: 42px 0 0;
text-align: center;
}
#bx-pager li {
display: inline-block;
margin-right: 8px;
}
#bx-pager li:last-child {
margin-right: 0;
}
#bx-pager li a {
border: 2px solid #000;
border-radius: 26px;
padding: 12px 18px;
font-family: "Alegreya Sans", sans-serif;
background-color: #fff;
}
#bx-pager li a:hover,
#bx-pager li a.active {
color: #fff;
background-color: #000;
} .alore-about-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.alore-about-txt h2 {
margin-bottom: 32px;
}
#alore-lineup {
border-bottom: solid 1px #ccc;
}
.alore-lineup--tab {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
cursor: pointer;
}
.alore-lineup--tab li {
width: 48%;
padding: 24px 16px 16px;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
opacity: 0.4;
text-align: center;
}
.alore-lineup--tab li:hover,
.alore-lineup--tab li.select {
opacity: 1;
}
.alore-lineup--tab_img {
margin-bottom: 16px;
}
.alore-lineup--tab_name {
font-size: 160%;
}
.alore-lineup--content_ttl {
margin-top: 96px;
margin-bottom: 40px;
font-size: 180%;
text-align: center;
}
.alore-lineup--content_list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.alore-lineup--content_list img {
max-width: 100%;
height: auto;
}
.alore-lineup--content_list li {
margin-bottom: 64px;
text-align: center;
}
.alore-lineup--content_list.flex2 li {
width: 47%; width: calc(calc(100% - calc(6% * 1)) / 2);
margin-right: 6%;
}
.alore-lineup--content_list.flex3 li {
width: 30.666%; width: calc(calc(100% - calc(4% * 2)) / 3);
margin-right: 4%;
}
.alore-lineup--content_list.flex4 li {
width: 23.125%; width: calc(calc(100% - calc(3% * 2.5)) / 4);
margin-right: 2.5%;
}
.alore-lineup--content_list li:nth-last-of-type(1),
.alore-lineup--content_list li:nth-last-of-type(2),
.alore-lineup--content_list li:nth-last-of-type(3),
.alore-lineup--content_list li:nth-last-of-type(4) {
margin-bottom: 0;
}
.alore-lineup--content_list.flex2 li:nth-of-type(2n),
.alore-lineup--content_list.flex3 li:nth-of-type(3n),
.alore-lineup--content_list.flex4 li:nth-of-type(4n) {
margin-right: 0;
}
.alore-lineup--content_list p {
margin-top: 8px;
text-align: left;
line-height: 1.5;
}
.alore-lineup--content .flex-layout {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.alore-lineup--content .flex-layout div:nth-of-type(1) {
width: 62%;
}
.alore-lineup--content .flex-layout div:nth-of-type(2) {
width: 29%;
}
.alore-lineup--content
.flex-layout
div:nth-of-type(2)
.alore-lineup--content_list {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@keyframes show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.alore-lineup--content.disnon {
display: none;
}
.alore-lineup--content:not(.disnon) {
display: block;
animation: show 1s linear 0s;
}  .brand_list .brand_list--item {
padding: 28px 0;
border-top: 1px solid #ccc;
position: relative;
display: flex;
min-height: 200px;
}
.brand_list .brand_list--item::before {
content: "";
position: absolute;
top: 28px;
left: 270px;
bottom: 28px;
width: 1px;
background-color: #ccc;
display: block;
}
.brand_list .brand_list--item:last-child {
border-bottom: 1px solid #ccc;
}
.brand_section--imgs {
float: left;
width: 270px;
position: relative;
}
.brand_section--brand_logo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.brand_section--brand_logo a:hover {
opacity: 0.5;
}
.brand_section--brand_logo img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.brand_section--txt {
float: right;
width: 98%;
width: -webkit-calc(100% - 270px);
width: calc(100% - 270px);
padding: 0 8px 0 24px;
}
.brand_section--txt h2 {
margin: 16px 0 24px;
font-size: 136%;
}
.brand_link {
margin-top: 48px;
}
.brand_link a {
color: #1c2a42;
border: 1px solid #1c2a42;
padding: 8px 24px;
}
.brand_link img {
vertical-align: text-top;
margin-top: 2px;
margin-left: 4px;
} table.post_table {
width: 100%;
}
table.post_table tr {
border-bottom: 2px solid #bfbfbf;
}
table.post_table td {
padding: 32px 38px;
position: relative;
}
table.post_table th {
width: 18%;
padding: 32px 0;
font-size: 122%;
position: relative;
}
table.post_table th::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 1px;
height: 86%;
margin: auto 0;
background-color: #bfbfbf;
}
.post_table--img {
float: left;
margin-right: 24px;
min-width: 320px;
text-align: center;
}
.post_table--txt {
min-height: 160px;
}
.post_table--txt h3 {
font-size: 128%;
margin-bottom: 14px;
}
table.post_table .more_read {
width: 20%;
position: absolute;
right: 32px;
bottom: 32px;
}
table.post_table .more_read a {
font-size: 100%;
padding: 4px 0;
} .post_list--item {
width: calc(100% / 2 - (42px * 1 / 2));
min-height: 280px;
background-repeat: no-repeat;
background-size: cover;
margin-right: 42px;
margin-bottom: 48px;
position: relative;
float: left;
}
.post_list--item .linkarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.post_list .post_list--item:first-child {
width: 100%;
height: 380px;
float: none;
margin-right: 0;
}
.post_list .post_list--item:nth-child(odd) {
margin-right: 0;
}
.post_list--item_before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background-color: rgba(0, 0, 0, 0.45);
background-image: radial-gradient(
rgba(255, 255, 255, 0.1) 15%,
transparent 16%
),
radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 16%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
}
.post_list--item::before,
.post_list--item::after,
.post_list--item a.linkarea::before,
.post_list--item a.linkarea::after {
content: "";
background-color: #fff;
position: absolute;
-webkit-transition: all 0.4s cubic-bezier(0.01, 0.52, 0.16, 0.98);
-moz-transition: all 0.4s cubic-bezier(0.01, 0.52, 0.16, 0.98);
transition: all 0.4s cubic-bezier(0.01, 0.52, 0.16, 0.98);
z-index: 1;
}
.post_list--item::before,
.post_list--item::after {
left: 14px;
width: 0;
height: 1px;
}
.post_list--item::before {
top: 14px;
}
.post_list--item::after {
bottom: 14px;
}
.post_list--item:hover::before,
.post_list--item:hover::after {
width: 94.5%;
}
.post_list .post_list--item:nth-child(1):hover::before,
.post_list .post_list--item:nth-child(1):hover::after {
width: 97.4%;
}
.post_list--item a.linkarea::before,
.post_list--item a.linkarea::after {
width: 1px;
height: 0;
}
.post_list--item a.linkarea::before {
top: 14px;
left: 14px;
}
.post_list--item a.linkarea::after {
right: 14px;
bottom: 14px;
}
.post_list--item:hover a.linkarea::before,
.post_list--item:hover a.linkarea::after {
height: 90%;
}
.post_list .post_list--item:nth-child(1):hover a.linkarea::before,
.post_list .post_list--item:nth-child(1):hover a.linkarea::after {
height: 92.5%;
}
.post_list--item:hover a.linkarea::before {
bottom: 14px;
}
.post_list--item:hover a.linkarea::after {
top: 14px;
}
.post--list_txt {
position: absolute;
z-index: 1;
color: #fff;
left: 48px;
right: 48px;
bottom: 40px;
pointer-events: none;
text-shadow: 0 1px 1px #000;
}
.post_list .post_list--item:first-child .post--list_txt {
bottom: 54px;
}
.post--list_txt h3 {
font-size: 158%;
margin-bottom: 8px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.post--list_txt .post-info {
margin-bottom: 16px;
}
.post--list_txt .post-info .category a {
color: #fff;
background-color: #1c2a42;
padding: 4px 8px;
font-size: 86%;
margin-right: 4px;
border-radius: 2px;
} .post--ttl {
font-size: 186%;
text-align: center;
margin-bottom: 24px;
position: relative;
}
.post--ttl .category {
text-align: center;
}
.post--ttl .category li {
display: inline-block;
margin-right: 4px;
}
.post--ttl .category li a {
background-color: #1c2a42;
color: #fff;
font-size: 12px;
padding: 4px 14px;
border-radius: 2px;
}
.post--ttl small {
font-size: 13px;
}
.eyecatch {
text-align: center;
margin-bottom: 46px;
}
#post_pager {
text-align: center;
margin-top: 56px;
}
#post_pager li {
display: inline-block;
margin-right: 8px;
}
#post_pager li:last-child {
margin-right: 0;
}
#post_pager li a {
background-color: #19aa5b;
padding: 8px 18px;
border-radius: 2px;
color: #fff;
font-size: 115%;
font-family: 秀英角ゴシック銀 B, Shuei KakuGo Gin B;
}
#post_pager li a:hover {
color: #1c2a42;
} #cboxOverlay {
cursor: url(//www.diamond-head.co.jp/blog/wp-content/themes/original_theme/images/common/close.png),
default !important;
}
#cboxLoadedContent {
background: transparent;
padding: 0;
}
#cboxClose {
display: none;
} .wp-pagenavi {
text-align: center;
padding: 32px 0 86px;
}
.wp-pagenavi .pages {
display: none;
}
.wp-pagenavi a,
.wp-pagenavi .current {
padding: 2px 20px;
display: inline-block;
background: #999;
margin: 0 2px;
text-decoration: none;
font-weight: 300;
font-size: 107%;
border-radius: 5px;
color: #fff;
margin-bottom: 8px;
}
.wp-pagenavi a:hover {
background: #1c2a42;
color: #eee;
}
.wp-pagenavi .extend {
color: #c5ccd6;
margin: 0 8px;
}
.wp-pagenavi .current {
color: #fff;
background: #1c2a42;
} .wysiwyg {
font-size: 100%;
line-height: 2;
overflow: hidden;
}
.wysiwyg ul,
.wysiwyg ol,
.list {
margin: 1em 0;
}
.wysiwyg ul li,
.wysiwyg ol li,
.list li {
position: relative;
margin: 0;
border-bottom: none;
padding: 0;
margin-left: 2em;
padding-top: 8px;
line-height: 1.65;
}
.wysiwyg ul li,
.list li {
margin: 0;
padding-left: 1.25em;
}
.wysiwyg ul li:before,
.list li:before {
content: "\f111";
position: absolute;
left: 14px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
padding-top: 6px;
font-weight: normal;
color: #c5ccd6;
left: 0;
}
.wysiwyg ol li {
list-style-type: decimal;
}
.wysiwyg img {
margin: 0;
max-width: 100%;
height: auto;
float: none;
}
.wysiwyg hr {
border-top: 3px double #ccc;
background: transparent;
}
.wysiwyg .alignleft {
float: left;
clear: left;
margin: 0 32px 32px 0;
}
.wysiwyg .alignright {
float: right;
clear: right;
margin: 0 0 32px 32px;
}
.wysiwyg .aligncenter {
display: block;
margin: 32px auto;
}
.wysiwyg table {
max-width: 100%;
margin: 20px 0;
line-height: 1.6;
}
.wysiwyg a,
.text-link {
text-decoration: underline;
color: #d00a23;
}
.wysiwyg table th,
.wysiwyg table td {
padding: 16px 24px;
border: 1px solid #dddfe2;
vertical-align: middle;
background: #fff;
}
.wysiwyg table th {
white-space: nowrap;
text-align: center;
background: url(/blog/wp-content/themes/original_theme/images/common/bg_light_gray.jpg);
font-family: "Lato", "秀英丸ゴシック B", Shuei MaruGo B;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5 {
font-family: "Lato", "秀英丸ゴシック B", Shuei MaruGo B;
line-height: 1;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3 {
font-size: 143%;
margin: 48px auto 24px;
border-left: 5px solid;
padding-left: 16px;
color: #f16a30;
}
.wysiwyg h4 {
font-size: 125%;
margin: 2em auto 1em;
color: #333;
}
.wysiwyg h5 {
font-size: 113%;
margin: 2em auto 1em;
color: #333;
}
.wysiwyg p {
margin-bottom: 1.6em;
}
.wysiwyg blockquote {
margin: 1em 0;
padding: 15px 40px;
border-radius: 5px;
position: relative;
display: inline-block;
font-style: oblique;
color: #666;
}
.wysiwyg blockquote p {
margin-bottom: 0;
}
.wysiwyg blockquote:before,
.wysiwyg blockquote:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size: 100%;
position: absolute;
width: 1em;
height: 1em;
}
.wysiwyg blockquote:before {
content: "\f10d";
top: 13px;
left: 10px;
}
.wysiwyg blockquote:after {
content: "\f10e";
bottom: 13px;
right: 10px;
}
@media (max-width: 768px) {
.wysiwyg {
font-size: 100%;
}
.wysiwyg .alignright,
.wysiwyg .alignleft {
float: none;
margin: 20px auto;
display: block;
}
.wysiwyg blockquote {
padding: 15px;
}
.wysiwyg blockquote:before {
top: 0;
left: 0;
}
.wysiwyg blockquote:after {
bottom: 0;
right: 0;
}
.wysiwyg ul li,
.wysiwyg ol li {
margin-left: 1em;
}
.wysiwyg ul li {
padding-left: 0;
}
.wysiwyg ul li:before {
left: -14px;
padding-top: 6px;
font-size: 12px;
}
div.box-graybg,
div.box-line {
padding: 25px;
}
}
.sp {
display: none;
}
.pc {
display: inline-block;
}
@media (max-width: 768px) {
.sp {
display: inline-block;
}
.pc {
display: none;
}
}
.no-post {
text-align: center;
}
body.page-thanks .thanks-inner p {
font-size: 108%;
line-height: 1.95;
}
body.page-thanks .thanks-inner .btn-bgBlue a {
font-size: 16px;
padding: 12px 52px;
}