@charset 'UTF-8';
@charset "utf-8";
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxWrapper{max-width:none;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{background:#fff;opacity:0.9;filter:alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxContent{margin-top:32px;overflow:visible;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px;border:1px solid #ccc;}
#cboxLoadedContent{background:#000;padding:1px;}
#cboxLoadingGraphic{background:url(/wp/wp-content/themes/original_theme/css/images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute;top:-22px;left:0;color:#000;}
#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(/wp/wp-content/themes/original_theme/css/images/controls.png) no-repeat 0 0;outline:none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}
#cboxPrevious{background-position:0px 0px;right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px;right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px;right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px;right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
background: #fff;
color: #000;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000; 
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}  .clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
} .clearfix {
zoom:1;
} li img {
vertical-align: bottom;
} input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
}
input[type="search"]:focus {
outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
display: none;
} input[type="submit"] {
-webkit-appearance: none;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block; margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(/wp/wp-content/themes/original_theme/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(/wp/wp-content/themes/original_theme/css/fonts/slick.eot);
src: url(/wp/wp-content/themes/original_theme/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(/wp/wp-content/themes/original_theme/css/fonts/slick.woff) format('woff'), url(/wp/wp-content/themes/original_theme/css/fonts/slick.ttf) format('truetype'), url(/wp/wp-content/themes/original_theme/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}html {
height: 100%;
overflow-y: scroll;
}
body {
height: 100%;
font: 16px/1.231 YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,
"ＭＳ Ｐゴシック", sans-serif;
font-weight: 500;
font-feature-settings: "palt";
line-height: 1.8;
letter-spacing: 0.08em;
*font-size: small;
*font: x-small;
color: #000;
-webkit-font-smoothing: antialiased;
}
::selection {
background-color: #ffdf2b;
}
@media all and (-ms-high-contrast: none) {
body {
font-family: "メイリオ", Meiryo, "Lato", YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"ＭＳ Ｐゴシック", sans-serif;
}
}
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
small {
font-size: 86%;
}
a {
color: #333;
text-decoration: none;
transition: all 0.3s ease-out;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: none;
}
a:hover {
color: #c5ccd6;
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
transition: all 0.4s ease-out;
}
.mgn-btm8 {
margin-bottom: 8px;
}
.mgn-btm16 {
margin-bottom: 16px;
}
.mgn-btm24 {
margin-bottom: 24px;
}
.mgn-btm32 {
margin-bottom: 32px;
}
.mgn-btm40 {
margin-bottom: 40px;
}
.mgn-btm48 {
margin-bottom: 48px;
}
.mgn-btm56 {
margin-bottom: 56px;
}
.mgn-btm64 {
margin-bottom: 64px;
}
.mgn-btm72 {
margin-bottom: 72px;
}
.mgn-btm80 {
margin-bottom: 80px;
}
.mgn-btm100 {
margin-bottom: 100px;
}
.txt-wh {
color: #fff;
}
.txt-rd {
color: #ff0000;
}
.txt-bld {
font-weight: bold;
}
.flt-rgt {
float: right;
}
.flt-lft {
float: left;
}
.txt-ctr {
text-align: center;
}
.txt-rgt {
text-align: right;
}
.pc-flx {
display: flex;
}
.pc-none {
display: none;
}
.sp-none {
display: block;
}
.line-wh {
border-bottom: 2px dotted #fff;
padding-bottom: 0.2em;
}
-webkit-text-size-adjust: none;
@media (min-width: 768px) {
@-moz-document url-prefix() {
* {
font-feature-settings: "palt";
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
* {
font-feature-settings: "palt";
}
}
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
img {
max-width: 100%;
height: auto;
}
.pc-flx {
display: block;
}
.mgn-btm16 {
margin-bottom: 8px;
}
.mgn-btm24 {
margin-bottom: 16px;
}
.mgn-btm32 {
margin-bottom: 16px;
}
.mgn-btm40 {
margin-bottom: 24px;
}
.mgn-btm48 {
margin-bottom: 24px;
}
.mgn-btm56 {
margin-bottom: 32px;
}
.mgn-btm64 {
margin-bottom: 32px;
}
.mgn-btm72 {
margin-bottom: 40px;
}
.mgn-btm80 {
margin-bottom: 40px;
}
.sp-none {
display: none;
}
.pc-none {
display: block;
}
}   .inner {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.inner-sm {
width: 800px;
}
.section_pdg {
padding-top: 80px;
padding-bottom: 80px;
}
@media (max-width: 767px) {
.inner {
width: 90%;
}
} .section_ttl {
text-align: center;
line-height: 1.3;
}
.section_ttl.wh h2 {
color: #ffdf2b;
}
.section_ttl.wh span {
color: #fff;
}
.section_ttl h2 {
margin-bottom: 30px;
font-size: 218%;
font-family: フォーク B;
letter-spacing: 0.3em;
line-height: 1.14;
}
.section_ttl span,
.page_ttl-eng {
display: inline-flex;
align-items: center;
margin-bottom: 10px;
color: #ff0002;
font-family: "Aref Ruqaa", serif;
font-size: 218%;
letter-spacing: 3px;
}
.section_ttl i,
.page_ttl i {
margin-bottom: -10px;
font-family: serif;
}
.section_ttl span::before,
.section_ttl span::after,
.section_ttl.wh span::before,
.section_ttl.wh span::after,
.page_ttl-eng::before,
.page_ttl-eng::after {
content: "";
display: block;
width: 27px;
height: 28px;
margin-bottom: -18px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/ttl_line.png) no-repeat;
}
.section_ttl.wh span::before,
.section_ttl.wh span::after {
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/ttl_line_wh.png) no-repeat;
}
.section_ttl span::before,
.page_ttl-eng::before {
margin-right: 10px;
transform: scale(-1, 1);
}
.section_ttl span::after,
.page_ttl-eng::after {
margin-left: 10px;
}
.page_ttl {
padding-top: 20px;
padding-bottom: 50px;
text-align: center;
line-height: 1.5;
}
.page_ttl-eng {
font-size: 150% !important;
text-transform: capitalize;
}
.page_ttl-eng::before,
.page_ttl-eng::after {
width: 21px;
height: 22px;
background-size: contain;
}
.page_ttl-jp {
font-family: フォーク B;
font-size: 175%;
letter-spacing: 0.3em;
}
.post_ttl {
font-size: 150%;
font-weight: normal;
line-height: 1.3;
letter-spacing: 0.1em;
}
@media (max-width: 767px) {
.section_ttl h2 {
font-size: 178%;
letter-spacing: 0.2em;
}
.section_ttl span,
.page_ttl-eng {
font-size: 160%;
}
.page_ttl {
padding-left: 3vw;
padding-right: 3vw;
}
.page_ttl-jp {
font-size: 157%;
}
.section_ttl span::before,
.section_ttl span::after,
.section_ttl.wh span::before,
.section_ttl.wh span::after,
.page_ttl-eng::before,
.page_ttl-eng::after {
width: 20px;
height: 20px;
margin-top: -5px;
background-size: contain;
}
} .column_ttl {
display: inline-flex;
align-items: center;
margin-bottom: 24px;
font-size: 156%;
font-family: フォーク B;
line-height: 1;
letter-spacing: 0.2em;
}
.column_ttl::before,
.column_ttl::after {
content: "";
display: block;
width: 63px;
height: 10px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/line-fish.png);
}
.column_ttl::before {
margin-right: 15px;
}
.column_ttl::after {
margin-left: 15px;
transform: scale(-1, 1);
}
@media (max-width: 767px) {
.column_ttl::before,
.column_ttl::after {
content: "-";
width: auto;
height: auto;
margin: 0;
background: none;
}
} @keyframes pon {
0% {
opacity: 0;
transform: scale(0) translateY(0);
}
50% {
transform: scale(1.2) translateY(-20px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.efct {
opacity: 0;
}
.efct_act {
animation: pon 0.5s forwards;
}
@keyframes kakukaku5 {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(0deg);
}
51% {
transform: rotate(5deg);
}
100% {
transform: rotate(5deg);
}
}
@keyframes kakukaku10 {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(0deg);
}
51% {
transform: rotate(10deg);
}
100% {
transform: rotate(10deg);
}
}
@media (max-width: 767px) {
.efct {
opacity: 1;
}
} .link {
position: relative;
display: inline-block;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding: 10px 70px;
color: #fff;
text-align: center;
font-weight: bold;
border: 1px solid #1e78da;
background: #1e78da url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.link.rd {
border: 1px solid #ff0002;
background: #ff0002 url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.link::after {
content: "";
position: absolute;
right: 10px;
top: calc(50% - 7.5px);
display: block;
width: 15px;
height: 15px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/link-arrow.png);
}
.link:hover {
color: #333;
border: 1px solid #4893e4;
background: #ffdf2b;
}
.link-txt {
display: inline-flex;
align-items: center;
margin-top: 0.2em;
margin-bottom: 0.2em;
color: #1e78da;
font-weight: bold;
border-bottom: 2px dotted #1e78da;
}
.link-txt::after {
content: "";
display: block;
width: 8px;
height: 8px;
margin-left: 0.3em;
border-top: 2px solid #1e78da;
border-right: 2px solid #1e78da;
transform: rotate(45deg);
}
.link-txt:hover {
color: #ffdf2b !important;
}
@media (max-width: 767px) {
.link {
padding: 10px 30px;
}
} .bg-bl {
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-bl.jpg);
} .flame_bl::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 13px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_bl-sm.png);
background-repeat: repeat-x;
background-position: bottom;
}
.flame_bl-btm::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 13px;
transform: scale(1, -1);
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_bl-sm.png);
background-repeat: repeat-x;
background-position: bottom;
}
.flame_wh::before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 13px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_wh.png);
background-repeat: repeat-x;
background-position: bottom;
}
.flame_wh-btm::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 13px;
transform: scale(1, -1);
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_wh.png);
background-repeat: repeat-x;
background-position: bottom;
} .dot_wh_top::before,
.dot_wh_btm::after {
content: "";
display: block;
width: 100%;
height: 4px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_wh.png) center bottom repeat-x;
}
.dot_wh_top::before {
padding-top: 46px;
}
.dot_wh_btm {
padding-bottom: 46px;
} .mountain_wh::before {
content: "";
position: absolute;
top: -63px;
left: calc(50% - 50px);
display: block;
width: 100px;
height: 63px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/mountain_wh.png);
}
.mountain_bl::before {
content: "";
position: absolute;
top: -63px;
left: calc(50% - 50px);
display: block;
width: 100px;
height: 63px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/mountain_bl.png);
} .line {
position: relative;
display: inline-block;
}
.line::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
height: 6px;
border-radius: 2.5px;
}
.line.bl::after {
background-color: #1e78da;
}
.line.org::after {
background-color: #ffc001;
}
.line.dot_rd::after {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_rd.png);
}
.line.dot_wh::after {
height: 4px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_wh.png);
}
@media (max-width: 767px) {
.line.dot_rd::after {
background-size: contain;
}
} .fish > *::before {
content: "";
position: absolute;
display: block;
background-size: contain;
}
@keyframes fish10 {
0% {
transform: rotate(10deg);
}
100% {
transform: rotate(-10deg);
}
}
@keyframes fish20 {
0% {
transform: rotate(20deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes fish30 {
0% {
transform: rotate(30deg);
}
100% {
transform: rotate(10deg);
}
}
@keyframes fish40 {
0% {
transform: rotate(40deg);
}
100% {
transform: rotate(20deg);
}
}
@keyframes fish10_scale {
0% {
transform: scale(-1, 1) rotate(10deg);
}
100% {
transform: scale(-1, 1) rotate(-10deg);
}
}
@keyframes fish20_scale {
0% {
transform: scale(-1, 1) rotate(20deg);
}
100% {
transform: scale(-1, 1) rotate(0deg);
}
}
@keyframes fish30_scale {
0% {
transform: scale(-1, 1) rotate(30deg);
}
100% {
transform: scale(-1, 1) rotate(10deg);
}
}
@keyframes fish40_scale {
0% {
transform: scale(-1, 1) rotate(40deg);
}
100% {
transform: scale(-1, 1) rotate(20deg);
}
}
.fish01::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/fish01.png);
}
.fish02::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/fish02.png);
}
.bubble::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bubble.gif);
} .goods01::before,
.goods02::before,
.goods03::before {
content: "";
position: absolute;
display: block;
}
.goods01::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/goods01.png);
}
.goods02::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/goods02.png);
}
.goods03::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/goods03.png);
} .star01::before,
.star02::before,
.star01_wh::before,
.star02_wh::before,
.star_anime::before {
content: "";
position: absolute;
display: block;
}
.star01::before {
width: 167px;
height: 160px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/star01.png);
}
.star02::before {
width: 78px;
height: 91px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/star02.png);
}
.star01_wh::before {
width: 63px;
height: 74px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/star01_wh.png);
}
.star02_wh::before {
width: 49px;
height: 54px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/star02_wh.png);
}
.star_anime::before {
width: 110px;
height: 110px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/star_anime.gif);
} .more {
width: 300px;
}
@media (max-width: 767px) {
.more {
width: 100%;
}
} .header {
position: relative;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg.jpg);
}
.home .header {
padding-bottom: 100px;
}
.header::after {
content: "";
position: absolute;
z-index: 1;
display: block;
width: 100%;
height: 29px;
bottom: -29px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_wh-la.png);
}
.header--logo {
width: 371px;
padding-top: 34px;
position: absolute;
z-index: 2;
left: calc(50% - 371px / 2);
}
.gym_info {
display: flex;
position: absolute;
z-index: 2;
top: 0;
right: 2%;
}
.gym_info .sign {
width: 241px;
height: 131px;
color: #fff;
font-family: フォーク B;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/top--img04.png);
}
.gym_info .sign .ttl {
padding-top: 36px;
text-align: center;
}
.gym_info .business_hours dl {
display: flex;
padding-left: 30px;
padding-right: 30px;
font-size: 87%;
line-height: 1.3;
}
.gym_info .business_hours dt {
width: 70px;
}
.gym_info .address {
margin-left: 10px;
}
.gym_info .address address {
margin-top: 10px;
font-size: 87%;
line-height: 1.3;
font-style: normal;
text-align: center;
}
@media (max-width: 1430px) {
.gym_info {
display: block;
}
.gym_info .address {
margin-left: 0;
}
}
@media (max-width: 1250px) {
.gym_info {
display: none;
}
}
@media (max-width: 767px) {
.home .header {
padding-bottom: 70px;
}
.header--logo {
width: auto;
margin-left: 13%;
margin-right: 13%;
padding-top: 24px;
}
} .hero {
position: relative;
overflow: hidden;
height: 820px;
padding-top: 100px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-yel.jpg);
}
.hero .slider {
padding-top: 35px;
}
.hero .slider::after {
content: "";
position: absolute;
top: 0;
left: calc(50% - 1000px);
display: block;
width: 2000px;
height: 820px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/top--sliderbg.png);
}
.hero .slide-item {
width: 540px;
transition: 0.5s;
margin-left: 10px;
margin-right: 10px;
}
.hero .slick-slide img {
width: 100%;
}
.hero .slider-for .slick-current {
transform: scale(1.18);
}
@media (max-width: 767px) {
.hero {
height: 160vw;
padding-top: 5vw;
}
.hero .slider {
padding-top: 0;
}
.hero .slider::after {
width: 100%;
left: 0;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/top--sliderbg-sp.png);
background-size: contain;
}
.hero .slider-for .slick-current {
transform: none;
}
} .hero--contact {
position: absolute;
bottom: 80px;
left: calc(30% - 220px);
z-index: 10;
display: flex;
justify-content: center;
width: 217px;
height: 217px;
padding-top: 25px;
color: #fff;
font-family: フォーク B;
line-height: 1.7;
text-align: center;
transform: rotate(-7deg);
}
.hero--contact.star02_wh::before {
top: 0px;
left: -24px;
}
.hero--contact::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 6px solid #fff;
background-color: #ff0002;
border-radius: 50%;
}
.hero--contact > div {
position: relative;
z-index: 1;
}
.hero--contact_ttl {
position: relative;
font-size: 143%;
}
.hero--contact_ttl::before {
content: "";
display: block;
width: 33px;
height: 34px;
margin: auto;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images//top-tel_img01.png);
}
.hero--contact_ttl::after {
content: "";
display: block;
width: 100px;
height: 4px;
margin: auto;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_wh.png) center bottom repeat-x;
}
.hero--contact_number {
color: inherit;
font-size: 156%;
font-family: "Aref Ruqaa", serif;
}
.hero--contact p {
display: flex;
justify-content: center;
align-items: center;
font-size: 118%;
}
.hero--contact p::after {
content: "";
display: block;
width: 15px;
height: 15px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/note01.png);
}
.hero--img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero--img .lead {
position: absolute;
left: calc(50% + 154px);
top: 90px;
animation: kakukaku5 1s infinite alternate-reverse;
}
.hero--img .goods01::before {
top: 100px;
left: calc(50% - 760px);
width: 98px;
height: 145px;
animation: kakukaku10 1s infinite alternate-reverse;
}
.hero--img .goods02::before {
bottom: 50px;
left: calc(50% - 220px);
width: 150px;
height: 173px;
animation: kakukaku10 1s 1s infinite alternate-reverse;
}
.hero--img .goods03::before {
top: 90px;
right: calc(50% - 790px);
width: 121px;
height: 116px;
animation: kakukaku10 1s infinite alternate-reverse;
}
.hero--img .fish01.lft::before {
top: 140px;
left: calc(50% - 430px);
width: 146px;
height: 61px;
transform: scale(-1, 1) rotate(8deg);
animation: fish10_scale 3s infinite alternate-reverse ease-in-out;
}
.hero--img .fish01.lft-btm::before {
bottom: 140px;
left: calc(50% - 420px);
width: 138px;
height: 59px;
transform: scale(-1, 1) rotate(16deg);
animation: fish20_scale 3s 1s infinite alternate-reverse ease-in-out;
}
.hero--img .fish01.rgt::before {
bottom: 110px;
right: calc(50% - 450px);
width: 146px;
height: 61px;
transform: rotate(29deg);
animation: fish30 3s 1s infinite alternate-reverse ease-in-out;
}
.hero--img .fish02.lft::before {
top: 90px;
left: calc(50% - 600px);
width: 126px;
height: 54px;
transform: scale(-1, 1) rotate(7deg);
animation: fish10_scale 3s infinite alternate-reverse ease-in-out;
}
.hero--img .fish02.lft2::before {
top: 80px;
left: calc(50% - 345px);
width: 126px;
height: 54px;
transform: scale(-1, 1) rotate(11deg);
animation: fish10_scale 3s 1s infinite alternate-reverse ease-in-out;
}
.hero--img .fish02.rgt::before {
bottom: 100px;
right: calc(50% - 590px);
width: 143px;
height: 61px;
transform: rotate(19deg);
animation: fish20 3s infinite alternate-reverse ease-in-out;
}
.hero--img .star_anime::before {
bottom: 180px;
left: calc(50% - 180px);
}
@media (max-width: 767px) {
.hero--img .lead {
animation: none;
left: initial;
right: -9vw;
width: 50vw;
}
} .gnav {
position: relative;
width: 100%;
transition: 1s;
}
.gnav:not(.gnav-subpage) {
background-color: #1e78da;
}
.gnav.default,
.fixed-nav {
position: absolute;
padding-top: 13px;
padding-bottom: 13px;
}
.gnav.default::before {
content: "";
position: absolute;
top: -11px;
display: block;
width: 100%;
height: 12px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/flame_bl-sm.png) repeat-x;
}
.fixed-nav {
position: fixed !important;
z-index: 999;
justify-content: center;
border-bottom: 1px solid #6cb0fb;
}
.fixed-nav.active {
top: 0 !important;
}
.gnav_btn {
display: none;
}
.gnav ul {
color: #fff;
align-items: center;
justify-content: center;
}
.gnav li + li {
border-left: 1px solid #fff;
}
.gnav a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
color: inherit;
font-family: フォーク B;
text-align: center;
line-height: 1.3;
letter-spacing: 0.14em;
}
.gnav :not(h1) a:hover {
color: #1e78da;
background: #ffdf2b;
border-radius: 5px;
}
.gnav.default a {
margin-left: 5px;
margin-right: 5px;
padding-left: 35px;
padding-right: 35px;
}
.gnav.default a::after,
.fixed-nav a::after {
content: attr(data-en);
display: block;
font-family: "Aref Ruqaa", serif;
}
.gnav.fixed-nav :not(h1) a,
.footer--nav a,
.gnav-subpage a {
margin-left: 5px;
margin-right: 5px;
padding-left: 15px;
padding-right: 15px;
}
.gnav-subpage {
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
} .gnav-subpage h1 {
width: 200px;
}
.gnav-subpage ul {
color: #333;
}
.gnav-subpage li + li {
border-left: 1px solid #333;
}
@media (max-width: 1150px) {
.gnav.default a {
padding-left: 20px;
padding-right: 20px;
}
.gnav.fixed-nav :not(h1) a,
.footer--nav a,
.gnav-subpage a {
padding-left: 7px;
padding-right: 7px;
}
}
@media (max-width: 767px) {
.gnav.fixed-nav :not(h1) a {
margin: 0;
padding-left: 3vw !important;
padding-right: 3vw !important;
}
.fixed-nav {
right: -100%;
border-bottom: none;
}
.fixed-nav.active {
right: 0 !important;
}
.gnav .fish01::before {
top: 6vw;
right: 3vw;
width: 21vw;
height: 9vw;
transform: rotate(17deg);
animation: fish20 3s infinite alternate-reverse ease-in-out;
}
.gnav .fish02::before {
top: 16vw;
right: 12vw;
width: 19vw;
height: 8vw;
transform: rotate(17deg);
animation: fish20 3s 1s infinite alternate-reverse ease-in-out;
}
.gnav {
width: calc(100% - 30px);
height: 100vh;
padding-top: 10vw;
background-color: #ffdf2b !important;
transition: 0.5s;
}
.gnav h1 {
width: 65%;
margin-bottom: 3vw;
padding-left: 4vw;
}
.gnav ul {
margin-left: 4vw !important;
margin-right: 4vw;
}
.gnav li {
border: none !important;
}
.gnav_btn,
.gnav_btn span {
display: inline-block;
transition: all 0.4s;
box-sizing: border-box;
}
.gnav_btn {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
display: block;
width: 63px;
height: 64px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/gnav_btn_sp.png);
background-size: cover;
}
.gnav_btn span {
position: absolute;
left: calc(50% - 16px);
width: 32px;
height: 2px;
background-color: #fff;
}
.gnav_btn span:nth-of-type(1) {
top: 17px;
}
.gnav_btn span:nth-of-type(2) {
top: 25px;
}
.gnav_btn span:nth-of-type(3) {
top: 33px;
}
.gnav_btn p {
position: absolute;
left: 50%;
bottom: 14px;
color: #fff;
font-size: 71%;
font-family: フォーク B;
line-height: 1;
transform: translate(-50%);
}
.gnav_btn.active span:nth-of-type(1) {
transform: translateY(7px) rotate(-35deg);
}
.gnav_btn.active span:nth-of-type(2) {
opacity: 0;
}
.gnav_btn.active span:nth-of-type(3) {
transform: translateY(-8px) rotate(35deg);
}
.gnav::before {
content: "";
display: block;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--frame_sp.png);
width: 10px;
height: 100%;
position: absolute;
left: -10px;
top: 0;
background-size: contain;
}
.gnav li {
position: relative;
}
.gnav li + li {
margin-top: 10px;
}
.gnav ul a {
display: flex;
align-items: center;
padding: 15px !important;
color: #000;
font-size: 107%;
text-align: left;
background-color: #fff2aa;
}
.gnav ul a::before {
content: "";
display: block;
width: 32px;
height: 30px;
margin-right: 1em;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.gnav li:nth-child(1) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img01-sp.png);
}
.gnav li:nth-child(2) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img02-sp.png);
}
.gnav li:nth-child(3) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img03-sp.png);
}
.gnav li:nth-child(4) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img04-sp.png);
}
.gnav li:nth-child(5) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img05-sp.png);
}
.gnav li:nth-child(6) a::before {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/menu--img06-sp.png);
}
.gnav ul a::after {
content: "";
position: absolute;
right: 3vw;
top: calc(50% - 3px);
display: block;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #ffa02b;
}
} .footer {
position: relative;
overflow: hidden;
}
#map {
width: 100%;
height: 400px;
} #contact {
margin-top: -100px;
padding-top: 180px;
}
#contact .section_ttl h2 {
font-size: 187%;
}
#contact .tel-number {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 407px;
margin: 50px auto;
padding-bottom: 5px;
font-size: 225%;
font-family: "Aref Ruqaa", serif;
background: #1e78da url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
#contact .tel-number::before,
#contact .tel-number::after {
content: "";
display: block;
width: 63px;
height: 10px;
margin-top: 5px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/line-fish_wh.png) no-repeat;
}
#contact .tel-number::after {
transform: scale(-1, 1);
}
#contact .tel-number a {
color: #fff;
} .footer--info {
position: relative;
padding: 40px 0;
color: #fff;
text-align: center;
background-color: #1e78da;
}
.footer--info .inner {
align-items: center;
justify-content: center;
}
.footer--info address {
padding-top: 10px;
font-style: normal;
} .footer--sns {
margin-left: 50px;
}
.footer--sns li + li {
margin-left: 5px;
}
.footer--sns li a {
display: block;
padding: 9px 10px;
color: #fff;
font-size: 81%;
font-family: Verdana, Arial, Helvetica, Roboto;
letter-spacing: -0.5px;
line-height: 1;
border-radius: 3px;
}
.footer--sns li a:hover {
color: #333;
background-color: #ffdf2b;
}
.footer--sns .twitter a {
background: #55acee;
}
.footer--sns .fb a {
background: #3b5998;
}
.footer--sns .g-plus a {
background: #dd4b39;
}
.footer--sns li i {
margin-right: 5px;
}
.footer--sns ul {
display: flex;
align-items: center;
}
.footer--sns h3 {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 15px;
font-size: 137%;
line-height: 1;
letter-spacing: 3px;
font-family: "Aref Ruqaa", serif;
}
.footer--sns h3::before,
.footer--sns h3::after {
content: "";
display: block;
width: 21px;
height: 24px;
margin-bottom: -10px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/ttl_line-wh.png);
}
.footer--sns h3::before {
margin-right: 10px;
transform: scale(-1, 1);
}
.footer--sns h3::after {
margin-left: 10px;
}
.footer--sns h3 i {
margin-bottom: -10px;
font-family: serif;
}
.footer--nav {
margin-top: 40px;
margin-bottom: 40px;
}
.footer--copyright {
line-height: 1;
text-align: center;
}
.pbl {
text-align: center;
opacity: 0.5;
} .pagetop {
position: fixed;
bottom: 0;
right: 50px;
z-index: 10;
display: block;
width: 105px;
height: 68px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/pagetop.png);
}
.pagetop span {
display: none;
} .footer .fish01.lft1::before {
left: calc(50% - 700px);
top: 75px;
width: 82px;
height: 34px;
transform: scale(-1, 1) rotate(-1deg);
animation: fish10_scale 3s infinite alternate-reverse ease-in-out;
}
.footer .fish01.lft2::before {
left: calc(50% - 347px);
top: 110px;
width: 88px;
height: 37px;
transform: scale(-1, 1) rotate(-1deg);
animation: fish10_scale 3s 1s infinite alternate-reverse ease-in-out;
}
.footer .fish01.rgt::before {
right: calc(50% - 510px);
top: 70px;
width: 82px;
height: 34px;
transform: rotate(8deg);
animation: fish10 3s 1s infinite alternate-reverse ease-in-out;
}
.footer .fish02.lft::before {
left: calc(50% - 510px);
top: 150px;
width: 79px;
height: 34px;
transform: scale(-1, 1) rotate(-1deg);
animation: fish10_scale 3s 1.5s infinite alternate-reverse ease-in-out;
}
.footer .fish02.rgt1::before {
right: calc(50% - 390px);
top: 130px;
width: 87px;
height: 37px;
transform: rotate(-1deg);
animation: fish10 3s 1s infinite alternate-reverse ease-in-out;
}
.footer .fish02.rgt2::before {
right: calc(50% - 660px);
top: 140px;
width: 103px;
height: 44px;
transform: rotate(-8deg);
animation: fish10 3s infinite alternate-reverse ease-in-out;
}
@media (max-width: 767px) {
#contact .tel-number {
font-size: 187%;
}
#contact .tel-number::before,
#contact .tel-number::after {
width: 51px;
height: 8px;
background-size: contain;
}
} #formy_form table {
width: 100%;
}
#formy_form th,
#formy_form td {
padding: 16px;
vertical-align: middle;
border-bottom: solid 1px #eee;
}
#formy_form th {
font-weight: normal;
white-space: nowrap;
text-align: left;
width: 34%;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form table textarea {
width: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
vertical-align: bottom;
}
#formy_form table input[type="text"],
#formy_form table input[type="email"],
#formy_form table input[type="tel"],
#formy_form table input[type="date"],
#formy_form table input[type="password"],
#formy_form select,
#formy_form textarea {
margin: 0;
padding: 5px 15px;
border: 1px solid #ccc;
font: inherit;
font-size: 100%;
}
#formy_form textarea {
height: 100px;
}
#formy_form select {
height: 40px;
}
#formy_form ul {
list-style: none;
margin: 0;
padding: 0;
}
#formy_form input:hover {
opacity: 0.7;
}
#formy_form textarea:hover {
opacity: 0.7;
}
#formy_form input:focus {
background-color: #fff;
}
#formy_form .parsley-validated {
background-color: #eee;
}
#formy_form .parsley-error {
background-color: #fee;
}
#formy_form .parsley-success {
background-color: #fff;
}
.help_text {
font-size: 85%;
color: #999;
}
.hidden_help {
display: none;
}
.formy_privacy div {
overflow-y: scroll;
height: 140px;
border: solid 1px #ccc;
font-size: 85%;
padding: 8px 16px;
}
.requiredIcon {
background: #f55;
color: #fff;
margin: 0 0 0 1em;
font-size: 70%;
padding: 2px 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: right;
}
#formy_btn {
padding-top: 32px;
text-align: center;
}
#formy_btn input {
font-size: inherit;
border: none;
cursor: pointer;
color: #fff;
border-radius: 3px;
padding: 16px 32px;
-webkit-appearance: none;
appearance: none;
}
#formy_form ul li input[type="radio"],
#formy_form ul li input[type="checkbox"] {
display: none !important;
}
#formy_form ul li label {
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: top;
position: relative;
padding: 0px 8px 0px 40px;
cursor: pointer;
}
#formy_form ul li label:hover {
opacity: 0.7;
}
#formy_form ul li label::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border: 2px solid #788b93;
left: 16px;
top: 12px;
}
#formy_form ul li input[type="radio"] + label::before {
border-radius: 10px;
}
#formy_form ul li input[type="radio"]:checked + label,
#formy_form ul li input[type="checkbox"]:checked + label {
color: #e75f5f;
font-weight: bold;
}
#formy_form ul li input[type="radio"]:checked + label::before,
#formy_form ul li input[type="checkbox"]:checked + label::before {
border-color: #e75f5f;
}
#formy_form ul li input[type="radio"]:checked + label::after,
#formy_form ul li input[type="checkbox"]:checked + label::after {
content: "";
width: 10px;
height: 18px;
top: 4px;
left: 20px;
border-right: 2px solid #e75f5f;
border-bottom: 2px solid #e75f5f;
display: block;
position: absolute;
z-index: 10;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.formy_confirm {
background-color: #4dbaff;
}
.formy_submit_disabled {
background-color: #ccc;
}
#formy_btn .formy_submit_disabled:hover {
opacity: 1;
cursor: default;
}
.autoConfirmBack {
background-color: #aaa;
}
.formy_send {
background-color: #ff6600;
}
#total_required {
padding: 16px;
color: #f55555;
text-align: center;
}
@media (max-width: 767px) {
.footer::before {
display: none;
}
.footer--info h1 {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.footer .tel {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
color: #fff;
font-size: 178%;
font-family: "Aref Ruqaa", serif;
line-height: 1;
}
.footer .tel::before {
content: "";
display: block;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/tel-sp.png) no-repeat;
width: 18px;
height: 22px;
margin-top: 8px;
margin-right: 10px;
background-size: contain;
}
#formy_form {
padding: 0 16px;
}
#formy_form th,
#formy_form td {
display: block;
width: auto;
padding-left: 0;
padding-right: 0;
}
#formy_form th {
border-bottom: none;
padding-bottom: 0;
white-space: normal;
font-weight: bold;
}
#formy_form td {
padding-top: 0;
}
#formy_btn {
padding-top: 8px;
}
#formy_btn input {
width: 100%;
background-size: contain;
background-position: center;
}
} .wrap {
position: relative;
overflow: hidden;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg2.jpg);
} .beginners {
padding-top: 86px;
}
.beginners_dtl {
display: flex;
}
.beginners_dtl--txt {
position: relative;
flex-grow: 1;
width: 37%;
margin-left: 30px;
text-align: center;
}
.beginners_dtl--txt.star01::before {
top: -70px;
right: -40px;
}
.beginners_dtl_ttl {
margin-bottom: 20px;
font-size: 150%;
font-weight: bold;
}
.beginners_dtl_lead > p:not(.beginners_dtl_ttl) {
font-size: 112%;
line-height: 1.5;
}
.home .beginners_pack-rgt {
width: 50%;
} .beginners_pack {
position: relative;
overflow: hidden;
flex-wrap: wrap;
justify-content: center;
text-align: center;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg2.jpg);
border-radius: 20px;
}
.beginners_pack_dtl {
position: relative;
display: inline-flex;
justify-content: center;
padding-left: 10px;
padding-right: 10px;
}
.beginners_pack .attention {
margin-top: 20px;
font-size: 87%;
line-height: 1.6;
}
.beginners_pack.star02::before {
top: 20px;
right: 20px;
}
.beginners_pack_dtl li {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
color: #fff;
font-size: 137%;
font-family: フォーク B;
}
.beginners_pack_dtl li:nth-child(1) {
line-height: 1.3;
}
.beginners_pack_dtl li + li {
margin-left: -20px;
}
.beginners_pack_dtl li p {
position: relative;
z-index: 1;
}
.beginners_pack_dtl li::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
border: 4px solid #fff;
background: #ff3333 url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.beginners_pack_dtl li:nth-child(2n)::after {
background: #6ecf3e url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.beginners_pack_price {
font-family: フォーク B;
}
.beginners_pack_price > span {
color: #ff0103;
font-size: 187%;
}
.home .beginners_pack_dtl::before,
.home .beginners_pack_dtl::after,
.information .beginners_pack_dtl::before,
.information .beginners_pack_dtl::after {
content: "";
position: absolute;
bottom: -20px;
display: block;
width: 8px;
height: 128px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_rd.png);
}
.home .beginners_pack_dtl::before,
.information .beginners_pack_dtl::before {
left: 10px;
transform: rotate(-30deg);
}
.home .beginners_pack_dtl::after,
.information .beginners_pack_dtl::after {
right: 10px;
transform: rotate(30deg);
}
.price_dtl_lead {
color: #ff0103;
font-size: 150%;
}
.price_dtl_lead span:not(.line) {
font-size: 2.3rem;
}
.beginners_dtl--img {
position: relative;
order: -1;
width: 53%;
}
.beginners_dtl--img.star02::before {
bottom: 10px;
left: -60px;
}
.beginners_link a {
padding: 10px 40px;
}
.beginners_link a + a {
margin-left: 30px;
} .message {
color: #fff;
text-align: center;
overflow: hidden;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-green.jpg);
}
.message .inner {
position: relative;
}
.message .fish01::before {
bottom: 100px;
left: 10px;
z-index: 2;
width: 148px;
height: 62px;
transform: scale(-1, 1) rotate(16deg);
animation: fish20_scale 3s infinite alternate-reverse ease-in-out;
}
.message .fish02::before {
bottom: 30px;
left: 100px;
z-index: 2;
width: 142px;
height: 61px;
transform: scale(-1, 1) rotate(17deg);
animation: fish20_scale 3s 1s infinite alternate-reverse ease-in-out;
}
@keyframes bubble {
0% {
transform: translateY(0);
}
1000% {
transform: translateY(10px);
}
}
.message .bubble::before {
bottom: 100px;
left: 230px;
width: 20px;
height: 52px;
transform: translateY(10px);
background-size: cover;
animation: bubble 3s 0.5s infinite alternate-reverse ease-in-out;
}
.message h3 {
font-size: 218%;
font-family: フォーク B;
letter-spacing: 0.2em;
line-height: 1.5;
}
.message p {
line-height: 2.3;
}
.message--img img {
position: absolute;
}
.message--img img:nth-child(1) {
top: -60px;
left: calc(50% - 680px);
}
.message--img img:nth-child(2) {
top: 180px;
left: calc(50% - 720px);
}
.message--img img:nth-child(3) {
top: -40px;
right: calc(50% - 620px);
}
.message--img img:nth-child(4) {
top: 160px;
right: calc(50% - 690px);
}
.message--img img:nth-child(5) {
bottom: -80px;
right: calc(50% - 650px);
}
.message--img img:nth-child(6) {
bottom: -80px;
left: calc(50% - 680px);
}
@media (max-width: 767px) {
.beginners_dtl--txt.star01::before {
display: none;
}
.beginners {
padding-top: 0;
}
.beginners_dtl {
flex-wrap: wrap;
}
.beginners_dtl--txt {
width: 100%;
max-width: 100%;
margin-top: 20px;
margin-left: 0;
}
.beginners_dtl--img {
width: 100%;
max-width: 100%;
}
.price_dtl_lead {
font-size: 106%;
}
.price_dtl_lead span:not(.line) {
font-size: 1.5rem;
}
.beginners_pack {
margin-left: 0;
margin-right: 0;
}
.beginners_pack_dtl {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
.beginners_pack_dtl::before,
.beginners_pack_dtl::after {
bottom: -40px;
height: 120px;
}
.beginners_pack_dtl::before {
left: 0;
}
.beginners_pack_dtl::after {
right: 0;
}
.beginners_pack_dtl li {
width: 32vw;
height: 32vw;
font-size: 114%;
}
.beginners_pack_dtl li:nth-child(1) {
line-height: 1.1;
}
.beginners_pack_dtl li::after {
border: 3px solid #fff;
}
.beginners_link a + a {
margin-left: 0;
margin-top: 10px;
}
.home .beginners_pack_dtl::before,
.home .beginners_pack_dtl::after,
.information .beginners_pack_dtl::before,
.information .beginners_pack_dtl::after {
height: 16vw;
}
.message h3 {
font-size: 185%;
}
.message p {
line-height: 1.8;
}
.message p + p {
margin-top: 1em;
}
.message .fish01::before {
top: 20px;
bottom: initial;
left: initial;
right: 0;
width: 93px;
height: 39px;
transform: rotate(16deg);
animation: fish20 3s infinite alternate-reverse ease-in-out;
}
.message .fish02::before {
bottom: 20px;
left: 0;
width: 92px;
height: 40px;
}
.message .bubble::before {
bottom: 60px;
left: 90px;
width: 10px;
height: 26px;
background-size: contain;
}
} .info_dtl {
position: relative;
}
.info_dtl .news--shop {
justify-content: space-between;
} .home_news {
width: 48%;
}
.news_category {
padding-left: 8em;
}
.news_category a {
padding: 4px 10px;
color: #fff;
font-size: 81%;
border-radius: 5px;
background-color: #fa5254;
}
.news_list {
margin-bottom: 20px;
font-size: 106%;
}
.news_list li + li {
margin-top: 20px;
}
.news_post {
display: block;
margin-top: -25px;
padding-bottom: 30px;
line-height: 1.4;
}
.news_post .date {
font-size: 106%;
margin-bottom: 10px;
}
.news_post h4 {
margin-bottom: 10px;
}
.news_list li:not(:last-child) .news_post {
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/news-line.png) left bottom repeat-x;
} .shop {
width: 48%;
}
.shop .address {
margin-top: 20px;
margin-bottom: 20px;
padding: 15px 30px;
font-style: normal;
background-color: #fff8d2;
}
.shop .address dl {
padding: 10px 0;
}
.shop .address dt {
width: 30%;
font-size: 112%;
font-family: フォーク B;
}
.shop .address dd {
font-size: 106%;
}
.shop .address dl + dl {
border-top: 2px solid #fceea5;
}
@media (max-width: 767px) {
.info_dtl .news--shop {
margin-bottom: 50px;
}
.shop {
width: 100%;
margin-bottom: 30px;
}
.shop .address {
padding: 0 20px;
text-align: center;
}
.shop .address dt,
.shop .address dd {
width: 100%;
}
} .about {
position: relative;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/about--bg.png),
url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-yel.jpg);
background-position: bottom center, center;
background-repeat: no-repeat, repeat;
}
.about_list--txt {
padding: 40px 50px;
border-radius: 10px;
background-color: #fff;
}
.about_list li {
align-items: center;
justify-content: space-between;
margin-top: 30px;
}
.about_list li:nth-child(1) .about_list--txt {
width: calc(100% - 48% - 30px);
margin-right: 30px;
}
.about_list li:nth-child(1) .about_list--img {
order: -1;
max-width: 485px;
width: 48%;
}
.about_list li:nth-child(2) .about_list--txt {
width: calc(100% - 48% - 20px);
margin-left: 20px;
}
.about_list li:nth-child(2) .about_list--img {
max-width: 479px;
margin-right: -35px;
width: 48%;
}
@media (max-width: 767px) {
.about {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/about--bg-sp.png),
url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-yel.jpg);
background-size: contain, auto;
}
.about_list li {
padding-top: 30px;
padding-bottom: 40px;
}
.about_list li + li {
border-top: 1px solid #fff;
}
.about_list--txt {
width: 100% !important;
margin-left: 0 !important;
padding: 0;
background: none !important;
}
.about_list--txt .txt {
text-align: left;
}
.about_list--img {
display: none;
}
} .contact_belt .bg-bl {
position: absolute;
bottom: 0;
z-index: 0;
width: 100%;
height: 16vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-bl.jpg);
}
.contact_belt {
position: relative;
margin-left: auto;
margin-right: auto;
}
.contact_belt .inner {
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
max-width: 1026px;
padding-top: 60px;
padding-bottom: 75px;
}
.contact_belt_item {
width: 47%;
max-width: 480px;
padding: 36px;
background-color: #fff8d2;
}
.contact_belt_item.star01_wh::before {
bottom: 30px;
left: -70px;
}
.contact_belt_item.tel .section_ttl span {
font-style: italic;
}
.contact_belt_item.tel .section_ttl h2 {
font-size: 187%;
}
.contact_belt_item.form .section_ttl h2 {
font-size: 181%;
}
.contact_belt_item a {
display: flex !important;
justify-content: center;
align-items: center;
max-width: 100%;
margin: 0;
}
.contact_belt_item.tel a {
padding: 5px 20px 13px 20px;
font-size: 218%;
font-family: "Aref Ruqaa", serif;
line-height: 1;
letter-spacing: 0.1em;
}
.contact_belt_item.tel a::before {
content: "";
display: block;
width: 29px;
height: 36px;
margin-right: 10px;
margin-top: 10px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/contact-tel.png);
}
.contact_belt_item.tel a::after {
display: none;
}
.contact_belt_item.form a {
letter-spacing: 0.2em;
}
.contact_belt_item.form a::after {
position: relative;
right: initial;
top: initial;
width: 20px;
height: 20px;
margin-left: 10px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/link-arrow-contact.png);
}
.contact_belt_item.form a {
font-size: 156%;
font-family: フォーク B;
} .voice {
position: relative;
height: 1373px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--bg.png),
url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-green.jpg);
background-repeat: no-repeat, repeat;
background-position: left 70% bottom 30px, center;
}
.voice .inner {
position: relative;
height: calc(100% - 60px - 46px);
padding-top: 60px;
}
.voice .fish01.lft-btm::before {
bottom: 250px;
left: -120px;
width: 157px;
height: 66px;
transform: scale(-1, 1) rotate(23deg);
animation: fish20_scale 3s 1s infinite alternate-reverse ease-in-out;
}
.voice .fish01.rgt::before {
top: 110px;
right: -120px;
width: 121px;
height: 51px;
transform: rotate(15deg);
animation: fish10 3s infinite alternate-reverse ease-in-out;
}
.voice .fish01.rgt-btm::before {
bottom: 110px;
right: -110px;
width: 121px;
height: 51px;
animation: fish10 3s 1s infinite alternate-reverse ease-in-out;
}
.voice .fish02.lft::before {
top: 220px;
left: -20px;
width: 108px;
height: 46px;
transform: scale(-1, 1) rotate(0.25deg);
animation: fish10_scale 3s infinite alternate-reverse ease-in-out;
}
.voice .fish02.lft-btm::before {
bottom: 290px;
left: 30px;
width: 138px;
height: 60px;
transform: scale(-1, 1) rotate(45deg);
animation: fish40_scale 3s infinite alternate-reverse ease-in-out;
}
.voice .fish02.rgt::before {
top: 50px;
right: -70px;
width: 135px;
height: 58px;
transform: rotate(-7deg);
animation: fish10 3s 1s infinite alternate-reverse ease-in-out;
}
.voice_comment {
position: relative;
}
.voice_comment .txt {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
font-family: フォーク B;
}
.voice_comment .txt01 {
top: -50px;
left: calc(50% - 375px);
width: 382px;
height: 396px;
padding-left: 80px;
padding-right: 50px;
padding-top: 30px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg01.png);
}
.voice_comment .txt02 {
top: 313px;
left: calc(50% - 155px);
width: 352px;
height: 341px;
padding-left: 70px;
padding-right: 50px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg02.png);
}
.voice_comment .txt03 {
top: 281px;
right: calc(50% - 575px);
width: 350px;
height: 363px;
padding-left: 60px;
padding-right: 70px;
padding-top: 40px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg03.png);
}
.voice_comment .txt04 {
top: 611px;
left: calc(50% - 405px);
width: 420px;
height: 357px;
padding-left: 120px;
padding-right: 60px;
padding-top: 20px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg04.png);
}
.voice_comment .txt05 {
top: 623px;
right: calc(50% - 465px);
width: 410px;
height: 348px;
padding-left: 60px;
padding-right: 130px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg05.png);
}
.voice_comment .img {
position: absolute;
}
.voice_comment .img01 {
top: -60px;
right: calc(50% - 520px);
width: 480px;
height: 401px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--img01.png);
}
.voice_comment .img02 {
top: 290px;
left: calc(50% - 640px);
width: 455px;
height: 398px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--img02.png);
}
@media (max-width: 767px) {
.voice .fish01.lft-btm::before,
.voice .fish01.rgt-btm::before,
.voice .fish02.lft::before,
.voice .fish02.lft-btm::before {
display: none;
}
.voice {
height: auto;
padding-bottom: 46px;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--bg-sp.png),
url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-green.jpg);
background-size: contain, auto;
background-position: top 104vw left 0, center;
}
.voice::after {
content: "";
display: block;
width: 100%;
height: 4px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/dot_wh.png) center bottom repeat-x;
}
.voice_comment .img,
.voice_comment .txt {
position: relative;
top: initial;
left: initial;
right: initial;
background-size: contain;
background-repeat: no-repeat;
}
.voice_comment .txt01 {
padding-left: 15vw;
padding-right: 20vw;
}
.voice_comment .txt02 {
padding-left: 20vw;
padding-right: 15vw;
}
.voice_comment .txt03 {
padding-left: 20vw;
padding-right: 15vw;
}
.voice_comment .txt04 {
padding-left: 15vw;
padding-right: 20vw;
}
.voice .link {
position: relative;
margin-top: 15vw;
}
.voice .fish02.rgt::before {
top: 20px;
right: 30px;
width: 80px;
height: 35px;
}
.voice .fish01.rgt::before {
top: 59px;
right: 0;
width: 70px;
height: 30px;
}
.voice_comment .txt,
.voice_comment .img,
.voice_comment .img img {
width: 100%;
}
.voice_comment .txt01 {
left: -10px;
height: 82vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg01-sp.png);
margin-top: -5vw;
}
.voice_comment .txt02 {
right: -16px;
height: 80vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg02-sp.png);
margin-top: -3vw;
background-position: right;
}
.voice_comment .txt03 {
right: -17px;
height: 83vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg03-sp.png);
margin-top: -6vw;
}
.voice_comment .txt04 {
left: -10px;
height: 81vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg04-sp.png);
margin-top: -4vw;
}
.voice_comment .txt05 {
left: -10px;
height: 81vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--comment_bg05-sp.png);
margin-top: -4vw;
padding-left: 25vw;
padding-right: 15vw;
}
.voice_comment .img {
background-size: contain;
}
.voice_comment .img01 {
height: 80vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--img01-sp.png);
background-position: right;
margin-top: -7vw;
right: -10px;
}
.voice_comment .img02 {
left: -17px;
height: 79vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--img02-sp.png);
margin-top: -4vw;
}
.voice_comment .img03 {
right: -10px;
height: 80vw;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/voice--img03-sp.png);
}
} .calendar {
text-align: center;
}
.calendar_wrap {
max-width: 960px; min-width: 300px; margin: 2.0833% auto;
}
.calendar--plugin {
position: relative;
padding-bottom: 75%; height: 0;
}
.calendar--plugin iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.calendar .business_hours {
margin-bottom: 20px;
}
.calendar .business_hours .pc-flx {
justify-content: center;
align-items: center;
}
.calendar .business_hours h3 {
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
color: #ff0002;
font-size: 137%;
font-family: フォーク B;
}
.calendar .business_hours h3::after {
bottom: -3px;
background-size: 6px;
}
.calendar .business_hours ul {
padding-top: 15px;
padding-bottom: 15px;
background-color: #fff8d2;
}
.calendar .business_hours li {
padding: 0 30px;
}
.calendar .business_hours li + li {
border-left: 1px solid #fceea5;
}
.calendar .business_hours li span {
margin-right: 1em;
font-family: フォーク B;
font-weight: bold;
}
.calendar .business_hours > span {
display: inline-block;
margin-top: 0.5em;
line-height: 1.3;
}
@media (max-width: 767px) {
.calendar--plugin {
position: relative;
padding-bottom: 120%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.calendar .business_hours ul {
padding-top: 0;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.calendar .business_hours li {
padding: 10px 0;
}
.calendar .business_hours li + li {
border-top: 1px solid #fceea5;
border-left: none;
}
.calendar .business_hours h3 {
margin-right: 0;
margin-bottom: 10px;
padding: 0;
}
} .gallery--sns {
position: relative;
}
.gallery--sns .inner {
padding-bottom: 150px;
}
.gallery_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gallery_list li {
width: calc(25% - 20px);
margin-bottom: 20px;
background-color: #ffdf2b;
}
.gallery_list li a:hover img {
opacity: 0.5;
}
@media (max-width: 767px) {
.gallery_list li {
width: 48%;
}
.gallery--sns .inner {
padding-bottom: 0;
}
} .sns {
justify-content: space-between;
}
.sns > * {
width: 48%;
}
.sns .section_ttl span {
margin-bottom: 30px;
}
.sns .instagram a {
margin-top: 0;
margin-bottom: 0;
padding-left: 40px;
padding-right: 50px;
font-size: 156%;
font-family: フォーク B;
}
.sns .twitter .plugin {
border: 1px solid #eee;
} .wonderful {
position: relative;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-yel.jpg);
}
.wonderful .section_ttl {
margin-bottom: 60px;
}
.wonderful .inner {
position: relative;
padding-bottom: 100px;
}
.wonderful .fish01:not(.rgt)::before {
left: -70px;
top: 170px;
width: 121px;
height: 51px;
animation: fish10 3s infinite alternate-reverse ease-in-out;
}
.wonderful .fish02:not(.rgt)::before {
left: 390px;
bottom: 70px;
width: 110px;
height: 48px;
transform: scale(-1, 1) rotate(-0.25deg);
animation: fish10_scale 3s infinite alternate-reverse ease-in-out;
}
.wonderful .fish01.rgt::before {
right: -100px;
top: 270px;
width: 121px;
height: 51px;
transform: rotate(15deg);
animation: fish20 3s infinite alternate-reverse ease-in-out;
}
.wonderful .fish02.rgt::before {
right: -50px;
top: 200px;
width: 137px;
height: 58px;
transform: rotate(-7deg);
animation: fish10 3s 1s infinite alternate-reverse ease-in-out;
}
.wonderful_dtl {
display: flex;
}
.wonderful--txt {
display: flex;
flex-wrap: wrap;
width: calc(100% - 52% - 40px);
margin-right: 40px;
padding-top: 30px;
line-height: 2.3;
}
.wonderful--txt p + p {
margin-top: 2em;
}
.wonderful--txt .sign {
margin-top: 2em;
font-size: 118%;
font-family: フォーク B;
}
.wonderful--txt .sign span + span {
margin-left: 1em;
}
.wonderful--img {
max-width: 559px;
width: 52%;
}
@media (max-width: 767px) {
.wonderful .fish02::before {
display: none;
}
.wonderful_dtl {
flex-wrap: wrap;
}
.wonderful--txt,
.wonderful--img {
width: 100%;
}
.wonderful--txt {
margin-right: 0;
}
.wonderful--txt .sign {
order: -1;
margin-top: 0;
margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.wonderful--txt .sign span {
display: block;
margin-left: 0;
}
.wonderful--img {
order: -1;
}
.wonderful .fish01:not(.rgt)::before {
left: initial;
right: 40px;
top: initial;
bottom: 90px;
width: 101px;
height: 42px;
}
.wonderful .fish01.rgt::before {
right: 0;
top: initial;
bottom: 40px;
width: 91px;
height: 39px;
}
} .subpage_default .section {
padding: 40px;
background-color: #fff;
border-radius: 10px;
}
.subpage_default .ttl {
display: inline-flex;
align-items: center;
margin-bottom: 24px;
font-size: 156%;
font-family: "フォーク B";
line-height: 1.3;
letter-spacing: 0.2em;
text-align: center;
}
.subpage_default .ttl::before,
.subpage_default .ttl::after {
content: "";
display: block;
width: 63px;
height: 10px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/line-fish.png) no-repeat;
background-size: contain;
}
.subpage_default .ttl::before {
margin-right: 15px;
}
.subpage_default .ttl::after {
margin-left: 15px;
transform: scale(-1, 1);
}
.subpage_default .subttl {
display: flex;
align-items: center;
margin-right: 20px;
margin-bottom: 20px;
font-size: 125%;
font-family: "フォーク B";
}
.subpage_default .subttl::before {
content: "";
display: block;
width: 10px;
height: 30px;
margin-right: 10px;
border-radius: 10px;
background-color: #1e78da;
}
@media (max-width: 767px) {
.subpage_default .section {
padding: 7vw;
}
.subpage_default .ttl::before,
.subpage_default .ttl::after {
width: 45px;
height: 7px;
}
} .beginner .lead {
text-align: center;
font-size: 112%;
line-height: 2;
}
.beginner .beginners_pack_dtl {
margin-left: 50px;
}
.beginner .beginners_pack {
align-items: center;
margin-left: 5%;
margin-right: 5%;
padding: 30px;
}
.beginner .beginners_pack--txt p {
font-size: 187%;
font-family: "フォーク B";
letter-spacing: 0.2em;
}
@media (max-width: 767px) {
.beginner .lead {
text-align: left;
}
} .information.section_pdg {
padding-bottom: 0;
}
.information .beginners_pack_price {
margin-top: 30px;
}
.information .business_hours {
text-align: center;
}
.information .business_hours .inner {
justify-content: space-between;
}
.information .business_hours_dtl {
width: 59%;
padding: 30px;
border-radius: 10px;
font-style: normal;
background-color: #fff;
}
.information .business_hours_dtl .pc-flx {
justify-content: center;
margin-bottom: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff8d2;
}
.information .business_hours_dtl dl {
display: flex;
justify-content: center;
padding: 0 20px;
font-size: 125%;
}
.information .business_hours_dtl dl + dl {
border-left: 2px solid #fceea5;
}
.information .business_hours_dtl dt {
margin-right: 10px;
font-weight: bold;
}
.information .beginners_pack_dtl {
padding-left: 20px;
padding-right: 20px;
}
.information .beginners_pack {
width: 60%;
}
.information .beginners_pack,
.information .price_tbl-wrap {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.information .beginners_pack--txt {
width: 60%;
padding: 30px;
}
.chance {
width: 39%;
padding: 20px 30px;
color: #fff;
text-align: center;
border-radius: 10px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-green.jpg);
}
.chance_ttl {
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 162%;
font-family: "フォーク B";
}
.member_service {
padding-top: 50px;
padding-bottom: 80px;
text-align: center;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-bl.jpg);
}
.member_service .ttl::before,
.member_service .ttl::after {
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/line-fish_wh.png);
}
.member_service_dtl {
justify-content: space-between;
font-size: 131%;
}
.member_service_dtl li {
position: relative;
width: 49%;
line-height: 1.7;
border-radius: 10px;
background-color: #fff;
}
.member_service_dtl li:nth-child(2).star01::before {
top: -30px;
right: -40px;
}
.member_service_dtl li:nth-child(1).star01::before {
bottom: -40px;
left: -80px;
transform: scale(-1, 1) rotate(70deg);
}
.member_service_dtl .no {
position: relative;
overflow: hidden;
padding-bottom: 9px;
}
.member_service_dtl .no::after {
content: "";
position: absolute;
left: calc(50% - 90px);
top: -80px;
z-index: 0;
display: block;
width: 180px;
height: 180px;
background-color: #ffdf2b;
border-radius: 50%;
}
.member_service_dtl .no span {
position: relative;
z-index: 1;
display: block;
margin-bottom: 20px;
color: #1e78da;
font-size: 3rem;
font-family: "Aref Ruqaa", serif;
line-height: 1;
}
.member_service_dtl .no span::before {
content: "service ";
position: relative;
z-index: 10;
display: block;
font-size: 1.5rem;
}
.member_service_dtl p {
padding: 20px;
}
.member_service_dtl p span {
margin-left: 0.3em;
margin-right: 0.3em;
font-size: 130%;
}
.beginners_pack--txt.star01::before {
top: 30px;
left: 20px;
}
.beginners_pack--txt h3 {
margin-bottom: 20px;
font-family: "フォーク B";
line-height: 1.5;
}
.beginners_pack--txt h3 span {
display: block;
}
.beginners_pack--txt h3 .catch {
font-size: 162%;
}
.beginners_pack--txt h3 span:not(.catch) {
font-size: 250%;
}
.beginners_pack--img {
width: 40%;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/gallery_img05.jpg);
background-size: cover;
background-position: center;
}
.price_tbl-wrap {
justify-content: space-between;
margin-left: 5%;
margin-right: 5%;
}
.price_tbl {
width: 49%;
font-size: 87%;
line-height: 1.5;
}
.price_tbl table {
width: 100%;
}
.price_tbl thead {
background-color: #fff09e;
}
.price_tbl tbody tr:nth-child(2n + 1) {
background-color: #fff8d2;
}
.price_tbl tbody tr:nth-child(2n) {
border-left: 2px solid #fff8d2;
border-right: 2px solid #fff8d2;
}
.price_tbl .tbl_ttl {
width: 180px;
font-weight: bold;
}
.price_tbl .attention {
font-size: 87%;
}
.price_tbl th,
.price_tbl td {
padding: 15px;
vertical-align: middle;
}
.discount {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.discount h4 {
margin-top: -80px;
margin-bottom: 20px;
font-size: 175%;
font-family: "フォーク B";
line-height: 1.5;
}
.discount h4 span:not(.txt-rd) {
display: inline-block;
padding: 10px 30px;
border-radius: 30px;
letter-spacing: 0.1em;
background-color: #fff;
}
.discount p {
font-size: 125%;
}
.pledge {
position: relative;
color: #fff;
text-align: center;
}
.pledge ul {
justify-content: space-between;
}
.pledge li {
width: calc(50% - 2px);
padding: 50px 50px 80px 50px;
}
.pledge li:nth-child(1) {
background: #6ecf3e url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.pledge li:nth-child(2) {
background: #ff9c07 url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
}
.pledge li h5 {
margin-bottom: 20px;
font-size: 150%;
}
.pledge li p {
font-size: 125%;
}
.pledge .link {
position: absolute;
bottom: 30px;
left: 50%;
transform: translate(-50%);
}
@media (max-width: 1250px) {
.price_tbl-wrap {
display: block;
}
.price_tbl-wrap > * + * {
margin-top: 20px;
}
.price_tbl {
width: 100%;
}
}
@media (max-width: 767px) {
.star01::before {
display: none;
}
.information .business_hours_dtl,
.chance,
.information .beginners_pack--txt,
.beginners_pack--img {
width: 100%;
}
.beginners_pack--txt h3 span:not(.catch) {
font-size: 200%;
}
.chance {
margin-top: 8vw;
}
.beginners_pack--txt h3 span {
line-height: 1.3;
}
.information .beginners_pack--txt {
padding: 5vw;
}
.information .beginners_pack_dtl {
margin-left: -2vw;
padding-left: 0;
padding-right: 0;
}
.information .business_hours_dtl dl {
border-left: none !important;
}
.price_tbl table {
width: 150vw;
}
.table {
width: 100%;
overflow-y: hidden;
}
.member_service_dtl li {
width: 100%;
}
.member_service_dtl li + li {
margin-top: 20px;
}
} .facility--column {
position: relative;
align-items: center;
padding-left: 6%;
padding-right: 6%;
padding-top: 100px;
padding-bottom: 100px;
}
.facility--column:nth-child(2n)::before {
top: -12px;
}
.facility--column:nth-child(3)::before {
bottom: initial;
top: -1px;
}
.facility--img.star01::before {
right: 20px;
top: -50px;
z-index: 2;
}
.facility--img.star02::before {
right: 0;
top: 0;
z-index: 2;
}
.facility--txt .fish01::before {
top: 0;
right: -80px;
width: 143px;
height: 60px;
animation: fish20 3s infinite alternate-reverse ease-in-out;
z-index: 2;
}
.facility--img .fish02::before {
bottom: 20px;
left: -70px;
width: 140px;
height: 60px;
animation: fish30_scale 3s infinite alternate-reverse ease-in-out;
z-index: 2;
}
.facility--column:nth-child(2n + 1) .facility--txt {
margin-right: 50px;
}
.facility--column:nth-child(2n) .facility--txt {
margin-left: 50px;
}
.facility--column:nth-child(2n) .facility--img {
order: -1;
}
.facility--txt {
position: relative;
width: calc(50% - 50px);
}
.facility--txt h2 {
margin-bottom: 20px;
font-family: "フォーク B";
font-size: 187%;
letter-spacing: 0.2em;
}
.facility--txt p + p {
margin-top: 1em;
}
.facility--txt p {
font-size: 112%;
}
.facility--img {
position: relative;
width: 50%;
}
.facility--img img {
position: relative;
z-index: 1;
width: 100%;
}
.facility--column:nth-child(2n + 1) .facility--img img {
transform: rotate(-2deg);
}
.facility--column:nth-child(2n) .facility--img img {
transform: rotate(2deg);
}
.facility--img::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-green.jpg);
}
.facility--column:nth-child(2n + 1) .facility--img::after {
transform: rotate(2deg);
}
.facility--column:nth-child(2n) .facility--img::after {
transform: rotate(-2deg);
}
@media (max-width: 767px) {
.facility--txt,
.facility--img {
width: 100%;
margin-left: 0 !important;
}
.facility--txt {
margin-bottom: 20px;
}
} .gym_about {
justify-content: space-between;
align-items: center;
}
.gym_about--txt {
width: 70%;
padding-right: 50px;
}
.gym_about--txt .subttl {
margin-bottom: 10px;
}
.gym_about--txt p {
margin-top: 2em;
}
.gym_about--txt dl {
margin-bottom: 30px;
}
.gym_about--txt dd {
font-size: 112%;
}
.gym_about--img {
position: relative;
width: 30%;
}
.gym_about--img img {
width: 100%;
}
.gym_about--img.star01_wh::before {
left: -60px;
bottom: -40px;
}
.access {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.access_dtl .pc-flx {
justify-content: space-between;
}
.access_dtl--shop {
position: relative;
overflow: hidden;
width: 49%;
padding: 110px 30px 30px 30px;
background-color: #fff;
border-radius: 10px;
}
.access_dtl--shop h3 {
position: absolute;
top: -110px;
left: 50%;
display: inline-block;
width: 200px;
height: 200px;
padding-top: 130px;
color: #fff;
font-size: 137%;
font-family: "フォーク B";
transform: translate(-50%);
border-radius: 100%;
background-color: #1e78da;
}
.access_dtl--shop address {
margin-bottom: 20px;
font-style: normal;
font-size: 112%;
text-align: center;
}
.access_dtl--shop_img {
margin-top: -50px;
margin-bottom: 20px;
text-align: center;
}
.access_dtl--shop .business_hours {
align-items: center;
justify-content: center;
margin-top: 20px;
padding-top: 15px;
padding-bottom: 15px;
background-color: #fff8d2;
}
.access_dtl--shop .business_hours h4 {
margin-right: 20px;
font-size: 125%;
}
.access_dtl--shop .business_hours dl {
width: 23%;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.access_dtl--shop .business_hours dl + dl {
border-left: 1px solid #fceea5;
}
.access_dtl--shop .business_hours dt {
font-weight: bold;
}
.access_dtl--shop .business_hours dd {
line-height: 1.3;
}
@media (max-width: 1250px) {
.access_dtl--shop .business_hours dl,
.gym_about--txt,
.gym_about--img {
width: 100%;
}
.access_dtl--shop .business_hours {
display: block;
text-align: center;
}
.access_dtl--shop .business_hours h4 {
margin-right: 0;
margin-bottom: 10px;
}
.access_dtl--shop .business_hours dl {
display: flex;
align-items: center;
width: 80%;
margin: auto;
padding: 0;
text-align: left;
border-left: none !important;
}
.access_dtl--shop .business_hours dt {
width: 6em;
}
}
@media (max-width: 767px) {
.access_dtl--shop,
.gym_about--txt,
.gym_about--img {
width: 100%;
}
.access_dtl--shop {
padding: 35vw 7vw 10vw 7vw;
}
.access_dtl--shop + .access_dtl--shop {
margin-top: 20px;
}
.gym_about--txt {
margin-bottom: 20px;
padding-right: 0;
}
} .flow_use li:not(:last-child)::after {
content: "";
display: block;
height: 100px;
width: 4px;
margin: auto;
background-color: #fff;
}
.flow_use--inner {
padding: 30px 60px;
border-radius: 10px;
background-color: #fff;
}
.flow_use--inner h3 {
position: relative;
margin-bottom: 1em;
padding-top: 10px;
font-family: フォーク B;
font-size: 175%;
text-align: center;
line-height: 1;
letter-spacing: 0.1em;
}
.flow_use--inner h3 span {
position: absolute;
top: -50px;
left: 50%;
display: block;
padding: 5px 20px 14px 20px;
color: #ff0002;
font-family: "Aref Ruqaa", serif;
font-size: 1.7rem;
line-height: 1;
transform: translate(-50%);
background-color: #fff;
border-radius: 50px;
}
.flow_use--txt {
width: 67%;
margin: auto;
}
.flow_use--txt p + p {
margin-top: 1em;
}
.flow_use--img {
display: flex;
align-items: flex-start;
justify-content: center;
width: 30%;
margin-right: 3%;
}
.flow_use--img img {
width: 100%;
border-radius: 10px;
}
.flow_beginners_pack {
position: relative;
}
.flow_beginners_pack .fish01::before {
bottom: 100px;
left: 160px;
width: 172px;
height: 73px;
transform: scale(-1, 1) rotate(17deg);
animation: fish20_scale 3s infinite alternate-reverse ease-in-out;
}
.flow_beginners_pack .fish02::before {
bottom: 20px;
left: 310px;
width: 162px;
height: 70px;
transform: scale(-1, 1) rotate(17deg);
animation: fish20_scale 3s 1s infinite alternate-reverse ease-in-out;
}
.flow_beginners_pack_dtl {
margin-top: 60px;
margin-left: 3%;
margin-right: 3%;
}
.flow_beginners_pack_dtl li {
width: calc(25% - 15px);
float: left;
text-align: center;
background-color: #fff;
padding: 30px;
border-radius: 20px;
}
.flow_beginners_pack_dtl li + li {
margin-left: 20px;
}
.flow_beginners_pack_dtl li:nth-child(2) {
margin-top: 30px;
}
.flow_beginners_pack_dtl li:nth-child(3) {
margin-top: 60px;
}
.flow_beginners_pack_dtl li:nth-child(4) {
margin-top: 90px;
}
.flow_beginners_pack_dtl li > .pc-flx {
justify-content: space-between;
}
.flow_beginners_pack--ttl {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
font-family: フォーク B;
font-size: 160%;
}
.flow_beginners_pack--ttl span {
position: absolute;
top: -70px;
left: 50%;
display: block;
width: 100%;
color: #ff0002;
font-family: "Aref Ruqaa", serif;
font-size: 2rem;
transform: translate(-50%);
}
.flow_beginners_pack--ttl::before {
margin-right: 10px;
transform: scale(-1, 1);
}
.flow_beginners_pack--ttl::after {
margin-left: 10px;
}
.flow_beginners_pack--ttl::before,
.flow_beginners_pack--ttl::after {
content: "";
display: block;
width: 27px;
height: 28px;
margin-bottom: -18px;
background: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/ttl_line.png) no-repeat;
}
.flow_beginners_pack--txt {
text-align: left;
line-height: 1.5;
}
.flow_beginners_pack--txt p + p {
margin-top: 1em;
}
.flow_beginners_pack--img {
margin-bottom: 20px;
}
.flow_beginners_pack--img img {
border-radius: 10px;
}
@media (max-width: 1250px) {
.flow_beginners_pack_dtl {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.flow_beginners_pack_dtl li {
float: none;
width: 48%;
margin-left: 0 !important;
margin-top: 50px !important;
}
.flow_beginners_pack--ttl::before,
.flow_beginners_pack--ttl::after {
width: 22px;
height: 23px;
margin-top: -10px;
background-size: contain;
}
}
@media (max-width: 767px) {
.flow_beginners_pack p {
text-align: left;
}
.flow_beginners_pack {
padding-left: 5vw;
padding-right: 5vw;
}
.flow_beginners_pack_dtl {
margin-top: 5vw;
}
.flow_beginners_pack_dtl li {
width: auto;
}
.beginner .beginners_pack_dtl {
display: block;
width: 100%;
margin-left: 0 !important;
}
.beginner .beginners_pack_dtl li {
width: 100%;
height: auto;
margin-left: 0 !important;
padding: 5vw;
line-height: 1.3;
}
.beginner .beginners_pack_dtl li::after {
border-radius: 15px;
}
.beginners_pack--txt.star01::before {
top: -20px;
left: initial;
right: -20px;
width: 29vw;
height: 28vw;
background-size: contain;
}
.beginners_pack.star02::before {
display: none;
}
.flow_use--inner {
padding: 30px;
}
.flow_use--inner h3 span {
padding: 5px 10px 14px 10px;
}
.flow_use--txt,
.flow_use--img {
width: 100%;
}
.flow_use--img {
margin-bottom: 20px;
}
} .subpage_default {
position: relative;
background-image: url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-yel.jpg);
} .main-column {
float: left;
width: 760px;
} .post {
position: relative;
margin-bottom: 40px;
padding: 40px;
border-radius: 10px;
background: #fff;
}
.category_list {
overflow: hidden;
}
.category_list a {
display: inline-block;
float: left;
vertical-align: middle;
margin: 0 4px 4px 0;
padding: 6px 16px;
font-size: 79%;
line-height: 1;
color: #f6f6f6;
border-radius: 3px;
white-space: nowrap;
background: #56a0b9;
} .post .post-img {
overflow: hidden;
float: right;
margin: 0 0 24px 24px;
border-radius: 5px;
}
@media (max-width: 1100px) and (min-width: 768px) {
.main-column {
width: 70%;
margin-left: 2%;
}
}
@media (max-width: 767px) {
.post {
padding: 7vw;
}
.post .post-img {
width: 100%;
margin: 0 0 20px 0;
}
.post .post-img img {
width: 100%;
}
.main-column {
width: 100%;
float: none;
}
} .side-column {
float: right;
width: 270px;
}
.side-section {
margin-bottom: 56px;
}
.side-ttl {
font-size: 120%;
letter-spacing: 0.2em;
line-height: 1;
margin-bottom: 24px;
}
.side-ttl small {
display: block;
margin-top: 8px;
font-size: 62%;
line-height: 1;
letter-spacing: 0.15em;
}
.side-link_list li {
padding: 16px 0;
border-bottom: 2px dashed #fff;
}
.side-link_list a {
display: flex;
align-items: flex-start;
line-height: 1.6;
}
.side-link_list a:hover {
color: #ccc;
}
.side-thumbnail {
margin-right: 16px;
border-radius: 3px;
}
.side-link_list .date {
font-size: 87%;
text-align: left;
} .catarea-bloc {
position: relative;
padding: 8px 0;
border-top: 1px solid #888;
}
.catarea-bloc h3 {
padding-right: 64px;
line-height: 1.5;
}
.catarea-bloc h3 a {
display: block;
}
.catarea-bloc h3 a:hover {
color: #333;
}
.catarea-bloc .tab {
position: absolute;
top: 9px;
right: 0;
display: inline-block;
height: 20px;
padding: 0 8px;
font-size: 80%;
line-height: 20px;
text-align: center;
color: #fff;
border-radius: 10px;
background: #aaa;
}
.catarea-bloc .tab:hover {
background: #aaa;
}
.catarea-bloc .tab.open {
background: #d3cfac;
}
.catarea-bloc .catarea-list {
display: block;
margin-top: 16px;
}
.catarea-bloc .catarea-list li a {
display: block;
margin-top: 4px;
padding: 4px 16px;
font-size: 93%;
line-height: 1.4;
background: #f6f6f6;
}
.catarea-bloc .catarea-list li a:hover {
background: #ccc;
}
#wp-calendar {
width: 100%;
text-align: center;
}
#wp-calendar td {
padding: 2px 0;
}
#wp-calendar tbody td a {
display: inline-block;
width: 25px;
height: 25px;
text-decoration: none;
border-radius: 15px;
background-color: #eee;
}
#wp-calendar #prev a,
#wp-calendar #next a {
display: block;
margin-top: 16px;
color: #fff;
text-decoration: none;
border-radius: 2px;
background: #56a0b9;
}
@media (max-width: 1100px) and (min-width: 768px) {
.side-column {
width: 23%;
margin-right: 2%;
}
.catarea-bloc {
display: inline-block;
width: 23%;
margin: 1%;
}
.side-section {
overflow: hidden;
}
}
@media (max-width: 767px) {
.side-column {
width: 100%;
float: none;
}
.side-column .side-section:last-child {
margin-bottom: 0;
}
.catarea-bloc .catarea-list {
overflow: hidden;
margin: 8px 0 16px;
}
.catarea-bloc .catarea-list li {
width: 49%;
margin: 0 0 1% 1%;
float: left;
}
.catarea-bloc .catarea-list li a {
font-size: 100%;
}
} .wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.wp-pagenavi .current {
display: inline-block;
max-width: 42%;
padding: 8px 16px;
color: #333;
border: 1px solid #4893e4;
background: #ffdf2b;
}
.wp-pagenavi a {
position: relative;
display: inline-block;
max-width: 42%;
overflow: hidden;
padding: 8px 16px;
text-overflow: ellipsis;
color: #fff;
vertical-align: top;
white-space: nowrap;
background: #1e78da url(//www.gyodoclimbing.jp/wp/wp-content/themes/original_theme/images/common/bg-dot.png);
border: 1px solid #1e78da;
}
.wp-pagenavi a:hover {
color: inherit;
background: #ffdf2b;
border: 1px solid #4893e4;
}
.single .wp-pagenavi a[rel="next"] {
padding-left: 32px;
}
.single .wp-pagenavi a[rel="prev"] {
padding-right: 32px;
}
.single .wp-pagenavi a[rel="next"]::before,
.single .wp-pagenavi a[rel="prev"]::after {
content: "\f104";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: 16px;
margin-top: 3px;
}
.single .wp-pagenavi a[rel="prev"]::after {
content: "\f105";
left: auto;
right: 16px;
}
@media (max-width: 767px) {
.wp-pagenavi {
justify-content: center;
margin-bottom: 40px;
}
.wp-pagenavi a + a {
margin-left: 5px;
}
.wp-pagenavi a {
max-width: 100%;
padding: 5px 12px;
margin-bottom: 8px;
}
.wp-pagenavi .extend,
.wp-pagenavi .current {
margin-left: 5px;
margin-right: 5px;
}
.wp-pagenavi .current {
margin-bottom: 8px;
padding: 5px 12px;
}
.wp-pagenavi .pages {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.wp-pagenavi .first {
order: 1;
width: 30%;
}
.wp-pagenavi .last {
order: 2;
width: 30%;
text-align: right;
}
}.mceContentBody {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph;
}
.mceContentBody ul,
.mceContentBody ol {
margin: 1em 0;
} 
.mceContentBody ul li,
.mceContentBody ol li {
position: relative;
margin: 0;
border-bottom: none;
padding: 0;
margin-left: 2em;
padding-top: 8px;
line-height: 1.65;
}
.mceContentBody ul li {
margin: 0;
padding-left: 2em;
}
.mceContentBody ul li:before {
content: "\f111";
position: absolute;
left: 4px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
padding-top: 6px;
font-weight: normal;
color: #aaa;
}
.mceContentBody ol li {
list-style-type: decimal;
}
.mceContentBody img {
margin: 20px 0;
max-width: 100%;
height: auto;
}
.mceContentBody hr {
border-top: 3px double #ccc;
background: transparent;
}
.mceContentBody .alignleft {
float: left;
clear: left;
margin: 0 30px 30px 0;
}
.mceContentBody .alignright {
float: right;
clear: right;
margin: 0 0 30px 30px;
}
.mceContentBody .aligncenter {
display: block;
margin: 30px auto;
}
.mceContentBody table {
border: 2px solid #ccc;
margin: 20px 0;
line-height: 1.6;
}
.mceContentBody a,
.text-link {
text-decoration: underline;
color: #d00a23;
}
.mceContentBody table th,
.mceContentBody table td {
padding: 8px 16px;
border: 1px solid #ccc;
font-size: 93%;
vertical-align: middle;
}
.mceContentBody table th {
white-space: nowrap;
}
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5 {
font-weight: normal;
border-left: 5px solid;
padding-left: 10px;
line-height: 1;
margin-bottom: 20px;
}
.mceContentBody h1 {  font-size: 172%;}
.mceContentBody h2 {  font-size: 158%;}
.mceContentBody h3 {  font-size: 143%;}
.mceContentBody h4 {  font-size: 129%;}
.mceContentBody h5 {  font-size: 115%;}
.mceContentBody p {
margin-bottom: 1em;
letter-spacing: 0.1em;
}
.mceContentBody blockquote{
margin: 1em 0;
padding: 15px 40px;
border-radius: 3px;
position: relative;
display: inline-block;
font-style: oblique;
color: #666;
}
.mceContentBody blockquote p {margin-bottom: 0;}
.mceContentBody blockquote:before,
.mceContentBody blockquote:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
font-size: 100%;
position: absolute;
width: 1em;
height: 1em;
}
.mceContentBody blockquote:before {
content: "\f10d";
top: 13px;
left: 10px;
}
.mceContentBody blockquote:after {
content: "\f10e";
bottom: 13px;
right: 10px;
} .scroll {
overflow-x: scroll;
margin: 0 0 24px;
}
.scroll table {
margin: 0;
}
.scroll--cap {
text-align: right;
margin: 24px 0 0 !important;
opacity: 0.25;
font-size: 93%;
}
@media (max-width: 767px) {
.mceContentBody {
font-size: 100%;
}
.mceContentBody .alignright,
.mceContentBody .alignleft  {
float: none;
margin: 20px auto;
display: block;
}
.mceContentBody blockquote {
padding: 15px;
}
.mceContentBody blockquote:before {
top: 0;
left: 0;
}
.mceContentBody blockquote:after {
bottom: 0;
right: 0;
}
.mceContentBody ul li,
.mceContentBody ol li {
margin-left: 1em;
}
.mceContentBody ul li {
padding-left: 0;
}
.mceContentBody ul li:before {
left: -14px;
padding-top: 6px;
font-size: 12px;
}
}