@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "UTF-8";

 div#mfp_hidden {
width: 1px;
height: 1px;
padding: 0px;
margin: 0px;
overflow: hidden;
}
div#mfp_hidden input {
margin: 10px;
}
#mailformpro table th {
text-align: right;
padding-right: 60px;
position: relative;
}
#mailformpro table th .must {
background: #cc1433;
color: #fff;
font-size: 10px;
display: inline-block;
vertical-align: middle;
padding: 0 10px;
position: absolute;
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], #mailformpro select {
padding: 10px !important;
}
#mailformpro label {
display: inline-block;
padding: 0 5px;
border-radius: 3px;
}
#mailformpro label.mfp_checked {
border: #ccc 1px solid;
} table#mfp_confirm_table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
table#mfp_confirm_table tr.mfp_colored {
background: #fff;
}
table#mfp_confirm_table tr.mfp_achroma {
background: #ebfbff;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
text-align: left;
padding: 5px 10px;
}
table#mfp_confirm_table tr th {
width: 200px;
white-space: nowrap;
}
table#mfp_confirm_table tr td {
line-height: 1.5em;
word-break: break-all;
}
div#mfp_phase_confirm {
clear: both;
}
#mfp_phase_confirm h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
#mfp_phase_confirm #mfp_confirm_table tr {
background: none;
}
#mfp_phase_confirm #mfp_confirm_table th, #mfp_phase_confirm #mfp_confirm_table td {
padding: 10px;
}
div#mfp_overlay {
position: absolute;
display: none;
z-index: 10001;
}
div#mfp_overlay_inner {
width: 640px;
max-width: 90%;
background: #fff;
padding: 15px;
margin: 0px auto;
border-radius: 5px;
box-shadow: 0px 0px 10px #000;
}
div#mfp_overlay_inner h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
div#mfp_overlay_background {
background: #000;
position: absolute;
display: none;
z-index: 10000;
}
div#mfp_loading_screen {
background: #000;
display: none;
position: absolute;
z-index: 20000;
opacity: 0.8;
}
div#mfp_loading {
width: 40px;
height: 40px;
background-image: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/mailform/mfp_loading.gif);
display: none;
position: absolute;
z-index: 20001;
} ul#mfp_phase_stat {
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
}
ul#mfp_phase_stat li {
min-width: 100px;
height: 40px;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 10px;
margin: 0 4px 0 10px;
position: relative;
}
ul#mfp_phase_stat li.mfp_phase_arrow {
display: none;
}
ul#mfp_phase_stat li.mfp_active_phase {
background: #00aa90;
color: #fff;
}
ul#mfp_phase_stat li.mfp_inactive_phase {
background: #eee;
color: #aaa;
}
ul#mfp_phase_stat li::before, ul#mfp_phase_stat li::after {
width: 0;
height: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
}
ul#mfp_phase_stat li::before {
border: #eee 20px solid;
border-left: transparent 10px solid;
left: -10px;
}
ul#mfp_phase_stat li:first-child::before {
border-left-color: #eee;
}
ul#mfp_phase_stat li.mfp_active_phase::before {
border-color: #00aa90;
border-left-color: transparent;
}
ul#mfp_phase_stat li.mfp_active_phase:first-child::before {
border-color: #00aa90;
}
ul#mfp_phase_stat li::after {
border: transparent 20px solid;
border-left: #eee 10px solid;
right: -30px;
}
ul#mfp_phase_stat li.mfp_active_phase::after {
border-left-color: #00aa90;
}
.mfp_phase .mfp_prev, .mfp_phase .mfp_next {
background: #00aa90;
color: #fff;
font-family: inherit;
font-size: 0;
padding: 8px 20px;
border: none;
border-radius: 0;
position: relative;
}
.mfp_phase .mfp_prev::before {
content: '戻る';
font-size: 16px;
padding-left: 20px;
}
.mfp_phase .mfp_prev::after {
width: 8px;
height: 8px;
content: '';
display: block;
margin: auto;
border-top: #fff 2px solid;
border-left: #fff 2px solid;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mfp_phase .mfp_next::before {
content: '進む';
font-size: 16px;
padding-right: 20px;
}
.mfp_phase .mfp_next::after {
width: 8px;
height: 8px;
content: '';
display: block;
margin: auto;
border-top: #fff 2px solid;
border-right: #fff 2px solid;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} div.mfp_err {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/mailform/mfp_error.gif) no-repeat left top;
color: #f00;
font-size: 12px;
display: none;
text-align: left;
line-height: normal;
padding-left: 17px;
margin-top: 5px;
clear: both;
}
.mfp_parent_error {
border: #f00 solid 2px;
}
.problem {
background: #fcc;
}
div#mfp_error {
background: #fee;
border: #f00 solid 1px;
padding: 10px;
display: none;
}
div#mfp_error p {
padding: 0px;
margin: 0px;
font-size: 14px;
text-align: center;
}
div#mfp_error p strong {
color: #f00;
}
div#mfp_warning {
background: #fee;
border: #f00 solid 1px;
padding: 10px;
display: none;
}
div#mfp_warning p {
padding: 0px;
margin: 0px;
text-align: center;
}
div#mfp_warning p strong {
color: #f00;
}
button.mfp_next, button.mfp_prev {
margin: 40px 10px 0;
padding: 5px 10px;
}
button.mfp_next {
float: right;
}
button.mfp_prev {
float: left;
}
div.mfp_buttons {
clear: both;
text-align: center;
margin-top: 40px;
} div.xdsoft_disabled {
display: none;
} .mfp_required {
background: #e00;
color: #fff;
font-size: 14px;
text-align: center;
line-height: 1.2;
padding: 10px;
position: fixed;
top: 100px;
right: 20px;
}
.mfp_required span {
font-size: 24px;
font-weight: bold;
}
@media screen and (max-width: 640px) {
#mailformpro table {
display: block;
}
#mailformpro table th, #mailformpro table td {
border: none;
}
#mailformpro table th {
background: none;
color: #222 !important;
font-weight: bold;
text-align: left;
padding: 15px 0 0;
}
#mailformpro table th .must {
background: #fff;
color: #cc1433;
font-size: 9px;
padding: 0 5px;
margin: 0 0 3px 5px;
border: #cc1433 1px solid;
position: static;
-webkit-transform: translateY(0);
transform: translateY(0);
}
#mailformpro table td {
padding: 0 0 15px;
border-bottom: #ccc 1px solid;
}
#mailformpro table tr:last-child td {
border-bottom: none;
}
#mailformpro .address td {
padding-left: 10px;
}
#mailformpro .address ul li > span {
font-size: 14px;
display: block;
padding-top: 5px;
} table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
width: auto;
display: block;
line-height: 1.5;
}
table#mfp_confirm_table tr {
border: #ccc 1px solid;
}
table#mfp_confirm_table tr.mfp_achroma {
background: #f5f5f5;
}
table#mfp_confirm_table tr th {
background: none;
color: #222 !important;
font-size: 14px;
font-weight: bold;
padding: 10px 10px 0;
border: none;
}
table#mfp_confirm_table tr td {
background: none;
padding: 0 10px 10px 20px;
border: none;
}
#mfp_phase_confirm #mfp_confirm_table th {
padding-bottom: 0;
}
#mfp_phase_confirm #mfp_confirm_table td {
padding: 0 10px 10px 20px;
} ul#mfp_phase_stat li {
min-width: auto;
flex: 0 0 calc(33.333% - 14px);
font-size: 11px;
line-height: 1.2;
padding: 0 5px;
margin-top: 4px;
}
#mfp_phase_confirm #mfp_confirm_table th {
padding-bottom: 0;
}
#mfp_phase_confirm #mfp_confirm_table td {
padding: 0 10px 10px 20px;
}
ul#mfp_phase_stat li:nth-child(6n+7)::before {
border-color: #eee;
}
ul#mfp_phase_stat li.mfp_active_phase:nth-child(6n+7)::before {
border-color: #00aa90;
} .mfp_element_text, .mfp_element_textarea, .mfp_element_email, .mfp_element_tel {
width: 100% !important;
min-width: 100%;
}
.mfp_element_text[type=date], .mfp_element_text[type=time], .mfp_element_select-one[id^=mfp_BirthdayElement] {
width: auto !important;
min-width: auto;
} .mfp_required {
font-size: 12px;
padding: 10px 5px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.mfp_required span {
font-size: 20px;
margin-top: 5px;
}
.mfp_required br {
display: none;
}
} .mfp_element_submit, .mfp_element_reset, .mfp_element_button {
width: 20%;
background: #222;
color: #fff;
font-size: inherit;
font-family: inherit;
display: inline-block;
padding: 10px 0;
border-radius: 5px;
position: relative;
cursor: pointer;
border-style: none;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover {
opacity: 0.6;
}
div.mfp_ok {
background: #0f9e3f;
color: #FFF;
font-size: 10px;
display: none;
line-height: 1.5em;
padding: 0px 5px;
margin: 0px 2px;
border: solid 1px #0f9e3f;
border-radius: 5px;
}
div.prefcodeWrapper {
position: relative;
}
div.prefcodeResult {
background: #fff;
display: none;
padding: 5px;
border: solid 1px #ccc;
box-shadow: 0px 0px 5px #ccc;
position: absolute;
top: 0px;
left: 0px;
}
div.prefcodeResult div {
cursor: pointer;
}
div.prefcodeResult div:hover {
background: #c9ebfb;
}
div.prefcodeResult div.prefcodeNext {
background: #eee;
text-align: center;
}
div.prefLoading {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/mailform/mfp_zip_loading.gif) no-repeat center center;
padding: 60px 100px;
}
.hidefield {
height: 0px;
overflow: hidden;
}
.showfield {
height: auto;
overflow: visible;
}
@media screen and (max-width: 640px) {
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
width: 40%;
}
}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {
list-style: none;
}
ol, ul {
letter-spacing: -.4em;
}
li {
letter-spacing: normal;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
figure:not(.wp-block-image) {
margin: 0;
}
iframe {
vertical-align: bottom;
}
*, *::before, *::after {
box-sizing: border-box;
} html {
height: 100%;
}
body {
color: #222;
font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 16px;
line-height: 1.8;
min-width: 1200px;
}
a {
color: #222;
text-decoration: none;
}
a.op:hover img {
opacity: 0.7;
}
#mainContents a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 640px) {
body {
min-width: 100%;
-webkit-text-size-adjust: 100%;
}
body.openNav {
width: 100%;
position: fixed;
top: 0;
left: 0;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.5;
}
} #wrapper {
overflow-x: hidden;
}
.inner {
width: 1200px;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 640px) {
.inner {
width: 90% !important;
}
#header .inner,
#footer .inner {
width: 98% !important;
}
} .animated[class*="slideUp"], .animated[class*="slideDown"], .animated[class*="slideLeft"], .animated[class*="slideRight"],
.animated [class*="slideUp"], .animated [class*="slideDown"], .animated [class*="slideLeft"], .animated [class*="slideRight"] {
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
opacity: 1 !important;
}
.slideUp {
-webkit-transform: translateY(50px);
transform: translateY(50px);
transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.slideDown {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.slideLeft {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
}
.slideRight {
-webkit-transform: translateX(50px);
transform: translateX(50px);
transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;
} table {
width: 100%;
}
th, td {
padding: 15px;
border: #ccc 1px solid;
}
th {
background: #eee;
}
thead th {
background: #e5e5e5;
}
.table01 th {
width: 30%;
text-align: center;
}
@media screen and (max-width:640px) {
th, td {
padding: 10px;
}
.table01 {
margin: 0 auto;
}
.table01 tbody, .table01 tr, .table01 th, .table01 td {
display: block;
}
.table01 th, .table01 td {
width: auto;
border-top: none;
}
.table01 tr:first-child th {
border-top: #ccc 1px solid;
}
.table02 {
display: block;
position: relative;
}
.table02 th, .table02 td {
width: 100% !important;
display: block;
}
.table02 thead {
display: block;
float: left;
overflow-x: scroll;
}
.table02 thead th {
width: auto;
display: block;
}
.table02 tbody {
width: auto;
display: block;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
}
.table02 tbody tr {
display: inline-block;
margin: 0 -3px;
}
.table02 tbody td {
display: block;
} .scroll {
font-size: 14px;
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar {
height: 8px;
}
.scroll::-webkit-scrollbar-track {
background: #fff;
}
.scroll::-webkit-scrollbar-thumb {
background: #222;
}
} .notes > li {
text-indent: -1em;
padding-left: 1em;
}
.notes > li:before {
content: '※';
}
.notes ul li {
text-indent: 0;
} .disc {
list-style: disc;
margin-left: 1.5em;
}
.decimal {
list-style: decimal;
margin-left: 1.5em;
} .paren {
counter-reset: cnt;
margin-left: 1.5em;
}
.paren > li::before{
counter-increment: cnt;
content: '(' counter(cnt) ') ';
margin-left: -1.5em;
} .bracket {
counter-reset: cnt;
margin-left: 1.5em;
}
.bracket > li::before{
width: 1.4em;
height: 1.4em;
counter-increment: cnt;
content: counter(cnt);
font-size: 80%;
display: -webkit-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
align-items: center;
margin-left: -1.8em;
margin-right: 0.3em;
border: 1px solid;
border-radius: 50%;
} .flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.flex-inline {
display: -webkit-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
}
.flex-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-reverse {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-end {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.flex-center {
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.flex-between {
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.flex-around {
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
}
.flex-evenly {
-webkit-justify-content: space-evenly;
-ms-justify-content: space-evenly;
justify-content: space-evenly;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.align-center {
align-items: center;
}
.flex .flex-col2 {
width: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.flex .flex-col3 {
width: 33.33333333%;
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
}
.flex .flex-col4 {
width: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.flex img:not([data-src]),
.flex img.lazy-loaded {
height: auto;
}
@media screen and (max-width: 640px) {
.mbBlock > [class*="flex-col"] {
width: auto;
}
} .col > li {
display: inline-block;
vertical-align: top;
}
.col2 > li {
width: 580px;
margin: 40px 40px 0 0;
}
.col2 > li:nth-child(2n) {
margin-right: 0;
}
.col3 > li {
width: 380px;
margin: 30px 30px 0 0;
}
.col3 > li:nth-child(3n) {
margin-right: 0;
}
.col4 > li {
width: 285px;
margin: 20px 20px 0 0;
}
.col4 > li:nth-child(4n) {
margin-right: 0;
}
.col2 > li:nth-child(-n+2),
.col3 > li:nth-child(-n+3),
.col4 > li:nth-child(-n+4) {
margin-top: 0;
}
@media screen and (max-width: 640px) {
.sp_col > li {
width: auto !important;
display: block;
margin: 0 auto 20px !important;
}
.sp_col > li:last-child {
margin-bottom: 0 !important;
}
.sp_col2 > li {
width: 48% !important;
margin: 4% 4% 0 0 !important;
}
.sp_col2 > li:nth-child(-n+2) {
margin-top: 0 !important;
}
.sp_col2 > li:nth-child(2n) {
margin-right: 0 !important;
}
} .imgBoxL::after,
.imgBoxR::after {
content: '';
display: block;
clear: both;
}
.imgBoxL .txt,
.imgBoxR .img {
float: right;
}
.imgBoxR .txt,
.imgBoxL .img {
float: left;
}
.imgBoxL img,
.imgBoxR img {
max-width: 100%;
height: auto;
}
@media screen and (max-width: 640px) {
.imgBoxL .txt,
.imgBoxR .txt,
.imgBoxL .img,
.imgBoxR .img {
width: auto !important;
float: none;
}
.imgBoxL img,
.imgBoxR img {
display: block;
margin: 0 auto;
}
} .post-link {
margin-top: 80px;
}
.post-link .prev, .post-link .next {
width: 300px;
}
.post-link .next {
text-align: right;
}
.post-link a {
display: block;
padding: 10px;
border: #222 1px solid;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post-link .prev a {
padding-left: 30px;
}
.post-link .next a {
padding-right: 30px;
}
.post-link a::before {
width: 10px;
height: 10px;
content: '';
display: block;
border-top: #222 1px solid;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
transition: 0.3s;
}
.post-link .prev a::before {
border-left: #222 1px solid;
left: 15px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.post-link .next a::before {
border-right: #222 1px solid;
right: 15px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.post-link a:hover {
text-decoration: none !important;
}
.post-link .prev a:hover::before {
left: 10px;
}
.post-link .next a:hover::before {
right: 10px;
}
@media screen and (max-width: 640px) {
.post-link .prev, .post-link .next {
width: auto;
font-size: 14px;
}
.post-link .next {
margin: 10px 0 0 auto;
}
.post-link a {
max-width: 100%;
display: inline-block;
}
.post-link a::before {
width: 8px;
height: 8px;
}
} .wp-pagenavi {
text-align: center;
margin-top: 60px;
position: relative
}
.wp-pagenavi a,
.wp-pagenavi span {
display: inline-block;
padding: 8px 16px;
border: #222 1px solid;
border-radius: 3px
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #222;
color: #fff !important;
font-weight: normal;
text-decoration: none !important;
}
.wp-pagenavi .pages {
font-size: 14px;
border: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: auto
}
.wp-pagenavi .pages:after {
content: 'ページ目'
}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
font-size: 0;
}
.wp-pagenavi .first::before,
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .last::before {
font-size: 16px;
}
.wp-pagenavi .first::before {
content: '« 先頭';
}
.wp-pagenavi .previouspostslink::before {
content: '‹ 前へ';
}
.wp-pagenavi .nextpostslink::before {
content: '次へ ›';
}
.wp-pagenavi .last::before {
content: '最後 »';
}
.wp-block-embed .video_inner {
padding-top: 56.25%;
position: relative;
}
.wp-block-embed .video_inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 640px) {
.wp-pagenavi a,
.wp-pagenavi span {
display: none
}
.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
display: inline-block
}
.wp-pagenavi .first::before,
.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .last::before {
font-size: 14px;
}
.wp-pagenavi .pages {
font-size: 12px;
display: block;
padding: 0
}
} #breadcrumb {
width: 1200px;
font-size: 11px;
text-align: right;
padding: 10px 0;
margin: 0 auto;
}
@media screen and (max-width: 640px) {
#breadcrumb {
display: none;
}
} .mb {
display: none !important;
}
.pcBlock {
display: block;
}
@media screen and (max-width: 640px) {
.pc {
display: none !important;
}
.mb {
display: initial !important;
}
.pcBlock {
display: initial !important;
}
.mbBlock {
display: block !important;
}
}  strong {
font-weight: bold;
}
em {
font-style: italic;
}
blockquote {
background: #f5f5f5;
padding: 1.5em;
margin: 1.5em;
border: #ccc 1px solid;
border-radius: 10px;
position: relative;
}
blockquote::before,
blockquote::after {
font-size: 4em;
font-family: "ＭＳ Ｐゴシック", sans-serif;
opacity: 0.2;
position: absolute;
}
blockquote::before {
top: -1.2rem;
left: 0.2rem;
content: '“';
}
blockquote::after{
bottom: -3.8rem;
right: 0.2rem;
content: '”';
}
blockquote cite {
font-size: 0.8em;
opacity: 0.5;
}
hr {
margin: 1.5em 0;
}
.post_main h1, .post_main h2, .post_main h3, .post_main h4, .post_main h5, .post_main h6, .post_main p, .post_main ul, .post_main ol, .post_main table {
margin-bottom: 1.5em;
}
.post_main a {
color: #1a73e8;
}
.post_main a:hover {
text-decoration: underline;
}
.wp-block {
max-width: 1200px;
}
.wp-block-gallery {
margin: 0 !important;
}
.wp-block-table {
margin: 1.5em 0;
}
.wp-block-column .wp-block-image {
margin: 0;
}
@media screen and (max-width: 640px) { .alignleft ,
.alignright {
float: none !important;
margin: 0 auto !important;
}
.wp-block-column:not(:first-child) {
margin-top: 20px;
}
figure.wp-block-image, figure.wp-block-embed {
margin-left: auto;
margin-right: auto;
}
.table_scroll {
overflow-x: scroll;
white-space: nowrap;
}
.table_grad {
position: relative;
white-space: nowrap;
}
.table_grad::after {
width: 20%;
height: 100%;
content: '';
background: linear-gradient(to right, rgba(255,255,255,0) 20%, #fff 100%);
display: block;
position: absolute;
top: 0;
right: 0;
}
} .center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
.top {vertical-align: top !important;}
.bottom {vertical-align: bottom !important;}
.bold{ font-weight:bold; }
.normal {font-weight:normal;}
.underline {text-decoration:underline;}
.italic {font-style:italic;}
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.f20 {font-size:20px !important;}
.f22 {font-size:22px !important;}
.f24 {font-size:24px !important;}
.f26 {font-size:26px !important;}
.f28 {font-size:28px !important;}
.f30 {font-size:30px !important;}
.f32 {font-size:32px !important;}
.f34 {font-size:34px !important;}
.f36 {font-size:36px !important;}
.fMincho {font-family: 'Noto Serif JP', "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.fGothic {font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
.lh10 {line-height:1;}
.lh12 {line-height:1.2;}
.lh15 {line-height:1.5;}
.lh20 {line-height:2;}
.marker_red {
background: linear-gradient(transparent 60%, #ffd8d8 0%);
}
.marker_yellow {
background: linear-gradient(transparent 60%, #fff79d 0%);
} .mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt60 {margin-top: 60px !important;}
.mt80 {margin-top: 80px !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.ml00 {margin-left: 0px !important;}
.ml05 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml60 {margin-left: 60px !important;}
.mr00 {margin-right: 0px !important;}
.mr05 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr60 {margin-right: 60px !important;}
.pt00 {padding-top: 0px !important;}
.pt05 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt60 {padding-top: 60px !important;}
.pt80 {padding-top: 80px !important;}
.pb00 {padding-bottom: 0px !important;}
.pb05 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb80 {padding-bottom: 80px !important;}
.pl00 {padding-left: 0px !important;}
.pl05 {padding-left: 05px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl60 {padding-left: 60px !important;}
.pr00 {padding-right: 00px !important;}
.pr05 {padding-right: 05px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr60 {padding-right: 60px !important;} .fltL { float:left; }
.fltR { float:right; }
.both 	{ clear:both; }
.both05 { clear:both;height:05px;line-height:1;font-size:1px; }
.both10 { clear:both;height:10px;line-height:1;font-size:1px; }
.both15 { clear:both;height:15px;line-height:1;font-size:1px; }
.both20 { clear:both;height:20px;line-height:1;font-size:1px; }
.both30 { clear:both;height:30px;line-height:1;font-size:1px; }
.both40 { clear:both;height:40px;line-height:1;font-size:1px; }
.both50 { clear:both;height:50px;line-height:1;font-size:1px; }
.clearfix:after {
content: '';
display: block;
clear: both;
} input[type=text], input[type=email], input[type=tel], input[type=date], input[type=time], input[type=number], input[type=password], textarea, select {
font-size: 16px;
padding: 5px 10px;
margin: 2px;
border: #ccc 1px solid;
border-radius: 3px;
}
input[type=checkbox], input[type=radio] {
font-size: 16px;
margin: 3px 3px 0 5px;
}
input[type=submit], button {
background: #eee;
font-size: 16px;
padding: 10px 20px;
cursor: pointer;
border: #ccc 1px solid;
border-radius: 5px;
}
input[type=submit]:hover, button:hover {
opacity: 0.6;
}
@media screen and (max-width: 640px) {
input[type=text], input[type=file], textarea {
width: 100%;
}
input[type=submit], button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
 body {
color: #ccc;
background: #111;
min-width: inherit;
}
a {
color: #ccc;
} #mainContents {
background: #eee;
color: #222;
padding: 40px 0;
margin: 0 auto;
}
#mainContents a {
color: #222;
}
.inner {
width: auto;
max-width: 1200px;
}
@media screen and (max-width: 1260px) {
.inner {
padding: 0 20px;
}
}
@media screen and (max-width: 640px) {
#mainContents {
padding: 40px 0;
}
.inner {
padding: 0;
}
} #header .h1 {
background: #0a0a0a;
color: #555;
font-size: 10px;
padding: 2px 10px;
}
.headerBox {
padding: 0 30px 20px;
}
.hdrContact li:first-child {
border-left: #cc0029 1px solid;
padding-left: 20px;
margin-right: 20px;
}
.hdrContact li:first-child p:first-of-type .tel {
font-size: 24px;
font-weight: bold;
line-height: 1;
}
.hdrContact .btn a {
display: block;
background: #cc0029;
color: #fff;
font-weight: bold;
padding: 15px 20px;
}
.hdrContact .btn a:hover {
background: #95001e;
}
@media screen and (max-width: 1280px) {
.hdrContact {
order: 2;
}
}
@media screen and (max-width: 640px) {
#header .h1 {
padding: 5px 45px 10px 10px;
}
.headerBox {
padding-bottom: 30px;
}
.hdrLogo {
width: 250px;
margin: 0 auto;
}
#header .headerBox .hdrLogo {
margin-bottom: 0;
}
.hdrContact {
width: 210px;
margin: 20px auto 0;
display: none;
}
.hdrContact li:first-child {
border-left: none;
padding-left: 0;
margin: 0 0 20px;
}
.hdrContact .btn a {
text-align: center;
}
.openNav .hdrContact {
display: block;
}
} nav {
padding: 15px 0;
margin-left: auto;
}
nav .gNav {
position: relative;
}
nav .gNav > li {
margin-right: 30px;
position: relative;
}
nav .gNav > li:hover::before {
position: absolute;
width: 100%;
height: 1px;
background: #cc0029;
bottom: 0;
left: 0;
content: "";
}
nav .gNav > li > a {
display: block;
}
nav .gNav > li > a:hover {
color: #888;
} nav .child {
display: none;
padding-top: 35px !important;
overflow: hidden;
position: absolute;
left: 50%;
z-index: 10;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
nav .child li {
display: block;
border-bottom: #888 1px solid;
}
nav .child li:last-child {
border-bottom: none;
}
nav .child li a {
background: rgba(255, 255, 255, 0.75);
color: #000;
font-size: 14px;
display: block;
text-align: center;
padding: 15px 20px;
white-space: nowrap;
}
nav .child li a:hover {
background: rgba(204, 204, 204, 0.75);
} #navToggle {
width: 40px;
height: 40px;
background: #000;
display: none;
padding: 6px 3px;
border: #eee 2px solid;
position: absolute;
top: 10px;
right: 5px;
cursor: pointer;
z-index: 99;
}
#navToggle div {
width: 100%;
height: 100%;
position: relative
}
#navToggle span {
width: 100%;
height: 3px;
background: #eee;
display: block;
position: absolute;
transition: 0.35s ease-in-out;
}
#navToggle span:nth-child(1) {
top: 0;
}
#navToggle span:nth-child(2) {
top: 0;
bottom: 0;
margin: auto;
}
#navToggle span:nth-child(3) {
bottom: 0;
}
@media screen and (max-width: 1280px) {
nav {
order: 3;
}
}
@media screen and (max-width: 640px) {
nav {
width: 100%;
height: 100%;
background: rgba(17, 17, 17, 0.95);
display: none;
padding: 40px 5%;
margin: 0;
position: fixed;
top: 0;
left: 0;
z-index: 999;
overflow: auto;
}
nav .gNav {
display: block;
position: static;
}
nav .gNav > li {
display: block !important;
border-bottom: #ccc 1px solid;
margin-right: 0;
position: relative;
}
nav .gNav > li > a {
font-size: 14px;
display: block;
text-align: left;
line-height: 40px !important;
padding: 0 40px 0 20px !important;
}
nav .gNav > li:hover::before {
display: none;
} nav .child {
background: rgba(255, 255, 255, 0.2);
padding: 5px 0 !important;
border-top: #ccc 1px dashed;
position: static;
-webkit-transform: translateX(0);
transform: translateX(0);
}
nav .child li {
border-bottom: none;
}
nav .child li a {
background: none !important;
color: #ccc;
text-align: left;
line-height: 1.5 !important;
padding: 5px 10px 5px 30px !important;
white-space: normal;
}
nav .subMenu_toggle {
width: 40px;
height: 40px;
border-left: #ccc 1px dashed;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
nav .subMenu_toggle span::before, nav .subMenu_toggle span::after {
content: '';
background: #aaa;
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: 0.35s;
}
nav .subMenu_toggle span::before {
width: 10px;
height: 1px;
}
nav .subMenu_toggle span::after {
width: 1px;
height: 10px;
}
nav .subMenu_toggle.open {
background: rgba(255, 255, 255, 0.2);
}
nav .subMenu_toggle.open span::before {
-wbkit-transform: rotate(180deg);
transform: rotate(180deg);
}
nav .subMenu_toggle.open span::after {
-wbkit-transform: rotate(90deg);
transform: rotate(90deg);
} #navToggle {
display: block;
} .openNav #navToggle span:nth-child(1) {
top: 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.openNav #navToggle span:nth-child(2) {
opacity: 0;
}
.openNav #navToggle span:nth-child(3) {
top: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
} .ftrLogo {
width: 30%;
background: #171717;
font-size: 14px;
text-align: center;
}
.ftrMenu {
background: #1d1d1d;
width: 70%;
padding: 40px 5% 10px;
}
.ftrMenu > .flex > ul {
width: 47.5%;
}
.ftrMenu > .flex > ul > li {
padding-left: 1.5em;
position: relative;
}
.ftrMenu li:not(:last-child) {
margin-bottom: 5px;
}
.ftrMenu > .flex > ul > li::before {
position: absolute;
left: 0;
top: 2px;
content: "−";
color: #cc0029;
}
.ftrMenu > .flex > ul > li > ul > li {
font-size: 14px;
padding-left: 1.5em;
position: relative;
}
.ftrMenu > .flex > ul > li > ul > li::before {
position: absolute;
left: 0;
top: 0;
content: "−";
}
.ftrMenu a:hover {
opacity: 0.7;
}
.copyright {
border-top: #333 1px solid;
font-size: 12px;
text-align: right;
padding: 10px 0 0;
margin: 40px 0 0;
}
.sanzen {
font-size: 12px;
text-align: right;
padding: 5px;
background: #0a0a0a;
}
.sanzen a {
color: #555;
}
@media screen and (max-width: 640px) {
.ftrLogo {
width: 100%;
padding: 20px 0 0;
}
.ftrMenu {
width: 100%;
padding: 0 0 20px;;
}
.copyright {
font-size: 11px;
margin: 0 0 10px;
padding: 10px 0;
border-top: none;
text-align: center;
}
}  #fixedTop {
width: 65px;
display: none;
position: fixed;
bottom: 40px;
right: 0;
z-index: 99;
}
#fixedTop img {
width: 100%;
height: auto;
} #fltBnr {
display: none;
position: fixed;
right: 0;
bottom: 95px;
z-index: 99;
}
#fltBnr a {
display: block;
background: #cc0029;
color: #fff;
font-weight: bold;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 207px;
text-align: center;
padding: 0 18px;
}
#fltBnr a:hover {
background: #95001e;
}
@media screen and (max-width: 640px) { #fixedTop {
bottom: 0;
right: 10px;
} #fltBnr {
right: 80px;
bottom: 0;
}
#fltBnr a {
display: block;
height: 50px;
padding: 10px;
-ms-writing-mode: inherit;
writing-mode: inherit;
}
} .fcRed {color: #cc0029 !important;}
.fArial{font-family: 'Arial';}
 .btn01 a {
min-width: 250px;
color: #cc0029 !important;
font-weight: bold;
display: inline-block;
text-align: center;
padding: 15px 10px;
border: 1px solid #cc0029;
border-bottom-color: #990033;
border-right-color: #990033;
position: relative;
z-index: 1;
transition: all 0.3s;
overflow: hidden;
}
.btn01 a:hover {
text-decoration: none !important;
}
.btn01 a span::before {
width: 50%;
height: 100%;
content: '';
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
position: absolute;
top: 0;
left: -75%;
z-index: -1;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
}
.btn01 a:hover span::before {
animation: shine 0.7s;
}
@keyframes shine {
100% {
left: 125%;
}
} table th {
background: #111;
color: #fff;
} .post-link {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #ddd;
}
.post-link .prev, .post-link .next {
width: 48%;
}
.post-link a {
padding: 0;
border: none;
}
@media screen and (max-width: 640px) {
.post-link .prev, .post-link .next {
width: 100%;
}
.post-link .next {
margin: 0 0 0 auto;
}
.post-link {
padding-top: 20px;
margin-top: 20px;
}
} #mailformpro .mfp_element_submit, #mfp_button_send {
background: #111;
color: #fff;
font-weight: bold;
padding: 15px;
border-radius: 0;
}
#mailformpro .mfp_element_submit {
background: none;
color: #cc0029;
border: 1px solid #cc0029;
border-bottom-color: #990033;
border-right-color: #990033;
position: relative;
z-index: 1;
transition: all 0.3s;
overflow: hidden;
}
#mailformpro .mfp_element_submit:hover {
opacity: 1;
}
#mailformpro .mfp_element_submit span::before {
width: 50%;
height: 100%;
content: '';
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
position: absolute;
top: 0;
left: -75%;
z-index: -1;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
}
#mailformpro .mfp_element_submit:hover span::before {
animation: shine 0.7s;
}
#mfp_button_cancel {
background: #aaa;
color: #fff;
font-weight: bold;
padding: 15px;
border-radius: 0;
}
#mailformpro input[type="text"], #mailformpro input[type="tel"], #mailformpro input[type="email"] {
width: 300px;
padding: 8px !important;
}
#mailformpro select {
padding: 8px !important;
}
#mailformpro table th, #mailformpro table td {
padding-top: 8px;
padding-bottom: 8px;
}
#mailformpro .anchor {
text-align: center;
margin: 40px auto;
}
#mailformpro .anchor a {
color: #cc0029;
font-size: 14px;
display: inline-block;
vertical-align: middle;
padding: 5px 40px;
border: 2px solid #cc0029;
border-radius: 20px;
position: relative;
z-index: 1;
overflow: hidden;
}
#mailformpro .anchor a:hover {
text-decoration: none;
}
#mailformpro .anchor a::before {
width: 50%;
height: 100%;
content: '';
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 100%);
position: absolute;
top: 0;
left: -75%;
z-index: -1;
-webkit-transform: skewX(-45deg);
transform: skewX(-45deg);
}
#mailformpro .anchor a:hover::before {
animation: shine 0.7s;
}
#mailformpro .size li + li::before {
content: "×";
font-weight: bold;
padding: 0 5px;
}
#mailformpro .cycle span {
font-weight: 500;
}
#mailformpro .photoBox_inner {
background: #fff;
display: inline-block;
padding: 20px;
border: #ccc 1px dashed;
}
#mailformpro .photoBox dl dt {
background: #eee;
color: #222;
font-size: 14px;
text-align: center;
padding: 2px 5px;
margin-bottom: 10px;
}
#mailformpro .photoBox .mfp_attached_thumbnails ul {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#mailformpro .photoBox .mfp_attached_thumbnails ul li {
flex: 0 0 50%;
padding: 1%;
}
#mailformpro .photoBox button {
width: auto;
background: #f5f5f5;
color: #222;
font-size: 14px;
padding: 2px 8px;
margin: 10px 0;
border: #bbb 1px solid;
border-radius: 0;
}
#mailformpro .privacy {
text-align: center;
margin: 40px auto;
}
#mfp_overlay {
color: #222;
}
@media screen and (max-width: 640px) {
#mailformpro .anchor {
margin: 20px auto;
}
#mailformpro .size, #mailformpro .cycle {
padding-left: 10px;
}
#mailformpro .size li + li::before {
content: none;
}
#mailformpro .unitbox input[type="text"], #mailformpro .size input[type="text"], #mailformpro .cycle input[type="text"] {
width: 60px !important;
min-width: inherit;
}
#mailformpro .cycle li + li {
margin-top: 5px;
}
#mailformpro .photoBox_inner {
padding: 10px;
}
#mailformpro .privacy {
margin: 20px auto;
}
} #breadcrumb {
width: auto;
max-width: 1200px;
}
@media screen and (max-width: 1260px) {
#breadcrumb {
padding-left: 20px;
padding-right: 20px;
}
}  #post h1.h1 {
font-size: 24px;
font-weight: bold;
line-height: 1.5;
padding-bottom: 10px;
margin-bottom: 60px;
border-bottom: #222 1px solid;
} h2.h2 {
font-size: 26px;
font-weight: bold;
padding-bottom: 10px;
margin: 60px auto 20px;
border-bottom: #aaa 1px solid;
position: relative;
}
h2.h2::before {
width: 5%;
height: 3px;
content: "";
background: #cc0029;
display: block;
position: absolute;
bottom: -1px;
left: 0;
}
h2.h2:first-of-type {
margin-top: 0;
} h3.h3 {
font-size: 22px;
font-weight: bold;
padding-left: 15px;
margin: 30px auto 20px;
position: relative;
}
h3.h3::before {
width: 10px;
content: "";
background-image: repeating-linear-gradient(to right, #cc0029, #cc0029 1px, transparent 1px, transparent 2px);
display: block;
margin: 0.2em auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
@media screen and (max-width: 640px) {
#post h1.h1 {
font-size: 22px;
} h2.h2 {
font-size: 20px;
margin: 40px auto 20px;
}
h2.h2::before {
width: 10%;
} h3.h3 {
font-size: 20px;
}
} #mainTitle {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/inner/mainTitle_bg.jpg) no-repeat center / cover;
}
#mainTitle p {
font-size: 24px;
font-weight: 500;
text-align: center;
line-height: 1.5;
padding: 25px 0;
}
#mainTitle p:first-letter {
color: #cc0029;
}
@media screen and (max-width: 640px) {
#mainTitle {
background-image: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/inner/mainTitle_bg_sp.jpg);
border-bottom: 4px solid #111;
}
#mainTitle p {
font-size: 22px;
text-align: left;
padding: 20px 0;
}
}  .title_index {
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 1.5;
}
.under_link {
margin: 60px 0;
}
.under_link > li {
flex: 0 0 31%;
margin-right: 3.5%;
position: relative;
}
.under_link > li:nth-child(3n) {
margin-right: 0;
}
.under_link > li:nth-child(n+4) {
margin-top: 3.5%;
}
.under_link a {
background: #000;
color: #fff !important;
font-size: 20px;
font-weight: bold;
display: block;
text-align: center;
position: relative;
}
.under_link a:hover {
text-decoration: none !important;
}
.under_link li::before, .under_link li::after, .under_link a::before, .under_link a::after {
content: "";
background: #fff;
display: block;
margin: 10px;
position: absolute;
z-index: 1;
transition: all 0.3s;
}
.under_link li::before {
width: 0px;
height: 1px;
top: 0;
left: 0;
}
.under_link li::after {
width: 0px;
height: 1px;
right: 0;
bottom: 0;
}
.under_link a::before {
width: 1px;
height: 0px;
left: 0;
bottom: 0;
}
.under_link a::after {
width: 1px;
height: 0px;
top: 0;
right: 0;
}
.under_link li:hover::before, .under_link li:hover::after {
width: calc(100% - 20px);
}
.under_link a:hover::before, .under_link a:hover::after {
height: calc(100% - 20px);
}
.under_link figure {
opacity: 0.5;
}
.under_link a:hover figure {
opacity: 0.3;
}
.under_link p {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.under_link p > span {
font-size: 0.875em;
} .gallery > li {
flex: 0 0 32%;
margin-right: 2%;
}
.gallery > li:nth-child(3n) {
margin-right: 0;
}
.gallery > li:nth-child(n+4) {
margin-top: 2%;
} .gallery_wrap {
margin-top: 40px;
}
.gallery_wrap .gallery li.none {
display: none;
}
.gallery_wrap .gallery a {
background: #111;
display: block;
position: relative;
}
.gallery_wrap .gallery a::before {
width: 24px;
height: 24px;
content: "";
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/common/icon_zoom.svg) no-repeat center / cover;
display: block;
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
}
.gallery_wrap .gallery a:hover img {
opacity: 0.8;
}
.gallery_wrap .caption {
line-height: 1.4;
padding: 10px;
}
.gallery_wrap .caption.is-hidden {
cursor: pointer;
}
.gallery_wrap .caption p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gallery_wrap .caption.active p {
display: block;
}
.gallery_wrap .caption .toggle {
text-align: center;
margin-top: 5px;
}
.gallery_wrap .caption .toggle::before {
content: "\25BC\a0\a0 MORE";
background: #111;
color: #fff;
font-size: 0.75em;
display: inline-block;
padding: 0 10px;
border-radius: 20px;
}
.gallery_wrap .caption.active .toggle::before {
content: "\25B2\a0\a0 CLOSE";
}
.gallery_wrap .list_more {
width: 200px;
background: #111;
color: #fff;
text-align: center;
padding: 10px;
margin: 20px auto;
border-radius: 25px;
cursor: pointer;
}
@media screen and (max-width: 640px) { .title_index {
font-size: 24px;
text-align: left;
}
.under_link {
flex-direction: column;
align-items: center;
margin: 40px 0;
}
.under_link > li {
width: 100%;
max-width: 300px;
flex: auto;
margin-right: 0;
}
.under_link > li:nth-child(n+2) {
margin-top: 2%;
}
.under_link a {
font-size: 4.8vw;
line-height: 1.5;
}
.under_link figure {
padding-top: 30%;
position: relative;
overflow: hidden;
}
.under_link figure img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .gallery {
justify-content: space-between;
}
.gallery > li {
flex: 0 0 49%;
margin-right: 0;
}
.gallery > li:nth-child(n+3) {
margin-top: 2%;
} .gallery_wrap {
margin-top: 30px;
}
.gallery_wrap .gallery li + li {
margin-top: 20px;
}
.gallery_wrap .gallery a::before {
width: 20px;
height: 20px;
}
.gallery_wrap .caption {
font-size: 14px;
}
} #dehorning figure.fltR {
width: 40%;
margin: 20px 0 0 40px;
}
@media screen and (max-width: 640px) {
#dehorning figure.fltR {
width: auto;
float: none;
margin: 0 auto;
}
} #lineup table {
flex: 0 0 48%;
}
#lineup table th {
font-weight: bold;
}
@media screen and (max-width: 640px) {
#lineup table tr {
display: block;
}
#lineup table + table, #lineup table tr + tr {
margin-top: 20px;
}
} #company .message .left_column {
flex-shrink: 0;
}
#company .message .left_column .title {
font-size: 36px;
font-weight: bold;
line-height: 1.2;
}
#company .message .left_column .title span {
font-size: 44px;
}
#company .message .right_column {
padding: 60px 0 0 40px;
margin-left: 40px;
border-left: 1px dashed #ddd;
}
#company .message .right_column .title {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 30px;
}
#company .outline {
margin: 60px 0;
}
#company .outline .txt {
flex-grow: 1;
}
#company .outline table tr {
border-bottom: #222 1px solid;
}
#company .outline table th, #company .outline table td {
border: none;
}
#company .outline table th {
width: 20%;
background: none;
color: #222;
font-weight: bold;
text-align: left;
}
#company .outline .officer dt {
width: 120px;
float: left;
}
#company .outline .officer dd {
padding-left: 140px;
}
#company .outline .photo {
flex: 0 0 30%;
margin-left: 40px;
}
#company .outline .photo li + li {
margin-top: 20px;
}
#company .history {
position: relative;
}
#company .history::before {
width: 4px;
height: 100%;
content: "";
display: block;
background-image: linear-gradient(to bottom, #cc0029, #cc0029 6px, transparent 6px, transparent 10px);
background-size: 6px 10px;
position: absolute;
top: 0;
left: 150px;
}
#company .history > li {
display: flex;
padding: 1em 0;
position: relative;
}
#company .history > li::before, #company .history > li::after {
content: "";
display: block;
position: absolute;
}
#company .history > li::before {
width: 4px;
height: 100%;
content: "";
background: #cc0029;
display: block;
position: absolute;
top: 0;
left: 150px;
z-index: 2;
}
#company .history > li:first-child::before {
top: 2em;
}
#company .history > li:last-child::before {
top: -2em;
}
#company .history > li:not(:last-child)::after {
width: 100%;
height: 1px;
border-bottom: #ddd 2px dashed;
bottom: 0;
left: 0;
z-index: 1;
}
#company .history .year {
flex: 0 0 140px;
}
#company .history .year span {
color: rgba(204,0,41,0.2);
font-family: 'Arial';
font-size: 20px;
font-weight: bold;
line-height: 1;
margin-right: 10px;
}
#company .history dl {
padding-left: 40px;
}
#company .history dl dt {
font-weight: bold;
float: left;
position: relative;
}
#company .history dl dt::before {
width: 12px;
height: 12px;
content: "";
background: #cc0029;
display: block;
border-radius: 50%;
position: absolute;
top: 0.6em;
left: -34px;
}
#company .history dl dd {
padding-left: 60px;
}
.company_img {
height: 240px;
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/inner/company_bg.jpg) no-repeat center / cover;
}
@media screen and (max-width: 640px) {
#company .message .left_column {
text-align: center;
}
#company .message .left_column .title {
font-size: 30px;
}
#company .message .left_column .title span {
font-size: 36px;
}
#company .message .right_column {
padding: 20px 0 0;
margin: 20px 0 0;
border-top: 1px dashed#ddd;
border-left: none;
}
#company .message .right_column .title {
font-size: 22px;
margin-bottom: 20px;
}
#company .outline table th, #company .outline table td {
padding-left: 0;
padding-right: 0;
}
#company .outline table th {
width: auto;
padding-bottom: 0;
}
#company .outline table td {
padding-top: 0;
}
#company .outline .photo {
display: flex;
justify-content: space-between;
margin: 20px auto 0;
}
#company .outline .photo li {
flex: 0 0 48%;
}
#company .outline .photo li + li {
margin-top: 0;
}
#company .gmap iframe {
height: 350px;
}
#company .history::before {
background-image: linear-gradient(to bottom, #cc0029, #cc0029 4px, transparent 4px, transparent 6px);
background-size: 2px 6px;
left: 0;
}
#company .history > li {
display: block;
padding: 0.8em 0 0.8em 1em;
}
#company .history > li::before {
left: 0;
}
#company .history > li:not(:last-child)::after {
border-bottom-width: 1px;
}
#company .history > li:first-child::before {
top: 1em;
}
#company .history > li:last-child::before {
top: -1em;
}
#company .history .year {
font-size: 14px;
}
#company .history dl {
padding-left: 0;
}
#company .history dl dt::before {
left: -20px;
}
#company .history dl dd {
padding-left: 50px;
}
.company_img {
height: 80px;
}
} #recruit .recruit01 .title {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
margin-bottom: 30px;
}
#recruit .recruit01 figure {
flex-shrink: 0;
margin-left: 40px;
}
#recruit .english dt {
background: #222;
color: #fff;
font-size: 18px;
font-weight: bold;
flex-shrink: 0;
padding: 0 40px;
}
#recruit .english dd {
padding: 20px;
border: #222 1px solid;
}
#recruit .recruit_outline {
padding: 25px 40px;
border: #222 1px solid;
}
#recruit .recruit_outline + .recruit_outline {
margin-top: 40px;
}
#recruit .recruit_outline h3 {
font-size: 22px;
font-weight: bold;
line-height: 1.5;
padding-left: 10px;
margin-bottom: 20px;
border-left: #cc0029 6px solid;
}
@media screen and (max-width: 640px) {
#recruit .recruit01 .title {
font-size: 22px;
margin-bottom: 20px;
}
#recruit .recruit01 figure {
margin: 20px auto 0;
}
#recruit .english dt {
padding: 5px;
}
#recruit .english dd {
padding: 15px;
}
#recruit .recruit_outline {
padding: 20px;
}
#recruit .recruit_outline + .recruit_outline {
margin-top: 20px;
}
#recruit .recruit_outline h3 {
font-size: 20px;
}
} .newslist, .newslist a {
color: #222;
}
.newslist li:first-child {
border-top: #999 1px solid;
}
.newslist dl dt {
float: left;
clear: left;
width: 178px;
text-align: center;
padding: 20px 0;
position: relative;
}
.newslist dl dt::after {
position: absolute;
width: 1px;
height: 28px;
background: #999;
top: 0;
bottom: 0;
right: 0;
margin: auto;
content: "";
}
.newslist dl dd {
border-bottom: #999 1px solid;
padding-left: 230px;
}
.newslist dl dd a {
display: block;
padding: 20px 0;
position: relative;
}
.newslist dl dd a::after {
position: absolute;
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/common/shape_arrow.png) no-repeat center / cover;
width: 50px;
height: 10px;
content: "";
top: 0;
right: 50px;
bottom: 0;
margin: auto;
transition: 0.5s;
}
.newslist a:hover {
opacity: 0.6;
}
.newslist dl dd a:hover::after {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
@media screen and (max-width: 640px) {
.newslist li:first-child {
border-top: #999 1px solid;
}
.newslist dl dt {
float: none;
width: 100%;
padding: 10px 0 0;
text-align: left;
}
.newslist dl dt::after {
display: none;
}
.newslist dl dd {
padding-left: 0;
padding-bottom: 10px;
}
.newslist dl dd a {
padding: 0 40px 0 0;
}
.newslist dl dd a::after {
width: 30px;
height: 6px;
right: 5px;
}
} #inquiry .title {
font-size: 30px;
font-weight: bold;
}
#inquiry .btn01 + .btn01 {
margin-left: 40px;
}
@media screen and (max-width: 640px) {
#inquiry .title {
font-size: 24px;
}
#inquiry .btn01 {
text-align: center;
}
#inquiry .btn01 + .btn01 {
margin: 10px auto 0;
}
} [id^="inquiry_"] h2.h2 {
margin-top: 60px;
}
@media screen and (max-width: 640px) {
[id^="inquiry_"] h2.h2 {
margin-top: 40px;
}
} #sitemap .sitemap01 > li {
padding: 20px;
border-bottom: #222 1px solid;
}
#sitemap .sitemap01 > li > a, #sitemap .sitemap01 dl dt {
font-size: 18px;
font-weight: bold;
display: inline-block;
}
#sitemap .sitemap01 dl dt {
margin-bottom: 10px;
}
#sitemap .sitemap01 dl dd {
padding-left: 20px;
}
#sitemap .sitemap01 .hierarchy + .hierarchy {
margin-top: 10px;
}
#sitemap .sitemap01 .parent {
font-weight: 500;
padding-left: 1em;
margin-bottom: 10px;
position: relative;
}
#sitemap .sitemap01 .parent::before {
width: 0.6em;
height: 2px;
content: "";
background: #cc0029;
display: block;
position: absolute;
top: 0.85em;
left: 0;
}
#sitemap .sitemap01 .hierarchy .child {
padding-left: 40px;
margin-left: 40px;
border-left: #ccc 1px solid;
}
#sitemap .sitemap01 .child li {
flex: 0 0 20%;
}
#sitemap .sitemap01 .child a, #sitemap .sitemap01 .child span {
display: inline-block;
padding-left: 1.2em;
position: relative;
}
#sitemap .sitemap01 .child a::before, #sitemap .sitemap01 .child span::before {
width: 0.8em;
height: 0.8em;
content: "";
display: block;
border: #cc0029 4px solid;
border-radius: 50%;
position: absolute;
top: 0.5em;
left: 0;
}
#sitemap .sitemap01 .child span::before {
border-color: #888;
}
#sitemap .sitemap01 .hierarchy .child li {
flex: 0 0 33%;
}
#sitemap .sitemap01 a:hover {
color: #cc0029;
}
@media screen and (max-width: 640px) {
#sitemap .sitemap01 > li {
padding: 10px;
}
#sitemap .sitemap01 dl dt {
margin-bottom: 0;
}
#sitemap .sitemap01 dl dd {
padding-left: 5px;
}
#sitemap .sitemap01 .parent {
margin-bottom: 5px;
}
#sitemap .sitemap01 .hierarchy .child {
padding-left: 15px;
margin-left: 30px;
}
}  section[id^="top"] {
padding: 60px 5%;
}
section[id^="top"] h2 {
text-align: center;
margin: 0 0 40px;
}
section[id^="top"] h2 .h2 {
font-size: 40px;
font-weight: bold;
display: inline-block;
position: relative;
}
section[id^="top"] h2 .h2::before, section[id^="top"] h2 .h2::after {
position: absolute;
width: 30px;
height: 1px;
top: 0;
bottom: 0;
left: -50px;
margin: auto;
background: #999;
content: "";
}
section[id^="top"] h2 .h2::after {
left: auto;
right: -50px;
}
section[id^="top"] h2 .h2::first-letter {
color: #cc0029;
}
section[id^="top"] h2 .sub {
font-size: 14px;
font-weight: normal;
margin-left: 10px;
} #mainVisual .img {
position: relative;
width: 100%;
}
#mainVisual .copy {
position: absolute;
left: 5vw;
z-index: 2;
text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
color: #fff;
}
#mainVisual .copy li:first-child {
font-size: 2.5vw;
font-weight: bold;
margin: 0 0 30px;
padding: 0 0 30px;
line-height: 1;
position: relative;
}
#mainVisual .copy li:first-child::before {
position: absolute;
width: 100%;
height: 1px;
background: #fff;
box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
left: 0;
bottom: 0;
content: "";
}
#mainVisual .copy ruby[data-ruby] {
position: relative;
}
#mainVisual .copy ruby[data-ruby]::before {
content: attr(data-ruby);
font-size: 0.833vw;
font-weight: normal;
letter-spacing: 1.5em;
white-space: nowrap;
position: absolute;
top: -0.4em;
left: 1em;
}
#mainVisual .copy li:last-child {
font-size: 1.25vw;
}
#mainVisual .ms-bullets {
width: auto !important;
margin-bottom: 35px;
}
#mainVisual .ms-bullets .ms-bullet {
width: 10px;
height: 10px;
background: #ccc;
border-radius: 50%;
}
#mainVisual .ms-bullets .ms-bullet-selected {
background: #cc0029;
} #topProducts {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topProducts_bg.jpg) no-repeat center / cover;
}
#topProducts .box > .img, #topProducts .box > .txt {
width: 50%;
}
#topProducts .box > .txt {
background: #222;
flex-grow: 1;
padding: 30px 5%;
margin-left: -4vw;
position: relative;
z-index: 1;
}
#topProducts .box:nth-of-type(2) > .txt {
margin: 0  -4vw 0 0;
}
#topProducts .box > .txt h3 {
font-size: 28px;
font-weight: bold;
line-height: 1.5;
padding-bottom: 15px;
margin-bottom: 25px;
position: relative;
}
#topProducts .box > .txt h3::before {
position: absolute;
width: 40px;
height: 1px;
background: #cc0029;
bottom: 0;
left: 0;
content: "";
}
#topProducts .box > .txt ul {
margin-top: 25px;
}
#topProducts .box > .txt ul a {
position: relative;
display: inline-block;
}
#topProducts .box > .txt ul a::before {
position: absolute;
background: #ccc;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
content: "";
}
#topProducts .box > .txt a:hover {
opacity: 0.7;
transition: 0.7s;
}
#topProducts .box > .img .photo {
min-height: 480px;
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topProducts_img01.jpg) no-repeat center / cover;
padding-top: 60%;
position: relative;
overflow: hidden;
}
#topProducts .box:nth-of-type(2) > .img .photo  {
background-image: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topProducts_img02.jpg);
} #topRecruit {
background: #fff;
}
#topRecruit > .box {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topRecruit_bg.jpg) no-repeat center / cover;
padding: 40px 0;
}
#topRecruit > .box h3 {
font-size: 24px;
font-weight: bold;
text-align: center;
padding: 15px 0;
margin: 0 0 30px;
position: relative;
}
#topRecruit > .box h3::before, #topRecruit > .box h3::after {
position: absolute;
width: 100%;
height: 1px;
background: #999;
content: "";
left: 0;
top: 0;
}
#topRecruit > .box h3::after {
top: auto;
bottom: 0;
}
#topRecruit p {
text-align: center;
}
#topRecruit .btn01 a::after {
color: #111;
}
#topRecruit .btn01 a span::before {
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
} #topCompany {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topCompany_bg02.jpg) no-repeat center / cover;
padding: 60px 5%;
position: relative;
}
#topCompany > .box .txt {
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topCompany_bg01.png) no-repeat center / cover;
flex: 0 0 65%;
padding: 30px 5%;
}
#topCompany > .box h3 {
font-size: 24px;
font-weight: bold;
text-align: center;
padding: 15px 0;
margin: 0 0 30px;
position: relative;
}
#topCompany > .box h3::before, #topCompany > .box h3::after {
position: absolute;
width: 100%;
height: 1px;
background: #999;
content: "";
left: 0;
top: 0;
}
#topCompany > .box h3::after {
top: auto;
bottom: 0;
}
#topCompany > .box h3 span {
padding-left: 1em;
}
#topCompany > .box .img {
flex: 0 0 35%;
}
#topCompany > .box .img .photo {
height: 100%;
background: url(//www.yukitec.co.jp/wordpress/wp-content/themes/yukitec_WP/library/images/top/topCompany_img.jpg) no-repeat center right / cover;
}
#topCompany .btn01 a::after {
color: #111;
}
#topCompany .btn01 a span::before {
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
} #topNews {
padding-top: 0;
}
#topNews > .box {
background: #eee;
padding: 40px 0;
}
#topNews > .box h2 {
color: #111;
}
#topNews .newslist, #topNews .newslist a {
color: #000;
}
@media screen and (max-width: 640px) { section[id^="top"] {
padding: 40px 5%;
}
section[id^="top"] h2 {
margin-bottom: 30px;
}
section[id^="top"] h2 .h2 {
font-size: 28px;
}
section[id^="top"] h2 .h2::before, section[id^="top"] h2 .h2::after {
display: none;
}
section[id^="top"] h2 .sub {
display: block;
margin-left: 0;
} #mainVisual .ms-bullets {
margin-bottom: 0;
bottom: 5px !important;
}
#mainVisual .copy {
line-height: 1.5;
}
#mainVisual .copy li:first-child {
font-size: 8vw;
margin: 0 0 10px;
padding: 0 0 10px;
}
#mainVisual .copy ruby[data-ruby]::before {
font-size: 2.667vw;
}
#mainVisual .copy rt {
display: none;
}
#mainVisual .copy li:last-child {
font-size: 3.467vw;
}
#mainVisual .img img {
opacity: 0.8;
} #topProducts .box > .img, #topProducts .box > .txt {
width: 100%;
}
#topProducts .box > .txt {
padding: 20px 5%;
margin: 0;
}
#topProducts .box > .txt h3 {
font-size: 22px;
margin-bottom: 20px;
}
#topProducts .box:last-of-type {
margin-top: 40px;
}
#topProducts .box > .img .photo {
min-height: inherit;
} #topRecruit > .box {
padding: 30px 0;
}
#topRecruit > .box h3 {
font-size: 20px;
padding: 10px 0;
margin-bottom: 20px;
}
#topRecruit p {
text-align: left;
} #topCompany {
padding: 60px 5%;
}
#topCompany > .box {
position: static;
}
#topCompany > .box .txt {
width: 100%;
padding: 20px 5%;
position: static;
transform: translate(0, 0);
}
#topCompany > .box h3 {
font-size: 20px;
padding: 10px 0;
margin-bottom: 20px;
}
#topCompany > .box h3 span {
padding-left: 0;
display: block;
}
#topCompany > .box .img .photo {
padding-top: 66.66%;
} #topNews > .box {
padding: 20px 0;
}
}