@keyframes yaji {
0% {
transform: translateX(-25px); }
100% {
transform: translateX(0); } }
.swiper-container {
position: relative; }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
height: 12px;
padding: 0;
line-height: 1;
display: none; }
@media screen and (max-width: 736px) {
.swiper-pagination {
display: block; } }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
bottom: -22px; }
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33); }
.swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: #DECFC1; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #926134; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform; }
.swiper-pagination-lock {
display: none; }
body.orioricho {
background: #fff;
padding-bottom: 0; }
#MainColumn.orioricho {
width: 100%;
padding-top: 0;
padding-bottom: 0; }
.fixed-Header-2022,
.sp_header,
.sp_menu_btn {
-webkit-transition: top 0.5s ease ;
-moz-transition: top 0.5s ease ;
-ms-transition: top 0.5s ease ;
-o-transition: top 0.5s ease ;
transition: top 0.5s ease ; }
.fixed-Header-2022.hide,
.sp_header.hide,
.sp_menu_btn.hide {
top: -100px; }
#orioricho {
min-height: 1500px;
padding-top: 167px;
background: #fff;
font-family: zen-old-mincho, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #1a1a1a; }
@media screen and (max-width: 736px) {
#orioricho {
padding-top: 136px;
overflow: hidden; } }
#orioricho h1, #orioricho h2, #orioricho h3, #orioricho h4, #orioricho h5 {
font-weight: normal; }
#orioricho img {
max-width: 100%;
vertical-align: bottom;
width: 100%; }
#orioricho p {
line-height: 1.75; }
#orioricho p:last-child {
margin-bottom: 0; }
#orioricho figure {
position: relative; }
#orioricho figure > p {
position: absolute;
top: 0;
z-index: 2; }
#orioricho figure img {
pointer-events: none; }
#orioricho ul {
list-style: none;
padding: 0;
margin: 0; }
#orioricho li {
margin: 0;
padding: 0; }
#orioricho a {
color: #000000; }
#orioricho br.pc, #orioricho img.pc, #orioricho span.pc {
display: inline; }
@media screen and (max-width: 736px) {
#orioricho br.pc, #orioricho img.pc, #orioricho span.pc {
display: none; } }
#orioricho br.sp, #orioricho img.sp, #orioricho span.sp {
display: none; }
@media screen and (max-width: 736px) {
#orioricho br.sp, #orioricho img.sp, #orioricho span.sp {
display: inline; } }
#orioricho p.pc, #orioricho nav.pc {
display: block; }
@media screen and (max-width: 736px) {
#orioricho p.pc, #orioricho nav.pc {
display: none; } }
#orioricho p.sp, #orioricho nav.sp {
display: none; }
@media screen and (max-width: 736px) {
#orioricho p.sp, #orioricho nav.sp {
display: block; } }
#orioricho figure.pc, #orioricho figcaption.pc, #orioricho div.pc, #orioricho h3.pc, #orioricho h5.pc {
display: block; }
@media screen and (max-width: 736px) {
#orioricho figure.pc, #orioricho figcaption.pc, #orioricho div.pc, #orioricho h3.pc, #orioricho h5.pc {
display: none; } }
#orioricho figure.sp, #orioricho figcaption.sp, #orioricho div.sp, #orioricho h3.sp, #orioricho h5.sp {
display: none; }
@media screen and (max-width: 736px) {
#orioricho figure.sp, #orioricho figcaption.sp, #orioricho div.sp, #orioricho h3.sp, #orioricho h5.sp {
display: block; } }
#orioricho *, #orioricho *:before, #orioricho *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
#orioricho > section {
min-height: 500px;
padding-top: 120px; }
@media screen and (max-width: 736px) {
#orioricho > section {
min-height: 0;
padding-top: 90px; } }
#orioricho .c-inner1 {
max-width: 1326px;
margin: 0 auto;
position: relative;
padding: 0 30px; }
@media screen and (max-width: 736px) {
#orioricho .c-inner1 {
width: 100%;
padding: 0; } }
#orioricho .c-inner2 {
max-width: 1230px;
margin: 0 auto;
position: relative; }
@media screen and (max-width: 736px) {
#orioricho .c-inner2 {
width: 100%; } }
#orioricho .c-photo-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
@media screen and (max-width: 736px) {
#orioricho .c-photo-list {
justify-content: flex-start; } }
#orioricho .c-photo-list > li {
width: 50%;
margin-bottom: 60px; }
@media screen and (max-width: 736px) {
#orioricho .c-photo-list > li {
order: 0 !important; } }
#orioricho .c-link-list {
width: 100%;
padding-top: 20px; }
#orioricho .c-link-list > li {
border-bottom: 1px solid #D9D9D9; }
#orioricho .c-link-list > li:first-child {
border-top: 1px solid #D9D9D9; }
#orioricho .c-link-list > li a {
display: block;
padding: 12px 0 12px 27px;
line-height: 1.2;
position: relative;
-webkit-transition: color 0.5s ease, background 0.5s ease;
-moz-transition: color 0.5s ease, background 0.5s ease;
-ms-transition: color 0.5s ease, background 0.5s ease;
-o-transition: color 0.5s ease, background 0.5s ease;
transition: color 0.5s ease, background 0.5s ease; }
#orioricho .c-link-list > li a::before {
content: "";
display: block;
width: 7px;
height: 6.13px;
background: url("../imgs/arrow.svg") no-repeat center;
position: absolute;
top: 20px;
left: 10px; }
@media screen and (max-width: 736px) {
#orioricho .c-link-list > li a::before {
top: 18px; } }
#orioricho .c-link-list > li a:hover {
text-decoration: none;
color: #946134;
background: rgba(148, 97, 52, 0.1); }
#orioricho .c-link-list > li a:hover::before {
background: url("../imgs/arrow_ov.svg") no-repeat center; }
#orioricho .c-link-list > li a span {
display: inline-block;
white-space: nowrap;
color: #946134;
font-size: 10px; }
#orioricho .c-btn {
display: inline-block;
background: rgba(255, 255, 255, 0.5);
padding: 17px 26px 19px 34px;
position: relative; }
#orioricho .c-btn::before {
content: "";
display: block;
width: 7px;
height: 6.13px;
background: url("../imgs/arrow.svg") no-repeat center;
position: absolute;
top: 26px;
left: 18px; }
#orioricho .c-btn:hover {
text-decoration: none;
background: rgba(255, 255, 255, 0.8); }
#orioricho .c-sp-scroll {
margin: 0 18px 25px;
font-size: 14px;
position: relative;
overflow: hidden;
padding-bottom: 10px;
line-height: 1; }
#orioricho .c-sp-scroll::before {
position: absolute;
display: block;
content: "";
width: 100%;
height: 11px;
right: 0;
bottom: 0;
background: url("../imgs/sp_scroll.svg") no-repeat right bottom;
-webkit-animation: yaji 1s ease-in 0s infinite;
animation: yaji 1s ease-in 0s infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
#orioricho .btn-cart {
position: absolute;
left: 20px;
bottom: 20px;
margin: 0;
line-height: 1; }
#orioricho .btn-cart.pc {
display: block; }
@media screen and (max-width: 736px) {
#orioricho .btn-cart.pc {
display: none; } }
#orioricho .btn-cart.sp {
display: none; }
@media screen and (max-width: 736px) {
#orioricho .btn-cart.sp {
display: block; } }
#orioricho .btn-cart a {
color: #000000;
background: #fff;
display: block;
width: 40px;
height: 40px;
line-height: 1;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-ms-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease;
overflow: hidden;
padding: 12px;
white-space: nowrap;
text-decoration: none;
position: relative;
font-size: 14px; }
#orioricho .btn-cart a::before {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 10px;
top: 10px;
background: url("../imgs/icon_cart.svg") no-repeat center;
background-size: 100% auto;
-webkit-transition: left 0.3s ease;
-moz-transition: left 0.3s ease;
-ms-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease; }
#orioricho .btn-cart a.open, #orioricho .btn-cart a:hover {
width: 188px;
padding-left: 45px; }
#orioricho .btn-cart a.open span, #orioricho .btn-cart a:hover span {
display: block; }
#orioricho .btn-cart a span {
display: none;
-webkit-transition: width 0.3s ease;
-moz-transition: width 0.3s ease;
-ms-transition: width 0.3s ease;
-o-transition: width 0.3s ease;
transition: width 0.3s ease; }
#orioricho .btn_link {
display: inline-block;
padding: 17px;
background: #fff;
font-size: 18px;
min-width: 346px;
text-align: center;
color: #000;
text-decoration: none; }
#orioricho .btn_link:hover {
background: #000;
color: #fff; }
#orioricho .orioricho-zoom {
overflow: hidden;
/*
@include mq{
overflow: hidden;
}
&.trim{
overflow: hidden;
}
*/ }
#orioricho .orioricho-zoom.bottom img {
transform-origin: bottom center; }
#orioricho .orioricho-fade {
-webkit-transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
-moz-transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
-ms-transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
-o-transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
transition: opacity 1s ease, visibility 1s ease, transform 1s ease;
opacity: 0;
visibility: hidden; }
#orioricho .orioricho-fade.fade-up {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px); }
#orioricho .orioricho-fade.in {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible; }
#orioricho .orioricho-h2 {
position: relative;
font-size: 21px;
font-weight: 400;
padding-left: 203px;
padding-top: 23px;
max-width: 1266px;
margin: 0 auto 98px;
height: 78.07px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-h2 {
height: auto;
padding: 0;
text-align: center;
margin-bottom: 30px; } }
#orioricho .orioricho-h2 span {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
width: 155px;
height: 78.07px;
display: inline-block;
position: absolute;
top: 0;
left: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-h2 span {
position: static;
top: auto;
left: auto;
margin: 0 auto 29px;
width: 126px;
height: 63.46px;
display: block; } }
#orioricho .orioricho-header {
position: absolute;
top: 65px;
left: 0;
width: 100%;
background: #fff;
height: 36px;
padding-top: 10px;
line-height: 1;
z-index: 10; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-header {
top: 40px;
padding-top: 12px; } }
#orioricho .orioricho-header.fix {
position: fixed;
top: 0;
z-index: 12; }
#orioricho .orioricho-header .inner {
max-width: 1290px;
margin: 0 auto;
padding: 0 30px;
position: relative; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-header .inner {
padding: 0 18px; } }
#orioricho .orioricho-header h1 {
font-size: 14px;
font-weight: 400; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-header h1 {
font-size: 12px; } }
#orioricho .orioricho-0 {
padding-top: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0 {
margin-bottom: 0;
padding-top: 0; } }
#orioricho .orioricho-0 .inner {
max-width: 1230px;
margin: 0 auto;
position: relative; }
#orioricho .orioricho-0-1 {
margin-bottom: 160px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-1 {
padding: 0 18px;
margin-bottom: 57px; } }
#orioricho .orioricho-0-1-fig {
height: calc(100vh - 422px + 80px);
min-height: 653px;
overflow: hidden; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-1-fig {
min-height: 0;
height: calc(100vw - 36px); } }
#orioricho .orioricho-0-1-t1 {
position: absolute;
top: -97px;
right: 53px;
z-index: 11; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-1-t1 {
width: 27.53px;
top: -80px;
right: 24px; } }
#orioricho .orioricho-0-1-t2 {
position: absolute;
top: 8.8617886179%;
left: 8.4552845528%;
width: 4.3764227642%;
filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.5)); }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-1-t2 {
width: 10.1066666667vw;
top: 6.64vw;
left: 5.0666666667vw; } }
#orioricho .orioricho-0-2-t {
position: absolute;
top: 8.8888888889%;
left: 25.3472222222%;
width: 3.4722222222%;
z-index: 11; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-2-t {
width: 8.9226666667vw;
top: 13.3333333333vw;
left: 16.4vw; } }
#orioricho .orioricho-0-2 figure {
margin-bottom: 40px; }
#orioricho .orioricho-0-2 p {
max-width: 1022px;
margin: 0 auto; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-0-2 p {
margin: 0 18px; } }
#orioricho .orioricho-1-h2 span {
background: url("../imgs/logo_koromo.svg") no-repeat center;
background-size: 100% auto; }
#orioricho .orioricho-1-1 {
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1 {
padding-bottom: 60px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1 .swiper-container {
padding: 0 18px 0 18px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1 .c-photo-list {
flex-wrap: nowrap;
width: 5000px; } }
#orioricho .orioricho-1-1 .c-photo-list > li {
width: calc( calc( 100% - 86px ) / 2 ); }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1 .c-photo-list > li {
width: 69.6vw;
margin-bottom: 0; } }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(1) {
order: 2; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(2) {
order: 1; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(3) {
order: 4; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(4) {
order: 3; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(5) {
order: 6; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(6) {
order: 5; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(7) {
order: 8; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(8) {
order: 7; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(9) {
order: 10; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(10) {
order: 9; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(11) {
order: 12; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(12) {
order: 11; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(13) {
order: 14; }
#orioricho .orioricho-1-1 .c-photo-list > li:nth-child(14) {
order: 13; }
#orioricho .orioricho-1-2 {
background: #D8D2C4;
padding-top: 120px;
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 {
padding-top: 60px;
padding-bottom: 60px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 {
padding-top: 0;
padding-bottom: 50px; } }
#orioricho .orioricho-1-2 .c-inner1 {
padding-right: 104px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 {
padding: 62px 18px 0; } }
#orioricho .orioricho-1-2 .c-inner1 .orioricho-1-2-ttl {
width: 70.2px;
position: absolute;
top: -120px;
right: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 .orioricho-1-2-ttl {
width: 12.776vw;
top: 0;
right: 18px; } }
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list {
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list {
margin-right: 77px; } }
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list > li {
width: calc( calc( 100% - 18px ) / 2 );
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list > li {
width: 100%; } }
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list > li:nth-child(1) {
order: 2; }
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list > li:nth-child(2) {
order: 1; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 .c-photo-list > li:nth-child(2) {
display: none; } }
#orioricho .orioricho-1-2 .c-inner1 > div {
position: relative;
padding-right: 173px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 > div {
padding-right: 0; } }
#orioricho .orioricho-1-2 .c-inner1 > div h4 {
width: 84.98px;
position: absolute;
top: 0;
right: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 > div h4 {
position: static;
font-size: 18px;
width: auto;
margin-bottom: 25px; } }
#orioricho .orioricho-1-2 .c-inner1 > div p:nth-child(2) {
margin-bottom: 34px; }
#orioricho .orioricho-1-2 .c-inner1 > div p:nth-child(3) {
font-size: 14px;
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-2 .c-inner1 > div .c-btn {
display: block; } }
#orioricho .orioricho-1-3 {
padding-top: 120px;
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 {
padding-top: 60px;
padding-bottom: 60px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 .c-inner1 {
padding: 0 18px; } }
#orioricho .orioricho-1-3 h3 {
font-size: 21px;
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 h3 {
padding-left: 0; } }
#orioricho .orioricho-1-3 .c-photo-list > li {
margin-bottom: 0; }
#orioricho .orioricho-1-3 .c-photo-list > li:nth-child(1) {
order: 2; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 .c-photo-list > li:nth-child(1) {
order: 2 !important; } }
#orioricho .orioricho-1-3 .c-photo-list > li:nth-child(2) {
order: 1; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 .c-photo-list > li:nth-child(2) {
order: 1 !important; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 .c-photo-list > li figure {
height: calc( 100vw - 36px); } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3 .c-photo-list > li figure img {
object-fit: cover;
width: 100%;
height: 100%; } }
#orioricho .orioricho-1-4 {
background: #B0BFBF;
padding-top: 120px;
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4 {
padding-top: 60px;
padding-bottom: 60px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4 .c-inner1 {
padding: 0 18px; } }
#orioricho .orioricho-1-4 .c-inner1 h3 {
font-size: 21px;
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4 .c-inner1 .c-sp-scroll {
margin-left: 0;
margin-right: 0; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list {
flex-wrap: nowrap;
width: 5000px; } }
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li {
width: calc( calc( 100% - 86px ) / 2 ); }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li {
width: 69.6vw;
margin-bottom: 0; } }
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li:nth-child(1) {
order: 2; }
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li:nth-child(2) {
order: 1; }
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li:nth-child(3) {
order: 4; }
#orioricho .orioricho-1-4 .c-inner1 .c-photo-list > li:nth-child(4) {
order: 3; }
#orioricho .orioricho-1-4 .c-inner1 .c-link-list > li {
border-color: #9EACAC; }
#orioricho .orioricho-1-5 {
padding-top: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-5 {
padding-top: 60px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-5 .c-inner1 {
padding: 0 18px; } }
#orioricho .orioricho-1-5 .c-inner1 h3 {
font-size: 21px;
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-5 .c-inner1 .c-photo-list {
display: block; } }
#orioricho .orioricho-1-5 .c-inner1 .c-photo-list > li {
width: calc( calc( 100% - 86px ) / 2 ); }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-5 .c-inner1 .c-photo-list > li {
width: 100%; } }
#orioricho .orioricho-1-5 .c-inner1 .c-photo-list > li:nth-child(1) {
order: 2; }
#orioricho .orioricho-1-5 .c-inner1 .c-photo-list > li:nth-child(2) {
order: 1; }
#orioricho .orioricho-1-6 {
padding-top: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 {
padding-top: 60px; } }
#orioricho .orioricho-1-6 .c-inner1 {
padding-right: 364px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 .c-inner1 {
padding: 0 18px; } }
#orioricho .orioricho-1-6 .c-inner1 h3 {
font-size: 21px;
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 .c-inner1 h3 {
margin-bottom: 25px; } }
#orioricho .orioricho-1-6 .c-inner1 .orioricho-1-6-01_t1 {
position: absolute;
top: 106px;
right: 18px;
width: 84.94px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 .c-inner1 .orioricho-1-6-01_t1 {
display: none; } }
#orioricho .orioricho-1-6 .c-inner1 .orioricho-1-6-01_t2 {
position: absolute;
top: 151px;
right: 156px;
width: 138.27px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 .c-inner1 .orioricho-1-6-01_t2 {
display: none; } }
#orioricho .orioricho-1-6 .c-inner1 .c-link-list {
width: 330px;
position: absolute;
right: 0;
bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-6 .c-inner1 .c-link-list {
position: static;
width: 100%; } }
#orioricho .orioricho-2-h2 span {
background: url("../imgs/logo_jyuu.svg") no-repeat center;
background-size: 100% auto; }
#orioricho .orioricho-2-1 .c-inner1 {
padding-right: 260px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 {
padding: 0 18px; } }
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-logo {
width: 12.3222748815%;
position: absolute;
top: 0;
right: 18px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-logo {
position: static;
width: 64vw;
margin: 0 auto 60px; } }
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-t1 {
width: 5.0552922591%;
position: absolute;
top: 26.0025873221%;
right: 18px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-t1 {
position: static;
width: auto;
text-align: center;
font-size: 21px; } }
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-t2 {
width: 4.2448657188%;
position: absolute;
top: 31.8240620957%;
right: 9.6366508689%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .orioricho-2-1-t2 {
position: static;
width: auto;
text-align: center; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list {
justify-content: space-between; } }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li {
width: 27.634194831013917%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li {
width: calc( calc( 100% - 10px ) / 2 );
margin-bottom: 50px; } }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(1) {
order: 2; }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(2) {
order: 3; }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(3) {
order: 6; }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(4) {
order: 1; }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(5) {
order: 4; }
#orioricho .orioricho-2-1 .c-inner1 .c-photo-list > li:nth-child(6) {
order: 5; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .c-link-list li a::before {
top: 18px; } }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1 .c-inner1 .c-link-list li a {
font-size: 14px; } }
#orioricho .orioricho-3 {
background: #F1DFD6;
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3 {
padding-top: 60px;
padding-bottom: 60px; } }
#orioricho .orioricho-3-h2 span {
background: url("../imgs/logo_bi.svg") no-repeat center;
background-size: 100% auto; }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) {
display: flex;
justify-content: space-between;
padding: 55px 18px 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) {
padding: 22px 18px 0;
display: block; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) {
width: 76.6192733017%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) {
width: 100%;
margin-bottom: 60px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) h3 {
font-size: 21px;
margin-bottom: 20px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) h3 {
font-size: 18px;
margin-bottom: 12px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
display: flex;
justify-content: space-between;
margin-bottom: 45px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
flex-direction: column-reverse;
margin-bottom: 30px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) figure {
width: 24.9484536082%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) figure {
width: 100%; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) p {
width: 69.6907216495%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) p {
width: 100%;
margin-bottom: 30px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) {
width: 16.429699842%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) {
width: 100%; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > h3 {
width: 77.4134615385%;
margin: 0 auto 34px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > h3 {
width: 45.8293333333vw;
margin-bottom: 42px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-04_t1 {
width: 91.3461538462%;
margin: 0 auto 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-04_t1 {
width: 44.944vw;
margin-bottom: 41px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) {
display: flex;
flex-direction: column-reverse; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) {
display: block;
zoom: 1; }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3):after {
display: table;
clear: both;
content: ""; }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3):before {
display: table;
content: ""; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) figure {
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
margin-bottom: 60px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) figure {
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-ms-border-radius: 23px;
-o-border-radius: 23px;
border-radius: 23px;
float: left;
margin-right: 6.4vw;
margin-bottom: 6.4vw;
width: 39.2vw; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) p {
font-size: 12px;
margin-bottom: 20px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) > div:nth-child(3) p {
margin-bottom: 36px;
font-size: 16px;
text-align: justify; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05_t1 {
background: #99504B;
padding: 22px 0;
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05_t1 {
padding: 30px 0; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05_t1 img {
width: 88.4230769231%;
margin: 0 auto;
display: block; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05_t1 img {
width: 64.5333333333vw; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05-wrap {
background: #fff;
padding: 19px 15px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05-wrap {
padding: 32px 29px; } }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05-wrap p:nth-child(1) {
font-size: 12px;
margin-bottom: 24px; }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) > div:nth-child(2) .orioricho-3-1-05-wrap figure:nth-child(2) {
margin-bottom: 34px; }
#orioricho .orioricho-3-1 .c-inner1 > div:nth-child(2) .c-link-list li {
border-color: rgba(0, 0, 0, 0.15); }
#orioricho .orioricho-3-1-01 {
position: relative; }
#orioricho .orioricho-3-1-01 .orioricho-3-1-01-logo {
width: 121.78px;
position: absolute;
top: -59.9px;
right: 52.2px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1-01 .orioricho-3-1-01-logo {
width: 20.6026666667vw;
top: -2.6666666667vw;
right: 4.8vw; } }
#orioricho .orioricho-3-1-01 .orioricho-3-1-01_t1 {
width: 51.76px;
position: absolute;
top: 99.8px;
left: 209px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1-01 .orioricho-3-1-01_t1 {
width: 7.896vw;
top: 6.8533333333vw;
left: 9.8666666667vw; } }
#orioricho .orioricho-3-1-01 .orioricho-3-1-01_t2 {
width: 70px;
position: absolute;
top: 99.8px;
left: 104px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-3-1-01 .orioricho-3-1-01_t2 {
display: none; } }
#orioricho .orioricho-4 {
background: #fff; }
#orioricho .orioricho-4-h2 {
margin-bottom: 0; }
#orioricho .orioricho-4-h2 span {
background: url("../imgs/logo_shoku.svg") no-repeat center;
background-size: 100% auto; }
#orioricho .orioricho-4-1 .c-inner1 {
padding: 0 18px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 {
display: block;
padding: 0; } }
#orioricho .orioricho-4-1 .c-inner1 > figure {
width: 63.8696682464%;
margin-right: 5.5766192733%;
position: relative; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > figure {
width: 100%; } }
#orioricho .orioricho-4-1 .c-inner1 > figure .orioricho-4-1-01_t1 {
width: 7.9150125527%;
top: 7.4574258895%;
right: -3.7843653768%;
position: absolute; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > figure .orioricho-4-1-01_t1 {
width: 12.9626666667vw;
top: 14.5333333333vw;
right: 12.8vw; } }
#orioricho .orioricho-4-1 .c-inner1 > figure .orioricho-4-1-01_t2 {
width: 11.1304864023%;
top: 7.4574258895%;
right: 9.0775300214%;
position: absolute; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > figure .orioricho-4-1-01_t2 {
display: none; } }
#orioricho .orioricho-4-1 .c-inner1 > div {
margin-left: 18px;
width: 27.3301737757%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div {
width: 100%;
padding: 0 18px;
margin-left: 0;
margin-bottom: 81px; } }
#orioricho .orioricho-4-1 .c-inner1 > div p:nth-child(1) {
margin-bottom: 52px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div p:nth-child(1) {
text-align: justify; } }
#orioricho .orioricho-4-1 .c-inner1 > div h3:nth-child(2) {
font-size: 21px;
color: #946134;
margin-bottom: 30px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div h3:nth-child(2) {
font-size: 18px;
margin-bottom: 20px; } }
#orioricho .orioricho-4-1 .c-inner1 > div p:nth-child(3) {
margin-bottom: 80px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div p:nth-child(3) {
margin-bottom: 36px;
text-align: justify; } }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap {
display: flex;
justify-content: space-between; }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap figure {
width: 45.0867052023%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap figure {
width: 36vw; } }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div {
width: 45.0867052023%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div {
width: 46.4vw; } }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 {
margin-bottom: 18px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 {
margin-bottom: 10px; } }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 span {
display: block; }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 span:nth-child(1) {
font-size: 12px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 span:nth-child(1) {
font-size: 14px; } }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div h4 span:nth-child(2) {
font-size: 18px; }
#orioricho .orioricho-4-1 .c-inner1 > div .orioricho-4-1-02-wrap > div p {
font-size: 14px;
line-height: 1.29; }
#orioricho .orioricho-4-2 .c-inner1 {
padding: 0 18px 0 18px; }
#orioricho .orioricho-4-2 .c-inner1 h3 {
width: 5.0552922591%;
top: 0%;
right: 1.7377567141%;
position: absolute; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-2 .c-inner1 h3 {
position: static;
width: auto;
margin-bottom: 40px;
font-size: 18px; } }
#orioricho .orioricho-4-2 .c-inner1 ul {
margin-right: 16.429699842%;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-2 .c-inner1 ul {
margin-right: 0; } }
#orioricho .orioricho-4-2 .c-inner1 ul li {
width: calc( calc( 100% - 70px * 2 ) / 3 );
margin-bottom: 40px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-2 .c-inner1 ul li {
width: calc( calc( 100% - 10px * 1 ) / 2 );
margin-bottom: 58px; } }
#orioricho .orioricho-4-2 .c-inner1 ul li figure {
margin-bottom: 20px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-2 .c-inner1 ul li figure {
margin-bottom: 12px; } }
#orioricho .orioricho-4-2 .c-inner1 ul li p {
font-size: 14px; }
#orioricho .orioricho-4-3 {
padding-bottom: 120px; }
#orioricho .orioricho-4-3 .c-inner1 {
padding: 0 18px 0 18px; }
#orioricho .orioricho-4-3 .c-inner1 > div {
margin-right: 16.429699842%;
background: rgba(148, 97, 52, 0.1);
padding: 34px;
display: flex;
justify-content: space-between;
align-items: flex-end; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-3 .c-inner1 > div {
display: block;
margin-right: 0;
padding: 18px; } }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) {
width: 43.2489451477%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) {
width: 100%; } }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) h4 {
font-size: 21px;
color: #946134;
margin-bottom: 30px; }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table {
margin-bottom: 40px; }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table th, #orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table td {
border: none; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table th, #orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table td {
font-size: 14px;
white-space: nowrap; } }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table td {
padding-bottom: 10px; }
#orioricho .orioricho-4-3 .c-inner1 > div > div:nth-child(1) table th {
padding-right: 20px;
padding-bottom: 10px; }
#orioricho .orioricho-4-3 .c-inner1 > div > figure {
width: 51.2658227848%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-4-3 .c-inner1 > div > figure {
width: 100%;
margin-bottom: 20px; } }
#orioricho .orioricho-4-3 .c-inner1 > div .c-btn {
display: block; }
#orioricho .orioricho-5 {
background: #B7C2CC;
padding-bottom: 120px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 {
padding-bottom: 90px;
padding-top: 30px; } }
#orioricho .orioricho-5 .c-inner1 {
position: relative;
display: flex;
justify-content: space-between;
padding: 0 18px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 {
flex-wrap: wrap;
flex-direction: column-reverse;
align-items: flex-start; } }
#orioricho .orioricho-5 .c-inner1 > div {
position: relative; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div {
width: 100%;
margin-bottom: 20px;
height: auto; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) {
width: 39.6524486572%;
padding-bottom: 261px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) {
width: 100%;
padding-bottom: 226px; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(1) {
padding: 30px 34px;
background: rgba(255, 255, 255, 0.5); }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(1) {
padding: 19px; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(1) p {
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(1) p {
text-align: justify; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > p:nth-child(2) {
width: 101.16px;
margin-bottom: 0;
position: absolute;
left: 0;
bottom: 0;
mix-blend-mode: multiply; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > p:nth-child(2) {
left: 9.8px;
bottom: 7px; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) {
display: flex;
position: absolute;
flex-direction: row-reverse;
right: 0;
bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) {
display: block; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) p:nth-child(1) {
width: 52px;
height: 52px;
margin-bottom: 0; }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) p:nth-child(1) a {
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) p:nth-child(1) {
width: 48px;
height: 48px;
margin: 0 0 20px auto; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) p:nth-child(2) {
width: 176.61px;
margin-right: 21px;
margin-top: 5px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(1) > div:nth-child(3) p:nth-child(2) {
width: 175.6px;
margin-right: 0;
margin-top: 0; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) {
width: 49.2890995261%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) {
width: 100%; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) > h2 {
position: absolute;
top: 40px;
right: 0;
width: 22.0528846154%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) > h2 {
position: static;
margin: 0 0 36.8vw auto;
width: 18.48vw; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) p {
position: absolute;
top: 12.2307692308%;
right: 37.1634615385%;
width: 51.7548076923%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) p {
width: 46.4vw;
top: 7.92vw;
right: 23.2vw; } }
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) figure {
width: 94.5512820513%;
position: absolute;
left: 0;
bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-5 .c-inner1 > div:nth-child(2) figure {
position: static;
left: auto;
bottom: auto;
width: 100%; } }
#orioricho .orioricho-6 {
padding-top: 0; }
#orioricho .orioricho-6 figure {
position: relative; }
#orioricho .orioricho-6 figure a {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: 30px; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-6 figure a {
bottom: 20px; } }
#orioricho .orioricho-1-1-01_t {
top: 17.704011065%;
left: 15.4576271186%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-01_t {
/*
top: px2vw_sp();
left: px2vw_sp();
width: px2vw_sp();
*/
display: none; } }
#orioricho .orioricho-1-1-03_t {
top: 17.704011065%;
left: 73.5593220339%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-03_t {
display: none; } }
#orioricho .orioricho-1-1-04_t {
top: 19.7786998617%;
left: 21.0169491525%;
width: 6.7796610169%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-04_t {
display: none; } }
#orioricho .orioricho-1-1-05_t {
top: 12.8630705394%;
left: 74.5762711864%;
width: 6.7796610169%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-05_t {
display: none; } }
#orioricho .orioricho-1-1-06_t {
top: 36.9294605809%;
left: 51.186440678%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-06_t {
display: none; } }
#orioricho .orioricho-1-1-07_t {
top: 19.9170124481%;
left: 11.8644067797%;
width: 6.7796610169%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-07_t {
display: none; } }
#orioricho .orioricho-1-1-09_t {
top: 16.8741355463%;
left: 73.5593220339%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-09_t {
display: none; } }
#orioricho .orioricho-1-1-11_t {
top: 5.5325034578%;
left: 11.8644067797%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-11_t {
display: none; } }
#orioricho .orioricho-1-1-12_t {
top: 33.1950207469%;
left: 70.5084745763%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-12_t {
display: none; } }
#orioricho .orioricho-1-1-13_t {
top: 8.2987551867%;
left: 73.3898305085%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-13_t {
display: none; } }
#orioricho .orioricho-1-1-14_t {
top: 21.5767634855%;
left: 14.5762711864%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-1-14_t {
display: none; } }
#orioricho .orioricho-1-2-02_t {
top: 29%;
left: 9.0909090909%;
width: 12.2377622378%; }
#orioricho .orioricho-1-3-01_t1 {
top: 12.4481327801%;
left: 85.4660347551%;
width: 3.1595576619%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3-01_t1 {
top: 22.6666666667vw;
left: -1.8666666667vw;
width: 4vw; } }
#orioricho .orioricho-1-3-01_t2 {
top: 18.6721991701%;
left: 15.0078988942%;
width: 11.0584518167%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-3-01_t2 {
display: none; } }
#orioricho .orioricho-1-4-01_t1 {
top: 9.5020746888%;
left: 88.1355932203%;
width: 3.3898305085%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4-01_t1 {
display: none; } }
#orioricho .orioricho-1-4-01_t2 {
top: 16.8049792531%;
left: 8.813559322%;
width: 16.9491525424%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4-01_t2 {
display: none; } }
#orioricho .orioricho-1-4-02_t1 {
top: 5.8091286307%;
left: 5.7627118644%;
width: 11.8644067797%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-1-4-02_t1 {
display: none; } }
#orioricho .orioricho-2-1-01_t,
#orioricho .orioricho-2-1-02_t,
#orioricho .orioricho-2-1-03_t,
#orioricho .orioricho-2-1-04_t,
#orioricho .orioricho-2-1-05_t,
#orioricho .orioricho-2-1-06_t {
top: -15%;
right: 6.4748201439%;
width: 12.5899280576%; }
@media screen and (max-width: 736px) {
#orioricho .orioricho-2-1-01_t,
#orioricho .orioricho-2-1-02_t,
#orioricho .orioricho-2-1-03_t,
#orioricho .orioricho-2-1-04_t,
#orioricho .orioricho-2-1-05_t,
#orioricho .orioricho-2-1-06_t {
display: none; } }
#orioricho .link-insta {
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease; }
#orioricho .link-insta:hover {
opacity: 0.5; }
#orioricho .btn_page_top-wrap {
padding: 52px 0 48px;
position: relative; }
@media screen and (max-width: 736px) {
#orioricho .btn_page_top-wrap {
padding: 30px 0; } }
#orioricho .btn_page_top-wrap p {
position: absolute;
top: 70px;
right: 53px;
text-align: right;
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .btn_page_top-wrap p {
position: static;
text-align: center;
margin-top: 20px; } }
#orioricho .btn_page_top-wrap p a {
color: #505050;
font-size: 16px;
display: inline-block;
position: relative;
padding-right: 20px; }
#orioricho .btn_page_top-wrap p a::after {
content: "";
display: block;
width: 10px;
height: 10px;
background: url("../imgs/btn_pagetop_arrow.svg") no-repeat center;
position: absolute;
top: 9px;
right: 0; }
#orioricho .btn_page_top-wrap p a:hover {
opacity: 0.5;
text-decoration: none; }
#orioricho .btn_page_top-wrap nav {
text-align: center; }
#orioricho .btn_page_top-wrap nav a {
display: inline-block;
background: #D7D6D0;
padding: 17px 0;
min-width: 346px;
font-size: 18px;
line-height: 1;
text-decoration: none;
color: #000000; }
/* Backnumber */
#orioricho a {
color: #000; }
#orioricho .backnumber {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #F6F4EE;
z-index: 2;
display: none; }
#orioricho .backnumber__header {
background: #fff;
height: 40px;
padding-top: 15px;
line-height: 1;
position: absolute;
top: -4px;
left: 0;
width: 100%; }
#orioricho .backnumber__header h2 {
font-size: 14px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__header h2 {
font-size: 12px; } }
#orioricho .backnumber__header .inner {
position: relative; }
#orioricho .backnumber__btn {
position: absolute;
top: 0;
right: 30px;
font-size: 14px;
display: none;
padding-right: 20px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__btn {
font-size: 12px;
right: 18px; } }
#orioricho .backnumber__btn::after {
width: 14px;
height: 14px;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
background: url("/oriori/_common/imgs/btn_backnumber_arrow.svg") no-repeat center; }
#orioricho .backnumber__btn-close {
position: absolute;
top: 0;
right: 30px;
font-size: 14px;
display: inline-block;
padding-right: 20px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__btn-close {
font-size: 12px;
top: 1px;
right: 18px; } }
#orioricho .backnumber__btn-close::after {
width: 14px;
height: 14px;
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
background: url("/oriori/_common/imgs/btn_close.svg") no-repeat center; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__btn-close::after {
top: -1px; } }
#orioricho .backnumber__list {
padding-top: 113px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list {
padding-top: 66px; } }
#orioricho .backnumber__list nav {
max-width: 1230px;
margin: 0 auto; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list nav {
padding: 0 18px; } }
#orioricho .backnumber__list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#orioricho .backnumber__list ul::after {
width: calc( calc( 100% - 18px * 2) / 3);
content: "";
display: block; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list ul::after {
width: calc( calc( 100% - 10px ) / 2); } }
#orioricho .backnumber__list ul li {
width: calc( calc( 100% - 18px * 2) / 3);
position: relative;
display: block;
margin-bottom: 60px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list ul li {
width: calc( calc( 100% - 10px ) / 2);
margin-bottom: 30px; } }
#orioricho .backnumber__list ul figure {
background: #EDE9DE;
position: relative;
overflow: hidden;
width: 100%; }
#orioricho .backnumber__list ul figure:before {
content: "";
display: block;
padding-top: 52.2613065327%; }
#orioricho .backnumber__list ul figure > img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto auto; }
#orioricho .backnumber__list ul figure img {
display: block;
-webkit-transition: transform 0.2s ease;
-moz-transition: transform 0.2s ease;
-ms-transition: transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease; }
#orioricho .backnumber__list ul a {
height: 100%;
display: block;
pointer-events: all; }
#orioricho .backnumber__list ul a:hover {
text-decoration: none; }
#orioricho .backnumber__list ul a:hover figure img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05); }
#orioricho .backnumber__list ul h3 {
font-size: 12px;
margin-top: 10px;
margin-bottom: 5px; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list ul h3 {
font-size: 10px; } }
#orioricho .backnumber__list ul p {
font-size: 21px;
margin-bottom: 0; }
@media screen and (max-width: 736px) {
#orioricho .backnumber__list ul p {
font-size: 14px; } }
.sp-footer-tel,
.sp-footer-soryo,
.pc-footer-tel {
background: #F6F4EE; }
.pc-footer-tel {
padding-top: 40px; }
.sp-footer-tel {
padding-top: 58px; }
.sp-footer-soryo {
padding-top: 30px; }
footer {
background: #F6F4EE; }