@charset "utf-8";

/*
Theme Name: yamaki_child
Template: yamaki_child
Author: t-labo
Author URI: https://takai-laboratory.com/
*/

/*========================*/
/*fade
***************/
/* 画面外にいる状態 */
.fadein {
opacity : 0;
transform : translate(0, 150px);
transition : all 1500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
#wrap {overflow: hidden;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 80px 0;}
.indent_content02 {margin-top: 50px;}
.sub_page {margin-bottom: 80px;}
.content {padding: 40px; position: relative;}
/******************************
HEADER
******************************/
.nav_bg {background: #f2f2f2; padding: 10px 0; box-sizing: border-box; border-bottom: 2px solid #000;}
.global_nav{display: table; width: 100%;}
.global_nav li {display: table-cell; position: relative; line-height: 1; box-sizing: border-box; font-size: 20px; border-left: 2px solid #000;}
.global_nav li:last-child {border-right: 2px solid #000;}
.global_nav a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #A23025;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.global_nav a:hover::after {
  transform: scale(1, 1);
}
header h1 {font-size: 20px;}
header .sp_head {display: none;}
header .front_box {background: #1b1b1b; padding: 20px 0; line-height: 1; position: relative; z-index: 10;}
header .inner02 {width: 1085px;}
header .mail {box-sizing: border-box; border: 1px solid #fff; background: #a23025; width: 240px; height: 48px; font-size: 18px;}
header .mail:nth-child(2) {background: #6f805d;}
header .tel {font-size: 50px;}
header .tel span {font-size: 70px;}
header .front_main_box {position: relative; overflow: hidden;}
header .main_txt {position: absolute; left: 0; right: 0; top: 100px; bottom: 0; margin: auto; height: 100%; z-index: 10;}
header .inview .main_txt img {animation: mainLogoFadeIn 2s ease 1s both;}
@keyframes mainLogoFadeIn {
  0% {
    opacity: 0;
    filter: blur(60px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
header .main_slide {height: 100%;}
header .nivoSlider {height: 100%;}
header .nivoSlider img {object-fit: cover; height: 100%!important;}

/*index*/
#index .box01 h2 {font-size: 30px;}
#index .box01 .min_txt {font-size: 16px; line-height: 1; margin: 20px auto 50px;}
#index .box01 .news_item {position: relative; width: 366px; margin-right: 50px;}
#index .box01 .news_item:nth-child(3) {margin-right: 0;}
#index .box01 .tag {background-color: #000; width: 100px; height: 30px; font-size: 16px; position: absolute; left: 0; top: 5px; z-index: 10;}
#index .box01 .tag01 {background-color: #6f805d;} 
#index .box01 .tag02 {background-color: #a23025;} 
#index .box01 .tag03 {background-color: #b7622f;} 
#index .box01 .tag04 {background-color: #1b1b1b;} 
#index .box01 .news_img {width: 100%; margin-bottom: 20px; position: relative; overflow: hidden;}
#index .box01 .news_img img {width: 100%; height: 244px; object-fit: cover; object-position: center;}
#index .box01 h3 {line-height: 1.5;}
#index .box01 .btn01 {width: 274px; height: 50px; font-size: 16px; line-height: 1; position: absolute; right: 5px; top: 0;}
#index .box01 .img_box img {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#index .box01 .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
    transition: transform 2s ease-out;
    transition: transform 2s ease-out,-webkit-transform 2s ease-out;
}
#index .box02 {background: #ebebeb; overflow: hidden;}
#index .box02 h2 {font-size: 50px;}
#index .box02 .left_box {min-width: 700px; position: relative; z-index: 10;}
#index .box02 .txt01 {font-size: 20px; margin: 80px auto;}
#index .box02 .txt01::before,#index .box02 .txt01::after {content: ''; flex-grow: 1; height: 3px; background: #000; display: block; margin-right: 50px;}
#index .box02 .txt01::after {margin-right: inherit; margin-left: 50px;}
#index .box02 .txt02 {font-size: 30px; line-height: 1.2; margin-top: 15px; display: inline-block;}
#index .box02 .txt02 span {position: relative; z-index: 10;}
#index .box02 .txt03 {font-size: 16px; margin-top: 30px;}
#index .box02 .cover-slide {min-width: 1300px; margin-left: -440px;}
#index .box02 .icon {position: absolute; bottom: -200px; left: -400px;}
#index .box02 .btn01 {background: #fff; line-height: 1; font-size: 16px; width: 350px; height: 50px; margin: 60px auto 0;}

.box02_left_box .char01 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: .5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .char01 {opacity: 1; transform: translateX(0);}
.box02_left_box .char02 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: .75s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .char02 {opacity: 1; transform: translateX(0);}
.box02_left_box .txt03 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: 1.5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .txt03 {opacity: 1; transform: translateX(0);}
.box02_left_box .btn01 {opacity: 0; transform: translateX(-20px); transition-duration: 1.5s; transition-delay: 1.75s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.box02_left_box.inview .btn01 {opacity: 1; transform: translateX(0);}
.box02_left_box .char01::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; transform: scale(0, 1); transform-origin: left center; transition: transform .3s; transition-delay: 2.5s;}
.box02_left_box.inview .char01::after {transform: scale(1, 1);}
.box02_left_box .char02::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; transform: scale(0, 1); transform-origin: left center; transition: transform .3s; transition-delay: 2.75s;}
.box02_left_box.inview .char02::after {transform: scale(1, 1);}
#index .box02 .img_box02 {position: absolute; right: 0; bottom: -40px; opacity: 0; transform: translateX(20px); transition-duration: 1.5s; transition-delay: 1.5s; transition-timing-function: cubic-bezier(.19,1,.22,1);}
#index .box02 .img_box02.inview {opacity: 1; transform: translateX(0);}

#index .box03 {background: url("img/index/box03_bg.jpg")bottom center no-repeat;}
#index .box03 h2 {font-size: 50px; line-height: 1;}
#index .box03 .txt01 {font-size: 20px; line-height: 2; margin: 70px auto;}
#index .box03 .swiper-slide {width: 224px; position: relative; margin: 0 10px;}
#index .box03 .swiper-button-prev {left: -15px; width: 30px; outline: none;}
#index .box03 .swiper-button-next {right: -15px; width: 30px; outline: none;}
#index .box03 .swiper-container {width: 1200px; margin: auto;}
#index .box03 h3 {font-size: 20px; position: relative; margin-top: 30px;}
#index .box03 .lineup_img {margin-bottom: 20px;}
#index .box03 .lineup_img img {width: 100%; height: 180px; object-fit: cover; object-position: center;}
#index .box03 .btn_area {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 1200px; margin: auto;}
#index .box03 .slide_all {position: relative;}
#index .box03 .tag {background: #a23025; width: 60px; height: 25px; margin-right: 5px;}
#index .box03 .tag01 {background: #6f805d;}
#index .box03 .tag02 {background: #a23025;}
#index .box03 .tag03 {background: #b7622f;}
#index .box03 .tag04 {background: #1b1b1b;}
#index .box03 .tag05 {background: #34538c;}
#index .box03 .type_tag {background: #000;}
#index .box03 .tag_list {position: absolute; left: 0; top: -12.5px;}
#index .box03 .swiper-button-prev:after,#index .box03 .swiper-button-next:after {display: none;}
#index .box03 .btn01 {background: #fff; line-height: 1; font-size: 16px; width: 350px; height: 50px; margin: 60px auto 0;}
#index .box03 .bdr {position: relative;}
#index .box03 .bdr::before {
	content: '';
    position: absolute;
    bottom: -1px;
    left: 50px;
    height: 10px;
    width: 0;
    background: url(img/index/slide_arrow.png) 100% 0 no-repeat;
    transition: 0.4s width cubic-bezier(0.165, 0.84, 0.44, 1);
}
#index .box03 .bdr::after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 50px;
    background-color: #000;
}
#index .box03 .swiper-slide:hover .bdr::before {width: calc(100% - 50px);}
#index .box03 .swiper-slide:hover .bdr::after {background-color: #000;}
#index .box03 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box04 {background: url("img/index/box04_bg.jpg")top left repeat;}
#index .box04 h2 {font-size: 40px; line-height: 1.3;}
#index .box04 .txt01 {font-size: 20px; line-height: 1.3; margin: 30px auto 60px}
#index .box04 ul {white-space: nowrap; text-align: left; position: relative; margin-left: calc(50vw - 600px);}
#index .box04 li {width: 32%; position: relative; display: inline-block; box-sizing: border-box; margin-left: 3.035%;}
#index .box04 li:first-child {margin-left: 0;}
#index .box04 .title {position: absolute; top: 20px; left: 20px;}
#index .box04 .btn_box {background: rgba(0,0,0,.9); padding: 0 20px 20px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#index .box04 .btn01 {font-size: 18px; line-height: 1; padding: 15px 0; margin-top: 20px; width: 100%; color: #fff;}
#index .box04 .btn01 .btn_item01, #index .box04 .btn01 .btn_item02 {border: 1px solid #fff;}
#index .box04 .h_point:hover .btn01 {background: #fff; color: #000;}
#index .box04 .btn01 .arrow::before,#index .box04 .btn01 .arrow::after {background: #000;}
#index .box04 .btn01:before,
#index .box04 .btn01:after,
#index .box04 .btn01 .btn_inner:before,
#index .box04 .btn01 .btn_inner:after {
    content: '';
    position: absolute;
    background: #fff; /*線の色*/
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
#index .box04 .inview .cover-slide {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}
#index .box04 .c-slide01 {opacity: 0; transition-duration: .6s; transition-delay: .3s;}
#index .box04 .inview .c-slide01 {opacity: 1; transition-duration: .6s; transition-delay: .3s;}
#index .box04 .c-slide02 {opacity: 0; transition-duration: 1.1s; transition-delay: .8s;}
#index .box04 .inview .c-slide02 {opacity: 1; transition-duration: 1.1s; transition-delay: .8s;}
#index .box04 .c-slide03 {opacity: 0; transition-duration: 1.5s; transition-delay: .9s;}
#index .box04 .inview .c-slide03 {opacity: 1; transition-duration: 1.5s; transition-delay: .9s;}
#index .box04 .item {opacity: 0;}
#index .box04 .inview .item {
 opacity: 1;
transition-delay: 1s;
transition-duration: .6s;
}
#index .box04 .c_slide02.inview .item {
 opacity: 1;
transition-delay: 1.5s;
transition-duration: 1.1s;
}
#index .box04 .c_slide03.inview .item {
 opacity: 1;
transition-delay: 2s;
transition-duration: 1.6s;
}
#index .box05 {background: url("img/index/box05_bg.jpg")top left repeat;}
#index .box05 .title_box {font-size: 33px; line-height: 1.2; margin-bottom: 80px;}
#index .box05 h2 {font-size: 80px; margin-left: 40px;}
#index .box05 .icon_txt {font-size: 80px; line-height: 1; position: absolute; right: 0; bottom: -30px; opacity: .1;}
#index .box05 .link_box a {box-sizing: border-box; border: 1px solid #a23025; background: #fff; width: 183px; font-size: 18px; line-height: 1;}
#index .box05 .link_box .icon {background: #a23025; width: 39px; height: 38px;}
#index .box05 .pro_item {width: 183px; margin-right: 20px; margin-top: 30px;}
#index .box05 .pro_item:nth-child(6n) {margin-right: 0;}
#index .box05 .pro_img {width: 183px; position: relative;}
#index .box05 .pro_img img {width: 100%; height: 148px; object-fit: cover; object-position: center;}
#index .box05 .tag {background: #a23025; font-size: 16px; line-height: 1; width: 100px; height: 25px; position: absolute; left: 0; top: -12.5px; z-index: 30;}
#index .box05 h3 {font-size: 14px; line-height: 1.3; margin-top: 5px;}
#index .box05 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box05 .btn01 {background: #fff; line-height: 1; font-size: 16px; width: 350px; height: 50px; margin: 60px auto 0;}
#index .box05 .hidden_box {background: rgba(0,0,0,.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition-duration: .5s; line-height: 1; z-index: 20;}
#index .box05 .hidden_box p:nth-child(2) {margin: 10px auto 15px;}
#index .box05 a:hover .hidden_box {opacity: 1; visibility: visible;}

#index .box06 {background: url("img/index/box06_bg.jpg")top center no-repeat; margin-top: -80px; padding: 150px 0;}
#index .box06 .inbox {box-sizing: border-box; border: 1px solid #fff;}
#index .box06 .con {background: url("img/index/box06_bg02.jpg")top left repeat; box-sizing: border-box; border: 5px solid #000; padding: 60px 0;}
#index .box06 h2 {background: #a23025; width: 540px; margin: auto; font-size: 25px; padding: 10px 0;}
#index .box06 h2::before,#index .box06 h2::after {content: ''; flex-grow: 1; height: 1px; background: #fff; display: block; margin-right: 20px;}
#index .box06 h2::after {margin-right: inherit; margin-left: 20px;}
#index .box06 .txt01 {font-size: 40px; line-height: 1; margin: 25px auto 0;}
#index .box06 .inner img {margin-right: 20px;}
#index .box06 .inner {font-size: 30px; line-height: 1.2; margin: 20px 0 10px;}
#index .box06 .tel {font-size: 30px; margin-top: 5px;}
#index .box06 .tel span {font-size: 50px;}
#index .box06 .btn01 {width: 400px; height: 60px; line-height: 1; font-size: 16px; margin: 10px auto 0;}
#index .box06 .icon01 {position: absolute; left: -50px; top: -30px;}
#index .box06 .icon02 {position: absolute; left: -100px; bottom: -80px;}
#index .box06 .icon03 {position: absolute; right: -100px; top: -30px;}
#index .box06 .icon04 {position: absolute; right: -50px; bottom: -80px;}
#index .box06 .icon04 {position: absolute; right: -50px; bottom: -80px;}
#index .box06 .shop01 {margin-right: 50px;}
#index .box06 .shop02 img {margin: 30px auto 0;}

#index .box06 .shop01 .btn_inner{display: flex; justify-content: center; align-items: center;}
#index .box06 .shop01 .btn_inner .cart_icon{width: 30px; margin-left: 10px; position: relative;}
#index .box06 .shop01 .btn_inner .cart_icon .icon_wh{position: absolute; opacity: 0; transition: 0.5s; z-index: 10;}
#index .box06 .shop01 a:hover .btn_inner .cart_icon .icon_wh{opacity: 1;}



#index .box07 {background: #fff; padding-bottom: 80px;}
#index .box07 h2 {font-size: 25px; line-height: 1;}
#index .box07 .txt01 {font-size: 60px; line-height: 1; margin: 20px auto 70px;}
#index .box07 .interview_item {box-sizing: border-box; width: 366px; margin-right: 40px; position: relative;}
#index .box07 .interview_item:nth-child(3) {margin-right: 0;}
#index .box07 .interview_img {position: relative; width: 100%; margin-bottom: 40px; overflow: hidden;}
#index .box07 .interview_img img {width: 100%; height: 230px; object-fit: cover;}
#index .box07 .tag_box {position: absolute; top: -10px; left: 0; z-index: 10;}
#index .box07 .tag {width: 100px; height: 30px; line-height: 1; font-size: 16px; background: #a23025;}
#index .box07 .tag:nth-child(2) {margin: 0 20px; background: #6f805d;}
#index .box07 .tag:nth-child(3) {background: #000;}
#index .box07 .pick {font-size: 20px; line-height: 1; background: #000; width: 200px; height: 40px; position: absolute; left: 0; top: 210px;transition-duration: .6s; z-index: 10;
-webkit-transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s;
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);}
#index .box07 .pick::before {
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#index .box07 .pick::after {
	content: '';
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#index .box07 .pick::before,#index .box07 .pick::after {
	-webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}
#index .box07 .inview .pick::before {
	-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96),-webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
}
#index .box07 .inview .pick::after {
-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96),-webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
}


#index .box07 h3 {font-size: 14px; line-height: 1.5;}
#index .box07 .btn01 {width: 450px; height: 60px; line-height: 1; font-size: 16px; margin: 80px auto 0;}
#index .box07 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box07 .img_box img {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#index .box07 .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 2s ease-out;
    transition: -webkit-transform 2s ease-out;
    transition: transform 2s ease-out;
    transition: transform 2s ease-out,-webkit-transform 2s ease-out;
}
#index .box08 {background: url("img/index/box08_bg01.png")bottom center no-repeat,url("img/index/box08_bg02.jpg")top left repeat;}
#index .box08 h2 {font-size: 24px; line-height: 1.2; margin-bottom: 80px;}
#index .box08 h2 span {font-size: 40px;}
#index .box08 h2::before,#index .box08 h2::after {content: ''; flex-grow: 1; height: 3px; background: #000; display: block; margin-right: 40px;}
#index .box08 h2::after {margin-right: inherit; margin-left: 40px;}
#index .box08 .inner a {width: 575px;}
#index .box08 .img_box {position: relative; margin-bottom: 10px; overflow: hidden;}
#index .box08 .title {position: absolute; background: rgba(0,0,0,.8); width: 297px; height: 90px; font-size: 20px; line-height: 1.3; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 10;}
#index .box08 .txt {font-size: 18px;}
#index .box08 .insta_box {margin-top: 80px;}
#index .box08 .title02 {margin-right: 20px; min-width: 240px;}
#index .box08 .inner02 a {margin-right: 20px; width: 240px;}
#index .box08 .inner02 a:nth-child(5n) {margin-right: 0;}
#index .box08 .inner02 a:nth-child(n + 6) {margin-top: 20px;}
#index .box08 .inner02 {min-width: 1280px;}
#index .box08 a:hover img {filter: alpha(opacity=100); opacity: 1;}
#index .box08 .btn01 {width: 450px; height: 60px; line-height: 1; font-size: 16px; margin: 80px auto 0;}

#index .box09 {background: #fff;}
#index .box09 h2 {font-size: 30px;}
#index .box09 .bdr {content: ''; display: block; width: 65px; height: 2px; background: #000; margin: 20px auto 60px;}
#index .box09 .blog_item {box-sizing: border-box; border-bottom: 1px solid #b5b5b5; padding: 20px 0; font-size: 16px; line-height: 1;}
#index .box09 .tag {background: #a23025; width: 50px; height: 18px; margin: 0 20px;}
#index .box09 .btn01 {width: 450px; height: 60px; line-height: 1; font-size: 16px; margin: 80px auto 0;}
#index .box10 {background: url("img/index/box10_bg.jpg")center center repeat;}
#index .box10 .box {box-sizing: border-box; border: 3px solid #000; background: #fff; padding: 40px 50px; line-height: 1; margin-bottom: 20px;}
#index .box10 .txt01 {font-size: 50px; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 20px; margin-bottom: 20px;}
#index .box10 .txt02 {font-size: 25px;}
#index .box10 .inner {margin: 40px auto;}
#index .box10 .mail {box-sizing: border-box; width: 200px; height: 52px; background: #a23025; font-size: 18px;}
#index .box10 .mail:nth-child(2) {background: #6f805d;}
#index .box10 .tel {font-size: 30px;}
#index .box10 .tel span {font-size: 60px;}
#index .box10 .txt03 {font-size: 18px;}
#index .box10 .inner02 a {box-sizing: border-box; border: 1px solid #000; background: #fff; width: 235px; height: 60px; font-size: 20px; line-height: 1; padding-left: 2px;}
#index .box10 .icon {box-sizing: border-box; background: #000; width: 54px; height: 54px;}
#index .box10 .sp_icon {display: none;}
#index .box11 {background: url("img/index/box11_bg.jpg")center center no-repeat;}
#index .box11 h2 {font-size: 40px; margin-bottom: 50px;}
#index .box11 p {font-size: 16px; line-height: 1.7;}
#index .box12 {background: #fff;}
#index .box12 h2 {font-size: 40px;}
#index .box12 h2::before,#index .box12 h2::after {content: ''; flex-grow: 1; height: 3px; background: #000; display: block; margin-right: 40px;}
#index .box12 h2::after {margin-right: inherit; margin-left: 40px;}
#index .box12 iframe {width: 1200px; height: 400px; margin: 80px auto;}
#index .box12 .title_box {font-size: 25px; line-height: 1;}
#index .box12 .title_box img {margin-right: 20px;}
#index .box12 .title_box .big {font-size: 45px; margin-top: 5px;}
#index .box12 .txt01 {font-size: 25px; line-height: 1; margin: 80px auto 20px;}
#index .box12 table {font-size: 25px; border-collapse: separate; border-spacing: 0 10px;}


/*========================
FOOTER
========================*/
footer {background: #747372; padding-top: 80px; line-height: 1;}
footer .title_box {font-size: 25px;}
footer .title_box .big {font-size: 50px; margin-top: 10px;}
footer .title_box img {margin-right: 20px;}
footer .home_link {font-size: 16px; margin: 30px auto 40px; z-index: 10;}
footer .list {position: relative; z-index: 10;}
footer .list a {font-size: 16px; margin-top: 30px;}
footer .list a:nth-child(1) {margin-top: 0;}
footer .title_box02 {font-size: 20px; margin-bottom: 30px;}
footer .title_box02 img {margin-right: 20px;}
footer .title_box02 .big {font-size: 35px;}
footer .box {position: relative; z-index: 10;}
footer .box .txt {font-size: 25px; line-height: 1.3;}
footer .box .satofuru {margin-top: 30px;}
footer .inner02 {font-size: 25px; margin-top: 15px;}
footer .inner02 p:first-child {margin-right: 20px;}
footer .bg_icon {position: absolute; right: -420px; bottom: -140px;}
footer .copyright {background-color: #000; padding: 10px 0; margin-top: 80px; font-size: 12px; position: relative; z-index: 10;}
footer .copyright p:last-child {margin-left: 10px;}
#pop_banner {position: fixed; bottom: 20px; z-index: 100; width: 100%;}
#pop_banner .inner {width: 1000px; margin: auto; box-sizing: border-box; border: 1px solid #000; background-color: #fff;}
#pop_banner .icon01 {box-sizing: border-box; border-right: 1px solid #fff;-webkit-transition: all 0.5s ease; background-color: #6f805d;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;}
#pop_banner .icon01:hover {
  background-color: #a23025;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all  0.5s ease;}
#pop_banner .icon01:hover img {opacity: 1;}


/*pankuzu*/
.pan {padding: 40px 0;}
.pan p {font-weight: bold; margin: 0 auto;}
.pan a {display: inline;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
background: url(img/thumb_bg.jpg)center center no-repeat;
height: 500px;
color: #fff;
font-size: 20px;
line-height: 1;
}
.page_thumb .inbox12::before {content: ''; position: absolute; background: url("img/thumb_sub.png")no-repeat; width: 600px; height: 500px; left: -370px; top: 0; bottom: 0; margin: auto;}
.page_thumb span {display: inline-block; background: #000; padding: 5px; line-height: 1; position: relative; z-index: 10;}
.page_thumb .big {font-size: 50px; margin-bottom: 10px;}
.thumb02 {background: url(img/thumb_bg02.jpg)center center no-repeat;} 
.thumb03 {background: url(img/thumb_bg03.jpg)center center no-repeat;} 
.thumb04 {background: url(img/thumb_bg04.jpg)center center no-repeat;} 
.thumb05 {background: url(img/thumb_bg05.jpg)center center no-repeat;} 
.thumb06 {background: url(img/thumb_bg06.jpg)center center no-repeat;} 
.thumb07 {background: url(img/thumb_bg07.jpg)center center no-repeat;} 
.thumb08 {background: url(img/thumb_bg08.jpg)center center no-repeat;} 
.thumb09 {background: url(img/thumb_bg09.jpg)center center no-repeat;} 
.thumb10 {background: url(img/thumb_bg10.jpg)center center no-repeat;} 
.thumb11 {background: url(img/thumb_bg11.jpg)center center no-repeat;} 
.thumb12 {background: url(img/thumb_bg12.jpg)center center no-repeat;} 
.thumb13 {background: url(img/thumb_bg13.jpg)center center no-repeat;} 

/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
.page_thumb img {
height: 120px;
}
}

/*
タイトル
*************/
.page_title {
font-size: 30px;
line-height: 1;
}
.min_page_title {font-size: 20px; color: #bababa; margin: 10px auto 50px; line-height: 1;}


/*
記事詳細ページ
***************/

.previous-entries,.next-entries {
color: #fff;
width: 80px;
background: #161616;
padding: 6px 0 0 10px;
box-sizing: border-box;
font-weight: bold;}

.gallery_entry {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 20px;
margin: 0 10% 3px;
}

.nav_archive_btn {
color: #fff;
font-weight: bold;
width: 150px;
background: #262626;
padding: 6px 0;
box-sizing: border-box;
text-align: center;
}
.navigation {margin-bottom: 40px;}

/*ページネーション
*******************/
.paging {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.paging-box {
display: inline-block;
}
.paging span, .paging a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #000; /* 文字色 */
background: #ddd; /* 背景色 */
border: 1px solid #bbb;
font-weight: bold;
}
.page-of {display: none !important;}
.paging a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #ccc; /* マウスホバー時の背景色 */
}
.paging .current{
padding: 10px 15px 10px 15px;
color: #fff; /* 文字色 */
background: #ccc; /* 背景色 */
}
@media only screen and (max-width: 413px) {
.paging {
font-size: 12px;
padding-bottom: 0;
line-height: 12px;
}
.paging span, .paging a {
padding: 8px 10px 8px 10px;
}
.paging .current{
padding: 8px 10px 8px 10px;
}
}