.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; }
video {
display:block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} html,body {
min-width: 100%; min-height: 100%;
width:100%;
height:100%;
font-size:100%;
position:relative;
font-family: Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#454545;
}
.post_contact .tel-link a:link, .post_contact .tel-link a:visited, .n_link:link, .n_link:visited, .list_txt a:link, .list_txt a:visited, .pankuzu a:link, .pankuzu a:visited, .products_cat a:link, .products_cat a:visited, .post_main p a:link, .post_main p a:visited {
color: #3674b3;
text-decoration:underline;
}
.side_b_link a:link, .side_b_link a:visited {
color: #3674b3;
text-decoration:none; 
}
.list_txt li { color:#888; }
.post_contact .tel-link a:hover, .post_contact .tel-link a:active, .n_link:hover, .n_link:active, .list_txt a:hover, .list_txt a:active, .pankuzu a:hover, .pankuzu a:active, .products_cat a:hover, .products_cat a:active, .post_main p a:hover, .post_main p a:active {
text-decoration:none;
}
.side_b_link a:hover, .side_b_link a:active {
color: #3674b3;
text-decoration:underline;
}
.n_link2:link, .n_link2:visited {
color: #3674b3;
text-decoration:none;
}
.n_link2:hover, .n_link2:active {
color: #3674b3;
text-decoration:underline;
}
video#bgvid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: auto; z-index: -100;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/movie/poster.jpg) no-repeat;
background-size: cover;
}
#Wrapper {
background:#FFF;
}
header {
background:#1f2e40;
width:100%;
margin:0;
position:relative;
z-index:3;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
box-shadow:0px 3px 6px -3px rgba(0,0,0,0.5);
-moz-box-shadow:0px 3px 6px -3px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 3px 6px -3px rgba(0,0,0,0.5);
}
header h1 {
margin:0 0 auto;
letter-spacing:0.2em;
text-indent:0.2em;
}
header h1, footer h3, .sec_title, .min {
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.sec_title {
font-size:40px;
font-size:2.5rem;
letter-spacing:0.1em;
text-indent:0.1em;
}
.sec_title .en {
display:block;
text-align:center;
font-size:16px;
font-size:1rem;
font-weight:normal;
padding-top:0.25em;
}
main {
background:#FFF;
margin:0;
}
.tac { text-align:center; }
.footer_inner {
background:#F6F6F6;
margin-bottom:40px;
padding-top:40px;
}
#Fnavi {
margin:0;
padding:0 0 2em;
list-style:none;
}
#Fnavi li {
margin:0 .5em;
}
#Fnavi li a {
color:#3674b3;
}
footer {
background:#1f2e40;
margin:0;
position:relative;
z-index:1;
padding:0 0 40px;
color:#FFF;
text-align:center;
line-height:1.8;
overflow:hidden;
}
footer h3 {
margin:1.5em 0 0.5em;
letter-spacing:0.2em;
text-indent:0.2em;
font-size:24px;
font-size:1.5rem;
line-height:1.5;
}
footer h3 span {
font-size:14px;
font-size:0.875rem;
font-weight:normal;
display:block;
text-align:center;
letter-spacing:0.1em;
text-indent:0.1em;
color:#DDD;
}
footer > ul {
list-style:none;
padding:0;
letter-spacing:-.40em;
text-align:center;
}
footer p a {
color:#95b5d5;
}
.center_contact a {
color:#3674b3;
}
footer p a:hover, .center_contact a:hover {
text-decoration:none;
}
footer > ul li {
letter-spacing:normal;
margin:0 1em;
vertical-align:top;
display:inline-block;
/display:inline;
/zoom: 1;
font-size:18px;
font-size:1.125rem;
border:1px solid #FFF;
}
footer > ul li a {
color:#FFF;
text-decoration:none;
display:block;
width:50px;
height:50px;
line-height:50px;
text-align:center;
transition-duration:.3s;
text-align: center;
}
footer > ul li a img {
width: 20px;
height: auto;
vertical-align: middle;
}
footer > ul li a:hover {
color:#1f2e40;
background:rgba(255,255,255,0.3);
}
.link_color {
fill:#95b5d5;
}
.w_color {
fill:#FFF;
}
.icn_svg {
vertical-align: middle;
}
.index_content {
width:100%;
height:100%;
position:relative;
z-index:0;
}
.index_content_innner {
width:100%;
height:100%;
position:fixed;
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/or_01.png);
top:0;
left:0;
margin-top:-70px;
}
.index_prof {
background: #FFF;
padding: 40px;
}
.index_prof ul {
width: 100%;
list-style: none;
margin:0 0 40px;
padding:0; 
}
.index_prof section {
width: 90%;
margin: 0 auto;
}
.index_prof ul li {
width: 23%;
}
.index_prof ul li img {
width: 100%;
height: auto;
}
.index_prof section {
position: relative;
}
.index_prof section em {
display: block;
position: absolute;
top: -40px;
left: 50%;
margin-left: -30px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #eeeeee transparent transparent transparent;
}
.index_prof section h2, .index_prof section h3 {
text-align: center;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.index_prof section p {
line-height: 1.8;
}
.prof_w_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0;
background: #EEE;
padding: 40px;
}
.prof_w_list h3 {
width: 100%;
}
.prof_w_list dl dt {
font-weight: bold;
margin: 1em 0 0;
}
.prof_w_list dl dd {
margin: 0 0 .5em;
padding: 0;
}
.prof_w_list dl {
width: 48%;
line-height: 1.5;
border-right: 1px solid #CCC;
}
.just {
text-align: justify;
text-justify: inter-ideograph;
}
.index_prof section p + p {
text-align: center;
margin-bottom: 0;
}
.flexbox-it_center {
-webkit-align-items: center;
align-items: center;
}
.ga, .kyu, .index_content_innner_cell  {
z-index:0;
position:relative;
text-align:center;
}
.ga, .kyu {
width:25%;
height:100%;
}
.index_content_innner_cell {
width:100%;
margin-top:70px;
}
.ga {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ga.png) 50% 50% no-repeat;
background-size:contain;
}
.kyu {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/kyu.png) 50% 50% no-repeat;
background-size:contain;
}
.index_content_title {
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:80px;
font-size:7vw;
color:#FFF;
text-align:center;
font-weight:normal;
margin:0 auto ;
white-space:nowrap;
line-height:1;
letter-spacing:0.2em;
text-indent:0.2em;
}
.index_content_innner p {
color:#FFF;
font-size:26px;
font-size:2.2vw;
line-height:2;
margin:0 0 20px;
position:relative;
z-index:0;
}
.bt_scroll {
width:100px;
height:100px;
position:absolute;
bottom:40px;
left:50%;
margin-left:-50px;
line-height:100px;
text-align:center;
color:#FFF;
}
.bt_scroll a {
display:block;
width:100px;
height:100px;
color:#FFF;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
text-decoration:none;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/scroll.png) 0 0 no-repeat;
background-size:cover;
}
.bt_scroll a:before {
position:absolute;
content:"";
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/down.svg) 50% 50% no-repeat;
background-size: 16px;
top:60%;
left:50%;
width:24px;
height:24px;
font-size:24px;
text-align:center;
line-height:24px;
margin-left:-12px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.bt_scroll a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.bt_scroll a:hover:before {
top:65%;
}
#play_button, #play_button i {
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
#play_button {
width:200px;
height:60px;
border:2px solid #FFF;
margin:0 auto;
line-height:60px;
color:#FFF;
cursor:pointer;
text-align:center;
}
#play_button:hover {
background:rgba(0,0,0,0.5);
}
header {
width:100%;
height:70px;
display:table;
}
.header_index {
margin-top:-70px;
}
.fix_bar {
position:fixed;
top:0;
left:0;
z-index:10;
margin-top:0 !important;
}
header h1, #Language, #Snavi, header nav {
display:table-cell;
text-align:center;
vertical-align:middle;
}
header h1 {
width:15%;
font-size:24px;
font-size:1.5rem;
position:relative;
overflow:hidden;
}
header h1 a {
display:inline-block;
position:relative;
padding-left:50px;
}
header h1 a:before {
font-size:24px;
font-size:1.5rem;
content:"";
width:40px;
height:40px;
position:absolute;
top:50%;
left:0;
margin-top:-18px;
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/rakkan.svg) 0 0 no-repeat;
background-size:contain;
}
header h1 span {
display:block;
text-align:center;
font-size:10px;
font-size:0.625rem;
font-weight:normal;
letter-spacing:0.3em;
text-height:0.3em;
color:#d5d595;
}
header nav {
width:69%;
border-left:1px solid #434954;
border-right:1px solid #434954;
}
header a {
text-decoration:none;
color:#EEE;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
#Snavi {
width:15%;
}
#Snavi li a {
color:#FFF;
display:block;
padding:0.5em 0;
border-bottom:1px dotted #1f2e40;
}
#Snavi li a:hover {
border-bottom:1px dotted #EEE;
}
#Pnavi {
width:100%;
text-align:center;
}
.ls1 { letter-spacing:0.5em; }
.ti1 {  text-indent:0.5em; }
ul#Pnavi, ul#Language, ul#Snavi {
letter-spacing:-.40em;
text-align:center;
padding:0;
}
ul#Pnavi a {
position:relative;
opacity: 1;
transition-duration: .3s;
}
ul#Pnavi a:hover {
opacity: .6;
}
ul#Pnavi li, ul#Language li, ul#Snavi li {
letter-spacing:normal;
vertical-align:top;
display:inline-block;
/display:inline;
/zoom: 1;
list-style:none;
}
ul#Pnavi li, ul#Snavi li {
margin:0 1em;
}
.sp_display {
display:none;
}
#Main {
background:#F6F6F6;
padding-bottom: 60px;
position:relative;
z-index:3;
}
.onecolumn {
padding:40px 0;
}
.inner {
padding:40px;
}
.inner2 {
padding:6% 10%;
}
.flexbox {
display: -webkit-flex;
display: flex;
}
.flexbox-sp_between {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flexbox-co_center {
-webkit-justify-content: center;
justify-content:         center;
}
.flexbox-sp_around {
-webkit-justify-content: space-around;
justify-content: space-around;
}
.flex-wrap {
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
}
.banner3 {
list-style:none;
padding:40px 20px;
margin:0;
background:#EEE;
}
.banner3 li {
width:25%;
margin:0 1%;
background:#FFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #CCC;
line-height:1.5;
}
.index_top_news {
background: #FFF;
text-align: center;
line-height: 1.8;
}
.index_top_news em {
font-style: normal;
font-weight: bold;
color: #b75b5b;
}
.index_top_news a {
text-decoration: none;
color: #212121;
}
.index_top_news a:hover {
color: #999;
}
.banner3 li a, .banner3 li a span {
display:block;
}
.banner3 li a span.title, .banner3 li a span.bt {
text-align:center;
}
.bt {
padding:1em 0;
width:80%;
margin:0 auto;
background:#1f2e40;
color:#FFF;
border-radius: 3px; 
-webkit-border-radius: 3px;  
-moz-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px; 
}
.banner3 li a span.title {
margin-bottom:1.5em;
font-size:20px;
font-size:1.25rem; width:100%;
position: relative;
}
.banner3 li a span.title:after {
position: absolute;
width: 50px;
height: 2px;
background: #333;
content: "";
left: 50%;
margin-left: -25px;
bottom: -12px;
}
picture {
display: block;
width: 100%;
}
.banner3 li picture {
margin-bottom: 20px;
}
.banner3 li img {
display: block;
width: 100%;
height: auto;
backface-visibility: hidden;
} .banner3 li a span.txt {
padding: 0 1em 1em; 
}
.banner3 li a {
padding:20px;
text-decoration:none;
color:#454545;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.banner3 li a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
a.img_link {
}
a.img_link img {
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
a.img_link:hover img {
filter:alpha(opacity=60) !important;
-moz-opacity:0.6 !important;
opacity:0.6 !important;
}
.list4 , .list6 {
list-style:none;
margin:0;
padding:0;
}
.list4 li {
margin:0 1px;
background:#FFF;
width:25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position:relative;
padding-bottom:2em;
}
.side_prof + .list4 {
margin-bottom:20px;
}
.side_prof + .list4 li {
margin:0 !important;
padding-bottom:0;
}
.list6 li {
width:16.66%;
border:1px solid #F6F6F6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.list4 li img, .thumb_special_list img, .post_special_list img, .list6 li img {
width:100%;
height:auto;
vertical-align:bottom;
}
.post_cat {
font-size:14px;
font-size:0.875rem;
position:absolute;
bottom:1em;
left:20px;
}
.post_cat a {
color:#999;
text-decoration:none;
transition-duration:.2s;
-moz-transition-duration:.2s;
-webkit-transition-duration:.2s;
-o-transition-duration:.2s;
-ms-transition-duration:.2s;
}
.post_cat a:before {
content:"\003e";
margin-right:0.5em;
font-size:16px;
font-size:1rem;
transition-duration:.2s;
-moz-transition-duration:.2s;
-webkit-transition-duration:.2s;
-o-transition-duration:.2s;
-ms-transition-duration:.2s;
}
.post_cat a:hover {
color:#454545;	
}
.post_cat a:hover:before {
margin-left:0.3em;
margin-right:0.2em;
}
.list_inner {
padding:20px;
}
.list_inner h3 {
margin:0.25em 0 0;
font-size:16px;
font-size:1rem;
line-height:1.5;
font-weight:normal;
}
.bt_l {
margin:2em auto;
width:240px;
}
.bt_s, .bt_s_ai {
margin:2em auto 0;
width:240px;
}
.bt_l a, .bt_s a, .bt_s_ai a {
display:block;
padding:1em 0;
text-align:center;
text-decoration:none;
border: 2px solid #1f2e40;
border-radius: 3px; 
-webkit-border-radius: 3px;  
-moz-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px; 
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.bt_l a {
color:#FFF;
background: #1f2e40;
}
.bt_l a:hover {
color:#1f2e40;
background: #FFF;	
}
.bt_s a {
color:#1f2e40;
background: transparent;	
}
.bt_s a:hover {
color:#FFF;
background: #1f2e40;
}
.bt_s_ai a {
color:#FFF;
background: #1f2e40;	
}
.bt_s_ai a:hover {
color:#1f2e40;
background: #FFF;
}
.special_list {
background:#FFF;
padding:3%;
margin-top:80px;
}
.post_special_list_thumb {
width:25%;
margin-right:5%;
}
.thumb_special_list, .post_special_list {
width:25%;
}
.post_special_list ul {
margin:0;
padding:0;
}
.post_special_list ul li {
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px dotted #CCC;
}
.post_special_list ul li:last-child {
margin-bottom:0;
}
.post_special_list_txt {
width: 70%;
}
.post_special_list_txt h4 {
margin:0.5em 0 0.5em;
font-size:14px;
font-size:0.875rem;
line-height:1.5;
font-weight:normal;
}
.post_special_list_txt h4 span {
display:block;
font-weight:bold;
}
.post_special_list_txt time {
font-size:12px;
font-size:0.75rem;
}
.txt_special_list {
width:44%;
}
.txt_special_list h3 {
line-height:1.5;
font-size:32px;
font-size:2rem;
margin:0.5em 0 0;
}
.txt_special_list h3 a {
color:#333;
text-decoration:none;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.txt_special_list h3 a:hover {
color:#666;
}
.txt_special_list span {
display: inline-block;
font-size:16px;
font-size:1rem;
font-weight:normal;
background:#b75b5b;
color:#FFF;
padding:0.5em 0.8em;
text-align:center;
letter-spacing:0.5em;
text-indent:0.5em;
}
.txt_special_list p {
line-height:1.8;
}
.arrow_link {
position: relative;
padding-left:1.5em;
}
.arrow_link:before {
content:"";
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/arrow-long.svg) 50% 50% no-repeat;
background-size: 16px;
font-family:"FontAwesome";
position:absolute;
top:0;
left:0;
font-size:16px;
font-size:1rem;
width:16px;
height:16px;
line-height:16px;
transition-duration:.2s;
}
.arrow_link:hover:before {
left:0.3em;
}
#Copy {
margin-bottom:0;
}
.b_top {
position: fixed;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
z-index: 4;
bottom: -10px;
right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 100px;
border-color: transparent transparent #1d508d transparent;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}
.b_top a {
position: fixed;
z-index: 5;
display: block;
width: 100px;
height: 100px;
bottom: -10px;
right: -10px;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}
.b_top:hover {
bottom: 0;
right: 0;
}
.pankuzu {
padding:1em 1.5em;
font-size:0.875rem;
font-size:14px;
border-bottom:1px solid #EEE;
}
.pankuzu strong {
font-weight:normal;
}
.three_column {
padding:0 2%;
}
.two_column {
padding:40px 4%;
}
.three_column .left_column, .three_column .right_column {
width:25%;
}
.three_column .left_column h2, .two_column .left_column h2 {
line-height:1.5;
color: #1f2e40;
}
.two_column .left_column li {
line-height: 1.5;
margin-bottom:0.5em;
}
.two_column .left_column {
width:30%;
}
.three_column .post_main {
width:40%;
}
.two_column .post_main {
width:66%;
}
.post_main img, .news_bottom_list .single_news_side_img img {
width:100%;
height:auto;
vertical-align:bottom;
}
.three_column > div {
padding:40px 0;
}
.post_main p:first-of-type {
margin-top:0;
}
.side_title {
border-top:3px solid #1f2e40;
padding:0.8em 0 0;
color:#1f2e40;
}
.side_title .jp {
font-weight:normal;
margin-left:0.5em;
display:inline-block;
font-size:0.9375rem;
font-size:15px;
color:#888;
font-family: Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.right_column .side_title:first-of-type {
margin-top:0;
}
.news_bottom_list, .post_share {
list-style:none;
margin:0;
padding:0;
}
.news_bottom_list li {
border-bottom:1px dotted #999;
padding:0 0 1em;
margin-bottom:1em;
}
.news_bottom_list .single_news_side_img {
display:block;
width:35%;
}
.side_prof_header div:first-of-type {
display:block;
width:100%;
margin-bottom:20px;
}
.news_bottom_list span {
display:block;
width:58%;
padding-right:2%;
line-height:1.5;
}
.side_prof_header div:last-of-type {
display:block;
width:100%;
line-height:1.5;
}
.side_prof_header div:last-of-type ul {
list-style:none;
margin:0;
padding:0;
}
.side_prof_header {
}
.side_prof_header img {
vertical-align:bottom;
}
.side_prof_header div:last-of-type ul li {
margin-right:5px;
margin-bottom:5px;
}
.side_prof_header div:last-of-type ul li a {
display:block;
width:36px;
height:36px;
text-align:center;
line-height:36px;
color:#FFF;
text-decoration:none;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.news_bottom_list span span {
padding:0.3em 0;
font-weight:bold;
}
.news_bottom_list span time {
display:block;
margin:0.25em 0;
}
.post_tag {
margin:20px 0;
padding:0;
list-style:none;
letter-spacing:-.4em;
}
.post_tag li {
display:inline-block;
letter-spacing:normal;
line-height:1.5;
margin-right:0.5em;
margin-bottom:0.5em;
}
.post_tag li a {
background:#3674b3;
display:block;
padding:0.5em;
color:#FFF;
text-decoration:none;
font-size:0.875rem;
font-size:14px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.post_tag li a:hover {
background:#95bde5;
}
.right_column li {
line-height:1.5;
margin-bottom:0.5em;
}
.post_left_cat a, .cat_list {
background:#bdbd71;
}
.fe_list {
background:#000;
color:#FFF;
display:inline-block;
padding:0.5em;
}
.arc_list {
background:#b75b5b;
}
.tag_list {
background:#718fbd;
}
.post_left_cat a, .cat_list, .arc_list, .tag_list {
display:inline-block;
text-decoration:none;
color:#FFF;
padding:0.5em;
font-size:0.875rem;
font-size:14px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.post_left_cat a:hover {
background:#d6d681;
}
.post_main p {
line-height:2;
}
.post_share {
margin:40px 0 0;
}
.post_share li {
width:16%;
margin:0 2%;
}
.post_share li a {
display:block;
font-size:0.75rem;
font-size:12px;
position:relative;
width:100%;
padding:20% 0;
text-align:center;
text-decoration:none;
color:#FFF;
border-radius: 3px; 
-webkit-border-radius: 3px;  
-moz-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.post_share li a:hover, .side_prof_header div:last-of-type ul li a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.s_fb a {
background:#284a95;
}
.s_tw a {
background:#10a5de;
}
.s_gl a {
background:#d04c3c;
}
.s_ht a {
background:#0f9be8;
}
.s_in a {
background:#ac34ae;
}
.s_ml a {
background:#34aea1;
}
.post_share li.s_fb a:before, .post_share li.s_tw a:before {
display:block;
font-size:1.5rem;
font-size:24px;
}
.post_share li.s_fb a:before {
content:"";
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/facebook.svg) 50% 50% no-repeat;
background-size: 20px;
}
.post_share li.s_tw a:before {
content:"";
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/twitter.svg) 50% 50% no-repeat;
background-size: 20px;
}
.post_share li.s_fb a:before, .post_share li.s_tw a:before {
height:48px;
line-height:48px;
}
.detail_nextprev {
position:relative;
}
.detail_nextprev i {
font-size:3rem;
font-size:48px;
}
.prev_post, .next_post {
color:#DDD;
}
.prev_post a, .next_post a {
color:#1f2e40;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
display:block;
position:absolute;
top:50%;
margin-top:-24px;
}
.prev_post a {
left:0;
}
.next_post a {
right:0;
}
.prev_post a:hover, .next_post a:hover {
color:#BBB;
}
.next_post a:hover {
right:-0.5em;
}
.prev_post a:hover {
left:-0.5em;
}
.list_box,.list_box2 {
margin:0;
padding:0;
list-style:none;
}
.list_box2 {
margin: 30px 0 0;
}
.list_box li {
background: #FFF;
margin-bottom:20px;
padding:3%;
}
.list_box2 > li {
background: #FFF;
display: table;
width: 100%;
margin-bottom: 30px;
box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
}
.list_box2 > li:last-child {
margin-bottom: 0;
}
.event_list_txt, .event_date, .event_list_img {
display: table-cell;
}
.list_box li .list_box_img {
width:25%;
}
.list_box li .list_box_txt {
width:72%;
line-height: 1.5;
}
.list_box li .list_box_txt span {
background:#000;
display:table-cell;
color:#FFF;
padding:0.4em 0.7em;
}
.event_date, .event_list_img {
width: 25%;
vertical-align: middle;
}
.event_list_img {
padding-top: 25%;
overflow: hidden;
position: relative;
}
.daruma_warabe {
display: inline-block;
color: #FFF;
font-weight: normal;
font-size: 14px;
font-size: 0.875rem;
vertical-align: middle;
padding: 0.4em 0;
width: 6em;
margin-right: 0.5em;
text-align: center;;
}
.daruma_icon {
background: #b75b5b;
}
.warabe_icon {
background: #b7b45b;
}
.warabe_icon:before {
border-color: #b7b45b transparent transparent transparent;
}
.event_date {
background: #FFF;
text-align: center;
vertical-align: middle;
color: #333;
position: relative;
}
.event_list_txt, .event_date {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.event_list_img img {
width: 120%;
height: auto;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -60% 0 0 -60%;
}
*::-ms-backdrop, .event_list_img img {
width: 120%;
height: auto;
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
}
.event_list_img a {
display: block;
width: 100%;
height:100%;
}
.event_list_txt {
width: 50%;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
}
.event_list_txt {
padding: 2% 3% 0 0;
}
.event_list_txt h3 {
font-size: 20px;
font-size: 1.25rem;
margin: 0.5em 0;
}
.event_list_txt h3 a {
color: #1f2e40;
text-decoration: none; 
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}
.event_list_txt h3 a:hover {
color: #666;
}
.event_list_txt ul {
list-style: none;
margin: 0;
padding: 0;
}
.event_list_txt ul li {
border-top: 1px dotted #CCC;
padding-top: 0.5em;
margin-bottom: 0.5em;
}
.event_list_txt ul li:last-child {
border-bottom: 1px dotted #CCC;
padding-bottom: 0.5em;
}
.event_date .year, .event_date .time, .event_date .month, .event_date .week {
display: block;
}
.event_date .year {
margin: 0 auto; 
}
.event_date .year em {
font-style: normal;
border-bottom: 2px solid #333;
display: inline-block;
padding: 0 0 0.3em;
letter-spacing: 0.1em;
text-indent: 0.1em;
font-weight:bold;
}
.event_date .time {
letter-spacing: 0.1em;
text-indent: 0.1em;
}
.event_date .month {
font-size: 48px;
font-size: 3rem;
margin: 0.15em 0 0.5em;
line-height: 1.3;
}
.event_date .week {
font-size: 14px;
font-size: 0.875rem;
display: block;
margin: 0 0.2em;
}
.s_txt {
font-size: 12px;
font-size: 0.75rem;
display: inline-block;
margin: 0 0.2em;
}
.cat_title,
.arc_title {
font-size: 40px;
font-size: 2.5rem;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
margin-top:0.5em;
}
.cat_title span, .arc_title span, .cat_title2 span {
display:block;
font-size:18px;
font-size:1.125rem;
position:relative;
padding:0 0 0 20px;
}
.cat_title2 span {
margin-bottom:1em;
}
.cat_title span, .cat_title2 span {
text-transform: capitalize;
}
.arc_title span {
font-family: Avenir, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Verdana, Roboto, 游ゴシック, 'Yu Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cat_title span:before, .arc_title span:before, .cat_title2 span:before {
position:absolute;
width:15px;
height:3px;
background:#1f2e40;
content:"";
top:50%;
left:0;
margin-top:-1px;
}
.PageNation {
padding: 20px 0 0;
}
.PageNation span {
color: #FFF;
border: 1px solid #1f2e40;
background-color:#1f2e40;
}
.PageNation a, .PageNation span {
margin-right: 5px;
padding: 8px 10px;
letter-spacing: normal;
vertical-align: middle;
display: inline-block;
position: relative;
font-size: 14px;
}
.PageNation a {
color: #1f2e40;
text-decoration: none;
border: 1px solid #1f2e40;
background-color: transparent;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.PageNation a:hover {
color: #FFF;
background-color:#1f2e40;
}
.header_feature {
background-color: #121212;
color:#FFF;
font-size:24px;
font-size:1.5rem;
}
.header_feature_in {
padding:2em 0;
text-align:center;
background-color:rgba(0,0,0,0.3);
}
#tax_fire {
background-image:url(https://gakyu.jp/k34thwbe/wp-content/uploads/12711320_885212051598643_4416625985069975638_o.jpg) ;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
}
#shimogamo-shrine {
background-image:url(https://gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/shimogamo-shrine.jpg) ;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
}
.header_feature h2 {
margin:0;
line-height:2;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:48px;
font-size:3rem;
}
.feature_list {
margin:0;
padding:40px 0 0;
list-style:none;
}
.feature_list li {
width:90%;
background-repeat:no-repeat;
background-size: cover;
background-position:50% 50%;
margin-bottom:1px;
position:relative;
margin:0 auto 40px;
}
.feature_list li:last-child {
margin: 0 auto 0;
}
.feature_list_in {
padding:4%;
background:rgba(0,0,0,0.3);
}
.feature_list_in h2 {
margin:0 0 1% 0;
color: #FFF;
line-height:1.25;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:40px;
font-size:2.5rem;
width:50%;
}
.feature_list_in h2 a {
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.feature_list_in h2 a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.feature_list_in h2 span {
display:inline-block;
font-weight:normal;
font-size:18px;
font-size:1.125rem;
margin-bottom:1.5em;
font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
padding:0.5em 0.7em;
}
.feature_list_in p {
margin:0 0 1% 0;
color:#EEE;
width:50%;
line-height:1.8;
text-align: justify;
text-justify: inter-ideograph;
}
.feature_list_in .btn {
margin:30px 0 1% 0;
font-size:18px;
font-size:1.125rem;
}
.feature_list_in .btn a {
display:inline-block;
position:relative;
padding-left:32px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.feature_list_in .btn a:before {
position:absolute;
content:"";
width:24px;
height:3px;
background:#FFF;
top:50%;
left:0;
margin-top:-1px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.feature_list_in .btn a:after {
top:50%;
right:100%;
position:absolute;
content:"";
width: 0;
height: 0;
margin-top:-6px;
border-style: solid;
border-width: 7px 0 7px 9px;
border-color: transparent transparent transparent #ffffff;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.feature_list_in .btn a:hover {
padding-left:0;
padding-right:8px;
}
.feature_list_in .btn a:hover:before {
left: 100%;
}
.feature_list_in .btn a:hover:after {
right:-32px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.feature_list_in a {
color: #FFF;
text-decoration:none;
}
.feature_list li:nth-child(even) .feature_list_in h2,
.feature_list li:nth-child(even) .feature_list_in p,
.feature_list li:nth-child(even) .feature_list_in .btn {
margin-left:50%;
}
.sankaku a {
display:block;
position:absolute;
right:0;
bottom:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 200px 200px;
border-color: transparent transparent #ffffff transparent;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.feature_list li:nth-child(even) .sankaku a {
left:0;
border-width: 200px 0 0 200px;
border-color: transparent transparent transparent #ffffff;
}
.sankaku a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.tax_left h3:first-of-type {
margin-top:0;
}
.sub_title {
font-size:16px;
font-size:1rem;
font-weight:normal;
line-height:1.5;
position:relative;
padding: 0 0 0 20px;
margin-bottom:1.5em;
}
.sub_title:before {
position: absolute;
width: 15px;
height: 3px;
background: #1f2e40;
content: "";
top: 0;
left: 0;
margin-top: 8px;
color:#1f2e40;
}
.side_prof p {
line-height:1.8;
margin-bottom:1em;
text-align: justify;
text-justify: inter-ideograph;
}
.side_prof img {
width:100%;
height:auto;
}
.side_prof h3 {
font-size:18px;
font-size:1.25rem;
line-height:1.5;
margin-bottom:0.5em;
margin-top:0;
}
.side_prof h3 span {
font-weight:normal;
display:block;
font-size:14px;
font-size:0.875rem;
color:#999;
}
.side_b_link {
list-style:none;
margin:0 0 20px;
padding:0;
}
.side_b_link li {
line-height:1.5;
border-bottom:1px dotted #999;
padding-bottom:0.5em;
margin-bottom:0.5em;
}
.side_b_link li a:before, .more_link a:before {
content:"\003e";
margin-right:0.5em;
}
.prof_more {
margin-bottom:20px;
position:relative;
}
.prof_more dd {
margin:0;
padding:0;
}
.prof_more dl {
margin:0;
padding:0;
}
.prof_more dl dt {
font-weight:bold;
margin-bottom:1em;
font-size:20px;
font-size: 1.25rem;
}
.prof_more dd dt, .prof_more dd dd {
line-height:1.5;
}
.prof_more dd dt {
font-weight: normal;
float:left;
clear:both;
width:7em;
padding:0.5em 0 0.5em 0;
margin-bottom:0;
font-size:16px;
font-size: 1rem;
}
.prof_more dd dd {
padding:0.5em 0 0.5em 8em;
border-top:1px dotted #999;
}
.prof_more dd dd span {
display:block;
}
.prof_more dd dd span:before {
font-family:"FontAwesome";
content:"\f178";
margin-right:0.25em;
}
.prof_more_bt {
border:1px solid #999;
padding:1em;
color:#999;
cursor:pointer;
position:relative;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.prof_more_bt:hover {
color:#454545;
border:1px solid #454545;
}
.prof_more_bt + dl {
padding:1.5em 0 0 ;
display:none;
}
.prof_more_bt:after {
font-family:'FontAwesome';
content:"-";
position:absolute;
right:0.6em;
top:50%;
font-size:24px;
font-size:1.5rem;
margin-top:-12px;
}
.prof_more_bt.active:after {
content:"\f107";
}
.prof_more_bt:hover:after {
content:"\f107";
}
.part {
font-size:20px;
font-size:1.25rem;
}
.form dl dd {
margin:0;
padding:0;
}
.form dl dt {
width:35%;
float:left;
clear:both;
font-weight:bold;
padding:1em 3% 1em 0;
text-align:right;
}
.form dl > dd > dl > dt {
clear: none;
}
.form dl > dd > dl {
margin: 0;
}
.daruma_add .form dl dt {
text-align:left;
}
.must {
color:#b75b5b;
font-size:24px;
font-size:1.5rem;
}
.form dl dd {
padding:1em 0 1em 38%;
}
.daruma_add .form dl dd {
padding:1em 0 1em 38%;
border-top: 1px dotted #CCC;
}
.form dl dd input[type="text"],.form dl dd input[type="tel"] , .form dl dd input[type="email"], .form dl dd textarea {
width:99%;
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:2%;
}
.form dl dd select {
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding:2%;
margin-bottom: 10px;
}
.submit, .acceptance {
margin-left:38%;
}
.submit input {
display:block;
width:200px;
padding:1em;
border:1px solid #CCC;
background:#DDD;
}
.submit input:disabled {
background:#EEE;
color:#CCC;
border:1px solid #DDD;
cursor:no-drop;
}
.side_contact h3 {
font-size:32px;
font-size:2rem;
margin:0 0 0.2em;
}
.side_contact .txt {
line-height:1.5;
}
.side_contact h3 + p {
font-size:14px;
font-size:0.875rem;
margin:0;
}
.eto_title {
font-size: 1.125rem;
}
.side_contact h4 {
margin-top:2em;
font-size: 18px;
font-size: 1.125rem;
}
.side_contact h4.faq_title {
position:relative;
padding-left:20px;
}
.side_contact h4.faq_title .ja {
font-weight:normal;
font-size:16px;
font-size:1rem;
margin-left:0.5em;
color:#999;
}
.side_contact h4.faq_title:before {
content:"";
width:15px;
height:3px;
background:#333;
position:absolute;
top: 50%;
left: 0;
margin-top: -1px;
}
.faq dt, .faq dd {
line-height:1.8;
}
.faq dt {
color: #3674b3;
text-decoration: underline;
border-top:1px dotted #999;
padding:0.5em 0 0.5em 20px;
cursor:pointer;
position:relative;
}
.faq dt:before {
content: "";
width: 15px;
height: 1px;
background: #3674b3;
position: absolute;
top: 1.25em;
left: 0;
}
.faq dt.active:before, .faq dt:hover:before {
content: "";
width: 10px;
height: 10px;
background: #3674b3;
top: 1em;
left: 0;
}
.faq dt.active {
text-decoration: none;
}
.faq dt:hover {
text-decoration:none;
}
.faq dd {
margin:0;
padding:0.5em 20px 1em;
display:none;
}
div.wpcf7 img.ajax-loader {
vertical-align: middle !important;
outline: none !important;
display: block;
width: 32px !important;
height: 32px !important;
margin: 15px 84px 0 !important;
background-image: url(http://gakyu.jp/website/wp-content/themes/gakyu/img/ajax-loader.gif)!important;
}
.wpcf7-response-output {
padding:1em !important;
line-height:1.5 !important;
margin: 0 !important;
border:none !important;
}
div.wpcf7-mail-sent-ok {
background:#96fbfc !important;
}
div.wpcf7-mail-sent-ng {
background:#ffff00 !important;
}
div.wpcf7-spam-blocked {
background:#ffff00 !important;
}
div.wpcf7-validation-errors {
background:#ffff00 !important;
}
div.wpcf7-response-output {
margin-left: 38% !important;
}
span.wpcf7-not-valid-tip {
color: #b75b5b !important;
padding:0.5em 0 0 !important;
}
span.wpcf7-not-valid-tip:before, div.wpcf7-validation-errors:before, div.wpcf7-spam-blocked:before, div.wpcf7-mail-sent-ng:before {
content:"\f071";
font-family:"FontAwesome";
margin-right:0.5em;
}
div.wpcf7-mail-sent-ok:before {
content:"\f058";
font-family:"FontAwesome";
margin-right:0.5em
}
.butuzo_img {
width:100%;
}
.butuzo_img h2 {
line-height:1.5;
}
.butuzo_01 {
width:40%;
padding:47.4% 5% 3% 55%;
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo01.jpg) 50% 0 no-repeat;
background-size:contain;
position:relative;
}
.ihai_01 {
width:40%;
padding:47.4% 5% 3% 55%;
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai01.jpg) 50% 0 no-repeat;
background-size:contain;
position:relative;
}
.butuzo_01 .butuzo_01_img01 {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo06.png) 50% 0 no-repeat;
background-size: contain;
width:40%;
height:90%;
position:absolute;
bottom:5%;
left:5%;
}
.ihai_01 .ihai_01_img01 {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai07.png) 50% 0 no-repeat;
background-size: contain;
width:40%;
height:90%;
position:absolute;
bottom:5%;
left:5%;
}
.butuzo_01 .butuzo_01_img02 {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/mon.png) 50% 100% no-repeat;
background-size: contain;
width:5%;
height:16%;
position:absolute;
bottom:-40px;
right:52%;
}
.ihai_01 .ihai_01_img02 {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/mon.png) 50% 100% no-repeat;
background-size: contain;
width:5%;
height:16%;
position:absolute;
bottom:-40px;
right:52%;
}
.butuzo_01 .butuzo_01_img03 {
position:absolute;
bottom:0;
left:20px;
height: 18em;
margin-left: 1.5em;
-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
}
.ihai_01 .ihai_01_img03 {
position:absolute;
bottom:0;
left:20px;
height: 18em;
margin-left: 1.5em;
-ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
}
.ihai_01 .ihai_01_img04 {
position:absolute;
bottom:50%;
right:5%;
height: auto;
width:50%;
color:#FFF;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size:48px;
font-size:3rem;
text-align:right;
line-height:0.8;
}
.ihai_01 .ihai_01_img04 span {
font-size:18px;
font-size:1.125rem;
font-weight:normal;
}
.sumi, .sumi2 {
width:50%;
height: 72%;
position:absolute;
top:10%;
left:0;
z-index:0;
}
.sumi {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/sumi.png) 0 0 no-repeat;
background-size: contain;
}
.sumi2 {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/sumi2.png) 0 0 no-repeat;
background-size: contain;
}
.butuzo_01 .butuzo_01_img04 {
position:absolute;
bottom:50%;
right:5%;
height: auto;
width:50%;
color:#FFF;
font-size:48px;
font-size:3rem;
text-align:right;
line-height:0.8;
}
.butuzo_01 .butuzo_01_img04 span {
font-size:18px;
font-size:1.125rem;
font-weight:normal;
}
.butuzo_02 {
padding:0 50% 0 0;
background:#FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo02.jpg) 100% 50% no-repeat;
background-size: 50%;
}
.butuzo_05 {
padding:0 50% 0 0;
background:#FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo09.jpg) 100% 50% no-repeat;
background-size: 50%;
position: relative;
}
.ihai_02 {
padding:0 50% 0 0;
background:#FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai06.jpg) 100% 50% no-repeat;
background-size: 50%;
}
.repair {
padding: 5px 0 1px;
background: #FFF; 
}
.butuzo_03, .ihai_03 {
background:#FFF;	
}
.butuzo_03 ul, .butuzo_03 ul li, .butuzo_03 div.butuzo_03_in,
.ihai_03 ul, .ihai_03 ul li, .ihai_03 div.ihai_03_in{
margin:0;
padding:0;
width:50%;
list-style:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.daruma3 + ul, .daruma3 + ul li {
margin:0;
padding:0;	
}
.daruma3 + ul li {
width:48%;
list-style:none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.daruma3 + ul li p {
text-align: center;
padding-top: 0.5em;
}
.daruma_add {
background: #FFF;
padding: 5% !important;
margin-top: 30px;
-webkit-border-radius:10px;
-moz-border-radius:10px; 
border-radius:10px;
}
.form_title, .form_txt {
text-align: center;
}
.form_title {
font-size: 24px;
font-size: 1.5rem;
}
.form_title span {
display: block;
font-size: 18px;
font-size: 1.125rem;
width: 5em;
margin: 0 auto 1em;
position: relative;
}
.form_title span:before {
width: 40px;
height: 3px;
content: "";
position: absolute;
top: -20px;
left: 50%;
margin-left: -20px;
background: #1f2e40;
}
.daruma_txt {
width: 30%;
}
.daruma_form {
width: 70%;
}
.daruma_wel {
width: 80%;
margin: 60px auto;
}
.gakyu_prof {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/gakyu.jpg) 50% 50% no-repeat;
background-size: cover;
padding-top: 30%;
width: 30%;
margin: 30px auto 60px;
text-align: center;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
position: relative;
}
.gakyu_prof span {
display: block;
position: absolute;
bottom: -2em;
left: 0;
text-align: center;
width: 100%;
}
.butuzo_03 ul li:last-child {
padding-top:33.33%;
position:relative;
overflow:hidden;
}
.butuzo_03 img, .ihai_03 img {
width:100%;
height:auto;
vertical-align:top;
}
.butuzo_03 video {
width:120%;
height: auto;
display:block;
position:absolute;
top:0;
left:0;
}
.butuzo_03 div.butuzo_03_in, .butuzo_04 .butuzo_04_in,
.ihai_03 div.ihai_03_in, .ihai_04 .ihai_04_in {
padding:3% 5%;
}
.butuzo_04 .butuzo_04_in, .ihai_04 .ihai_04_in {
text-align:center;
position:relative;
z-index:1;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img01,
.ihai_04 .ihai_04_in .ihai_04_in_img01 {
position: absolute;
bottom:30px;
z-index:-1;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img01 {
width:20%;
right:5%;
}
.ihai_04 .ihai_04_in .ihai_04_in_img01 {
width:17%;
right:7%;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img02,
.ihai_04 .ihai_04_in .ihai_04_in_img02 {
position: absolute;
top: 30px;
right: 20px;
height: 18em;
margin-left: 1.5em;
writing-mode: tb-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
text-align:left;
}
.ie9 .butuzo_04 .butuzo_04_in .butuzo_04_in_img02,
.ie9 .ihai_04 .ihai_04_in .ihai_04_in_img02 {
display: none !important;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img03,
.ihai_04 .ihai_04_in .ihai_04_in_img03 {
position: absolute;
z-index:-1;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img03,
.ihai_04 .ihai_04_in .ihai_04_in_img03 {
width:28%;
bottom:0;
left:0;
}
.ihai_04 .ihai_04_in .ihai_04_in_img03 {
width:18.5%;
bottom:30px;
left:7%;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img04,
.ihai_04 .ihai_04_in .ihai_04_in_img04 {
position: absolute;
top: 30px;
left: 20px;
height: 18em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
text-align:left;
}
.ie9 .butuzo_04 .butuzo_04_in .butuzo_04_in_img04,
.ie9 .ihai_04 .ihai_04_in .ihai_04_in_img04 {
display: none !important;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img01 img, .butuzo_04 .butuzo_04_in .butuzo_04_in_img03 img,
.ihai_04 .ihai_04_in .ihai_04_in_img01 img, .ihai_04 .ihai_04_in .ihai_04_in_img03 img {
width:100%;
height:auto;
}
.butuzo_04 ul, .ihai_04 ul{
list-style:none;
background:#FFF;
margin:0 0 0;
padding:0;
}
.butuzo_04 ul li, .ihai_04 ul li {
width:33.3%;
}
.butuzo_04 ul li div:first-of-type, .ihai_04 ul li div:first-of-type {
width:40%;
background:#FFF;
}
.butuzo_04 ul li div:first-of-type a, .ihai_04 ul li div:first-of-type a {
display: block;
width:100%;
height:100%;
position:relative;
overflow:hidden;
z-index: 5;
background: #000;
}
.butuzo_04 ul li div:first-of-type a img, .ihai_04 ul li div:first-of-type a img {
display:block;
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .butuzo_04 ul li div:first-of-type a img, .ihai_04 ul li div:first-of-type a img {
display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-50%;
margin-left:-50%;
z-index: 5;
} }
.butuzo_04 ul li div:last-of-type, .ihai_04 ul li div:last-of-type {
padding:2% 5% 5%;
width:50%;
}
.butuzo_04 ul li div:last-of-type h3, .ihai_04 ul li div:last-of-type h3 {
margin-bottom:0.5em;
}
.butuzo_04 ul li div h3 a, .ihai_04 ul li div h3 a {
text-decoration:none;
color:#333;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
}
.butuzo_04 ul li div h3 a:hover, .ihai_04 ul li div h3 a:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.butuzo_04 ul li div h3 a:before, .ihai_04 ul li div h3 a:before {
content:"\003e";
margin-right:0.5em;
}
.butuzo_04 ul li div:last-of-type p, .ihai_04 ul li div:last-of-type p {
margin:0;
line-height:1.5;
}
.butuzo_04 ul li img, .ihai_04 ul li img {
vertical-align:bottom;
}
.daruma {
background:#DDD url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/bg_daruma.png) 50% 50% ;
padding:3% 0;
text-align:center;
}
.daruma2 {
background:#000 url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/bg_daruma.jpg) 50% 50% no-repeat;
background-size:cover;
padding:3% 5%;
color: #FFF;
margin-bottom: 20px;
}
.daruma2 + div {
margin-bottom: 80px;
}
.daruma2 + div .slick-dots {
margin-bottom: 0;
}
.daruma2 + div .slick-slide {
background: transparent !important;
}
.daruma2 + div a {
text-decoration: none; 
}
.daruma2 ol {
padding-left: 48%;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
margin-bottom: 0;
}
.daruma2 ol li {
font-size: 20px;
font-size: 1.25rem;
margin-left: 2em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.daruma2 ol li p {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.5em;
}
.daruma3 {
width: 80%;
margin: 40px auto;
}
.daruma3 h2 {
text-align: center;
}
.daruma3 h2 span {
position: relative;
display: inline-block;
padding: 0 30px;
}
.daruma3 h2 span:before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 1px;
height: 50px;
background: #333;
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.daruma3 h2 span:after {
content: "";
position: absolute;
top: -10px;
right: 0;
width: 1px;
height: 50px;
background: #333;
-moz-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.daruma p, .daruma2 p {
margin-bottom:2em;
line-height: 1.8;
}
.darumasan {
margin:0 5%;
padding:0;
list-style:none;
}
.darumasan li {
width: 15%;
background-size: cover;
margin: 0 auto;
animation-name: tossing;
-webkit-animation-name: tossing;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center bottom;
position:relative;
}
.darumasan img {
width:100%;
height:auto;
position:relative;
z-index:1;
}
.darumasan span.shadow {
display:block;
position:absolute;
bottom:-5px;
left:15%;
background:#333;
animation-name: tossing2;
-webkit-animation-name: tossing2;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center bottom;
width:70%;
height:10%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
box-shadow: 
inset 0 0 20px #DDD,
inset 0 0 20px #DDD,
inset 0 0 20px #DDD,
inset 0 0 20px #DDD;
}
@-webkit-keyframes tossing{
0% {
transform: rotate(-4deg);
}
50% {
transform: rotate(4deg);
}
100% {
transform: rotate(-4deg);
}
}
@-webkit-keyframes tossing2{
0% {
transform: rotate(4deg) translateX(-7px);
}
50% {
transform: rotate(-4deg) translateX(7px);
}
100% {
transform: rotate(4deg) translateX(-7px);
}
}
.daruma h2, .daruma2 h2 {
position:relative;
font-size:36px;
font-size:2rem;
}
.daruma2 h2 {
text-align: center;
}
.daruma h2 span {
position:relative;
display:inline-block;
}
.daruma h2 span:before {
content:"";
width:90px;
height:90px;
color:#FFF;
top:-45px;
left:-100px;
background:#9a95d5 url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ok.png) 50% 50% no-repeat;
background-size:90%;
justify-content: center;
align-items: center;
display:block;
position:absolute;
font-size:16px;
font-size:0.875rem;
border-radius: 50%; 
-webkit-border-radius: 50%;  
-moz-border-radius: 50%; 
-ms-border-radius: 50%; 
-o-border-radius: 50%;
-moz-transform: rotate(-14deg);
-webkit-transform: rotate(-14deg);
-o-transform: rotate(-14deg);
-ms-transform: rotate(-14deg);
transform: rotate(-14deg);
}
.daruma h2 span:after {
content:"";
display:block;
top:34px;
left:-55px;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color: #9a95d5 transparent transparent transparent;
-moz-transform: rotate(-14deg);
-webkit-transform: rotate(-14deg);
-o-transform: rotate(-14deg);
-ms-transform: rotate(-14deg);
transform: rotate(-14deg);
}
.daruma h2 em, .daruma2 h2 em, .butuzo_04 em, .ihai_04 em {
text-align:center;
font-weight:normal;
font-size:18px;
font-size:1.125rem;
display:block;
margin-bottom:1.25em;
position:relative;
z-index:1;
letter-spacing:0.1em;
text-indent:0.1em;
color:#212121;
font-style:normal;
}
.daruma h2 em i, .butuzo_04 em i, .ihai_04 em i {
padding:0.5em;
border-top:2px double #212121;
border-bottom:2px double #212121;
display:inline-block;
font-style:normal;
}
.daruma2 h2 em i {
padding:0.5em;
border-top:2px double #FFF;
border-bottom:2px double #FFF;
color: #FFF;
display:inline-block;
font-style:normal;
}
.butuzo_04 em, .ihai_04 em {
letter-spacing: normal;
text-indent: inherit;
}
.butuzo_04 em i, .ihai_04 em i {
border-top:none;
font-weight:bold;
padding:0.5em 0;
border-bottom:3px solid #212121;
}
.daruma h3 {
text-align:center;
}
.en_title {
display:block;
font-size:18px;
font-size:1.125rem;
margin-bottom:1em;
position:relative;
padding-left:23px;
color:#212121;
}
.en_title:before {
position:absolute;
top:50%;
left:0;
margin-top:-2px;
content:"";
width:18px;
height:3px;
background:#212121;
}
.bt_detail_s {
margin-top:1em !important;
}
.sk-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
} 
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0; 
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1; 
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0; 
}
}
.loadingWrap {
width: 100%;
height: 100%;
background: #DDD;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.loadingWrap_box {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0 0 -20px;
}
.post_contact {
border:3px solid #1f2e40;
text-align:center;
padding:1em;
margin:40px 0 0;
border-radius: 5px; 
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-ms-border-radius: 5px; 
-o-border-radius: 5px; 
}
.post_contact h3 {
font-weight:normal;
font-size:16px;
font-size:1rem;
}
.post_contact h4 {
font-size:40px;
font-size:2.5rem;
margin:0 0 0.2em;
}
.post_contact h5 {
font-size:20px;
font-size:1.25rem;
margin:0 0 0.5em;
font-weight:normal;
}
.post_contact p {
line-height:2.5em;
}
#gmap {
position: relative;
width: 100%;
padding-bottom: 47.4%;
padding-top: 30px;
height: 0;
overflow: hidden;
z-index: 0;
}
#gmap iframe, #gmapp object, #gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#map-canvas {
position: absolute;
top: 0;
left: 0;
width: 100% ;
height: 100% ;
}
.event_none {
pointer-events: none;
}
.maptext {
line-height:1.5;
}
.contact_tel {
border:3px solid #454545;
padding:1em;
text-align:center;
}
.bt_map {
position:absolute;
width:200px;
height:50px;
line-height:50px;
white-space:nowrap;
text-align:center;
bottom:12%;
left:50%;
margin:0 0 0 -100px;
background:rgba(31,46,64,0.75);
z-index:1;
color:#FFF;
cursor:pointer;
border-radius: 3px; 
-webkit-border-radius: 3px;  
-moz-border-radius: 3px; 
-ms-border-radius: 3px; 
-o-border-radius: 3px;
transition-duration:.3s;
-moz-transition-duration:.3s;
-webkit-transition-duration:.3s;
-o-transition-duration:.3s;
-ms-transition-duration:.3s;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
.bt_map:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.bt_g-map {
width:95%;
text-align:right;
position:absolute;
bottom:0;
left:0;
line-height:0;
}
.bt_g-map a {
background:#FFF;
display:inline-block;
padding:1em 1.5em;
}
.data, .data_order {
width:90%;
margin:0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding:40px 5% ;
}
.data {
background:#FFF;	
}
.butuzo_04.post_main ul {
background: #F6F6F6 !important;
}
.left_data {
width:35%;
}
.left_data h2 {
margin-top:0;
line-height: 1.5;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.left_data p {
line-height:1.8;
text-align: justify;
text-justify: inter-ideograph;
margin-bottom:2em;
}
.data dl.data_list {
margin:0;
padding:0;
width:60%;
line-height:1.8;
}
.data dl.data_list ul {
margin:0;
padding:0;
list-style:none;
}
.data dl.data_list dl {
margin:0;
padding:0;
width:100%;
}
.data dl.data_list > dd {
border-top:1px dotted #CCC;
}
.data dl.data_list > dt {
width:8em;
float:left;
clear:both;
margin:0 -5em 0 0;
padding:1em 1em 1em 0;
font-weight:bold;
}
.data dl.data_list > dd {
padding:1em 0 1em 9em;
margin:0;
}
.data dl.data_list dl dt, .data dl.data_list dl dd {
margin:0;
}
.data dl.data_list dl dt {
width:100%;
font-weight: bold;
border-top: 1px dotted #CCC;
margin-top: 1em;
padding-top: 1em;
}
.data dl.data_list dl dt:first-of-type {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.data dl.data_list dl dd span {
display: inline-block;
}
.data dl.data_list dl dd span:nth-of-type(1) {
width: 7em;
margin-right: 1em;
}
.data dl.data_list dl dd span:nth-of-type(2) {
width: 5em;
margin-right: 1em;
}
.left_data .list4 li {
padding-bottom: 0 !important;
margin: 0 !important;
}
.side_news {
margin:0;
padding:0;
list-style:none;
}
.side_news li {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
margin-bottom:1em;
}
.side_news a.s_news_img {
display:block;
width:22%;
}
.side_news a.s_news_img img {
width:100%;
height:auto;
vertical-align:bottom;
}
.side_news div {
width:73%;
padding:0.5em 0 0;
}
.side_news li h4 {
margin-top:0.3em;
line-height:1.5;
font-weight:normal;
}
.side_news li h4 a {
}
.more_link {
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
padding:1em 0;
}
.new_txt {
font-weight:bold;
color:#b75b5b;
font-style:normal;
}
.works_column {
padding:20px 0 0;
}
.works_column h2, .daruma_column h2 {
text-align:center;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
line-height:1.5;
font-size:32px;
font-size:2rem;
margin-top:0;
}
.works_column h2 span, .daruma_column h2 span {
display:block;
text-align:center;
font-size:14px;
font-size:0.875rem;
color:#999;
font-weight:normal;
font-family: "proxima_nova_rgregular";
letter-spacing: 0.1em;
text-indent: 0.1em;
}
.works_column h3, .daruma_column h3 {
text-align:center;
}
.works_nextprev i {
width: 60px;
height: 60px;
display: block;
}
.angle-left {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/up_black.svg) 50% 5% no-repeat;
background-size: 60px;
transform:rotate(-90deg); 
}
.angle-right {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/up_black.svg) 50% 5% no-repeat;
background-size: 60px;
transform:rotate(90deg); 
}
.works_nextprev .next_post .nolink, .works_nextprev .prev_post .nolink {
display: block;
position: absolute;
top: 50%;
}
.works_nextprev .next_post a, .works_nextprev .next_post .nolink {
right: 40px;
}
.works_nextprev .prev_post a, .works_nextprev .prev_post .nolink {
left: 40px;
}
.works_nextprev .next_post a:hover {
right: 30px;
}
.works_nextprev .prev_post a:hover {
left: 30px;
}
.works_nextprev .prev_post a, .works_nextprev .next_post a, .works_nextprev .next_post .nolink, .works_nextprev .prev_post .nolink {
margin-top: -60px;
}
.slick_box {
text-align:center;
list-style:none;
padding:0;
margin:0;
}
.slick-slide {
}
.works_size, .works_dis {
text-align:center;
}
.works_dis {
}
.works_text, .works_size, .slick_box {
width:800px;
margin:0 auto;
}
.lazy-item.daruma_box {
padding: 40px 0 0;
}
.lazy-item.daruma_box img {
width: auto;
height: 533px;
margin: 0 auto;
}
.lazy-item2.daruma_box img {
width: 100%;
height: auto;
margin: 0 auto;
}
.daruma_box .slick-list {
margin:-19px auto 0;
}
.works_text p, .daruma_text p {
line-height:1.8;
}
.works_img, .daruma_img {
position:relative;
}
.works_img {
margin: 0 0 40px;
}
.slick-dots li button {
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.works_img img {
vertical-align:bottom;
display:block;
width: auto !important;
height:533px !important;
margin:0 auto;
}
.works_img .flexslider, .works_slick {
width: 800px;
margin: 0 auto;
}
.works_slick .slick-dots li button {
text-indent:0;
}
.works_column section {
padding:20px 0 60px;
}
.daruma_column section {
padding:40px 0 0;
}
blockquote {
margin: 0;
padding: 0;
}
.daruma_history {
margin-bottom: 60px;
}
.daruma_history a, .daruma_history .pre {
text-decoration: none;
color: #999;
text-align: right;
}
.daruma_data {
margin: 0 0 60px;
padding: 0;
line-height: 1.8;
border-bottom: 1px solid #CCC;
}
.daruma_data a {
text-decoration: none;
color: #3674b3;
}
.daruma_data a:hover {
color: #CCC;
}
.daruma_data dt, .daruma_data dd {
margin: 0;
}
.daruma_data dt {
float: left;
clear: both;
width: 26%;
font-weight: bold;
padding: 1em 2%;
}
.daruma_data dd {
border-top: 1px solid #CCC;
padding: 1em 2% 1em 30%;
}
.daruma_sns a {
margin-right: 1em;
display: inline-block;;
}
.daruma_temple {
width: 200px;
height: 200px;
position: fixed;
bottom: 40px;
right: 40px;
background: #000;
color: #FFF;
z-index: 3;
display: -webkit-flex;
display: flex;
}
.daruma_temple a {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 0 auto;
line-height: 1.5;
text-align: center;
text-decoration: none;
color: #FFF;
}
.works_sns {
list-style:none;
margin:0;
padding:0;
text-align:center;
letter-spacing:-.40em;
}
.works_sns li {
letter-spacing:normal;
margin:0 5px;
vertical-align:top;
display:inline-block;
/display:inline;
/zoom: 1;
font-size:18px;
font-size:1.125rem;
}
.works_sns li a {
color:#FFF;
text-decoration:none;
display:block;
width: 50px;
height: 50px;
line-height: 50px;
}
.works_fb a {
background: #284a95;
}
.works_tw a {
background: #10a5de;
}
.works_gl a {
background: #d04c3c;
}
.ajax_none {
display:none;
}
.ajax_none + ul {
margin:0;
padding:0;
list-style:none;
text-align:center;
letter-spacing:-.40em;
}
.ajax_none + ul li {
letter-spacing:normal;
margin:0;
vertical-align:top;
display:inline-block;
/display:inline;
/zoom: 1;
border-left:1px solid #CCC;
padding:0 1em;
}
.ajax_none + ul li:last-child, .works_tag a:last-of-type {
border-right:1px solid #CCC;
}
.ajax_none + ul li a, .works_tag a {
color:#999;
text-decoration:none;
}
.ajax_none + ul li a:hover, .works_tag a:hover {
color:#454545;
}
.works_tag {
text-align:center;
}
.works_tag a {
display:inline-block;
text-decoration:none;
padding:0 1em;
border-left:1px solid #CCC;
}
#loading {
display:block;
margin:20px auto;
}
.works-list {
background:#EEE;
}
.bt_kanren {
width:100px;
height:100px;
position:relative;
margin:0 auto;
text-align:center;
vertical-align:top;
cursor:pointer;
}
.bt_kanren:before {
content:"";
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/up_black.svg) 50% 50% no-repeat;
background-size: 60px; 
width:100px;
height: 100px;
position:absolute;
left:0;
top:-20px;
transition-duration:.3s;
}
.bt_kanren:hover:before {
top:-30px;
color:#BBB;
}
.works_kanren {
display:none;
}
.order_ex_content {
width:60%;
}
.order_ex_head {
position:relative;
padding-top:66.66%;
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_01.jpg) 0 0 no-repeat;
background-size:contain;
margin-bottom:30px;
}
.order_ex_head h2 {
position:absolute;
top:10%;
right:1.8em;
margin-left: 1.5em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
line-height: 1.8;
font-size:40px;
font-size:2.5rem;
font-family: "Roboto Slab", Garamond, "Times New Roman", 游明朝, "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
letter-spacing:0.25em;
}
.order_ex_head h2 rt {
font-size:16px;
font-size:1rem;
}
.order_ex_head p {
margin-left: 1.5em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
position:absolute;
top:10%;
right:3em;
}
.order_ex_read {
width: 80%;
margin:0 auto 60px;
}
.order_ex_read h2 {
line-height:1.5;
}
.order_ex_read p {
line-height:1.8;
}
.order_ex_flow {
margin:0 auto;
padding:0;
list-style:none;
line-height: 1.8;
width: 80%;
}
.order_ex_flow + .post_contact {
width: 76%;
margin: 0 auto; 
}
.order_ex_flow li {
background-color:#FFF;
margin-bottom:40px;
padding:66.66% 40px 20px;
background-position:0 0;
background-repeat:no-repeat;
background-size:contain;
position:relative;
border-radius: 5px; 
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-ms-border-radius: 5px; 
-o-border-radius: 5px;
box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.3);
}
.order_ex_flow li:after {
content:"";
position:absolute;
left:50%;
bottom:-25px;
margin-left:-30px;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 30px 0 30px;
border-color: #212121 transparent transparent transparent;
}
.order_ex_flow li p {
margin-top:0.5em;
}
.order_ex_flow li:nth-child(1){
background-image:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_02.jpg);
}
.order_ex_flow li:nth-child(2){
background-image:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_04.jpg);
}
.order_ex_flow li:nth-child(3){
background-image:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_03.jpg);
}
.order_ex_flow li:nth-child(4){
background-image:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_05.jpg);
}
.order_ex_flow li h3 {
margin-bottom:0;
margin-top:0;
padding-top:1.25em;
position:relative;
}
.order_ex_flow li h3:before {
content:"";
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 120px 0 0 120px;
border-color: transparent transparent transparent #212121;
top:-120px;
left:-40px;
}
.order_ex_flow li h3:after {
position:absolute;
top:-96px;
left:0;
color:#FFF;
width:96px;
height:96px;
line-height: 96px;
white-space:nowrap;
font-size:96px;
font-style: italic;
text-shadow: 0 0 20px rgba(0,0,0,.4);
}
.order_ex_flow li:nth-child(1) h3:after {
content:"1";
}
.order_ex_flow li:nth-child(2) h3:after {
content:"2";
}
.order_ex_flow li:nth-child(3) h3:after {
content:"3";
}
.order_ex_flow li:nth-child(4) h3:after {
content:"4";
}
.order_ex_read + h3 {
text-align:center;
}
.order_ex_read + h3 {
color:#999;
font-weight:normal;
font-size:16px;
font-size:1rem;
margin:2em 0;
}
.order_ex_read + h3 span {
display:block;
color:#454545;
font-size:24px;
font-size:1.5rem;
width:5em;
border-bottom:3px solid #454545;
border-top:3px solid #454545;
margin:0 auto 0.5em;
padding:0.2em 0;
text-align:center;
font-weight:bold;
}
.left_order .flexbox-it_center {
-webkit-align-items: flex-start;
align-items: flex-start;
}
.left_order .flexbox-it_center div:last-of-type {
padding-top:1em;
}
.txt {
line-height:1.8;
}
.list_none {
text-align:center;
margin:2em 0 !important;
line-height:1.8;
}
.attention, .attention2 {
color: #b75b5b;
}
.attention2 {
margin-bottom: 40px;
text-align: center;
line-height: 1.8;
}
div.wpcf7 .ajax-loader {
margin: 10px 0 0 0 !important;
} #en body {
color: #545454;
font-family: 'Noto Sans', sans-serif;
}
#en section h2 {
color: #1d508d;
}
#en #wrapper {
border: 30px solid #DDD;
}
#en header {
width: 85%;
padding: 104px 0 0;
height: auto;
display: block;
background: transparent;
margin: 0 auto 80px;
position: relative;
z-index: 3;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#en header nav {
width: 100%;
margin: 0 0 30px;
border-left: none;
border-right: none;
display: block;
text-align: left;
vertical-align: top;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-flex;
display: flex;
}
#en footer {
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-flex;
display: flex;
}
#en footer ul {
display: -webkit-flex;
display: flex;
margin: 0;
padding: 0;
}
#en footer ul li a {
color: #999;
text-decoration: none;
display: inline;
width: auto;
height: auto;
line-height: 1;
text-align: left;
}
#en footer ul li {
letter-spacing: normal;
margin: 0;
vertical-align: top;
display: inline-block;
font-size: 16px;
font-size: 1;
border:none;
border-right:1px solid #CCC;
padding-right: 1em; 
margin-right: 1em;
}
#en footer ul li:first-child {
border-left:1px solid #CCC;
padding-left: 1em; 
}
#en header nav ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
#en header nav ul li {
line-height: 1.5;
}
#en header nav ul:last-of-type li {
margin-left: 1em;
border-left: 1px solid #CCC;
padding-left: 1em;
}
#en header nav ul:last-of-type li:last-child {
border-right: 1px solid #CCC;
padding-right: 1em;
}
#en header a {
color: #121212;
}
#en header nav ul:first-of-type li a {
border-bottom: 1px dotted #999;
display: inline-block;
padding-bottom: 0.3em;
}
.to_left {
transform:rotate(-180deg);  
}
#en header nav ul:first-of-type li a:hover {
border-bottom: 1px dotted #FFF;
color: #000;
}
#en header nav ul:last-of-type li a {
color: #999;
}
#en header nav ul:last-of-type li a:hover,
#en footer ul li a:hover {
color: #333;
}
#en main {
background: #FFF;
margin: 0 auto;
width: 85%;
}
#en main section {
padding: 0 5%;
margin: 0 0 80px 0;
}
#en main section p {
text-align:justify;
text-justify: inter-ideograph; 
}
#en main section:first-child {
position: relative;
padding: 0 27% 0 5%;
z-index: 1;
}
#en main section:first-child div {
position: absolute;
bottom: -50px;
right: -5%;
font-size: 80px;
font-size:5rem;
color: #EEE;
z-index: -1;
}
#en main section .daruma_moji {
display: block;
position: absolute;
top: 35%;
left: -5%;
font-size: 80px;
font-size:5rem;
color: #EEE;
z-index: -1;
}
#en main section:first-child h1 {
position: absolute;
top: -30px;
right: 5%;
width: 17%;
padding: 40% 0 0;
margin: 0;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/logo_en.png) 100% 0 no-repeat;
background-size: contain;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
#en main section:nth-child(2) {
position: relative;
padding: 0 0 0 30%;
}
#en main section:nth-child(2) span {
display: block;
position: absolute;
bottom: 0;
left: -5%;
width: 8%;
height: auto;
}
#en main section:nth-child(2) p {
padding: 0 38% 0 0;
}
#en main section:nth-child(2) div {
width: 20%;
position: absolute;
top: -30px;
left: 5%;
}
#en main section:nth-child(2) img,
#en main section:nth-child(3) img,
#en main section:nth-child(4) img {
width: 100%;
height: auto;
vertical-align: bottom;
}
#en main section:nth-child(2) ul,
#en main section:nth-child(3) ul {
margin: 30px 0 0;
padding: 0;
list-style: none;
display: -webkit-flex;
display: flex;
}
#en main section:nth-child(4) ul {
list-style: none;
text-align: right;
margin: 70px 0 0;
padding-left: 0;
width: 32%;
text-align: right;
float: right;
}
#en main section:nth-child(3) ul {
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content: flex-end;
justify-content:flex-end;
}
#en main section:nth-child(3) ul {
padding: 0 25% 0 0;
position: relative;
}
#en main section:nth-child(2) ul li {
background: #DDD;
}
#en main section:nth-child(3) ul li {
width: 16.66%;
}
#en main section:nth-child(3) ul li:nth-child(9) {
position: absolute;
width: 12.5%;
height: 12.5%;
display: block;
content: "";
bottom: 37.5%;
right: 12.5%;
}
#en main section:nth-child(4) ul li {
margin: 0;
width: 100%;
}
#en main section:nth-child(4) .kashi {
display: block;
position: absolute;
bottom:0;
left: 0;
width: 25%;
}
#en main section:nth-child(4) .gaku {
display: block;
position: absolute;
bottom:5%;
left: 24%;
width: 5%;
z-index: -1;
}
#en main section:nth-child(3) {
position: relative;
padding: 0;
z-index: 1;
}
#en main section:nth-child(3) p,
#en main section:nth-child(3) h2 {
padding: 0 25% 0 5%;
}
#en main section:nth-child(3) div {
position: absolute;
top: 0;
right: 1%;
width: 23%;
margin: 0 auto;
animation-name: tossing;
-webkit-animation-name: tossing;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center bottom;
}
#en main section:nth-child(3) div span.shadow {
display:block;
position:absolute;
bottom:-5px;
left:15%;
background:#999;
animation-name: tossing2;
-webkit-animation-name: tossing2;
animation-duration: 2.5s;
-webkit-animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
transform-origin: center bottom;
width:70%;
height:10%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
box-shadow: 
inset 0 0 20px #F6F6F6,
inset 0 0 20px #F6F6F6,
inset 0 0 20px #F6F6F6,
inset 0 0 20px #F6F6F6;
z-index: -1;
}
#en main section:nth-child(3) span.cap_warabe {
display:block;
position:absolute;
bottom:0;
left:89%;
z-index: -1;
font-size: 14px;
font-size: 0.875rem;
}
#en video,#en main section:nth-child(3) div img {
width: 100%;
height: auto;
}
#en main section:nth-child(4) {
padding: 0 0 0 50%;
position: relative;
z-index: 1;
}
#en main section:nth-child(4) div.video {
width: 40%;
position: absolute;
top: -170px;
left: 5%;
}
#en main section:nth-child(4) dt {
text-align: left;
}
#en footer {
background: #FFF;
margin: 0;
position: static;
padding: 0;
color: #CCC;
text-align: right;
margin: 0 auto;
width: 85%;
padding: 0 0 80px;
}
#en section p {
line-height: 1.8;
}
#en .form dl dd input[type="text"], #en .form dl dd input[type="tel"], #en .form dl dd input[type="email"], #en .form dl dd textarea {
background: rgba(255,255,255,0.6); 
}
#en .back_top_en a {
position: fixed;
display: block;
z-index: 2;
bottom: -10px;
right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 100px;
border-color: transparent transparent #1d508d transparent;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}
#en .back_top_en a:hover {
bottom: 0;
right: 0;
}
.daruma_pr {
border: 1px solid #CCC;
padding: 5px;
background: #FFF;
}
.daruma_pr img{
width: 100%;
height: auto;
vertical-align: bottom;
}
.daruma_pr a {
display: block;
width: 100%;
color: #FFF;
text-decoration: none;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
overflow: hidden;
}
.daruma_pr a:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.header_other {
position: fixed;
top: 0;
left: 0;
z-index: 5;
}
.header_other + .pankuzu {
margin-top:70px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ip_display {
display: none;
}
.ip_display img {
width: auto;
height: 100%;
}
.b_top_index {
display: none;
}
.lh15 {
line-height: 1.5 !important;
}
.moviechannel {
list-style: none;
width: 50%;
padding: 0;
margin: 0;
display: -webkit-flex;
display: flex;
position: absolute;
left: 0;
bottom:0;
}
.moviechannel li {
font-size:32px;
font-size: 2rem;
margin-right: 0;
background: #FFF;
text-align: center;
width: 60px;
height: 60px;
line-height: 60px;
}
.moviechannel li a {
display: block;
width: 60px;
height: 60px;
transition-duration: .3s;
background: #FFF;
}
.moviechannel li.you a {
background: #cd201f;
}
.moviechannel li.you a:hover {
background: #cd201f;
}
.moviechannel li.vime a {
background: #1ab7ea;
}
.moviechannel li.vime a:hover {
background: #1ab7ea;
}
.grecaptcha-badge{
margin-bottom: 90px;
z-index: 99;
}
.one_column {
width: 100%;
}
.privacy {
width: 100%;
max-width: 860px;
margin: 60px auto;
}
.privacy h2 {
text-align: center;
}
.ol_flush {
list-style: none;
padding-left: 0;
display: table;
}
.ol_flush > li:after {
content: "";
display: block;
margin-bottom: 0.5em;
}
.ol_flush > li  {
display: table-row;
counter-increment: table-ol;
margin-bottom: 1rem;
}
.ol_flush > li:before {
content: counter(table-ol) ".";
display: table-cell;
padding-right: 0.4em;
text-align: right;
}
.shohin {
margin-bottom: 4em;
}
.darumasan_kit img {
display: block;
width: 100%;
height: auto;
margin-bottom: 2em;
}
.darumasan_kit h2 {
margin: 2em 0 1em;
font-size: 1.25rem;
}
.darumasan_kit p {
margin: 2em 0 ;
}
.darumasan_kit .form dl > dt {
text-align: left;
width: 12em;
padding: 1em 0;
}
.darumasan_kit .form dl > dd dt {
clear: none;
}
.darumasan_kit .form dl > dd dl {
margin: 0;
}
.darumasan_kit .form dl > dd {
padding: 1em 0 1em 12em;
}
.darumasan_kit .form dl > dd .small {
width: 50%;
}
.darumasan_kit .form .submit, .darumasan_kit .form .acceptance {
margin:1.5em 0 1.5em 12em;
}
.darumasan_kit .wpcf7-list-item {
margin: 0 !important;
}
input[type="number"], input[type="date"] {
padding: 2%;
}
.shohin {
margin-top: 2em;
border-bottom: 1px solid #CCC;
}
.shohin dt {
float: left;
clear: both;
width: 12em;
font-weight: bold;
padding: 1em 0;
}
.shohin dd {
padding: 1em 0 1em 12em;
border-top: 1px solid #CCC;
margin: 0;
}
.law dl {
margin: 0;
border-bottom: 1px solid #CCC;
}
.law dt {
width: 10em;
float: left;
clear: both;
padding: 1em 0;
font-weight: bold;
}
.law dd {
padding: 1em 0 1em 10em;
border-top: 1px solid #CCC;
margin: 0;
}
.pr_youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 2em;
}
.pr_youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.darumasan_box .post_main {
width: 65%;
}
.darumakit {
position: fixed;
bottom: 180px;
right: 0;
width: 160px;
height: 80px;
z-index: 999;
line-height: 1.5;
box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
}
.darumakit a {
display: block;
position: relative;
width: 160px;
height: 80px;
background: #E9EB9E;
color: #434954;
text-decoration: none;
font-weight: bold;
opacity: 1;
transition-duration: .3s;
}
.darumakit a:hover {
opacity: .6;
}
.darumakit a span {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: left;
padding: 0 1em;
white-space: nowrap;
}
.kanbai {
font-weight: bold;
font-size: 1.25rem;
color: #b75b5b;
}
#onlinestore {
padding: 40px 6vw;
margin: 0;
background: #EEE;
}
#onlinestore h2 {
color: #454545;
}
#onlinestore ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
justify-content: space-between;
}
#onlinestore ul li {
width: 46%;
}
#onlinestore ul li a {
display: block;
width: 100%;
text-decoration: none;
color: #333;
line-height: 1.5;
}
#onlinestore ul li span {
display: block;
}
#onlinestore ul li span.ol_title {
font-weight: bold;
margin: 1em 0 .5em 0;
}
#onlinestore ul li span.ol_price {
color: #999;
}
#onlinestore ul li span.ol_price em {
font-style: normal;
font-size: .75rem; 
}
#onlinestore ul li img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 0px) and (max-width: 1440px) {
.butuzo_03 ul li:nth-child(1) , .butuzo_03 ul li:nth-child(2), .butuzo_03 ul li:nth-child(3){
display:none;
}
.butuzo_03 ul {
-webkit-align-items: center;
align-items: center;
background:#000;
}
.butuzo_03 ul li {
margin: 0;
padding: 0;
width: 100%;
}
.butuzo_03 ul li:last-child {
padding-top: 0;
position: static;
}
.butuzo_03 video {
width: 100%;
height: auto;
display: block;
position: static;
top: 0;
left: 0;
}
}
@media screen and (min-width: 0px) and (max-width: 1280px) {
header h1 {
width: 12%;
font-size: 20px;
font-size: 1.25rem;
}
#Snavi {
width: 12%;
}
header nav {
width: 75%;
}
.ihai_04 .ihai_04_in .ihai_04_in_img03 {
width: 17%;
left: 6%;
}
.ihai_04 .ihai_04_in .ihai_04_in_img01 {
width: 15%;
right: 6%;
}
}
@media screen and (min-width: 0px) and (max-width: 1040px) {
header h1 {
width: 50%;
height: 50px;
margin: 0;
padding: 0;
font-size: 1rem;
position: relative;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#sp_menu {
position: absolute;
top: 5px;
left: 20px;
width: 40px;
height: 40px;
}
#sp_menu a {
color: #FFF;
display: block;
width: 40px;
height: 40px;
position: relative;
}
#sp_menu a:before {
content: "";
width: 30px;
height: 2px;
position: absolute;
background: #FFF; 
top: 13px;
left: 0;
border-radius: 1px;
}
#sp_menu a:after {
content: "";
width: 30px;
height: 2px;
position: absolute;
background: #FFF; 
bottom: 13px;
left: 10px;
border-radius: 1px;
}
#sp_menu a span {
display: block;
width: 40px;
height: 40px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
nav, #Pnavi {
display: none;
}
#Snavi {
width: 50%;
height: 50px;
position: absolute;
top: 0;
right: 0;
z-index: 5;
display: block;
margin: 0;
padding: 0;
}
ul#Snavi li {
display: block;
height: 50px;
line-height: 50px;
margin: 0;
text-align: right;
}
#Snavi li a {
color: #FFF;
display: block;
padding: 0;
height: 50px;
line-height: 50px;
border-bottom:none;
padding: 0 20px 0 0;
}
#Snavi li a:hover {
border-bottom:none;
}
header {
width: 100%;
height: 50px;
display: block;
}
.header_index {
margin-top: -50px;
}
.index_content_innner {
margin-top: -50px;
}
header .sp_display {
display: block;
}
.home .b_top { display: none; }
#sp_menu_list {
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
padding:40px 20px 20px; 
background: #DDD url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/bg_daruma.png) 50% 50%;
}
#sp_menu_list h2 {
width: 50%;
margin: 20px auto 40px;
font-size: 0.875rem;
font-weight: normal;
letter-spacing: 0.2em;
text-indent: 0.2em;
}
#sp_menu_list h2 a {
display: block;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/sp_logo.png) 0 0 no-repeat;
background-size: contain;
width: 100%;
padding-top: 40%;
text-align: center;
text-decoration: none;
color: #333; 
}
#sp_menu_list ul {
margin: 0;
padding: 0;
list-style: none;
}
#sp_menu_list ul li {
text-align: center;
font-size: 1rem;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
#sp_menu_list ul li a {
color: #666;
display: block;
padding: 0.5em 0;
text-decoration: none;
}
.bt_ss {
width: 5em;
padding: 0.5em 0;
text-align: center;
margin: 1.5em auto;
border-bottom: 2px solid #666;
border-top: 2px solid #666; 
}
.bt_ss a {
text-decoration: none;
color: #666; 
}
#close2 {
width: 50px;
height: 50px;
text-indent:100%;
white-space: nowrap;
overflow: hidden; 
position: absolute;
top: 0;
left: 10px;
}
#close2 a {
display: block;
width: 50px;
height: 50px;
position:relative;
}
#close2 a:before {
display: block;
content: "";
width: 24px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
margin: 0 0 0 -12px;
background-color: #999;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#close2 a:after {
display: block;
content: "";
width: 24px;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
margin: 0 0 0 -12px;
background-color: #999;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp_menu_list ul {
margin: 0 auto;
padding: 0;
list-style: none;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 50%;
}
#sp_menu_list ul li {
text-align: center;
font-size: 1rem;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#sp_menu_list h2 {
width: 30%;
margin: 20px auto 20px;
font-size: 0.875rem;
font-weight: normal;
letter-spacing: 0.2em;
text-indent: 0.2em;
}
.daruma_link {
text-align: center;
}
.daruma_link a {
color: #3674b3; 
}
.header_other + .pankuzu {
margin-top:50px;
}
.daruma_pr a span {
line-height: 1.5;
font-size: 1rem;
}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
.shohin {
font-size: .875rem;
}
.darumasan_kit h2 {
font-size: 1.125rem;
}
.darumasan_kit p {
font-size: .875rem; 
}  
.darumasan_kit .form .submit, .darumasan_kit .form .acceptance {
margin: 1.5em 0 1.5em 0;
}
.pr_youtube {
margin: 2em 0;
}
.darumakit {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
height: auto;
z-index: 999;
line-height: 1.5;
box-shadow: none;
}
.darumakit a {
width: 100%;
height: auto;
text-align: center;
font-size: .875rem;
padding: 1em 0;
}
.darumakit a span {
display: inline;
position: static;
top: auto;
left: auto;
transform: translate(0, 0);
text-align: center;
padding: 0;
white-space: nowrap;
}
.darumakit a span br {
display: none;
}
.shohin dt, .law dt {
float: none;
clear: none;
width: 100%;
font-weight: bold;
padding: 1em 0 .5em;
border-top: 1px solid #CCC;
}
.shohin dd, .law dd {
padding: 0 0 1em 0;
border-top: none;
border-bottom: 1px solid #CCC;
margin: 0;
}
.darumasan_kit .form dl > dt {
text-align: left;
width: 100%;
padding: 1em 0 0 0;
}
.darumasan_kit .form dl > dd {
padding: 1em 0 1em 0;
}
.darumasan_kit {
margin-top: 2em;
}
.data dl.data_list dl dd span {
display: block;
width: auto;
}
.data dl.data_list dl dt {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.index_prof section + div {
width: 80%;
margin: 0 auto;
}
div.wpcf7 .ajax-loader {
margin: 10px auto 0 !important;
display: block !important;
}
div.wpcf7-response-output {
margin-left: 0 !important;
text-align: center;
}
.wpcf7 {
margin-bottom: 40px;
}
.daruma_history {
margin-bottom: 40px;
}
.np_bottom {
margin: 0;
padding: 0;
list-style: none;
}
.np_bottom li {
text-align: center;
padding: 0.5em 0;
}
.np_bottom a {
color: #3674b3;
text-decoration: underline;
}
.prev_color a {
color: #999;
text-decoration: underline;
}
.np_bottom a:hover {
text-decoration: none;
}
.post_special_list_txt {
width: 100%;
}
html.home { 
background:#333333 url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/or_01.jpg) center center / cover no-repeat fixed;
}
html.home.iPhone_pad {
background: none;
}
html.home.iPhone_pad .index_content {
background:url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/or_01.jpg) 50% 50% no-repeat;
background-size: cover; 
}
html.home.iPhone_pad .header_index {
margin-top: 0;
position: fixed;
top: 0;
left: 0;
z-index: 5;
}
html.home.iPhone_pad .index_content_innner {
margin-top: 0;
}
html.home.iPhone_pad .index_content_innner {
width: 100%;
height: 100%;
position: absolute;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/or_01.png);
background-size: 0.5%;
}
html.home.iPhone_pad .ip_display img {
display: block;
margin: 0 auto;
-webkit-align-content: center;
align-content: center;
}
#bgvid { display: none; }
.pc_display {
display: none;
}
.daruma h2 span:after {display: none;}
.index_content_innner {
background-size: 0.5%;
width: 100%;
}
.post_contact h3 {
line-height: 1.5;
}
.index_content_innner_cell {
padding: 0; 
}
.b_top {
z-index: 4;
border-width: 0 0 50px 50px;
bottom: 0;
right: 0;
}
.b_top a {
width: 50px;
height: 50px;
bottom: 0;
right: 0;
}
.banner3 {
-webkit-justify-content: space-between;
justify-content: space-between;
}
.banner3 li {
width: 49%;
margin: 0 0 20px;
}
.banner3 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 20px 0;
}
.banner3 + .flexbox {
display: block;
}
.index_prof {
padding: 20px;
}
.index_prof ul, .index_prof section {
width: 100%;
list-style: none;
margin: 0 0 30px;
padding: 0;
}
.index_prof ul:last-of-type {
margin: 0;
}
.sec_title {
font-size: 1.5rem;
}
.sec_title .en {
font-size: 0.875rem;
}
.onecolumn {
padding: 20px 0;
}
.index_special.flexbox {
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
padding: 0 20px;
}
.list4.flexbox {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 20px;
}
.list4 li {
margin: 0 0 20px;
background: #FFF;
width: 49%;
position: relative;
padding-bottom: 2em;
}
.special_list {
background: #FFF;
padding: 20px;
margin-top: 60px;
position: relative;
overflow: hidden;
}
.txt_special_list span {
display: block;
padding: 0.5em 1em;
position: absolute;
top: 0;
left: 0;
}
.post_special_list ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.thumb_special_list, .txt_special_list {
width: 49%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.post_special_list ul li:first-child {
padding-top: 0 !important;
border-top: none;
}
.post_special_list_thumb {
width: 100%;
margin-right: 0;
}
.post_special_list ul li.flexbox {
display: block;
width: 31.5%;
}
.post_special_list ul li {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.thumb_special_list {
padding: 20px 0;
}
.txt_special_list {
padding: 30px;
}
.post_special_list {
width: 100%;
}
.txt_special_list h3 {
font-size: 1.25rem;
margin: 0.5em 0 0;
}
.post_special_list ul li:first-child {
padding-top: 1em;
border-top: 1px dotted #CCC;
}
.post_special_list ul li:last-child {
border-bottom: none; 
padding-bottom: 20px;
}
.txt_special_list h3, .txt_special_list p, .banner3 li a span.txt {
text-align: justify;
text-justify: inter-ideograph;
}
.list6 li {
width: 33.3%;
border: 1px solid #F6F6F6;
}
.banner3 li a span.txt {
padding: 0;
}
.footer_inner {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
background-color: #FFF;
}
#Fnavi {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
#Fnavi li {
margin: 0;
width: 33.3%;
font-size: 1rem;
}
#Fnavi li a {
padding: 0.25em 0;
display: block;
}
footer {
padding: 0 0 60px;
}
footer > ul {
padding: 20px 0 0;
}
footer > ul li {
margin: 0 0.5em;
}
footer h3 {
margin: 1em 0 0;
}
footer p {
font-size: 0.875rem;
}
footer .fa-phone {
color: #95b5d5;
}
.two_column {
padding: 20px;
-webkit-flex-direction: column-reverse; flex-direction: column-reverse;
}
.three_column {
padding: 20px;
}
.three_column > div {
padding: 0;
}
.three_column .left_column, .three_column .right_column, .three_column .post_main {
width: 100%;
}
.three_column.flexbox {
display: block;
}
.two_column .left_column, .two_column .post_main {
width: 100%;
}
.list_box li .list_box_img {
width: 35%;
}
.cat_title, .arc_title {
font-size: 1.5rem;
}
.list_box li .list_box_txt {
width: 58%;
margin:0 auto; 
}
.post_share {
margin: 40px 0 0;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.post_share li {
width: 23%;
margin: 0;
}
.post_contact {
border: none;
padding: 0;
margin: 40px 0;
}
.works_contact .post_contact {
margin: 40px 0 0;
}
.post_contact h4 {
font-size: 24px;
font-size: 1.5rem;
margin: 0 0 0.5em;
color: #3674b3;
}
.post_contact h5 {
font-size: 12px;
font-size: 0.75rem;
margin: 0 0 1.5em;
font-weight: normal;
}
.post_contact p {
line-height: 2em;
margin-bottom: 0;
}
.works_contact {
padding-bottom: 40px;
}
.side_prof + .list4 li {
width: 33.3%;
}
.side_prof + .list4.flexbox {
display: -webkit-flex;
display: flex;
}
.butuzo_01, .ihai_01 {
width: 100%;
padding: 105% 20px 40px 20px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.butuzo_01 {
background:#EEE url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo01_sp.jpg) 50% 0 no-repeat;
background-size: contain;
}
.ihai_01 {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai01_sp.jpg) 50% 0 no-repeat;
background-size: contain;
}
.butuzo_01 .butuzo_01_img04, .ihai_01 .ihai_01_img04 {
display: none;
}
.butuzo_01 .butuzo_01_img01,
.ihai_01 .ihai_01_img01 {
width: auto;
height: 450px;
position: static;
margin-bottom: 10px;
}
.butuzo_01 .butuzo_01_img01 {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo06.png) 50% 0 no-repeat;
background-size: contain;
}
.ihai_01 .ihai_01_img01 {
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai07.png) 50% 0 no-repeat;
background-size: contain;
}
.butuzo_01 .butuzo_01_img03,
.ihai_01 .ihai_01_img03 {
position: static;
bottom: 0;
left: 0;
height: auto;
margin-left: 0;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: lr-tb;
writing-mode: lr-tb;
line-height: 1.5;
text-align: center;
}
.iPhone_pad .butuzo_01 .butuzo_01_img03,
.ihai_01 .ihai_01_img03 {
display: none;
}
.inner2, .butuzo_03 div.butuzo_03_in,
.butuzo_03 div.butuzo_03_in, .butuzo_04 .butuzo_04_in, .ihai_03 div.ihai_03_in, .ihai_04 .ihai_04_in {
padding: 6% 20px 40px;
}
.butuzo_02, .ihai_02 {
padding: 66.6% 0 0 0;
}
.butuzo_02 {
background: #FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo02.jpg) 0 0 no-repeat;
background-size: contain;
}
.ihai_02 {
background: #FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/ihai06.jpg) 0 0 no-repeat;
background-size: contain;
}
.butuzo_05 {
padding: 66.6% 0 0 0;
background: #FFF url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/butuzo09.jpg) 0 0 no-repeat;
background-size: contain;
}
.butuzo_03.flexbox, .ihai_03.flexbox {
display: block;
}
.butuzo_03 div.butuzo_03_in {
background:#EEE; 
}
.butuzo_03.flexbox, .butuzo_03 ul, .butuzo_03 ul li, .butuzo_03 div.butuzo_03_in, .ihai_03 ul, .ihai_03 div.ihai_03_in {
width: 100%;
}
.ihai_03 ul li {
width: 50%;
}
.butuzo_img h2 {
font-size: 1.25rem;
line-height: 1.8;
}
.butuzo_04 .butuzo_04_in .butuzo_04_in_img04, 
.ihai_04 .ihai_04_in .ihai_04_in_img04,
.butuzo_04 .butuzo_04_in .butuzo_04_in_img02,
.ihai_04 .ihai_04_in .ihai_04_in_img02,
.butuzo_04 .butuzo_04_in .butuzo_04_in_img01,
.butuzo_04 .butuzo_04_in .butuzo_04_in_img03,
.ihai_04 .ihai_04_in .ihai_04_in_img03, .ihai_04_in_img01 {
display: none;
}
.butuzo_04 .butuzo_04_in, .ihai_04 .ihai_04_in {
text-align: left;
padding-bottom: 40px;
}
#works_link li {
display: block;
}
#works_link li a {
padding-top: 100%;
}
.butuzo_04 ul li, .ihai_04 ul li,
.butuzo_04 ul li div:first-of-type, .ihai_04 ul li div:first-of-type,
.butuzo_04 ul li div:last-of-type, .ihai_04 ul li div:last-of-type {
width: 100%;
}
.butuzo_04 ul li div:last-of-type, .ihai_04 ul li div:last-of-type {
padding: 5px 20px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.daruma {
background: #DDD url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/bg_daruma.png) 50% 50%;
padding: 6% 20px 40px;
text-align: center;
}
.daruma p, .daruma2 p {
text-align: left;
}
.daruma h2, .daruma2 h2 {
line-height: 1.5;
font-size: 1.5rem;
}
.daruma h2 span:before {
content: "手ぶらでOK!";
width: 100%;
height: auto;
color: #b75b5b;
background: none;
background-color: transparent;
background-image: none;
background-size: 90%;
justify-content: center;
align-items: center;
display: block;
position: static;
font-size: 1.25rem;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.darumasan {
margin: 0;
}
.darumasan li {
width: 33.3%;
}
.sumi, .sumi2, .butuzo_01_img02, .ihai_01_img02, .butuzo_img h2 br,
.darumasan li:first-child, .darumasan li:last-child,
.works_kanren, .bt_kanren {
display: none;
}
.ajax_none + ul {
letter-spacing: 0;
padding-bottom: 40px;
}
.ajax_none + ul li {
letter-spacing: normal;
margin: 0;
display: block;
border-left: none;
padding: 0;
line-height: 2;
}
.works_img .flexslider, .works_slick {
width: 100%;
margin: 0 auto;
}
.slick-dots {
bottom: -40px !important;
}
.works_text, .works_size, .slick_box {
width: auto;
padding: 0 20px;
}
.works_column h2, .daruma_column h2 {
font-size: 1.5rem;
}
.works_img img {
vertical-align: bottom;
display: block;
width: 100% !important;
height: auto !important;
margin: 0 auto;
}
.works_tag {
line-height: 2;
}
.works_tag a:last-of-type {
border-right:none;
}
.works_tag a {
display: block;
text-decoration: none;
padding: 0;
border-left:none;
}
.works_column {
padding: 0;
}
.three_column .post_tag {
display: none;
}
.list_box li.flexbox {
}
.header_feature {
font-size: 1rem; 
}
.header_feature h2 {
font-size: 1.5rem;
line-height: 1.5em;
padding-top: 0.5em;
}
.header_feature_in {
padding: 2em 20px;
}
.list_box li {
position: relative;
}
.list_box li .list_box_txt span {
display: block;
position: absolute;
top: 0;
left: -20px;
padding: 0.4em 0.7em;
}
.feature_list {
margin: 0;
padding: 0;
list-style: none;
}
.feature_list li {
width: auto;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
position: relative;
padding: 0;
margin: 0 0 20px;
}
.feature_list li:last-child {
margin: 0;
}
.feature_list_in h2 span {
display: block;
font-weight: normal;
font-size: 1rem;
margin: 0 auto;
padding: 0.7em;
width: 5em;
text-align: center;
}
.feature_list_in {
padding: 40px;
background: rgba(0,0,0,0.3);
}
.feature_list_in .btn a {
position: static;
display: block;
padding: 1em 0;
text-align: center;
text-decoration: none;
border: 2px solid #FFF;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
-ms-transition-duration: .3s;
}
.feature_list_in .btn a:hover {
padding-right:0;
}
.feature_list_in .btn a:before,
.feature_list_in .btn a:after {
display: none;
}
.feature_list_in .btn {
font-size: 1rem;
margin: 2em auto 0 !important;
width: 240px;
}
.feature_list_in h2 {
margin: 0 0 0.5em 0 !important;
color: #FFF;
line-height: 1.5;
font-size: 1.5rem;
width: 100%;
}
.feature_list_in p {
margin: 0 0 1em 0 !important;
color: #EEE;
width: 100%;
}
.order_ex_head {
position: relative;
padding-top: 100%;
width: 100%;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/order_01_sp.jpg) 0 0 no-repeat;
background-size: contain;
margin-bottom: 20px;
}
.order_ex_head h2 {
position: static;
top: 0;
right: 0;
margin-left: 0;
margin-bottom: 0;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: lr-tb;
writing-mode: lr-tb;
line-height: 1.5;
font-size: 1.5rem;
letter-spacing: 0.1em;
text-indent: 0.1em;
text-align: center;
}
.order_ex_head p {
margin-left: 0;
margin-bottom: 0;
-ms-writing-mode: lr-tb;
-webkit-writing-mode: lr-tb;
writing-mode: lr-tb;
position: static;
top: 0;
right:0;
font-size: 0.875rem;
text-align: center;
}
.order_ex_read {
width: 100%;
margin: 0 auto 60px;
}
.order_ex_read h2 {
font-size: 1.125rem;
margin-top: 0;
}
.order_ex_flow {
width: 100%;
}
.order_ex_flow br {
display: none;
}
.order_ex_flow li {
background-color: #FFF;
margin-bottom: 40px;
padding: 66.66% 20px 20px;
}
.order_ex_flow li h3 {
line-height: 1.5;
margin-bottom: 0.5em;
}
.order_ex_flow li h3:before {
border-width: 50px 0 0 50px;
top: -51px;
left: -20px;
}
.order_ex_flow li h3:after {
position: absolute;
top: -27px;
left: -17px;
color: #FFF;
width: 25px;
height: 25px;
white-space: nowrap;
line-height: 25px;
font-size: 1.25rem;
text-align: center;
}
.order_ex_flow + .post_contact {
width: 100%;
margin-bottom: 40px;
}
.bt_map {
bottom: 20%;
}
#gmap {
padding-bottom: 130%;
width: 100%;
}
.bt_g-map {
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
line-height: 0;
}
.data, .data_order {
padding: 20px;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.data dl.data_list {
width: 100%;
}
.data dl.data_list > dt {
width: 100%;
float: none;
clear: none;
margin: 0;
padding: 1em 1em 0 0;
font-weight: bold;
}
.data dl.data_list > dd {
padding: 0 0 1em;
margin: 0;
border-top: none;
border-bottom: 1px dotted #CCC;
}
.data dl.data_list > dd:last-of-type {
border-bottom: none; 
}
.data dl.data_list dl dt {
width: 100%;
float: none;
margin-right: 0;
font-weight: bold;
}
.data dl.data_list dl dd {
padding-left: 0;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dotted #CCC;
}
.left_data {
width: 100%;
}
.side_news div {
width: 60%;
padding: 0.5em 0 0;
font-size: 0.875rem;
}
.side_news a.s_news_img {
display: block;
width: 35%;
}
.form dl dt {
width: 100%;
float: none;
clear: none;
font-weight: bold;
padding: 1em 3% 1em 0;
text-align: left;
}
.wpcf7-radio > span {
display: block !important;
margin: 0 0 0.5em 0 !important;
}
.submit input {
margin: 0 auto;
}
.form dl {
margin-top: 0;
}
.form dl dd {
padding: 0 0 1em 0;
}
.acceptance {
text-align: center !important;
}
.submit, .acceptance {
margin-left: 0;
}
.daruma2 ol li {
font-size: 18px;
font-size: 1.125rem;
margin-left: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.daruma2 ol li p {
font-size: 0.875rem;
}
.two_column.contact_sp {
-webkit-flex-direction: column;
flex-direction: column;
}
.daruma2 ol {
padding-left: 0;
margin-bottom: 0;
margin: 0;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
color: #666;
}
.daruma3 {
width: 100%;
margin: 40px auto;
}
.daruma3 + ul.flexbox {
display: block;
}
.daruma3 + ul li {
width: 100%;
}
.contact_tel h3 {
color: #3674b3;
}
.contact_tel h3 a {
text-decoration: none;
color: #3674b3; 
}
.daruma3 + ul li p {
text-align: left;
padding-top: 0.5em;
line-height: 1.5;
}
.list_box2 > li {
background: #FFF;
display: block;
width: 100%;
margin-bottom: 30px;
position: relative;
}
.event_list_txt {
padding: 2% 20px 20px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.event_list_txt ul li {
padding: 1em 0.5em;
margin-bottom: 0;
}
.event_list_txt ul li:last-child {
padding-bottom: 1em;
}
.daruma_warabe {
display: block;
position: absolute;
top: -10px;
left: -20px;
font-size: 1rem;
width: 7em;
margin-right: 0;
padding: 0.5em 0;
}
.event_list_txt h3 {
font-size: 1.125rem;
margin: 0.5em 0;
text-align: center; 
}
.event_list_txt ul + p {
text-align: center;
margin-bottom: 0;
padding: 1em 0 0;
font-size: 1rem;
}
.order_ex_read + h3 {
margin: 2em 0 1em;
}
.gakyu_prof {
padding-top: 50%;
width: 50%;
margin: 30px auto 60px;
}
.side_prof_header div:last-of-type ul li {
margin-right: 0;
margin-bottom: 0;
width: 25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.side_prof_header div:last-of-type ul li a {
display: block;
width: 100%;
height: auto;
padding: 1em 0;
text-align: center;
line-height: normal;
}
.event_date, .event_list_img {
width: 100%;
vertical-align: middle;
margin-bottom: 20px;
}
.daruma_wel {
width: 100%;
margin: 60px auto;
}
.event_list_img {
padding-top: 100%;
}
.event_list_txt, .event_date, .event_list_img {
display: block;
}
.daruma2 {
background: transparent url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/bg_daruma_sp.jpg) 0 0 no-repeat;
background-size: contain;
padding: 100% 0 3%;
color: #454545;
margin-bottom: 20px;
}
.daruma2 h2 em i {
border-top: 2px double #454545;
border-bottom: 2px double #454545;
color: #454545;
}
.daruma_add {
margin-bottom: 40px;
}
.daruma_column section {
padding: 20px 0 0;
}
.daruma_data {
border-top: 1px solid #CCC;
margin: 0 0 40px;
}
.daruma_sns a {
display: block;
}
.daruma_data dt {
float: none;
clear: none;
width: 100%;
padding: 1em 0 0.5em;
}
.daruma_data dd {
border-top: none;
border-bottom: 1px solid #CCC;
padding: 0 0 1em 0;
}
div.wpcf7 img.ajax-loader {
margin: 15px auto 0 !important;
}
.daruma_add .form dl dd {
padding: 0 0 1em 0;
border-top: none;
border-bottom: 1px dotted #CCC;
}
.daruma3 h2 span {
padding: 0;
line-height: 1.5;
}
.daruma_add {
padding: 20px;
margin-top: 30px;
}
.form_txt {
text-align: left;   
}
.form_title {
line-height: 1.5;
font-size: 1.25rem;
}
#en #wrapper {
border: none;
}
#en header nav ul + ul {
display: none;
}
#en header nav {
width: 100%;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
height: 60px;
line-height: 60px;
position: fixed;
top: 0;
left: 0;
background:#FFF; 
box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 3px 6px -3px rgba(0,0,0,0.5);
z-index: 10;
}
#en header {
width: 100%;
padding: 20px 0 0;
display: block;
margin: 0 auto 20px;
}
#en header {
padding: 60px 0 0;
}
#en main section:first-child {
position: relative;
padding: 0 0 0 0;
z-index: 1;
}
#en main section:first-child h1 {
position: absolute;
top: 0;
right: -20px;
width: 50%;
padding: 70% 0 0;
margin: 0;
background: url(//gakyu.jp/k34thwbe/wp-content/themes/gakyu/img/logo_en.png) 100% 0 no-repeat;
background-size: contain;
z-index: 0;
filter:alpha(opacity=10);
-moz-opacity: 0.1;
opacity: 0.1;
}
#en main section p {
text-align: left;
text-justify: auto;
margin-top: 0;
}
#en main section:nth-child(2) {
position: relative;
padding: 0;
}
#en main section:nth-child(2) p {
padding: 0;
}
#en main section:nth-child(2) div {
width: 90%;
position: static;
margin: 0 auto;
}
#en main section:nth-child(2) ul, #en main section:nth-child(3) ul {
-webkit-flex-wrap: wrap;
flex-wrap:         wrap;
}
#en main section:nth-child(4) .gaku {
position: static;
width:20%;
margin: 0 auto;
}
#en main section:nth-child(2) ul {
margin-bottom: 20px;
}
#en main section:nth-child(2) ul li,
#en main section:nth-child(3) ul li {
width: 33.3%;
}
#en main section:nth-child(2) span {
display: block;
position: absolute;
bottom: -30px;
left: auto;
right: 0;
width: 16%;
height: auto;
}
#en main section:nth-child(3) div {
position: static;
width: 80%;
margin: 0 auto;
}
#en main section:nth-child(3) p, #en main section:nth-child(3) h2 {
padding: 0;
}
#en main section:nth-child(3) ul {
padding: 0;
margin-bottom: 40px;
}
#en main section:nth-child(3) ul li:nth-child(9) {
position: static;
width: 33.3%;
height: auto;
display: block;
}
#en main section {
padding: 0 ;
margin: 0 0 40px 0;
}
#en main section:nth-child(3) span.cap_warabe {
display: none;
}
#en main section:nth-child(4) div.video {
width: 100%;
position: static;
top: 0;
left: 0;
}
#en main section:nth-child(4) {
padding: 0;
position: relative;
z-index: 1;
}
#en main section:nth-child(4) ul {
margin: 0 0 0;
padding-left: 0;
width: 100%;
text-align: left;
float: none;
display: -webkit-flex;
display: flex;
}
#en footer {
padding: 0 0 40px;
}
#en main section:nth-child(4) .kashi,
#en footer ul {
display: none;
}
#en section h2 {
font-size: 1.25em;
margin-bottom: 0.5em;
}
.daruma3 h2 span:before, .daruma3 h2 span:after {
display: none;
}
.daruma_tel i {
color: #3674b3;
}
.index_prof section em, .post_left_cat, .prev_post, .next_post {
display: none;
}
#en footer div {
text-align:center;
width: 100%;
}
#en main {
width: auto;
padding: 0 20px;
overflow: hidden;
}
.sp_display {
display: block;
}
#sp_menu_list {
overflow-y: scroll;
}
#sp_menu_list h2 {
width: 50%;
margin: 40px auto;
font-size: 1rem;
}
#sp_menu_list ul {
margin: 0 auto;
padding: 0;
list-style: none;
display: block;
width: 100%;
}
#sp_menu_list ul li {
font-size: 1.25rem;
width: 100%;
}
.index_prof section p {
width: 80%;
margin: 0 auto;
}
.news_bottom_list {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-bottom: 20px;
}
.news_bottom_list li {
display: block;
width: 31.3%;
border-bottom: none;
margin: 0 1%; 
}
.news_bottom_list .single_news_side_img {
width: 100%;
margin-bottom: 10px;
}
.news_bottom_list span {
width: 100%;
}
.butuzo_04 ul li div:first-of-type a img, .ihai_04 ul li div:first-of-type a img {
display:block;
position:absolute;
top:50%;
left:50%;
margin-top:-50%;
margin-left:-50%;
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.kanbai {
font-size: 1rem;
}
#onlinestore ul li {
width: 48%;
font-size: .875rem;
}
.index_prof ul li {
width: 48%;
margin-bottom: 4%;
}
.index_prof section p.tac {
text-align: left;
} 
.grecaptcha-badge{
margin-bottom: 60px;
}
.order_ex_flow li:after {
content: "";
position: absolute;
left: 50%;
bottom: -15px;
margin-left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 20px 0 20px;
border-color: #212121 transparent transparent transparent;
}
.pankuzu {
font-size: 0.75rem;
}
.works_size {
width: auto;
padding: 0;
font-size: .875rem;
}
.works_dis {
text-align: left;
font-size: .875rem;
}
.moviechannel li {
font-size:24px;
font-size: 1.5rem;
width: 40px;
height: 40px;
line-height: 40px;
}
.moviechannel li a {
width: 40px;
height: 40px;
}
.index_content_innner_cell {
margin-top: 0;
}
#play_button {
width: 200px;
height: 50px;
border: 2px solid #FFF;
margin: 0 auto;
line-height: 50px;
color: #FFF;
cursor: pointer;
text-align: center;
}
.daruma_add {
padding: 40px 20px 20px !important;
}
.post_special_list_txt {
width: 70%;
}
.PageNation {
margin-bottom: 20px;
}
.three_column .left_column {
margin-bottom: 1em;
}
.news_bottom_list li {
padding: 1em 0 1em;
}
.news_bottom_list li:first-child {
border-top: 1px dotted #999;
}
.news_bottom_list {
display: block;
margin-bottom: 0.5em;
}
.news_bottom_list li {
display: -webkit-flex;
display: flex;
width: auto;
border-bottom: 1px dotted #999;
}
.news_bottom_list .single_news_side_img {
width: 25%;
margin-bottom: 0;
}
.news_bottom_list span {
width: 70%;
padding-right: 0;
}
.index_prof section p {
width: 100%;
margin-bottom: 1em;
}
#Fnavi li {
font-size: 0.75rem;
}
.post_special_list ul {
display: block;
}
.post_special_list ul li.flexbox {
width: 100%;
display: -webkit-flex;
display: flex;
}
.post_special_list ul li:first-child {
padding-top: 1em !important;
border-top: 1px dotted #CCC;
}
.post_special_list ul li {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px dotted #CCC;
}
.post_special_list_thumb {
width: 25%;
margin-right: 5%;
}
#sp_menu_list ul {
width: 100%;
}
.banner3 li {
width: 100%;
margin: 0 0 20px;
}
.banner3 li:last-child {
margin: 0;
}
.banner3 {
padding: 20px;
}
.list4 li {
margin: 0;
background: #FFF;
width: 50%;
position: relative;
padding-bottom: 0;
}
.list_inner h3 {
font-size: .875rem;
}
.list_inner time {
font-size: .75rem;
}
.post_cat {
display: none;
}
.index_special.flexbox {
display: block;
}
.list4.flexbox {
padding: 0;
}
.thumb_special_list, .post_special_list, .txt_special_list {
width: 100%;
padding: 0;
}
.thumb_special_list {
margin-bottom: 20px;
}
.list_box li.flexbox {
display: block;
}
.two_column .left_column, .two_column .post_main, .list_box li .list_box_img {
width: 100%;
}
.list_box li .list_box_txt {
width: 90%;
margin: 0 auto;
}
.news_bottom_list .single_news_side_img {
width: 35%;
}
.news_bottom_list span {
width: 60%;
padding-right: 0;
font-size: 0.875rem;
}
.daruma_pr a span {
font-size: 1.25rem;
}
#works_link.flexbox, #works_link li {
display: block;
}
.gakyu_prof {
padding-top: 60%;
width: 60%;
margin: 30px auto 60px;
}
#sp_menu_list ul {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#sp_menu_list ul li {
text-align: center;
font-size: 1rem;
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#sp_menu_list h2 {
width: 80%;
margin: 20px auto 20px;
font-size: 0.875rem;
font-weight: normal;
letter-spacing: 0.2em;
text-indent: 0.2em;
}
}
.wpcf7-spinner {
margin: 1em 0 0 88px !important;
}