@charset "UTF-8";
@charset "UTF-8";
  .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;
overflow: hidden;
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;
}
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i|Roboto+Condensed:400,700|Lora|Rochester");
html {
font-size: 62.5%; }
body {
position: relative;
font-family: 'Roboto', '游ゴシック' , 'Yu Gothic' , 'YuGothic' ,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.75;
text-align: center;
color: #333;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
max-width: 100%;
height: auto;
border: none;
vertical-align: middle; }
ul {
list-style: none;
margin: 0;
padding: 0; }
ul.def {
margin: 1em 0;
padding-left: 40px;
list-style-type: disc; }
ol.def {
margin: 1em 0;
padding-left: 40px;
list-style-type: decimal; }
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.5;
margin: 0 0 0.5em; }
section .far, section .fas {
margin-right: 5px; }
a,
a img {
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s; }
a img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
a:link {
text-decoration: none;
color: #009bb7; }
a:visited {
text-decoration: none;
color: #009bb7; }
a:hover {
text-decoration: none;
color: #000; }
a:hover img {
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75; }
article .section p a:link,
article .section p a:visited {
text-decoration: none;
color: #009bb7; }
article .section p a:hover {
text-decoration: none;
color: #000; } header {
position: fixed;
background-color: white;
width: 100%;
margin: auto;
z-index: 1000;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
#header {
width: 100%;
text-align: left;
margin: 0 auto;
padding: 30px;
box-sizing: border-box; }
#logo {
font-size: 1.6rem;
line-height: 1.0;
margin: 0;
padding: 0; }
#logo a {
display: inline-block; }
#logo img {
width: 246px;
height: 50px; } nav .nav > li {
display: block;
font-size: 1.4rem; }
nav .nav > li:before {
content: '|';
color: #ccc; }
nav .nav > li.snslinks:before,
nav .nav > li.navblocklink:before,
nav .nav > li:first-child:before {
content: ''; }
nav .nav > li > a {
padding: 2px 10px; }
nav .nav > li.snslinks > a,
nav .nav > li.navblocklink > a {
padding: 0; }
a.navblocklink:link,
a.navblocklink:visited,
.navblocklink > a:link,
.navblocklink > a:visited {
display: inline-block;
background-color: #009bb7;
text-align: center;
color: #fff;
line-height: 32px;
min-width: 32px;
margin-left: 10px;
border-radius: 50%;
box-sizing: border-box; }
a.navblocklink:hover,
.navblocklink > a:hover {
background-color: #333;
color: #fff; }
.snslinks > a:link,
.snslinks > a:visited {
display: inline-block;
text-align: center;
font-size: 36px;
line-height: 36px;
margin-left: 10px;
box-sizing: border-box; }
a.navblocklink .fab, a.snslinks .fab,
.navblocklink > a .fab, .snslinks > a .fab,
a.navblocklink .far, a.navblocklink .fas,
.navblocklink > a .far, .navblocklink > a .fas {
margin-right: 0; } .mobile-nav {
display: none; }
.gblnv_block {
background-color: #fff;
height: calc(100vh - 110px);
z-index: 1000;
display: none;
overflow-y: auto; }
.gblnv_block ul {
text-align: left;
padding: 0 4%; }
.gblnv_block ul li {
font-size: 2.4rem;
font-weight: bold;
line-height: 1.5; }
.gblnv_block ul li a {
display: block;
color: #fff;
margin-bottom: 5px;
padding: 10px 20px;
box-sizing: border-box; }
.gblnv_block ul li a:link,
.gblnv_block ul li a:visited {
background-color: #009bb7; }
.gblnv_block ul li a:hover {
background-color: #333; }
.onanimation {
display: block; }
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box; }
.menu-trigger {
position: relative;
width: 30px;
height: 30px; }
.menu-trigger span {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 90%;
height: 2px;
background-color: #fff; }
.menu-trigger span:nth-of-type(1) {
top: 4px; }
.menu-trigger span:nth-of-type(2) {
top: 14px; }
.menu-trigger span:nth-of-type(3) {
bottom: 4px; }
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) {
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards; }
@-webkit-keyframes active-menu-bar02 {
100% {
height: 0; } }
@keyframes active-menu-bar02 {
100% {
height: 0; } }
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(45deg);
transform: translateY(-10px) rotate(45deg); } .sidebar .sideblock {
margin-bottom: 30px; }
.sidebar .sideblock h3 {
font-size: 1.6rem; }
.sidebar .sideblock ul {
border-top: 1px dotted #ddd;
margin-left: 30%; }
.sidebar .sideblock li {
border-bottom: 1px dotted #ddd;
text-align: left; }
.sidebar .sideblock li > a {
font-size: 1.4rem; }
.sidebar .custom-html-widget > a {
display: inline-block;
margin-left: 30%; } main {
display: block;
padding-top: 110px; }
.section {
max-width: 1200px;
padding: 0 30px;
text-align: left;
margin: 0 auto;
box-sizing: border-box; }
.section.textcenter,
.textcenter {
text-align: center; }
.textleft {
text-align: left; }
.textright {
text-align: right; }
.flex {
display: flex;
justify-content: space-between;
align-items: center; }
.flex.str {
align-items: flex-start; }
.pc-block {
display: block; }
.sp-block {
display: none; }
p.img {
margin: 0; }
.btn + .btn {
margin-top: 15px; }
.btnblock {
text-align: center; }
.btnblock .btn {
display: inline-block;
min-width: 300px;
text-align: center;
background-color: #009bb7;
font-size: 1.8rem;
font-weight: 600;
color: #fff;
border-radius: 5px;
padding: 15px 20px;
box-sizing: border-box; }
.btnblock .btn::after {
content: "\f105";
font-family: "Font Awesome 5 Free";
margin-left: 0.5em; }
.btnblock .btn:link,
.btnblock .btn:visited {
color: #fff; }
.btnblock .btn:hover {
background-color: #000; }
.btnblock.white .btn {
background-color: #fff;
color: #009bb7; }
.btnblock.white .btn::after {
content: "\f105";
font-family: "Font Awesome 5 Free";
margin-left: 0.5em; }
.btnblock.white .btn:link,
.btnblock.white .btn:visited {
color: #009bb7; }
.btnblock.white .btn:hover {
background-color: #000;
color: #fff; }
.caution {
font-size: 1.4rem; }
.linkblock {
text-align: right; }
.linkblock a:link, .linkblock a:visited {
display: inline-block;
border-bottom: 1px solid #009bb7;
padding: 0 10px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #009bb7 50%);
background-position: 0 0;
background-size: 200% auto;
transition: .3s; }
.linkblock a:hover {
background-position: -100% 0;
color: #fff; }
.box.flex {
align-items: stretch; }
.box {
margin-top: 60px;
margin-bottom: 30px; }
.box.heading + .box {
margin-top: 30px; }
.pagebox {
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box; }
.box__left,
.box__right {
width: 50%;
box-sizing: border-box; }
.box__right.boxpdg {
padding-left: 30px; }
.box__left.boxpdg {
padding-right: 30px; }
.box-half > div {
width: 50%; }
.box-half .box__right.boxpdg {
padding-left: 10px; }
.box-half .box__left.boxpdg {
padding-right: 10px; }
.box__third > div,
.box__third > li {
width: 32.456%;
margin-left: 15px;
box-sizing: border-box; }
.box__third > div:first-child,
.box__third > li:first-child {
margin-left: 0; }
.box__third-one {
width: 32.456%;
box-sizing: border-box; }
.box__third-two {
width: 64.912%;
box-sizing: border-box; }
.box__four > div {
width: 23%;
margin-left: 1%;
margin-right: 1%;
padding: 15px;
box-sizing: border-box; }
.box-relative {
position: relative; }
h2 {
font-size: 2.4rem;
line-height: 1.6; }
h2.mds {
font-size: 3.0rem;
line-height: 1.2; }
h2.mdsline {
position: relative;
text-align: center; }
h2.mdsline > strong {
position: relative;
display: inline-block;
background-color: #fff;
margin-bottom: 0;
padding: 0 20px;
z-index: 10; }
h2.mdsline::before {
position: absolute;
top: 50%;
left: 0;
content: '';
display: block;
width: 100%;
border-top: 1px solid #ccc;
box-sizing: border-box;
z-index: 5; }
h3 {
font-size: 2.4rem; }
h4 {
font-size: 1.8rem; }
.mdsred {
background-color: #c95b5b;
color: #fff;
text-align: center;
padding: 10px; }
.mdsyellow {
background-color: #f0d04f;
text-align: center;
padding: 10px; }
.fz-big {
font-size: 2.4rem; }
.fz-sembig {
font-size: 1.8rem; }
.fz-small {
font-size: 1.4rem; }
.fz-nml {
font-size: 1.6rem; }
.f-red {
color: #c95b5b; }
.fwn {
font-weight: normal; }
.v-rl {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl; }
.hrline {
height: 0;
margin: 0;
padding: 110px 0 0;
border: 0;
border-bottom: 1px dashed #ddd; }
.vhcnter {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%); }
.squaresdw {
background-color: #fff;
width: 54%;
padding: 40px;
box-shadow: 0px 2px 8px 0px rgba(204, 204, 204, 0.75);
box-sizing: border-box;
z-index: 100; }
.squareleft {
margin-top: 60px; }
.squareright {
margin-left: 46%;
margin-bottom: 40px; }
.z_img_right {
position: absolute;
top: 0;
right: 20px;
width: 52%; }
.z_img_left {
position: absolute;
top: 0;
left: 20px;
width: 52%;
margin-top: 40px; }  .tabs {
width: 100%;
margin-top: 50px;
padding-bottom: 40px;
margin: 0 auto; }
.tab_item {
position: relative;
width: calc(100%/2 - 10px);
border: 1px solid #ccc;
border-bottom: none;
background-color: #009bb7;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.0;
text-align: center;
display: block;
float: left;
text-align: center;
padding: 30px 0;
transition: all 0.2s ease;
z-index: 10;
box-sizing: border-box; }
.tab_item br {
display: none; }
.tab_item:nth-child(1) {
margin-right: 10px; }
.tab_item:nth-child(2) {
margin-left: 10px; }
.tab_item:hover {
background-color: rgba(46, 173, 196, 0.8); }
.tab_item::before {
position: absolute;
content: "\f105";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-size: 2.4rem;
line-height: 1.0;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%); }
.tab_item::after {
clear: both;
content: "";
display: block;
background-color: #5ab4bd;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
right: 0; }
.tabs input[name="tab_item"] {
display: none; }
.tabs hr {
height: 1px;
border: none;
clear: both;
position: relative;
border-top: 1px #ccc solid;
margin-top: 1px;
margin-bottom: 0; }
.tabs hr.hrline {
height: 0;
margin: 0;
padding: 110px 0 0;
border: 0;
border-bottom: 1px dashed #ddd; }
#pg_ballroom:checked ~ #ballroom_content,
#pg_lifestage:checked ~ #lifestage_content {
display: block; }
.tabs input:checked + .tab_item {
background-color: #fff;
color: #333; }
.tabs input:checked + .tab_item::after {
background-color: #fff; }
.tabs input:checked + .tab_item::before {
display: none; }
.tabs .tab_item {
color: #fff; }
.tabs .tab_item.active {
background-color: #fff;
color: #333; }
.tabs .tab_item.active::after {
background-color: #fff; }
.tabs .tab_item.active::before {
display: none; } table.tbl {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
width: 100%; }
table.tbl th {
width: 200px;
padding: 15px 20px;
vertical-align: top;
border: 1px solid #ccc;
background-color: #f5f5f5; }
table.tbl td {
padding: 10px;
vertical-align: top;
border: 1px solid #ccc; }
table.tbl th.th-blue {
background-color: #d9ecf0; } .pagination {
text-align: center; }
.pagination ul {
display: inline-block;
font-size: 1.4rem;
margin: 0;
padding: 0; }
.pagination li {
display: inline-block;
list-style: none;
margin-left: 3px;
margin-bottom: 5px; }
.pagination li:first-child {
margin-left: 0; }
.pagination li > span.current {
display: inline-block;
background-color: #009bb7;
color: #fff;
padding: 0.8rem 1.5rem; }
.pagination li.active {
background-color: #009bb7;
color: #fff;
padding: 0.8rem 1.5rem; }
.pagination li a {
background-color: #f7f7f7;
display: inline-block;
padding: 0.8rem 1.5rem;
text-decoration: none; }
.pagination li a:hover {
background-color: #333;
color: #fff; } .formblock {
width: 60%;
margin: auto; }
.formblock .required {
color: #c00;
font-size: 1.4rem;
font-style: normal; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea {
font-size: 1.6rem;
line-height: 1.5;
outline: none;
border: 1px solid #ddd;
margin-left: 40px;
padding: 0.75rem 1.0em;
border-radius: 6px;
box-sizing: border-box; }
select {
font-size: 1.6rem;
line-height: 1.5;
padding: 0.75rem 1.0em;
box-sizing: border-box; }
date {
 font-size: 1.8rem;
 line-height: 1.6;
padding: 0.75rem 1.0em;
box-sizing: border-box; }
textarea, select {
font-family: inherit; }
input + input,
input:first-child,
textarea:first-child {
margin-left: 0; }
input,
textarea {
width: 100%;
box-sizing: border-box; }
input.short,
textarea.short {
width: 20%; }
input[type="radio"] {
width: auto; }
dt > label {
display: inline-block;
margin-top: 5px; }
input[type="checkbox"] {
width: auto; }
input[type="date"] {
width: auto; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {
background-color: #fafafa;
border: 1px solid #ccc; }
form .btn-block {
text-align: center; }
form .btn.wpcf7-submit {
position: relative;
font-size: 16px;
font-weight: 600;
border: 1px solid #009bb7;
background-color: #009bb7;
color: #fff;
padding: 15px 50px; }
form .btn.wpcf7-submit:hover {
border: 1px solid #ccc;
background-color: #ccc;
color: #fff;
cursor: pointer; }
input[type="submit"] {
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s; }
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="submit"],
input[type="button"] {
-webkit-appearance: none; }
.grecaptcha-badge {
visibility: hidden; } .home main {
display: block;
padding-top: 0; }
.home header {
background-color: rgba(255, 255, 255, 0); }
.home header.scrollhead {
background-color: white; } .mainimgwrap {
position: relative; }
.slide div.mainimg {
text-align: center; }
.slide div.mainimg img {
width: 100%;
height: auto; }
.catchcopy img {
max-width: 100%; }
.maincopy {
font-size: 8.6rem;
font-family: Rochester, serif;
color: #009bb7;
position: absolute;
top: 64%;
left: 50%;
transform: rotate3d(0, 0, 1, -5deg) translateY(-50%) translateX(-50%);
-webkit-transform: rotate3d(0, 0, 1, -5deg) translateY(-50%) translateX(-50%); } #news {
background-color: #f4f4f4;
padding: 0; }
#news > .section {
max-width: 1200px;
text-align: left;
align-items: stretch;
padding: 0;
margin: 0 auto;
box-sizing: border-box; }
#news > .flex {
justify-content: flex-start; }
#news a {
display: block; }
#news h2,
.newsbox {
width: 25%; }
#news h2 {
font-size: 3.0rem;
line-height: 1.0;
text-align: center;
color: #fff;
font-weight: 400;
margin: 0; }
#news h2 > a {
background-color: #009bb7;
line-height: 1.0;
height: 100%;
padding: 40px 10px;
box-sizing: border-box; }
#news h2 a:link,
#news h2 a:visited {
color: #fff; }
#news h2 a:hover {
background-color: #000; }
#news h2 a::after {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-style: normal;
font-weight: 600;
font-size: 2.4rem;
vertical-align: middle;
margin-left: 0.5rem; }
#news .newsbox {
background-color: #fff;
font-size: 1.4rem;
margin: 10px 0px 10px 10px;
padding: 10px; }
#topcontents .message {
max-height: 402px; }
#topcontents .message .boxtext {
font-size: 1.8rem;
color: #963; }
#topcontents .message h2 {
font-size: 2.4rem;
line-height: 1.5em;
margin-left: 50px; }
#topcontents .message ul {
line-height: 2.4em; }
#topcontents .feature .bg-gray {
background: transparent url(//dance-room-ito.tokyo/wp-content/themes/dance/assets/img/top_feature.png) no-repeat 50% 50%;
background-size: cover; }
#topcontents .featurecopy {
font-size: 6.0rem;
font-family: Rochester, serif;
color: #fff;
margin-left: 40px;
transform: rotate3d(0, 0, 1, -5deg);
-webkit-transform: rotate3d(0, 0, 1, -5deg); }
#topcontents .blog .box__third.flex {
justify-content: flex-start;
align-items: flex-start; }
#topcontents .blog li > a {
display: block; }
#topcontents .blog h3 {
font-size: 1.8rem;
padding: 5px; }
.bnr {
background-color: #f5f5f5;
font-weight: 600;
padding: 40px 20px; }
.bg-gray {
background-color: #f5f5f5;
padding: 20px;
box-sizing: border-box; }
.bg-blue {
background-color: #369;
color: #fff; }
.bg-yellow {
background-color: #f0d04f; }
.eventcaltext {
margin-top: 40px;
clear: both; }
.gmap .box {
height: 0;
overflow: hidden;
padding-bottom: 40.00%;
position: relative; }
.gmap .box iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%; }
.cta a[href^="tel:"] {
color: #333; } .subimg {
background-color: #5ab4bd;
background: transparent url(//dance-room-ito.tokyo/wp-content/themes/dance/assets/img/bg_subimg.jpg) no-repeat 50% 0;
background-size: cover; }
.subimg .pagename {
font-size: 5.4rem;
font-family: 'Lora', serif;
font-weight: 400;
line-height: 160px;
color: #fff;
text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.breadcrumb {
background-color: #ededed;
font-size: 1.4rem;
padding-top: 5px;
padding-bottom: 5px; }
.pagetitlesection {
background: -moz-linear-gradient(top, #ededed 100px, transparent 100px);
background: -webkit-linear-gradient(top, #ededed 100px, transparent 100px);
background: linear-gradient(to bottom, #ededed 100px, transparent 100px); }
.pagetitlesection .pagetitle {
background-color: #fff;
font-size: 3.6rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
line-height: 1.0;
text-align: center;
color: #963;
padding: 40px 0 0; }
.pagetitlesection .pagetitle:after {
content: '';
display: block;
text-align: center;
width: 50px;
height: 44px;
margin: 25px auto;
background: url(//dance-room-ito.tokyo/wp-content/themes/dance/assets/img/title_icon.svg) no-repeat;
background-size: contain; } .teach.flex {
align-items: flex-start; }
.box__four > div.bg-yellow {
padding: 20px 14px; }
.grouplessonbox h3 {
font-size: 1.8rem;
letter-spacing: -1px; }
.grouplessonbox p {
font-size: 1.4rem;
margin: 0; }
.grouplessonbox .num1, .grouplessonbox .num2, .grouplessonbox .num3, .grouplessonbox .num4 {
position: relative; }
.grouplessonbox .num1::after,
.grouplessonbox .num2::after,
.grouplessonbox .num3::after,
.grouplessonbox .num4::after {
display: block;
width: 26px;
line-height: 26px;
font-weight: 600;
background-color: #000;
color: #fff;
text-align: center;
position: absolute;
top: -10px;
left: 5px; }
.grouplessonbox .num1::after {
content: '1'; }
.grouplessonbox .num2::after {
content: '2'; }
.grouplessonbox .num3::after {
content: '3'; }
.grouplessonbox .num4::after {
content: '4'; }
.experiencebox {
margin-bottom: 0; }
.experiencebox h2 {
margin-bottom: 0; }
.experiencebox.box.heading + .box {
margin-top: 0;
margin-bottom: 0; }
.experienceboxsub {
margin-top: 0;
margin-bottom: 0; }
.experienceboxsub .box__left {
margin-right: 10px;
background-color: #fff; }
.experienceboxsub .box__right {
margin-left: 10px;
background-color: #fff; }
.experienceboxsub h3 {
margin: 0;
padding: 40px 20px; }
.experienceboxsub div.text {
padding: 20px; }
.experienceboxsub + .btnblock {
margin-top: 0;
margin-bottom: 0; }
.wedding > .bg-gray {
border-left: 20px solid #fff;
padding-left: 40px;
box-sizing: border-box; }
.wedding > .bg-gray .idt {
margin-left: -60px; }
.wedding .imghight {
text-align: right; }
.wedding .imghight img {
width: auto;
max-width: none;
height: 100%; } .catchimg {
position: relative; }
.catchimg .catchtext {
font-size: 4.0rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
color: #fff;
width: 15em;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.catchimg .catchtext br {
display: none; }
.featurenum {
position: relative;
display: inline-block;
width: 112px;
height: 112px;
background-color: #f0d04f;
font-size: 4.8rem;
line-height: 1.0;
color: #fff;
margin-bottom: 10px;
padding-top: 20px;
border-radius: 50%;
box-sizing: border-box; }
.featurenum::after {
content: 'Features';
font-size: 2.4rem;
font-family: Rochester, serif;
position: absolute;
top: 70%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%); }
.featureother h3 {
margin: 0;
padding: 40px 20px; } .staffbox.staffbox_left {
padding-right: 33%; }
.staffbox.staffbox_right {
padding-left: 33%; }
.staffbox {
flex-wrap: wrap; }
.staffbox .photo {
width: 40%;
margin-bottom: 20px;
padding-right: 30px;
box-sizing: border-box; }
.staffbox .profile {
width: 60%; }
.staffbox .profile h2 {
font-size: 3.6rem; }
.staffbox .profile h2 .kana {
font-size: 1.8rem;
margin-left: 1.0em; } .singlepage {
width: 66.67%; }
.singlepage h1 {
font-size: 2.4rem; }
.singlepage h2 {
font-size: 1.8rem;
margin-top: 2.0em; }
.singlepage h3 {
font-size: 1.6rem;
border-bottom: 1px solid #ccc;
margin-top: 2.0em; }
.singlepage h4 {
font-size: 1.6rem;
margin-top: 2.0em; }
.singlepage h5 {
font-size: 1.4rem;
background-color: #f5f5f5;
padding: 5px 10px;
margin-top: 2.0em; }
.singlepage h6 {
font-size: 1.4rem; }
.sidebar {
width: 33.33%;
text-align: right; } .blog_archive .box__third.flex {
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap; }
.blog_archive .box__third > li:nth-child(3n+1) {
margin-left: 0; }
.blog_archive li > a {
display: block; }
.blog_archive h3 {
font-size: 1.8rem;
padding: 5px; } .newsArea dd {
border-bottom: 1px dotted #ccc;
margin-left: 0;
margin-bottom: 2.0rem;
padding-bottom: 1.0rem; } #backto {
position: fixed;
bottom: 20px;
right: 10px;
z-index: 900; }
#backto a {
display: block;
font-size: 2.6rem;
line-height: 2.6rem;
text-decoration: none;
color: #fff;
width: 60px;
height: 60px;
padding-top: 16px;
text-align: center;
border-radius: 50%;
box-sizing: border-box;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s; }
#backto {
display: block;
background: #616161;
border-radius: 50%; }
#backto a:hover {
color: #fff;
background-color: #111;
border-radius: 50%; } #footer {
background-color: #eee;
margin-top: 80px; }
#footer .footer_link {
margin-bottom: 40px; }
.footerlogo {
padding: 40px 0 30px; }
.footerlogo img {
width: 246px;
height: 50px; }
.footernav.flex {
justify-content: center;
align-items: stretch;
font-size: 1.4rem;
margin-bottom: 20px;
padding: 0; }
.footernav.flex li::before {
content: '｜'; }
.footernav.flex li:first-child::before {
display: none; }
.contactbox {
background-color: #009bb7;
color: #fff;
padding-top: 40px;
padding-bottom: 40px; }
.contactbox .box.flex {
align-items: center;
margin: 0 auto; }
.contactbox a {
color: #fff; }
.contactbox a[href^=tel] {
font-size: 3.0rem;
line-height: 1.0; }
.contactbox .btnblock .btn {
font-size: 2.4rem;
min-width: 100%;
padding: 30px 20px; }
.contactbox .btnblock .btn::after {
display: none; }
.contactbox .btnblock .btn::before {
content: "\f0e0";
font-family: "Font Awesome 5 Free";
margin-right: 0.5em; }
#copyright {
font-size: 1.2rem;
text-align: right;
color: #fff;
background-color: #333;
margin: 0;
padding: 10px 30px; }
@media screen and (max-width: 1164px) { .btnblock {
margin-top: 3.6%;
margin-bottom: 3.6%;
}
.section {
width: 100%;
padding: 0 4%;
box-sizing: border-box;
}
#header {
width: 100%; box-sizing: border-box;
}
.box__third > div,
.box__third > li {
margin-left: 1.31578947368421%;
} table.tbl th {
width: 35%;
} .mainimgwrap {
min-width: 0;
}
#topcontents .message ul {
line-height: 1.6em;
} .staffbox.staffbox_left {
padding-right: 2%;
}
.staffbox.staffbox_right {
padding-left: 2%;
}
.staffbox {
width: 100%;
box-sizing: border-box;
}
.wp-block-embed-youtube {
position: relative;
height: 0;
margin: 0;
padding: 0 0 56.25% !important;
overflow: hidden;
}
.wp-block-embed-youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .singlepage {
width: 75%;
}
.sidebar {
width: 25%;
text-align: right;
} footer section {
padding-bottom: 0;
}
#footer .flex {
flex-direction: row;
}
}
@media screen and (max-width: 900px) {
.mobile-nav {
display: block;
position: absolute;
top: 10px;
right: 10px;
line-height: 0.6;
background-color: #009bb7;
padding: 5px;
box-sizing: border-box;
}
.nav {
display: none;
} #mobile-header {
display: block;
}
}
@media screen and (max-width: 767px) { header {
background-color: #fff;
}
#header {
padding: 10px 60px;
}
main {
padding-top: 70px;
} .gblnv_block {
height: calc(100vh - 60px);
overflow-y: auto;
}
.gblnv_block ul li {
font-size: 1.8rem;
font-weight: normal;
} body {
position: relative;
}
.pc-block {
display: none;
}
.sp-block {
display: block;
}
.flex {
flex-direction: column;
}
h3 {
margin-top: 1.0em;
}
.box {
margin-top: 5%;
margin-bottom: 5%;
}
.btnblock .btn {
min-width: 0;
width: 100%;
}
.box-reverse {
flex-direction: column-reverse;
}
.pagebox {
padding-left: 2%;
padding-right: 2%;
}
.box__left,
.box__right {
width: 100%;
}
.box__right.boxpdg {
padding-left: 0;
}
.box__left.boxpdg {
padding-right: 0;
}
.box__right.boxtxt {
padding-left: 0;
}
.box__left.boxtxt {
padding-right: 0;
}
.box-half > div {
border-left: none;
width: 100%;
}
.box-half .box__right.boxpdg,
.box-half .box__left.boxpdg {
padding-left: 0;
padding-right: 0;
}
.box-half > div:first-child {
border-left: none;
border-right: none;
}
.box__third > div,
.box__third > li {
width: 100%;
margin-left: 0;
margin-bottom: 5%;
}
.box__third > div:first-child,
.box__third > li:first-child {
margin-left: 0;
}
.box__third-one {
width: 33%;
}
.box__third-two {
width: 67%;
}
.box__four > div {
width: 100%;
}
h2 {
font-size: 1.9rem;
line-height: 1.5;
}
h2.mds {
font-size: 2.2rem;
line-height: 1.2;
}
h3 {
font-size: 1.8rem;
}
.v-rl {
writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
}
.squaresdw {
width: 100%;
padding: 5%;
}
.squareleft {
margin-top: 0;
margin-bottom: 4%;
}
.squareright {
margin-left: 0;
margin-bottom: 4%;
}
.z_img_right {
position: static;
top: auto;
right: auto;
width: 100%;
}
.z_img_left {
position: static;
top: auto;
left: auto;
width: 100%;
margin-top: 0;
} .tabs {
margin-top: 5%;
padding-bottom: 4%;
}
.tab_item {
font-size: 1.4rem;
padding: 10px 0;
}
.tab_item:nth-of-type(1) {
margin-right: 5px;
}
.tab_item:nth-of-type(2) {
margin-left: 5px;
}
.tab_item::before {
font-size: 1.4rem;
}
.tab_item br {
display: inline;
} .formblock {
width: 100%;
} .home main {
display: block;
padding-top: 70px;
}
#mainvisual {
height: auto;
padding-top: 100px;
}
.slide {
position: relative;
top: auto;
left: auto;
width: 100%;
height: auto;
transform: none;
-webkit-transform: none;
box-sizing: border-box;
padding: 5%;
}
#mainvisual .title {
position: relative;
top: auto;
left: auto;
text-align: center;
margin-left: 10%;
margin-right: 10%;
margin-bottom: 50px;
transform: none;
-webkit-transform: none;
}
.maincopy {
font-size: 3.0rem;
top: 85%;
}
#news h2 {
font-size: 2.1rem;
width: 100%;
padding: 2%;
box-sizing: border-box;
}
#news h2 > a {
padding: 4% 10px;
}
#news .newsbox {
width: 96%;
margin: 0 2% 2%;
padding: 10px;
box-sizing: border-box;
}
#topcontents .message {
max-height: none;
}
#topcontents .message h2 {
margin-left: 0;
}
#topcontents .blog h3 {
margin-top: 0;
}
#topcontents .featurecopy {
font-size: 6.0rem;
line-height: 1.0;
text-align: center;
color: #999;
margin-left: 0;
}
#topcontents .featurecopy + div {
background-color: rgba(255, 255, 255, 0.7);
padding: 2%;
margin-bottom: 4%;
} .subimg {
background-color: #000;
background-position: 70% 0;
}
.subimg .pagename {
font-size: 2.8rem;
line-height: 100px;
}
.breadcrumb {
font-size: 1.2rem;
}
.pagetitlesection .pagetitle {
font-size: 2.4rem;
} .experiencebox.box.heading + .box {
margin-top: 0;
margin-bottom: 0;
}
.experiencebox .box.heading {
margin-bottom: 0;
}
.experienceboxsub {
margin-top: 0;
margin-bottom: 0;
}
.experienceboxsub .box__left {
margin-right: 0;
margin-bottom: 30px;
}
.experienceboxsub .box__right {
margin-left: 0;
}
.wedding .imghight {
text-align: center;
}
.wedding .imghight img {
width: auto;
max-width: 100%;
height: auto;
} .catchimg .catchtext {
font-size: 2.4rem;
line-height: 1.2;
width: 9.0em;
}
.catchimg .catchtext br {
display: inline;
}
.featureother h3 {
margin: 0;
padding: 4% 2%;
} .staffbox .photo {
width: 100%;
text-align: center;
padding-right: 0;
}
.staffbox .profile {
width: 100%;
}
.staffbox .profile h2 {
font-size: 2.2rem;
}
.staffbox .profile h2 .kana {
font-size: 1.2rem;
}
.staffbox.box {
margin-top: 10%;
} .singlepage {
width: 100%;
}
.sidebar .sideblock ul {
border-top: none;
margin-left: 0;
}
.sidebar .sideblock li {
border-bottom: none;
}
.sidebar .custom-html-widget > a {
margin-left: 0;
}
.sidebar {
width: 100%;
text-align: left;
}
.sidebar a {
display: block;
background-color: #f5f5f5;
margin-bottom: 5px;
padding: 2% 4%;
}
#footer .flex {
flex-direction: column;
}
#footerlogo {
width: 100%;
text-align: center;
padding: 20px;
box-sizing: border-box;
}
.footernav {
width: 100%;
font-size: 1.4rem;
}
.footernav > li {
width: 100%;
padding: 0;
box-sizing: border-box;
}
.footernav.flex li::before {
display: none;
}
.footernav a {
display: block;
background-color: #f5f5f5;
margin: 1px;
padding: 2%;
}
.footernav > li.snsbox {
text-align: center;
}
.contactbox {
padding-top: 4%;
padding-bottom: 4%;
}
.contactbox .btnblock .btn {
font-size: 1.8rem;
min-width: 100%;
padding: 3% 2%;
}
#copyright {
font-size: 1.4rem;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.flex {
flex-direction: column;
}
.pagetitlesection .pagetitle {
font-size: 2.3rem;
} table.tbl th {
padding: 1% 2%;
}
}