@charset "UTF-8";
 *{-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body {
font-size: 13px;
font-family: 'Roboto',"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;-apple-system, blinkMacSystemFont, YuGothic-M, YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;letter-spacing:0.06em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings : "palt";
-webkit-text-size-adjust: 100%;
overflow-x: hidden;}
.g-font{font-family: 'Roboto', sans-serif;font-weight:700;}
.lato-font {font-family: 'Roboto', sans-serif;}
p{font-size: 13px;letter-spacing: 0.5px;text-align: justify;line-height: 1.7;margin: 0;}
.on-small-only p{font-size: 12px}
li{font-size: 13px}
html{
height:100%;
}
main{
width: 100%;
height:100%;
} html{margin-top: 0 !important;}
.on-small-only {font-size: 12px;line-height: 1.6;}
.row .col {padding: 0 1.2rem;} .select-wrapper input.select-dropdown{
background: #fff;
font-size: 13px;
padding: 10px;
height: 1.7rem;
width: 98.7%;
}
.select-wrapper span.caret {
z-index: 90;
color: initial;
position: absolute;
top: 16px;
right: 0px;
font-size: 10px;
} .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.4; color: #000;}
.h1,h1{font-size: 40px;}
.h2,h2{font-size: 26px;}
.h3,h3{font-size: 23px}
.h4,h4{font-size: 15px}
.h5,h5{}
.h6,h6{} .on-small-only .h2,.on-small-only h2{font-size: 17px;}
.on-small-only .h3,.on-small-only h3{font-size: 15px}
.center{text-align: center}
#corporate_profile{text-align: center} a {color: #000;text-decoration: none;
transition: all .3s;
-webkit-transition: all all .3s ease;
-moz-transition: all all .3s ease;
-ms-transition: all all .3s ease;
-o-transition: all all .3s ease;
transition: all all .3s ease;}
a:hover, a:focus {
outline: none;
text-decoration: none;
text-decoration: none;
opacity: 0.7;
filter: alpha(opacity=30);
color: #000;
}
.no-borderB{
border-bottom: none !important;
}
.themeColor{
background: #407038;
} .clear,cf{clear:both;}
.clear hr{display:none;}
.clearfix:before,.clearfix:after,.cf:before,.cf:after{content: " ";display: table;}
.clearfix:after,.cf:after{clear: both;}
img[src$=".svg"] {display: inline-block;width: 100%;height:auto;}
.rel{position: relative;}
.abs{position: absolute;}  .l-gNav{
overflow: hidden;
background: #fff;
position: relative;
height: 190px;
width: 100%;
margin: 0 auto;
}
.gNav{
position: relative;
margin: 0 170px 0 0;
-webkit-display: flex;
display: flex;
}
@media (max-width:1112px) {
.gNav{margin: 0 0 0 0;}
}
.gNav__logo{
width: 100px;
margin:40px 0 0 130px;
display: inline-block;
align-items: center;
}
@media (max-width:1112px) {
.gNav__logo{margin:50px 0 0 90px;}
}
.gNav__logo img{
vertical-align: top;}
.gNav__logo h1{
margin: 0px;
}
.gnavBtn{width: 85px;
height: 85px;
display: inline-block;
background: #2E5160;
position: absolute;
top: 10px;
right: 10px}
.gnavBtn--L{
right: 85px;
border-right: 2px solid rgb(255, 255, 255);
} .spNav{
position: fixed;
left: 0;
width: 100%;
margin: 0 auto;
padding: 0;
line-height: 1;
background: #fff;
z-index: 99;
height: 65px;
top: 0;
}
.spNav__logo{
display: block;
text-align: center;
margin: 20px 0 0;
}
.on-med-only .spNav__logo{
margin: 10px 0 0;
}
.on-small-only .spNav__logo{
margin: 0;
}
.spNav__logo img{
max-width: 40%;
height: auto;
vertical-align: top;
}
.on-med-only .spNav__logo img{
max-width:35px;
margin-top:1px;
height: auto;
vertical-align: top;
}
.on-small-only .spNav__logo img{
max-width:40px;margin-top:7px;
} .on-med-only header nav,.on-small-only header nav {
overflow:auto;
position: fixed;
top: 0;  left: -100%;
width: 100%; height: 100% !important;
background: #fff !important;
opacity: 0;
z-index:9999;padding-top: 70px;
}
.on-small-only nav ul {
width:75%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
} .on-med-only header.navOpen nav,.on-small-only header.navOpen nav {
opacity: 1;
left: 0;
}
.on-med-only header nav ul li,.on-small-only header nav ul li {
position: relative;display: block;
width: 100%;
}
.on-mwd-only header nav ul li:last-child,.on-small-only header nav ul li:last-child{border-bottom: none;}
.on-med-only header nav ul li.arrow_blackR::after,
.on-small-only header nav ul li.arrow_blackR::after {right: 20px;}
.on-med-only header nav ul li a,
.on-small-only header nav ul li a {
position:relative;
display:block;
padding:9px 1.5em;
color:#000;
text-decoration:none;
font-size:14px;
line-height: 1.5;
font-weight:bold;
text-align: center;
}
.on-med-only header nav ul li a:hover,
.on-small-only header nav ul li a:hover {background:#fff;}
.on-med-only header nav ul li a.navArrow:before,
.on-small-only header nav ul li a.navArrow:before {
position: absolute;
top: 50%;
right: 1.5em;
display: inline-block;
content: "";
width: 7px;
height: 7px;
margin-top: -4px;
margin-right: -4px;
vertical-align: middle;
border-top: 1px solid #000;
border-right: 1px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.on-med-only header nav ul li a.navArrowN,.on-small-only header nav ul li a.navArrowN{padding: 0;}
.on-small-only .tBtn{margin-top: 25px;}
.on-small-only .tBtn.row .col.s6{padding: 0 1em;} .on-med-only header .navBtn,.on-small-only header .navBtn {
display: block; width: 20px;
position: absolute;
top: 25px;
left: 27px; cursor: pointer;z-index:99999;
margin: 0;
}
.on-med-only header .navBtn span,.on-small-only header .navBtn span {
display: block; height: 2px;
width: 100%;
background: #000; -webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.on-med-only header.navOpen .navBtn span,.on-small-only header.navOpen .navBtn span{
background: #000
}
.on-med-only header .navBtn span.menuTxt,.on-small-only header .navBtn span.menuTxt{background: none;color: #000;font-size: 14px;
margin-top: 5px;
text-align: center;}
.on-med-only header .navBtn span:nth-of-type(2),
.on-med-only header .navBtn span:nth-of-type(3),
.on-small-only header .navBtn span:nth-of-type(2),
.on-small-only header .navBtn span:nth-of-type(3) {margin-top: 6px;} .on-med-only header.navOpen .navBtn span:nth-of-type(1),.on-small-only header.navOpen .navBtn span:nth-of-type(1) {
-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
-ms-transform: translateY(9px) translateX(0) rotate(45deg);
transform: translateY(9px) translateX(0) rotate(45deg);
}
.on-med-only header.navOpen .navBtn span:nth-of-type(2),.on-small-only header.navOpen .navBtn span:nth-of-type(2) { margin-top: 8px;
opacity: 0;
-webkit-transform: translateY(9px);
-ms-transform: translateY(9px);
transform: translateY(9px);
}
.on-med-only header.navOpen .navBtn span:nth-of-type(3),.on-small-only header.navOpen .navBtn span:nth-of-type(3) {
-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
transform: translateY(-9px) translateX(0) rotate(-45deg);
} .l-gNavList{
background: none;
box-shadow: none;
display: inline-block;
width:100%;
padding:0 12% 0 12%;
margin-top:52px;
}
@media (max-width:1112px) {
.l-gNavList{padding:0 18% 0 8%;}
}
.gNavList{width:100%;display: flex;
justify-content: space-between;}
.gNavList li{
padding-top:0;
line-height: 1;
margin-top: 17px;
background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/i_icon.svg) no-repeat center top;
}
.gNavList li a{position:relative;padding:36px 0;}
.gNavList li a::after, .gNavList li a::before {
position: absolute;
transition: .09s ease-in-out;
}
.gNavList li a::after{
bottom: 17px;
left: 0;
content: attr(data-hover);
display: block;
width: 100%;
height:1em;
color: #000;
font-size: 9px;
letter-spacing: 0.06em;
white-space: nowrap;
text-align: center;
font-family: 'Roboto', sans-serif;
}
@media (max-width:1595px) {
.gNavList li{
margin-top:0;
}
.gNavList{
margin-top: 0;
}
}
.gNavList__text{font-size:17px;font-weight:bold;
color: #000;
letter-spacing: 2px;text-align:center;
padding: 0 28px;
line-height: 1;
padding: 0;
line-height: 1;
margin-left:0;
position: relative;
display: inline-block;
transition: .3s;
text-decoration: none}
.gNavList__text:hover{color:grey;}
.gNavList__text::after{}
.gNavList__text:hover::after{bottom: 12px;} .l-slide{
position: relative;
margin: 0 auto;
margin-top: 0;
}
.on-small-only .l-slide,.on-med-only .l-slide{
margin-top: 160px;
} .slick-slide{
margin: 0
}
.slide{
position: relative;
z-index: 0;
}
.slide__list{margin-top: 0;margin-bottom: 0;}
.slide__img{
width: 100%;
height: auto;
vertical-align: bottom;
} .mainCopy{
text-align: center;
margin: 0px;
padding-top: 110px;
line-height: 35px;
font-size: 16px;
} .on-small-only .mainCopy{
padding: 0 30px 0;
line-height: 1.9;
margin-bottom:9px;
} .pageImg{
width: 100%;
height: auto;
background-size: cover;
background-position: center;
} .pageImg__img{
width: 100%;
height: 100%;
margin: 0;
display: block;
}
.pageImg__img--branding{
background-image: url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/top_branding.jpg);
} .on-small-only .pageImg{
margin-top: 65px;
} .breadcrumbArea{
margin: 0 auto 70px;
max-width: 1180px;
width: 90%;
} .on-small-only .breadcrumbArea{
margin-bottom: 30px
} .breadcrumbs{
text-align: left;
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-bottom: 0px;
margin-top: 20px;
font-size: 12px;
}
.breadcrumbs a{
text-decoration: underline;
} .on-small-only .breadcrumbs{
font-size: 10px;
text-align: center;
margin-top: 10px;
} main{
margin: 0 auto;
}
.on-small-only main{
width: 100%;
}  .newsListArea{
padding: 35px 0;
text-align: center;
background-color:#f9f9f8;
}
.l-newsList{
max-width: 980px;
width: 100%;
margin: 30px auto 70px;
position: relative;
}
.newsList{
margin: 0;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.newsList__li{
width: 45%;
padding: 20px 5px;
text-align: left;
}
.newsList__li:first-child{
}
.newsList__li:nth-child(2){
}
.newsList__li img{
width: 20%;
float: left;
margin-right: 10px;
}
.newsList__day{font-size: 11px;color:#231815;}
.newsList__catagory{
display: inline-block;
text-align: center;
min-width: 75px;
margin: 0 15px 0 0;
font-size: 10px;
padding: 1px 5px;
border:0;
background:#787b7d;
font-weight: bold;
color:#fff;
font-weight:normal;
}
.newsList__catagory:hover{color:#fff;}
.newsList__title{
margin-top: 10px;
letter-spacing:0.06em;
text-overflow: ellipsis;
display: inline-block;
font-size: 14px;
margin-left: 0px;
text-align: left;
width: 75%;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.on-small-only .newsList__title{
margin-top: 10px;
letter-spacing:0.06em;
text-overflow:inherit;
display: inline-block;
font-size: 14px;
margin-left: 0px;
text-align: left;
width:calc(100% - 70px);
vertical-align: middle;
white-space:normal;
overflow:auto;
text-overflow:inherit;
-webkit-text-overflow:inherit;
-o-text-overflow:inherit;
}
.on-small-only .newsList__day{padding-left:70px;}
.newList__link{
text-decoration:none;
}
.newList__link:hover{text-decoration:underline;}
.newsList__preparation{
margin-bottom: 10px;
}
.newsList__btn{
margin-top: 30px;
text-align: right;
line-height: 1.7;
} .on-small-only .l-newsList{
margin: 0 auto;
}
.on-small-only .newsList__btn{
margin-top: 15px;
text-align: center;
}
.on-med-only .newsListArea{
padding: 70px 30px;
}
.on-small-only .newsListArea{
padding: 35px 30px;
}
.on-small-only .newsList__li{
width: 100%;
}
.on-small-only .newsList__li:first-child{
border-bottom: none;
} .tileList{margin: 0 0 55px 0}
.tileList li{
border-bottom: 1px solid #000;
}
.tileList li a{
font-size: 12px;
padding: 15px 10px;
position: relative;
display: block;
text-align: left;
}
.tileList li a:hover{
background-color: rgb(230, 230, 230);
} .on-med-only .tileList li{
display: inline-block;
width: 47%;
}
.on-med-only .tileList li:nth-child(2n){
margin-left: 5%;
} .on-small-only .tileList{margin: 0 0 30px 0} .l-brandList{
text-align: center;
width: 100%;
max-width: 955px;
margin: 40px auto 0;
padding: 0 30px;
}
.l-brandList h3{
line-height: 1.7
}
.l-brandList p{
text-align: center;
}
.brandList{
margin-top: 25px;
}
.brandList__li{
padding: 50px 0;
}
.brandList li:first-child,.brandList li:last-child{border: none}
.brandList__title{
margin: 15px 0 7px;
}
.brandList__img{
width: 30%;
padding-right: 10px;
}
.brandList__img img{
width: 100%;
height: auto;
display: block;
}
.brandList__txtBox{
position: relative;
text-align: left;
width: 40%;
padding-left: 40px;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start;
}
.brandList__txtBox p{
text-align: left;
}
.brandList__btn{
bottom: 0;
position: absolute;
left: 40px;
}
.brandList__heading{
font-size: 13px;
border-bottom: 1px solid rgb(0, 0, 0);
padding: 2px 5px;
letter-spacing: 3px;
}
.brandList__interview{
font-weight: bold;
font-family: 'Roboto';
flex-basis: 100%;
}
.brandList__copy{
font-size: 18px;
line-height: 1.7
}
#bnrRinks .linkListA ul img{
border: 1px solid #000;
margin: 72px auto;
padding-top: 30px;
padding-bottom: 30px;
}
#priceList .priceList-bnr{
margin-top: 30px;
}
#priceList .priceList-bnr p{
margin: 0;
padding: 0.5em 1em;
text-align: center;
min-height: 50px;
line-height: 50px;
font-size: 28px;
}
.on-small-only #priceList .priceList-bnr {
margin-top: 0;
}
.on-small-only #priceList .priceList-bnr p {
max-width: 100%;
height: auto;
}
#oneAnd-top {
padding: 72px 0 57px;
}
.on-small-only #oneAnd-top {
padding: 0;
}
.on-small-only #oneAnd-top > div {
margin-bottom: 0;
}
.oneand-top{
border: 2px solid #000;
padding-top: 30px;
padding-bottom: 30px;
}
.oneand-top:hover{
background-color: #fff; 
color: #333;
border: solid 1px #fff;
}
.oneand{
border: 2px solid #000;
margin: 0px auto;
}
.catalogArea{
width: 100%;
text-align:center;
} .on-small-only .l-brandList{
margin: 30px auto 0;
}
.on-small-only .brandList{
margin-top: 30px;
}
.on-small-only .brandList__li{
padding: 30px 0;
flex-wrap: wrap;
}
.on-small-only .brandList__img{
width: 49%;
margin-right: 2%;
padding: 0;
}
.on-small-only .brandList__img:nth-child(2){
margin-right: 0%;
}
.on-small-only .brandList__txtBox{
width: 100%;
padding: 0;
margin-top: 10px;
}
.on-small-only .brandList__copy{
margin-top: 10px;
flex-basis: 100%;
}
.on-small-only .brandList__txtBox p{
text-align: center;
}
.on-small-only .brandList__li h3{
margin: 0 auto;
}
.on-small-only .brandList__btn{
margin: 10px auto 0;
position: static;
} .faqList{
-webkit-display: flex;
display: flex;
margin: 0 auto 60px;
}
.faqList_li{
text-align: center;
flex-basis: 25%;
border-right: 1px solid #000;
padding: 12px;
}
.faqList_li:first-child{
border-left: 1px solid #000;
} .on-small-only .faqList{
flex-wrap: wrap;
}
.on-small-only .faqList_li{
flex-basis: 100%;
border-right: none;
border-bottom: 1px solid #000;
}
.on-small-only .faqList_li:first-child{
border-left: none;
border-top: 1px solid #000;
}  .single-postArea{
max-width: 980px;
padding: 0 30px;
margin: 0 auto;
}
.post-date {
font-size: 12px;
}
.newsTitle{
letter-spacing: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
display: inline-block;
font-size: 13px;
margin-left: 0px;
text-align: left !important;
width: 100%;
font-size: 18px;
border-bottom: 1px solid rgb(204, 204, 204);
padding-bottom: 7px;
margin-bottom: 0px;
margin-top: 9px;
}
.category_icoArea {
color: #fff;
display: inline-block;
text-align: center;
min-width: 75px;
margin: 0 15px;
font-size: 10px;
padding: 3px 5px;
background: #325364;
} .l-faqBlock{
max-width: 980px;
padding:20px 30px 10px;
margin:40px auto 0;
}
.faqBlock{
margin-bottom: 50px;
}
.faqBlock__heading{
font-size: 17px;
border-bottom: 1px solid #000;
display: inline;
}
.faqBlock__Q{
position: relative;
font-size: 18px;
background-color: #E6E6E6;
cursor: pointer;
padding: 10px;
padding-left: 45px;
}
.faqBlock__A{
position: relative;
padding-left: 45px;
}
.faqBlock__A a{
text-decoration: underline;
}
.faqBlock__Q:before{
content: url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/Q.svg);
width: 20px;
margin-right: 10px;
position: absolute;
left: 9px;
}
.faqBlock__A:before{
content: url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/A.svg);
width: 20px;
margin-right: 10px;
position: absolute;
left: 9px;
}
.on-small-only .faqBlock__A{
height: auto !important;
} .Col2BlockArea{
margin-bottom: 190px;
}
.l-Col2Block{
margin: 0 -10px;
}
.Col2Block{
width: 50%;
float: left;
padding: 0 10px;
position: relative;
}
.Col2Block__img{
width: 100%;
height: auto;
position: relative;
border: 5px solid #0D5162;
}
.Col2Block__txtBox{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.Col2Block__heading{
font-size: 42px;
font-weight: 800;
line-height: 1.1;
}
.Col2Block__heading--w{
color: #fff;
} .Col3Block.slick-slide a:hover,.Col3Block.slick-slide a:focus{
opacity: 1;
}
.Col3BlockArea{
width: 100%;
text-align:center;
padding: 70px 0;
}
.Col3BlockArea--gray{
}
.Col3BlockArea--gray h2{
margin:40px auto 0;
}
.Col3BlockArea--gray a{
margin-bottom:40px;
}
.l-Col3Block{
max-width: 980px;
width: 100%;
margin: 0 auto 40px;
position: relative;
-webkit-display: flex;
display: flex;
}
.f-Col3Block{
-webkit-display: flex;
display: flex;
width: calc(100% - 400px);
}
@media (max-width:1300px) {
.f-Col3Block{width: calc(100% - 280px);}
}
.Col3Block{
width: 33.333%;
padding: 0 20px;
position: relative;
flex: 1;
}
.Col3Block.PLUSmt{
margin-top: 35px;
}
.Col3Block--nop{
padding: 0;
}
.Col3Block{
text-align: left;
}
.Col3Block__img{
margin-top: 30px;
}
.Col3Block__img--nomg{
margin: 0;
}
.Col3Block__img img{
width: 100%;
height: auto;
display: block;
}
.Col3Block__seal{
position: absolute;
left: 0px;
top: 0;
}
.Col3Block__txtBox{
position: absolute;
bottom:38px;
left:0;right:0;
text-align: center;
}
.Col3Block__txtBox div{
border: 3px solid #000;
text-align: center;
padding: 5px;
display:inline-block;
}
.Col3Block__txtBox h2{
font-size: 29px;
font-weight: bold;
margin: 0px 6px;
border-bottom: 3px solid #000;
padding: 0px 12px;
display:inline-block;
}
@media (max-width:1300px) {
.Col3Block__txtBox h2{font-size:18px;}
}
.Col3Block__txtBox p{
text-align: center;
letter-spacing: 2px;
}
.Col3Block__txtBox--w div{
border-color: #fff;
background-color: rgba(0,0,0,.6);
}
.Col3Block__txtBox--w h2,.Col3Block__txtBox--w p{
color: #fff;
}
.Col3Block__txtBox--w h2{
border-bottom: 3px solid #fff;
}
.Col3Block__txtBox--custom{
}
@media (max-width:1300px) {
.Col3Block__txtBox--custom{width:auto;}
}
.Col3Block__txtBox--long h2{
padding: 0px 65px;
}
.Col3Block__span{
display: block;
font-size: 12px;
margin-bottom: 5px;
}
.Col3Block__txt{
margin-top: 15px;
text-align: left;
} #custom.on-small-only .l-Col3Block{
margin: 0 auto;
}
.on-small-only .l-customBlock{
margin-top: 0px;
}
.on-med-only .Col3BlockArea{
padding: 70px 30px;
}
.on-small-only .Col3BlockArea{
padding: 35px 30px;
}
.on-med-only .f-Col3Block,.on-small-only .f-Col3Block{
width: 100%;
}
.on-small-only .f-Col3Block.PLUSwrap{
flex-wrap: wrap;
}
.on-small-only .Col3Block.PLUS100W{
flex-basis: 100%;
}
.on-small-only .Col3Block__txtBox--custom{
}
.on-small-only .Col3Block__txtBox h2{
font-size: 21px;
} .seal{
width: 80px;
height: 80px;
background-color: #325364;
border-radius: 50%;
position: relative;
}
.seal__txt{
color: #fff;
text-align: center;
position: absolute;
top: 52%;
left: 50%;
margin-right: -50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 14px;
line-height: 19px;
}
.seal__bigTxt{
font-size: 29px;
} .Col5BlockArea{
width: 100%;
text-align:center;
padding: 70px 0;
}
.l-Col5Block{
max-width: 980px;
width: 100%;
margin: 0 auto 40px;
position: relative;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
}
.Col5Block{
width: 19.9%;
padding: 0 12px;
position: relative;
}
.Col5Block__img{
margin-top: 24px;
}
.Col5Block__img img{
width: 100%;
height: auto;
} .on-small-only .l-Col5Block{
margin-top: 30px;
}
.on-med-only .Col5BlockArea{
padding: 70px 30px;
}
.on-small-only .Col5BlockArea{
padding: 35px 30px;
}
.on-small-only .Col5Block{
width: 50%;
padding: 0px 5px;
}
.on-small-only .Col5Block__img{
margin-top: 5px;
} .tagBlock{
margin-top: 15px
}
.tagBlock li{
display: inline-block;
background-color: #E6E6E6;
padding: 5px 7px;
margin-bottom: 5px;
margin-right: 5px;
}
.tagBlock li:hover{
background-color: #000;
}
.tagBlock li:hover > a{
color: #fff;
opacity: 1;
}
.sideAddBlock{
margin: 55px auto 30px;
}
.sideAddBlock__txt{
font-size: 13px;
line-height: 1.3;
}
.sideAddBlock__img{
width: 100%;
height: auto;
max-width: 200px;
margin-bottom: 5px;
}
.sideAddBlock__heading{
font-size: 19px;
margin: 0 0 5px 0;
}
.sideAddBlock__heading span{
font-size: 13px;
}
.sideAddBlock p{
font-size: 12px;
letter-spacing: 0;
font-feature-settings : "palt";
}
.sideAddBlock__mtTxt{
margin-top: 20px;
} .on-small-only .sideAddBlock,.on-med-only .sideAddBlock,.on-small-only .sideAddBlock p,.on-med-only .sideAddBlock p{
text-align: center;
}
.on-small-only .sideAddBlock{
margin: 30px auto;
}
.on-small-only .sideAddBlock__img{
margin-bottom: 10px;
} .l-partBlock{
max-width: 955px;
margin: 0 auto;
padding: 0 30px
}
.partBlock{
margin: 0 auto 90px;
word-wrap: break-word;
-webkit-display: flex;
display: flex;
justify-content: space-between;
}
.partBlock.PLUStop{
margin:0 auto 65px;
flex-wrap: wrap;
border-bottom: 1px solid #000;
padding-bottom: 65px;
padding-top:70px;
}
.partBlock.PLUSrev{
flex-direction: row-reverse;
}
.partBlock img{
width: 100%;
height: auto;
display: block;
}
.partBlock__lead{
text-align: center;
font-size: 18px;
margin-top: 0;
margin-bottom: 55px;
line-height: 40px;
letter-spacing: 2px;
flex-basis: 100%;
}
.partBlock__interview{
font-size: 14px;
font-weight: bold;
}
.partBlock__heading{
font-size: 22px;
display: inline-block;
border-bottom: 1px solid #000;
margin: 10px 0 0;
letter-spacing: 3px;
}
.partBlock__span{
font-size: 12px;
}
.partBlock__copy{
font-size: 15px;
margin-top: 30px;
letter-spacing: 2px;
line-height: 2;
}
.partBlock__name{
margin-top: 20px;
font-size: 12px;
}
.partBlock__imgCol{
flex-basis: 40%;
}
.partBlock__imgCol.PLUStop{
flex-basis: 65%;
}
.partBlock__txtCol{
flex-basis: 55%;
}
.partBlock__txtCol.PLUStop{
flex-basis: 30%;
}
.partBlock__txtCol h3{
margin-top: 0;
}
.partBlock__paging{
width: 100%;
text-align: center;
margin-bottom: 120px;
letter-spacing: 3px;
}
.partBlock__paging.PLUSmt{
margin-top: 60px;
}
.partBlock__prenex{
-webkit-display: flex;
display: flex;
justify-content: space-between;
}
.partBlock__prev{
display: inline-block;
}
.partBlock__back{
display: inline-block;
border-bottom: 1px solid #000;
}
.partBlock__next{
display: inline-block;
}
.partBlock__backArea{
margin-top: -20px;
} .on-small-only .partBlock.PLUStop,.on-med-only .partBlock.PLUStop{
flex-wrap: wrap;
}
.on-small-only .partBlock__imgCol.PLUStop,.on-med-only .partBlock__imgCol.PLUStop {
flex-basis: 100%;
}
.on-small-only .partBlock__txtCol.PLUStop,.on-med-only .partBlock__txtCol.PLUStop {
flex-basis: 100%;
margin-top: 10px;
text-align: center;
}
.on-small-only .partBlock__copy,.on-med-only .partBlock__copy{
margin-top: 10px;
text-align: center;
} .on-small-only .partBlock.PLUStop{}
.on-small-only .partBlock__lead{
font-size: 15px;
margin-bottom: 30px;
line-height: 1.7;
}
.on-small-only .partBlock.PLUSrev{
flex-direction: row;
}
.on-small-only .partBlock__imgCol{
flex-basis: 100%;
}
.on-small-only .partBlock.PLUStop{
margin: 30px auto;
padding: 0;
border: none;
}
.on-small-only .partBlock{
flex-wrap: wrap;
margin: 0 auto 40px;
}
.on-small-only .partBlock__txtCol{
flex-basis: 100%;
}
.on-small-only .partBlock__txtCol h3 {
margin-top: 10px;
}
.on-small-only .partBlock__interview,.on-med-only .partBlock__interview{
text-align: center
} .pagetitleArea{
text-align: center;
padding: 35px 0;
background:#fff;
} .on-small-only .pagetitleArea{
padding: 20px 0;
} .pagetitle{
position: relative;
top: 51%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
max-width: 1180px;
margin: 0 auto;
width: 90%;} .panelBlock{
position: relative;
}
.panelBlock__heading{
position: absolute;
top: 90px;
left: 10%;
z-index: 1;
color: #FFF;}
.panelBlock__img{
margin-bottom: 20px;
width: 100%;
height: auto;
vertical-align: bottom;
}
.panelBlock__title{
margin: 15px 0 10px;
font-size: 18px;
font-weight: bold;
}
.panelBlock__text{
margin: 0 0 50px;
letter-spacing: 0.5px;
}
.panelBlock__text--mb {
margin-bottom: 20px;
}
.panelBlock__info{
font-size: 15px;
font-weight: bold;
line-height: 1.7;
} .on-small-only .panelBlock__heading{
position: static;
}
.on-small-only .panelBlock__info{
position: static;
color: #000;
font-size: 13px;
font-weight: normal;
margin-bottom: 40px;
margin-top: 0;
}
.on-small-only .panelBlock__text--mb{
margin-bottom: 35px;
}
.on-small-only .panelBlock__title{
font-size: 17px;
font-weight: bold;
} .tileArea{}
.tileArea__span{
font-size: 85%;
} .tileBlock{}
.tileBlock__heading{
margin-top: 0px;
margin-bottom: 15px;
font-size: 20px;
}
.tileBlock__text{
margin-bottom: 40px;
}
.tileBlock__img{width: 100%;
height: auto;
vertical-align: bottom;
margin-bottom: 12px;
} .on-small-only .tileBlock__heading{
font-size: 17px;
}
.on-small-only .tileBlock__year{
font-size: 14px;
margin-bottom: 0;
} .l-commonTable{
margin-top: 110px
}
.l-commonTable--tree{
margin-bottom: 110px;
}
.l-commonTable__heading{
font-weight: bold;
margin-top: 0;
margin-bottom: 15px;
}
.l-commonTable__text{
margin-bottom: 0;
margin-top: 10px;
text-align: right;
font-size: 11px;
} .on-small-only .l-commonTable{
margin-top: 50px;
}
.on-small-only .l-commonTable__heading{
padding: 0;
}
.on-small-only .l-commonTable__col{
padding: 0;
}
.on-small-only .l-commonTable__text{
font-size: 10px
}
.on-small-only .l-commonTable--tree {
margin-bottom: 50px;
} .commonTable{
border-top: 1px solid #ccc;
}
.commonTable th{
background: #EFEFEF;
text-align: center;
width: 27%;
}
.commonTable th,.commonTable td{
padding: 15px 3em;
border-bottom: 1px solid #ccc;
}
.commonTable.commonTable--center td{
text-align: center;
} .on-large-only .commonTable__hr{
margin: 50px 0;
border: 0;
border-top: 1px solid #bbb;
} .on-small-only .commonTable{
width: auto;
margin: 0px -1.2rem;}
.on-small-only .commonTable__hr{display: none}
.on-small-only .commonTable th,.on-small-only .commonTable td {padding: 15px;}
#weather.on-small-only .commonTable,#tree.on-small-only .commonTable{margin: 0;}
#tree.on-small-only .commonTable td{padding: 15px 0;text-align: right;}
#tree.on-small-only .commonTable th{padding: 15px 5px;}
.on-small-only .commonTable__year{
font-size: 10px
} .cardBlock:nth-first-of-type(){
margin-top: 0
}
.cardBlock{
margin: 50px -1.2rem 20px;
}
.cardBlock__title{
margin-top: 50px;
margin-bottom: 11px;
}
.cardBlock__img{
max-width: 100%;
height: auto;
min-width: 85px;
}
.cardBlock__heading{
font-size: 19px;
margin-top: 10px;
display: block
}
.cardBlock__day{
font-size: 12px;
}
.cardBlock__categoryicon{
display: inline-block;text-align: center;font-size: 10px;
color: #fff;
margin: 0 15px;
background: #407038;
padding: 3px 5px;
min-width: 75px;
}
.cardBlock__categoryicon:hover{
color: #fff;
} .on-small-only .cardBlock__title {
margin-top: 15px;
}
.on-small-only .cardBlock__day{
font-size: 10px;
}
.on-small-only .cardBlock__categoryicon{
padding: 1px 5px;
}
.on-small-only .cardBlock__heading{
font-size: 15px
} .conceptTxtBlock{
text-align: center;
padding: 50px 0px;
}
.conceptTxtBlock__txt{
margin-top: 40px;
text-align: center;
} .on-small-only .conceptTxtBlock{
padding: 20px 30px;
}
.on-small-only .conceptTxtBlock__txt{
margin-top: 10px;
} .hoshinoismBlock{
padding: 50px 0px;
background-color: #EAEDF0;
text-align: center;
margin-top: 50px;
}
.hoshinoismBlock__row{
-webkit-display: flex;
display: flex;
max-width: 960px;
margin: 0 auto 45px;
border-bottom: 2px dashed #000;
padding: 0 30px 45px;
}
.hoshinoismBlock__col{
flex-basis: 33.3333%;
flex: 1;
text-align: left;
margin-top: 20px;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
}
.hoshinoismBlock__col:nth-child(1){
padding-right: 25px;
}
.hoshinoismBlock__col:nth-child(2){
padding-left: 25px;
padding-right: 25px;
}
.hoshinoismBlock__col:nth-child(3){
padding-left: 25px;
}
.hoshinoismBlock__col h4{
font-weight: bold;
}
.hoshinoismBlock__img{
width: 100%;
height: auto;
margin-top: 20px;
align-self: flex-end;
}
.hoshinoismBlock__heading{
font-size: 21px;
font-weight: bold;
letter-spacing: 4px;
}
.hoshinoismBlock__txt{
text-align: center;
letter-spacing: 2px;
line-height: 27px;
} .on-small-only .hoshinoismBlock__img{
margin-top: 10px;
}
.on-small-only .hoshinoismBlock{
padding: 30px 0px;
margin-top: 0px;
}
.on-med-only .hoshinoismBlock__row,.on-small-only .hoshinoismBlock__row{
flex-wrap: wrap;
margin: 0 30px 35px;
padding: 0 0 35px;
}
.on-small-only .hoshinoismBlock__col{
flex-basis: 100%;
padding: 0;
}
.on-small-only .hoshinoismBlock__txt{
padding: 0 30px;
line-height: 1.7;
} .l-banner2colBlock{
max-width: 980px;
margin: 0 auto;
padding: 135px 30px;
}
.l-banner2colBlock.PLUSnop{
padding: 135px 0;
}
.l-banner2colBlock.PLUSpt{
padding-top: 0;
}
.banner2colBlock{
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.banner2colBlock__txt{
flex-basis: 100%;
text-align: center;
font-size: 15px;
letter-spacing: 3px;
font-weight: bold;
}
.banner2colBlock__txt.PLUSmb{
margin-bottom: 25px;
}
.banner2colBlock__col{
flex-basis: 49%;
position: relative;
}
.banner2colBlock__img{
width: 100%;
height: auto;
}
.banner2colBlock__txtBox{
border: 3px solid #000;
position: absolute;
top: 65%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
text-align: center;
padding: 5px;
}
@media screen and (min-width:768px) and (max-width:1200px) {
.banner2colBlock__txtBox{
top: 45%;
}
}
.banner2colBlock__txtBox h2{
font-size: 29px;
font-weight: bold;
margin: 0px 6px;
border-bottom: 3px solid #000;
padding: 0px 12px;
}
.banner2colBlock__txtBox p{
text-align: center;
letter-spacing: 2px;
}
.banner2colBlock__txtBox.PLUSw{
border-color: #fff;
background-color: rgba(0,0,0,.6);
min-width: 295px;
}
.banner2colBlock__txtBox.PLUSw h2,.banner2colBlock__txtBox.PLUSw p{
color: #fff;
}
.banner2colBlock__txtBox.PLUSw h2{
border-bottom: 3px solid #fff;
} .on-small-only .banner2colBlock__txtBox{
top: 55%;
}
.on-small-only .banner2colBlock__col{
flex-basis: 100%;
}
.on-small-only .banner2colBlock__col:nth-child(2){
margin-bottom: 20px;
}
.on-small-only .l-banner2colBlock{
padding: 50px 30px 0;
}
#faq.on-small-only .l-banner2colBlock{
padding: 50px 0px 0;
}
.on-small-only .banner2colBlock__txtBox h2{
font-size: 21px;
}
.on-small-only .banner2colBlock__txtBox.PLUSw{
min-width: 240px;
} .l-bannerCustom{
max-width: 980px;
margin: 0 auto;
padding: 0 30px;
text-align: center;
}
.bannerCustom{
padding: 60px 0 180px;
}
.bannerCustom p{
font-size: 15px;
margin-bottom: 15px;
font-weight: bold;
letter-spacing: 3px;
text-align: center;
}
.bannerCustom img{
width: 100%;
height: auto;
} .on-small-only .bannerCustom{
padding: 30px 0;
}
.on-small-only .bannerCustom p{
font-size: 13px;
} .bannerBranding{
max-width: 980px;
margin: 0 auto 110px
}
.bannerBranding p{
text-align: center;
margin-bottom: 15px;
font-size: 12px;
font-weight: bold;
}
.bannerBranding img{
width: 100%;
height: auto;
} .on-small-only .bannerBranding{
margin: 0 30px 30px;
} .customerBlock{
border: 2px solid rgb(0, 0, 0);
padding: 30px;
-webkit-display: flex;
display: flex;
position: relative;
margin-bottom: 70px;
}
.customerBlock:before{
content: "";
position: absolute;
top: 20px;
left: 8%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 30px solid #0D5162;
}
.customerBlock:after{
content: "お客様から一言";
position: absolute;
width: 26%;
background: #0D5162;
text-align: center;
top: -4%;
left: 40px;
padding: 4px;
color: #fff;
font-size: 16px;
}
.customerBlock__bgCol{
width: 50%;
-weckit-display: flex;
display: flex;
align-items: center;
}
.customerBlock__smCol{
padding-left: 30px;
width: 100%;
}
.customerBtn{background:#000;color:#fff;text-align:center;padding:6px 12px;position:absolute;bottom:-9px;right:-9px;
transition: all .1s;
-webkit-transition: all all .1s ease;
-moz-transition: all all .1s ease;
-ms-transition: all all .1s ease;
-o-transition: all all .1s ease;
transition: all all .1s ease;}
.customerBlock__img{
width: 100%;
height: auto;
}
.customerBtn:hover{opacity:1;right:-12px;color:#fff;}
.customerBlock__heading{
margin-top: 0;
font-size: 18px;
margin-left: -10px;
}
.customerBlock__span{
font-size: 13px;
margin-left: 10px;
} .on-small-only .customerBlock:after{
width: 60%;
padding: 5px;
left: 20px;
}
.on-small-only .customerBlock:before{
top: 7px;
left: 18%;
border: 10px solid transparent;
border-top: 15px solid #0D5162;
}
.on-small-only .customerBlock{
padding: 25px 20px 30px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.on-small-only .customerBlock__bgCol{
flex-basis: 100%;
padding: 0;
}
.on-small-only .customerBlock__smCol{
flex-basis: 100%;
}
.on-small-only .customerBlock__heading{
margin-top: 10px;
}
.on-small-only .customerBlock__span{
font-size: 12px;
}
.on-small-only .partBlock__paging{
margin-bottom: 30px;
} .contentsBlock{
max-width: 980px;
margin: 40px auto 115px;
-webkit-display: flex;
display: flex;
padding: 0 30px;
}
.contentsBlock__col{
width: 31%;
margin-right: 4%;
position: relative;
}
.contentsBlock__col:nth-child(3){margin-right: 0%;}
.contentsBlock__col:nth-child(1) img{
position: absolute;
left: 0px;
bottom: 0px;
}
.on-small-only .contentsBlock__col:nth-child(1) img{
position: static;
}
.contentsBlock__col:nth-child(3) img{
position: absolute;
left: 0px;
bottom: 0px;
}
.on-small-only .contentsBlock__col:nth-child(3) img{
position: static;
}
.contentsBlock__col img{
width: 100%;
height: auto;
display: block;
margin-top: 20px;
}
.contentsBlock__heading{
font-size: 24px;
font-weight: bold;
text-align: left;
}
.contentsBlock__span{
font-size: 12px;
} .on-med-only .contentsBlock{
padding: 0 30px;
}
.on-small-only .contentsBlock{
flex-wrap: wrap;
padding: 0 30px;
margin: 30px auto;
}
.on-small-only .contentsBlock__col{
flex-basis: 100%;
padding: 0;
margin-bottom: 30px
}
.on-small-only .contentsBlock__heading{
text-align: center;
margin: 20px auto 10px;
font-size: 20px;
} .messageBlock{
-webkit-display: flex;
display: flex;
max-width: 980px;
margin: 65px auto 90px;
padding: 0 30px;
}
.messageBlock__L{
flex-basis: 80%;
text-align: left;
}
.messageBlock__L h3{
margin-top: 0;
font-size: 22px;
letter-spacing: 3px;
}
.messageBlock__R{
flex-basis: 20%;
margin: 0;
padding-left: 5%;
text-align: left;
font-size: 12px;
padding-top: 51px;
}
.messageBlock__R img{
width: 100%;
height: auto;
}
.messageBlock__name{
font-size: 11px;
}
.smHeading-txt{
font-size: 18px;
letter-spacing: 3px;
font-weight: bold;
margin-top: 4px;
text-align: center;
} .on-med-only .messageBlock__L h3{
font-size: 17px;
font-weight: bold;
}
.on-small-only .messageBlock__L h3{
font-size: 15px;
font-weight: bold;
}
.on-small-only .messageBlock,.on-med-only .messageBlock{
padding: 0 30px;
flex-wrap: wrap;
margin: 30px auto 60px;
}
.on-small-only .messageBlock__R,.on-med-only .messageBlock__R,.on-small-only .messageBlock__L,.on-med-only .messageBlock__L{
flex-basis: 100%;
}
.on-small-only .messageBlock__R,.on-med-only .messageBlock__R{
padding: 0;
margin-top: 20px;
-webkit-display: flex;
display: flex;
align-items: center;
}
.on-small-only .messageBlock__R img,.on-med-only .messageBlock__R img{
width: 30%;
}
.on-small-only .messageBlock__R p,.on-med-only .messageBlock__R p{
margin-left: 15px;
}
.historyBlock{
width: 100%;
max-width: 680px;
margin: 40px auto 70px;
}
.historyList{}
.historyList__li{
-webkit-display: flex;
display: flex;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #000;
padding: 10px;
align-items :center;
}
.historyList__year{
margin-right: 20px;
flex-basis: 15%;
text-align: center;
align-self: flex-start;
}
.historyList__content{
flex-basis: 85%;
} .on-small-only .historyBlock,.on-med-only .historyBlock{
padding: 0 30px;
margin-top: 30px;
margin-bottom: 0;
}
.on-small-only .historyList__year{
margin-right: 10px;
flex-basis: 30%;
}
.on-small-only .historyList__li:first-child{
border-top: 1px solid #000;
} main > .sidebarWrap{
height:auto;
}
.sidebar{
text-align:left;
width: 280px;
height:100%;
min-height:100%;
background: #fff;
border-left: 2px solid #808080;
padding: 60px 40px;
}
@media (min-width:1300px) {
.sidebar{border-right: 2px solid #808080;}
}
.sideBar__Cat{margin-bottom: 80px;margin-top: 0;}
.sideBar__Cat li{padding: 14px 0px;border-bottom: 1px dotted #ccc;}
.sideBar__day{font-size: 12px;}
.sideBar__categoryicon{
display: inline-block;
text-align: center;
font-size: 10px;
color: #fff;
margin: 0 15px;
background: #407038;
padding: 3px 5px;
min-width: 75px;}
.sideBar__categoryicon:hover{
color: #fff
}
.sideBar__newsTitle{margin: 0}
.sideBar__newsTitle a{text-decoration: underline}
.sideBar__newsTitle a:hover{text-decoration: none}
.sideBar__Info{margin: 0}
.sideBar__Info li{padding: 14px 0px;border-bottom: 1px dotted #ccc;} .on-small-only .sidebar,.on-med-only .sidebar{
width: auto;
border: none;
}
.on-small-only .sidebar{
padding: 35px 30px;
}
.on-small-only .sideBar__newsTitle{
font-size: 15px;
}
.on-small-only .sideBar__categoryicon{
padding: 1px 5px;
} .archiveWrap{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display:flex;
flex-wrap: wrap;
max-width: 980px;
margin: 0 auto;
padding: 0 30px;
}
.archiveMain{
flex: 3;
}
.archiveSide{
flex: 1;
flex-basis: 50px;
margin-top: 50px;
} .on-small-only .archiveSide{
flex-basis: 100%;
margin-bottom: 60px;
margin-top: 30px;
} .postBlock:nth-first-of-type(){
margin-top: 0
}
.postBlock{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display:flex;
flex-wrap: wrap;
margin: 20px auto  20px;
}
.postBlock__left{
}
.postBlock__right{
position:relative;
width:calc(100% - 120px);
}
.postBlock__title{
text-align: left;
padding-left: 30px;
margin:0 0 20px 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.postBlock__img{
max-width:120px;
height: auto;
min-width: 85px;
}
.on-small-only .postBlock__title{top:0;
-webkit-transform:none;
-ms-transform:none;
transform:none;}
.on-small-only .postBlock__right{width:calc(100% - 60px);}
.on-small-only .postBlock__img{max-width:60px;min-width:60px;}
.postBlock__heading{
font-size: 19px;
margin-top: 10px;
display: block;
flex-basis: 100%;
}
.postBlock__day{
font-size: 12px;
}
.postBlock__categoryicon{
display: inline-block;text-align: center;font-size: 10px;
color: #fff;
margin: 0 15px;
background: #325364;
padding: 4px 5px 2px;
min-width: 75px;
}
.postBlock__categoryicon:hover{
opacity: 0.7;
}
.postBlock__categoryicon a{
color: #fff;
} .on-small-only .postBlock__title{padding-left:20px;position:relative;}
.on-small-only .postBlock__day{
font-size: 10px;
}
.on-small-only .postBlock__categoryicon{
padding: 1px 5px;
}
.on-small-only .postBlock__heading{
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
} .wpcf7.wpcf7{
max-width: 980px;
margin: 0 auto;
padding: 0 30px;
}
.on-small-only .wpcf7.wpcf7{margin:0 -30px;overflow:hidden;}
.formLead{
padding: 30px;
}
.formTable .wpcf7-list-item input {
height: 1rem;
width: auto;
position: static;
opacity: 1;
margin-right: 5px;
visibility: visible;
cursor: pointer;
}
.formTable__small {
display: block;
margin-top: 10px;
font-size: 80%;
}
.formTable__chui {
margin-top: 40px;
text-align: center;
}
.formTable{
background: rgb(245, 245, 245) none repeat scroll 0% 0%;
padding: 39px 40px;
border: none;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
}
.formTable th{
border-bottom: 1px #A5A5A5 solid;
border-left: transparent;
font-size: 13px;
border-radius: 0;
padding: 25px;
width: 27%;
text-align: left;
position: relative;
vertical-align: top;
}
.formTable th::after{
content: "必須";
font-size: 11px;
padding: 4px 6px;
background: #325364;
color: #fff;
line-height: 1em;
letter-spacing: 1px;
text-align: center;
display: block;
width: 50px;
margin-top: 5px;
}
.formTable td{
border-bottom: 1px #A5A5A5 solid;
border-left: transparent;
font-size: 13px;
border-radius: 0;
padding: 25px;
}
.formTable input{
background: #fff;
font-size: 13px;
padding: 10px;
height: 1.7rem;
width: 98.7%;}
.formTable .formTable__noIndispensable::after{
display: none;
}
.formTable .dropdown-content li > span{
color: #000;
font-size: 13px;
padding: 0.7rem 10px;
}
.formTable__textArea textarea{
border-top: none;
border-left: none;
border-right: none;
background: #fff;
font-size: 13px;
padding: 10px;
height: 10rem;
width: 101.5%;
}
.formTable__privacy{
height: 12em;
overflow-y: scroll;
padding: 15px 10px 15px 20px;
background: #fff;
margin-bottom: 5px;
width: 100%;
}
.formTable__accept{
margin-bottom: 0;
margin-top: 30px;
margin-right: 5px;
}
.formTable .formTable__accept input[type="checkbox"]{
height: 1rem;
width: auto;
}
.formTable__btn{
text-align: center;
} .on-small-only .formTable{
padding: 20px 25px 5px;
}
.on-small-only .formTable th{
padding: 10px 15px 10px 0;
line-height: 1.3;
text-align: left;
font-size: 12px;
font-weight: normal;
}
.on-small-only .formTable td{
line-height: 1.5;
padding: 10px 0 10px 15px;
}
.on-small-only .formTable input{
width: 90%;
margin: 0;
}
.on-small-only .lh1{
margin-top: 10px;
}
.on-small-only .formTable__btn{
margin-top: 0px;
margin-bottom:0;
}
.on-small-only .formTable__chui {
margin-top: 20px;
padding:0 30px;
} .corporateTable{
width: 100%;
max-width: 680px;
border-collapse: collapse;
margin: 60px auto 20px;
font-size: 15px;
letter-spacing: 2px;
}
.corporateTable__L,.corporateTable__R{
padding: 7px 20px;
border: 1px solid #000;
vertical-align: middle;
}
.corporateTable__L{
border: none;
vertical-align: super;
text-align:right;
}
.corporateTable__R{
border: none;
border-left:1px solid #000;
} .on-small-only .corporateTable{
margin: 60px 0px;
font-size: 12px;
}
.on-small-only .corporateTable__L{
width: 80px;
padding: 7px 0;
text-align: center;
}
.on-small-only .l-corporateTable{
padding: 0 30px
} .l-sitemapList{
margin-left: -1.2rem;
margin-right: -1.2rem;
}
.sitemapList li{
border-bottom: 1px dotted #808080;
position: relative;
}
.sitemapList li:first-child{
border-top: 1px dotted #808080;
}
.sitemapList li a{
padding: 15px 0px 15px 35px;
display: block;
} .on-small-only .sitemapList{
margin: 0;
}
.on-small-only .sitemapList__between{
border-bottom: none;
} .l-latticeBlock{
margin:0 -1.2rem;
} .latticeBlock{
margin-top: 45px;
}
.latticeBlock__heading{
font-size: 19px;
margin-top: 17px;
margin-bottom: 11px;
font-weight: bold
}
.latticeBlock__img{
width: 100%;
height: auto;
}
.latticeBlock__heading--fac{
text-align: center;
font-size: 18px;
border-bottom: 1px solid #ccc;
margin-top: 0;
padding-bottom: 15px;
margin-bottom: 16px;
font-weight: bold;
}
.latticeBlock__txtArea{
padding: 25px 40px;
}
.latticeBlock--fac{
margin-top: 0;
}
.latticeBlock--fac:nth-child(n+4){
margin-top: 30px;
} .on-large-only .latticeBlock:nth-of-type(-n+3){
margin-top: 50px;
} .on-small-only .latticeBlock{
margin-top: 30px;
}
.on-small-only .col.latticeBlock{
padding: 0;
}
.on-small-only .latticeBlock__heading{
font-size: 14px;
}
.on-small-only .latticeBlock__txtArea{
padding: 15px 0 0;
}
.on-small-only .latticeBlock--fac:nth-child(n+2){
margin-top: 50px;
}
.on-small-only .latticeBlock__heading--fac{
font-size: 14px
} .bisiBlock{
margin-bottom: 110px;
margin-left: -1.2rem;
margin-right: -1.2rem;
}
.bisiBlock--nomb{
margin-bottom: 0;
}
.bisiBlock__img{
width: 100%;
height: auto;
}
.bisiBlock__bigger{
font-size: 21px;
line-height: 1.6;
} .on-small-only .bisiBlock__bigger{
font-size: 17px
}
.on-small-only .bisiBlock{
margin-bottom: 50px;
}
.on-small-only .bisiBlock--nomb{
margin-bottom: 0;
}
.on-small-only .bisiBlock__text{
font-size: 10px
} .subtitleBlock__text{
text-align: center;
margin-bottom: 50px;
} .on-small-only .subtitleBlock__text{
margin-bottom: 20px;
} .l-productBlock{
text-align: center;
padding: 90px 30px;
}
.l-productBlock.PLUSgray{
background-color: #DBD7D5;
}
.productBlock{
max-width: 980px;
margin: 0px auto;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px auto 0;
}
.productBlock img{
width: 100%;
height: auto;
}
.productBlock__img{
flex-basis: 67%;
}
.productBlock__pile{
flex-basis: 32.5%;
}
.productBlock__txt{
margin-top: 40px;
} .on-small-only .l-productBlock{
padding: 30px;
}
.on-small-only .productBlock{
margin: 30px auto 0;
}
.on-small-only .productList{
flex-wrap: wrap;
}
.on-small-only .productList__li{
padding: 10px 35px 10px 10px;
font-size: 12px;
-webkit-display: flex;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
flex-basis: 100%;
border-bottom: 2px solid #000;
border-right: none;
}
.on-small-only .productList__li:first-child{
border-left: none;
border-top: 2px solid #000;
}
.on-small-only .productBlock__txt {
margin-top: 10px;
}
.on-small-only productBlock__img {
padding-right: 2px;
}
.on-small-only .productBlock__pile {
flex-basis: 31.5%;
} .productList{
-webkit-display: flex;
display: flex;
max-width: 980px;
margin: 45px auto 0;
padding: 0 30px;
}
.productList__li{
flex: 1;
border-right: 2px solid #000;
text-align: center;
padding: 5px 0;
letter-spacing: 10px;
position: relative;
}
.productList__li:first-child{
border-left: 2px solid #000;
} .l-step3Block{
text-align: center;
padding: 35px 0 60px;
}
.l-step3Block__heading{
font-size: 21px;
font-weight: bold;
line-height: 1.9;
letter-spacing: 4px;
margin-bottom: 6px;
margin-top: 0;
}
.l-step3Block__em{
font-style: normal;
font-size: 36px;
line-height: 0;
}
.l-step3Block__txt{
text-align: center;
line-height: 1.9;
line-height: 2.5;
margin-bottom: 25px;
}
.step3Block{
max-width: 980px;
margin: 0 auto;
-webkit-display: flex;
display: flex;
padding: 0 30px;
}
.step3Block__col{
position: relative;
width: 32%;
margin-right: 10%;
}
.step3Block__col:last-child{
margin-right: 0%;
}
.step3Block__col:nth-child(1):before,.step3Block__col:nth-child(2):before{
content: "";
left: 108%;
width: 22%;
height: 2px;
background: #000;
display: block;
position: absolute;
top: 115px;
}
.step3Block__col:nth-child(1):after,.step3Block__col:nth-child(2):after{
content: "";
left: 115%;
width: 13%;
height: 13%;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
position: absolute;
top: 100px;
}
.step3Block__col img{
width: 100%;
height: auto;
margin-top: 10px;
}
.step3Block__txt a{
text-decoration: underline;
}
.step3Block__txt{
font-size: 12px;
}
.on-large-only .step3Block__txt{
min-height: 40px;
}
.step3Block__heading{
text-align: left;
font-size: 16px;
font-weight: bold;
position: relative;
padding-left: 50px;
}
.step3Block__heading:before{
content: "";
background-color: #0D5162;
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
color: #fff;
position: absolute;
top: -7px;
left: 0;
}
.step3Block__heading:after{
content: "2";
color: #fff;
position: absolute;
left: 13px;
font-size: 22px;
top: -3px;
}
.step3Block__col:first-child .step3Block__heading:after{
content: "1";
}
.step3Block__col:last-child .step3Block__heading:after{
content: "3";
} .on-small-only .l-step3Block{
text-align: center;
padding: 30px 0 30px;
}
.on-small-only .step3Block__col:nth-child(1):before,.on-small-only .step3Block__col:nth-child(2):before{
left: 42%;
width: 25px;
top: 108%;
transform: rotate(90deg);
}
.on-small-only .step3Block__col:nth-child(1):after,.on-small-only .step3Block__col:nth-child(2):after{
left: 44%;
width: 16px;
height: 16px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
top: 107%;
}
.on-small-only .step3Block{
flex-wrap: wrap;
}
.on-small-only .step3Block__col{
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
.on-small-only .step3Block__col:last-child{
margin-bottom: 0;
} .bigTelBlock{
border-top: 1px solid #000;
border-bottom:1px solid #000;
text-align: center;
max-width: 980px;
margin: 30px auto 90px;
padding: 35px 0
}
.bigTelBlock h2{
font-size: 60px;
font-weight: bold;
margin: 0;
}
.bigTelBlock h3{
font-size: 20px;
font-weight: bold;
margin: 0;
}
.bigTelBlock p{
text-align: center;
font-size: 12px;
} .on-small-only .bigTelBlock{
margin: 0px 30px 30px;
padding: 20px 0;
}
.on-small-only .bigTelBlock h3{
font-size: 14px;
}
.on-small-only .bigTelBlock h2{
font-size: 35px;
} .l-customBlock{
text-align: center;
margin-top: 0px;
}
.customBlock{
max-width: 980px;
margin: 30px auto 0;
-webkit-display: flex;
display: flex;
padding: 70px 0;
border-bottom: dashed 2px #000;
text-align: left;
}
.customBlock:last-child{
border: none;
}
.customBlock:nth-child(odd){
flex-direction: row-reverse;
}
.customBlock__ul p{
font-size: 12px
}
.customBlock__slide{
width: 55%;
}
.customBlock__txt{
width: 45%;
}
.customBlock:nth-child(odd) .customBlock__slide{
padding-left: 20px;
}
.customBlock:nth-child(even) .customBlock__txt{
padding-left: 20px;
}
.customBlock__copy{
font-size: 15px;
}
.customBlock__heading{
text-align: left;
font-weight: bold;
line-height: 1;
}
.customBlock__span{
font-size: 12px;
}
.customBlock__lead{
font-size: 12px;
}
.customBlock__ul{
margin-top: 35px;
}
.customBlock__li{
border-bottom: 1px solid #000;
padding: 5px 0;
-webkit-display: flex;
display: flex;
}
.customBlock__li:first-child{
border-top: 1px solid #000;
}
.customBlock__left{
flex-basis: 40%;
padding-left: 10px;
text-align: left;
}
.customBlock__right{
flex-basis: 80%;
text-align: left;
} .on-small-only .customBlock{
flex-wrap: wrap;
margin: 0 30px;
padding: 30px 0;
}
.on-small-only .customBlock__txt{
padding: 0;
width: 100%;
}
.on-small-only .customBlock__slide{
width: 100%;
margin-bottom: 30px;
overflow: hidden;
}
.on-small-only .customBlock:nth-child(odd) .customBlock__slide{
padding-left: 0px;
}
.on-small-only .customBlock:nth-child(even) .customBlock__txt{
padding-left: 0px;
}
.on-small-only .customBlock__ul{
margin-top: 25px;
} .l-itemBlock{
text-align: center;
}
.itemBlock{
max-width: 980px;
margin: 30px auto 0;
-webkit-display: flex;
display: flex;
padding: 70px 0;
text-align: left;
}
.itemBlock__ul p{
font-size: 12px
}
.itemBlock__slide{
width: 55%;
}
.itemBlock__txt{
width: 45%;
}
.itemBlock__slide{
padding-right: 30px;
}
.itemBlock__copy{
font-size: 15px;
}
.itemBlock__heading{
text-align: left;
line-height: 1;
}
.itemBlock__span{
font-size: 16px;
}
.itemBlock__lead{
font-size: 12px;
}
.itemBlock__ul{
margin-top: 20px;
}
.itemBlock__li{
border-bottom: 1px solid #000;
padding: 5px 0;
-webkit-display: flex;
display: flex;
}
.itemBlock__li:first-child{
border-top: 1px solid #000;
}
.itemBlock__li.cat p{line-height:30px;}
.itemBlock__li.cat a{
font-size:14px;font-weight:bold;
}
.itemBlock__left{
flex-basis: 25%;
padding-left: 10px;
text-align: left;
}
.itemBlock__right{
flex-basis: 80%;
}
.itemBlock__col{display: inline-block;
margin-top: 5px;}
.itemBlock__overview{margin-top: 5px;} .on-small-only .l-itemBlock{
margin-top:0;
}
.on-small-only .itemBlock{
padding: 30px 30px 0;
flex-wrap: wrap;
margin-top: 0;
}
.on-small-only .itemBlock__slide{
width: 100%;
padding: 0;
}
.on-small-only .itemBlock__txt{
width: 100%;
}
.on-small-only .itemBlock__left{
flex-basis: 40%;
padding-left: 5px;
}
.itemBlock__span{
font-size: 12px;
}
.itemBlock__heading{
line-height: 1.5;
margin-bottom: 5px;
}
.itemBlock__heading.original .hoshinoStar{max-width:25px;vertical-align:-7%;} div.slider {
width:100%;
display:block;
margin:40px auto;
}
.bx-wrapper img{
height: auto
}
ul.bxslider01 li { display:block;
width:100%;
height:400px;
}
ul.bxslider01 li img{
display:block;
width: 100% !important;
height: auto !important;
}
ul.bxslider02 li a { display:block;
width:100px;
height:60px;
}
ul.bxslider02 li a img{ display:block;
width:100px;
height:auto;
}
div.controlWrap { display:block;
position:relative;
margin:0 auto;
}
div.controlWrap p#PrevIcon a{ display:block;
width:13px;
height:19px;
position:absolute;
background: url(//hoshino-co.com/wp/wp-content/themes/img/btn_prev.png) left center no-repeat;
color:#fff;
top:20px;
left:20px;
text-indent:-9999px;
}
div.controlWrap p#NextIcon a{ display:block;
width:13px;
height:19px;
position:absolute;
background: url(//hoshino-co.com/wp/wp-content/themes/img/btn_next.png) left center no-repeat;
color:#fff;
top:20px;
right:20px;
text-indent:-9999px;
}
.bx-viewport{
cursor: pointer;
}
.controlWrap .bx-viewport{
height: auto !important;
}
#bx-pager{
transform: translate3d(0px, 0px, 0px) !important;
} .l-catListArea{
padding: 40px 20px;
max-width: 980px;
margin: 0px auto;
}
.catListArea{
}
.catListArea__heading{
position: relative;
float: left;
padding: 3px 0px;width: 105px;
text-align: center;
background-color: #0D5162;
color: #fff;
font-size: 12px;
margin-right: 40px;
height: 27px;
}
.catListArea__heading:after{
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
left: 100%;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 13px solid transparent;
border-left: 14px solid #0D5162;
border-bottom: 14px solid #0D5162;
}
.catList{
-webkit-display: flex;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.catList__li{
background-color: #E6E6E6;
padding: 5px 8px;
font-size: 12px;
margin-bottom: 10px;
margin-right: 5px;
}
.catList__li.current{
background-color: #000;
}
.catList__li.current a{
color: #fff
} .on-small-only .l-catListArea{
padding: 20px 30px;
}
.on-small-only .catListArea__heading{
float: none;
}
.on-small-only .catList{
justify-content: flex-start;
}
.on-small-only .catList__li {
margin-right: 5px;
font-size: 10px;
}
.galleryArea{
max-width: 980px;
margin: 0 auto;
-webkit-display: flex;
display: flex;
flex-wrap: wrap;
padding: 0 30px;
}
.galleryArea__col{
width: 22.7%;
margin-right: 3%;
padding-bottom: 36px;
}
.galleryArea__col:nth-child(4n){
margin-right: 0%;
}
.galleryArea__col figure{
margin: 0px;
}
.galleryTitle{
margin-top:0;
}
.galleryTitle__tag{
-webkit-display: flex;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.btn-opacity{opacity:1;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;}
.btn-opacity:hover{opacity:.65!important;}
.galleryTitle__col a{display:block;
background-color: rgb(230, 230, 230);
padding: 3px 12px;
font-size: 11px;
margin: 0 5px;
}
.galleryTitle__col a:hover{background-color:rgb(230, 230, 230);opacity:1;}
.itemBlock__col a,.galleryTitle__col.PLUSpd a{
padding: 2px 6px;
letter-spacing: -1px;
margin: 0 5px 5px 0;
display: inline-block;
background-color: rgb(230, 230, 230);
}
.galleryTitle__col.PLUSpd:first-child{
margin-right:0;
}
.galleryTitle__title{
text-align: center;
font-size: 14px;
margin:3px 0 0;
} .on-med-only .galleryTitle__title,.on-small-only .galleryTitle__title{
font-size: 12px;
}
.on-med-only .galleryArea__col{
width: 32%;
margin-right: 2%;
padding-bottom: 40px;
}
.on-med-only .galleryArea__col:nth-child(3n){
margin-right: 0%;
}
.on-small-only .galleryArea__col{
width: 49%;
margin-right: 2%;
padding-bottom: 40px;
}
.on-small-only .galleryArea__col:nth-child(2n){
margin-right: 0;
} .footer{
width: 100%;
padding: 0px;
}
.footer__copy{
text-align: center;
width: 100%;
color: #fff;
padding: 20px;
background: #325364;
}
.footerWrap{
-webkit-display: flex;
display: flex;
}
.footSideBLock{
width: 280px;
height: auto;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
border-left: 2px solid rgb(128, 128, 128);
}
@media (min-width:1300px) {
.footSideBLock{border-right: 2px solid #808080;}
} .on-small-only .footSideBLock,.on-med-only .footSideBLock{
display: none;
}
.on-small-only .wrapper,.on-med-only .wrapper{
width: 100%;overflow:hidden;
} .heading{
font-weight: bold;
letter-spacing: 1px;
position: relative;
line-height: 1; display: inline-block;
margin: 0;
padding-bottom: 8px;
}
.heading--nobd{
border: none
}
.heading--sub{
letter-spacing: 1px;
margin-top: 15px;
font-size: 19px;
}
.heading.PLUSbig{
font-size: 40px;
}
.heading.PLUSmtTerm{
margin-top: 100px;
}
.heading.PLUSja{
letter-spacing: 10px;
text-indent: 10px;
margin-left: -10px;
} .on-small-only .heading{
padding-bottom: 5px;
}
.on-small-only .smHeading{
padding-top: 5px;
}
.on-small-only .heading--sub{
font-size: 15px;
}
.on-small-only .heading.PLUSbig{
font-size: 21px;
}
.on-small-only .pagetitleArea .heading.PLUSbig{
font-size: 24px;
margin: 0 30px;
}
.on-small-only .heading.PLUSmtTerm{
margin-top: 30px;
} .medHeading{
font-size: 15px;
font-weight: bold;
text-align: center;
letter-spacing: 4px;
} .smHeading{
text-align: center;
margin: 0;
padding-top: 8px;
}
.smHeading--side{
text-align: left;
background-color: #325364;
color: #fff;
padding: 0 3px;line-height:1.5;
font-size: 13px;font-weight:normal;
} .button{
border: 2px solid #325364;
color: #fff;
width:auto;
height: 30px;
text-decoration: none;
display: inline-block;
position: relative;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: 'Roboto', sans-serif;
letter-spacing: 1px;
padding: 5px 25px 5px 5px;
background-color: rgba(50,83,100,1);
cursor: pointer;
}
.button:hover,.button:focus{
background-color:rgba(50,83,100,0);
color: #325364;
opacity: 1;
}
.button--w{
background-color: #fff;
}
.button--w:hover{
background-color: rgba(50,83,100,1);
}
.button--side{
width: 100%;
height: auto;
color: #325364;
padding: 20px;
margin-bottom: 10px;
}
.button--side:hover{
color: #fff
}
.button--tel{
font-size: 26px;
padding: 10px 0px;
font-weight: normal;
}
.on-large-only .button--tel:hover{
color: #325364;
background-color: #fff;
cursor: default;
}
.button.PLUSsubmit{
background: #325364;
border: 2px solid #325364;
padding: 15px 30px;
font-size: 17px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
font-weight: normal;
color: #fff;
width: auto;
height: auto;
margin-bottom: 60px;
border-radius: 0;
}
.button.PLUSorder{
display: block;
margin: 30px auto 0px;
width: 50%;
height: auto;
padding: 10px;
}
.button.PLUScatalog{
width: auto;
height: 40px;
padding: 10px 15px 10px 10px;
margin-top: 40px;
}
.custom-txt-top{
font-size: 18px;
letter-spacing: 3px;
font-weight: bold;
margin: 4px 0 15px;
text-align: center;
}
.custom-txt-bottom{
font-size: 18px;
letter-spacing: 3px;
font-weight: bold;
margin: 15px 0 4px;
text-align: center;
}
.linkListA_a{
width: 100%;
height: 100%;
max-height: 350px;
border: 2px solid #000;
margin: 50px auto 30px;
display: block;
}
.on-small-only .linkListA {
margin-bottom: 0;
}
.on-small-only .linkListA > div:not(:first-child) .linkListA_a {
margin-top: 0;
}
.linkListA_a figure{
padding-top: 30px;
padding-bottom: 30px;
}
img.farmerssound-img,
img.botanicalvoice-img{
width: 100%;
max-width: 350px;
}
.on-small-only img.farmerssound-img,
.on-small-only img.botanicalvoice-img{
max-width: 350px;
}
.linkWorkPage {
}
.on-small-only .linkWorkPage .sectionInnerTitle {
text-align: center;
}
.on-small-only .linkWorkPage > div {
margin-bottom: 30px;
}
#itemColumn {
margin-top: 30px !important;
}
.on-small-only #itemColumn {
margin-top: 20px !important;
}
.itembox-border{
margin-bottom: 30px;
width: 100%;
height: 100%;
display: block;
}
.itembox-border img {
border: 1px solid #000;
width: 100%;
height: 100%;
object-fit: cover;
} .on-small-only .button--side{
height: 50px;
padding: 15px;
}
.on-small-only .button--tel{
padding: 5px 27px 7px 17px;
}
.on-small-only .button.PLUScatalog{
margin-top: 20px;
} .arrow,.navigation div a{position: relative;}
.arrow::after,.navigation div a::after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 10px;
width: 7px;
height: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .arrow--prev::after,.navigation div.alignleft a::after{
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
border-top: 1px solid #000;
border-right: 1px solid #000;
right: 76px;
top: 2px;
}
.arrow--next::after,.navigation div.alignright a::after{
right: -10px;
border-top: 1px solid #000;
border-right: 1px solid #000;
top: 2px;
}
.arrow--b::after{
border-top: 2px solid rgba(50,83,100,1);
border-right: 2px solid rgba(50,83,100,1);
width: 9px;
height: 9px;
}
.arrow--b:hover::after{
border-top: 2px solid  #fff;
border-right: 2px solid  #fff;
}
.arrow--triangle::after{
width: 0;
height: 0;
border: 4px solid transparent;
border-left: 4px solid #000;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.arrow--triangle:hover::after{
border: 4px solid transparent;
border-left: 4px solid #000;
} .clickBox:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=20);
}
.slick-prev, .slick-next{
width: 15px;
height: 15px;
border-bottom: 2px solid #000;
border-right: 2px solid #000;
}
.slick-next{
transform: rotate(-45deg);
right: -15px;
}
.slick-prev{
left: -15px;
transform: rotate(135deg);
}
.slick-prev::before, .slick-next::before{
display: none;
}
.iconFB{
width: 20px;
height: auto;
margin-top: 10px;margin-right:10px;
}
.on-small-only .iconFB,.on-med-only .iconFB{
display: inline-block;
margin: 0 auto;
}
.iconInsta{
width: 20px;
height: auto;
margin-top: 10px;
}
.on-small-only .iconInsta,.on-med-only .iconInsta{
display: inline-block;
margin: 0 auto;
} .secondaryNav{margin:0 0 30px;}
.secondaryNav li{display:block;}
.secondaryNav li a{display:block;padding:16px 0 24px;width:100%;font-size:14px;font-weight:bold;}
.secondaryNav li a span{border-bottom:1px solid #000;}
.on-small-only .l-slide .slick-arrow{display:none !important;}
.on-small-only .l-slide .slick-slider{margin:0 !important;}
img.online-link_image{width: 994px;display:block;margin: 0 auto 42px;}
#mainCopy img.online-link_image{margin: 0 auto 50px;}
img.movie-link_image{width: 994px;display:block;margin: 0 auto 72px;}
#mainCopy img.movie-link_image{margin: 50px auto;}
.youtube-bn img{width: 994px;display:block;margin: 0 auto 72px;border: solid 1px;}
#mainCopy h2{width: 100%; border-bottom:0;margin-top:20px;margin-bottom:60px;font-size:29px;letter-spacing:5px;}
.on-small-only #mainCopy h2{margin-top:0;font-size:21px;letter-spacing:3px;line-height:1.6;margin-bottom:30px;}
.sectionTitle{font-size:31px;margin-top:0;margin-bottom:30px;padding-top:0;letter-spacing:3px;}
.sectionTitle span{position:relative;}
.sectionTitle span:after{content:"";position:absolute;width:calc(100% + 6px);height:3px;background:#000;bottom:-7px;left:-3px;right:-3px;}
#mainCopy a{}
.mt60{margin-top:60px;}
.on-small-only .spNav{
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.on-small-only .spNav.thin {}
.on-small-only .spNav .spNav__logo img{
}
.on-small-only .spNav.thin .spNav__logo img{
}
.post-content p{font-size:14px;}
.post-content .alignnone{padding:30px 90px;}
.on-small-only .post-content .alignnone{padding:30px 0;}
.center-align.button--tel{font-size:48px;}
.post-content .wp-caption.alignleft{width:49%;margin-right:1%;float:left;margin-top:30px;margin-bottom:30px;}
.post-content .wp-caption.alignleft:nth-of-type(2){margin-right:0;margin-left:1%;}
.post-content .wp-caption.alignleft .wp-caption-text{text-align:center;}
.jp-relatedposts{display:none;}
.wpcf7-submit{padding:5px 30px;margin-bottom:90px;}
.on-small-only .wpcf7-submit{margin-bottom:60px;}
.w100{width:100%;}
.mt10{margin-top:10px;}
.linkBtn_wrap {display:inline-block;width:100%;}
.on-large-only .linkBtn_wrap{width:30%;}
.on-med-only .linkBtn_wrap{width:30%;}
.linkBtn_wrap a{display:block;width:100%;height:auto;}
.linkBtn_wrap a span{font-size:10px;}
.catalogBtn{display:block;width:100%;margin-top:12px;}
.catalogBtn a{display:block;width:100%;height:auto;margin-bottom:3px;}
.catalogBtn ul{width:100%;margin:0;display: -webkit-flex;display: flex;justify-content:space-between;}
.on-large-only .catalogBtn ul{-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.on-med-only .catalogBtn ul{-webkit-flex-wrap: nowrap;flex-wrap: nowrap;}
.on-small-only .catalogBtn ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.catalogBtn ul li{width:100%;box-sizing:border-box;padding:0 9px;}
.catalogBtn ul li:first-child{padding-left:0;}
.catalogBtn ul li:last-child{padding-right:0;}
.on-small-only .catalogBtn ul li{padding:0 0 3px 0;}
.catalogBtn a small{display:block;font-size:10px;}
.on-small-only .catalogBtn a small{display:inline;}
@media print{
html{min-width:1024px;}
.hide-on-large-only{display:none;}
.banner2colBlock__txtBox{top: 45%;}
} @media only screen and (min-width: 993px){.container{width:90%;max-width:1024px;}}
@media only screen and (min-width: 601px){.container{}}
.original .hoshinoStar{max-width:20px;vertical-align:-20%;}
#gNav{background:#787b7d;box-shadow:none;text-align:center;height:65px;overflow-x: hidden;}
.on-small-only #gNav{display:none;}
#gNav ul{max-width:75vw;margin:0 auto;display:inline-flex;display:-webkit-inline-flex;display:-ms-inline-flex;justify-content:space-between;position:relative;z-index:6;}
#gNav ul li{float:none;}
#gNav ul li a{color:#fff;font-size:18px;line-height:65px;height:65px;position:relative;padding:0 3vw;}
#gNav ul li a span{width:100%;text-align:center;}
#gNav ul li a .en{letter-spacing:1px;
transition: all .3s;
-webkit-transition: all all .3s ease;
-moz-transition: all all .3s ease;
-ms-transition: all all .3s ease;
-o-transition: all all .3s ease;
transition: all all .3s ease;
}
#gNav ul li a .ja{opacity:0;font-size:14px;letter-spacing:2px;font-weight:bold;position:absolute;top:0;right:0;bottom:0;left:0;
transition: all .3s;
-webkit-transition: all all .3s ease;
-moz-transition: all all .3s ease;
-ms-transition: all all .3s ease;
-o-transition: all all .3s ease;
transition: all all .3s ease;
}
#gNav ul li a:hover{opacity:1;}
#gNav ul li a:hover .ja{opacity:1;}
#gNav ul li a:hover .en{opacity:0;}
#gNav ul li.online-shop_link {width: 290px;background-color: #000;position:relative;}
#gNav ul li.online-shop_link:before {content: ">";display:block;position:absolute;font-size: 21px;width: 20px;height:20px;background-color: #000;top:0px;right: 5%;}
#gNav ul li.online-shop_link:after {content: "";display:block;position:absolute;width: 1000px;height:65px;background-color: #000;top:0px;right:-1000px;z-index:1;}
#gNav ul li.online-shop_link a{}
#gNav ul li.online-shop_link a:before{}
#gNav ul li.online-shop_link a:after{}
footer#footer #contactBtn a{display:block;
-webkit-transition: all all .3s ease;
-moz-transition: all all .3s ease;
-ms-transition: all all .3s ease;
-o-transition: all all .3s ease;
transition: all all .3s ease;
}
footer#footer #contactBtn a:hover{}
footer#footer #contactBtn{border:2px solid #000;margin:72px auto;padding-top:30px;padding-bottom:30px;}
footer#footer #contactBtn .h2{font-size:43px;line-height:1;margin:0;}
footer#footer #contactBtn .h3{font-size:26px;line-height:1.2;margin:0;}
footer#footer #contactBtn .mailIcon{width:106px;float:left;padding:4px 30px 0 0;}
footer#footer #contactBtn .mailColumn{padding:0 30px;}
footer#footer #contactBtn .telColumn p{letter-spacing:0;}
footer#footer #contactBtn .telColumn p small{font-size:12px;letter-spacing:0;}
footer#footer #contactBtn .telColumn{border-left:2px solid #000;padding:0 30px;}
.bold{font-weight:bold;}
.on-small-only footer#footer #contactBtn{padding-top:18px;padding-bottom:18px;margin:30px auto;}
.on-small-only footer#footer #contactBtn .mailIcon{width:60px;float:left;padding:0 12px 0 0;}
.on-small-only footer#footer #contactBtn .mailColumn{padding:0 18px;}
.on-small-only footer#footer #contactBtn .telColumn{padding:0 18px;}
.on-small-only footer#footer #contactBtn .telColumn p{font-size:12px;font-weight:normal;line-height:1.2;margin-bottom:0;}
.on-small-only footer#footer #contactBtn p.h2{font-size:32px;font-weight:700;margin:0 0 3px;text-align:center;letter-spacing:0;}
.on-small-only footer#footer #contactBtn p.h3{font-size:13px;letter-spacing:0;line-height:1.3;margin:0;padding-top:2px;}
.on-small-only footer#footer #contactBtn .telColumn{padding-top:6px;border-left:0;}
footer#footer #greyColumn{background:#787b7d;padding:40px 0;}
footer#footer #greyColumn .row{}
footer#footer #greyColumn .hoshinoLogo{max-width:307px;}
footer#footer #greyColumn address{font-style:normal;color:#fff;font-weight:bold;margin-top:9px;}
footer#footer #greyColumn .copyright{color:#fff;margin-top:9px;}
footer#footer #greyColumn ul li{display:inline-block;font-weight:bold;}
footer#footer #greyColumn ul li a{color:#fff;padding:0 24px;font-size:15px;}
.on-small-only footer#footer #greyColumn ul li a{font-size:13px;line-height:1.8;}
footer#footer .btnNav{margin-top:30px;}
footer#footer .btnNav li{max-width:29px;margin-right:12px;}
footer#footer .btnNav li.large{max-width: 135px;position: relative;top: -6px;}
.on-small-only footer#footer #greyColumn ul li a{padding:3px 12px 3px 0;}
.on-small-only footer#footer #greyColumn ul.btnNav li a{padding:0;margin-right:24px;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.slider{height:calc(80vh - 65px)!important;}
.slides{height:calc(80vh - 65px)!important;}
.slides + .indicators{display:none;}
.on-small-only .slider{height:calc(60vh - 65px)!important;margin-top:65px;}
.on-small-only .slides{height:calc(60vh - 65px)!important;margin-top:65px;}
.pageImg{overflow:hidden;position:relative;height:calc(80vh - 65px)!important;}
.home .pageImg{height:calc(80vh - 65px)!important;}
.pageImg img{width:100%;height:100%;object-fit:cover;top:0px;}
body{position:relative;}
.pcHead{position:absolute;top:0;left:0;width:100vw;z-index:5;}
.mainV{z-index:1;}
.siteLogo{margin:36px 0 0 36px;width:60px;height:47px;float:left;}
.mailBtn{z-index:100;position: absolute;right: 0;top: 0;}
.mailBtn a{display:block;width:65px;height:65px;}
#snsColumn{padding:60px 0 33px;background-color:#f9f9f8;text-align:center;}
.on-small-only #snsColumn{padding:30px 0 3px;}
#snsColumn h3 + p.smHeading{font-size:18px;letter-spacing:3px;font-weight:bold;margin-top:4px;}
.on-small-only #snsColumn h3 + p.smHeading{margin-top:9px;}
#snsColumn p {
text-align: center;
font-size: 15px;
font-weight: bold;
margin-bottom: 30px;
}
.on-small-only #snsColumn .row .col {
padding: 0;
}
#snsColumn .row .col figure {
width: 100%;
height: 80px;
padding: 35px;
box-sizing: border-box;
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.on-med-only #snsColumn .row .col figure {
padding: 20px;
}
.on-small-only #snsColumn .row .col figure {
max-width: 60px;
padding: 0px;
margin: 0 auto;
}
.on-small-only #snsColumn .row .col figure:nth-child(n+3) {
margin-top: 10px;
}
#snsColumn .row .col figure:hover {
opacity: 0.7;
}
#snsColumn .row .col h4 {
margin: 0;
font-size: 18px;
letter-spacing: 2px;
text-align: center;
}
.on-small-only #snsColumn .row .col h4 {
font-size: 16px;
}
.serviceColumn{padding-top:40px;}
.on-small-only .serviceColumn{margin-bottom:0;padding:0;}
.serviceColumn li{text-align:center;padding:0 9vw;box-sizing:border-box;position:relative;padding-bottom:30px!important;}
.on-small-only .serviceColumn li{margin-bottom:0;padding-top:12px;padding-bottom:52px!important;padding-left:0;padding-right:0;}
.serviceColumn li:nth-of-type(1){}
.serviceColumn li.borderBox{position:relative;}
.serviceColumn li.borderBox:before{content:"";width:3px;height:100%;position:absolute;top:0;left:0;background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ServiceDot.svg) repeat-y top left;}
.serviceColumn li.borderBox:after{content:"";width:3px;height:100%;position:absolute;top:0;right:0;background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ServiceDot.svg) repeat-y top right;}
.on-small-only .serviceColumn li.borderBox:before{content:"";width:100%;height:2px;position:absolute;top:0;left:0;background:rgba(0,0,0,.15);}
.on-small-only .serviceColumn li.borderBox:after{content:"";width:100%;height:2px;position:absolute;top:auto;bottom:0;left:0;background:rgba(0,0,0,.15);}
.serviceColumn li:nth-of-type(3){}
.serviceColumn li img{margin:auto;max-width:130px;}
.on-small-only .serviceColumn li img{float:left;display:inline-block;max-width:90px;padding-right:12px;}
.on-small-only .serviceColumn li:nth-of-type(1) img{margin-bottom:40px;}
.sectionInnerTitle{text-align:center;font-size:25px;font-weight:bold;letter-spacing:4px;}
.on-small-only .sectionInnerTitle{font-size:21px;text-align:left;margin-top:6px;margin-bottom:6px;}
.serviceColumn li p{text-align:center;font-size:15px;font-weight:bold;margin-bottom:30px;}
.on-small-only .serviceColumn li p{text-align:left;font-size:12px;letter-spacing:1px;line-height:1.4;margin-bottom:9px;}
.moreBtn-l{position:absolute;width:100%;bottom:0;left:0;right:0;margin:auto;}
.on-small-only .moreBtn-l{bottom:21px;}
.moreBtn{position:relative;}
.moreBtn span{font-size:15px;text-align:center;letter-spacing:2px;position:relative;display:block;width:100%;line-height:1.9;border:2px solid rgba(0,0,0,.85);max-width:209px;margin:auto;top:0;left:0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.moreBtn span:before{content:"";position:absolute;right:-7px;top:7px;height:100%;width:2px;background-color:rgba(0,0,0,.85);
-webkit-transition: all .3s ease;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.moreBtn span:after{content:"";position:absolute;bottom:-7px;left:7px;width:100%;height:2px;background-color:rgba(0,0,0,.85);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.moreBtn:hover span{opacity:1;top:6px;left:6px;}
.moreBtn:hover span:before{right:-2px;top:0;}
.moreBtn:hover span:after{bottom:-2px;left:0;}
#custommadeColumn{padding:60px 0 33px;background-color:#f9f9f8;text-align:center;}
.on-small-only #custommadeColumn{padding:30px 0 30px;}
#custommadeColumn h3 + p.smHeading{font-size:18px;letter-spacing:3px;font-weight:bold;margin-top:4px;}
.on-small-only #custommadeColumn h3 + p.smHeading{margin-top:9px;}
#custommadeColumn .row{margin-top:40px;position:relative;}
.on-small-only #custommadeColumn .row{margin-bottom:0;}
#custommadeColumn .row .lot{position:absolute;left:-47px;top:-95px;}
#custommadeColumn .row .lot-fullorder{left:auto;right:-47px;top:-95px;}
.lot{width:175px;height:175px;background:#fff;border:1px solid #000;}
.lot .valign{margin:auto;font-weight:bold;font-size:22px;line-height:1.1;letter-spacing:2px;}
.lot .valign .g-font{font-size:45px;line-height:1;padding-right:3px;letter-spacing:2px;}
.lot .valign .g-font + span{font-size:25px;line-height:1.3;letter-spacing:2px;}
.on-small-only .lot{width:110px;height:110px;left:-17px;top:-15px;}
.on-small-only .lot .valign{font-size:15px;letter-spacing:1px;}
.on-small-only .lot .valign .g-font{font-size:24px;letter-spacing:1px;}
.on-small-only .lot .valign .g-font + span{font-size:13px;letter-spacing:2px;line-height:1.8;}
.on-small-only #custommadeColumn .row .lot{left:auto;right:-12px;top:-30px;}
.on-small-only #custommadeColumn .row .lot-fullorder{left:auto;right:-12px;top:300px;}
#custommadeColumn .row .col:nth-child(1){padding-right:0;}
#custommadeColumn .row .col:nth-child(2){padding-left:0;}
.on-small-only #custommadeColumn .row .col{padding-bottom:50px;}
.on-small-only #custommadeColumn .row .col:nth-child(1){padding-right:1.2rem;}
.on-small-only #custommadeColumn .row .col:nth-child(2){padding-left:1.2rem;}
.on-small-only #custommadeColumn .sectionInnerTitle{text-align:center;}
#out-of .row .col:nth-child(1){padding-right:0;}
#out-of .row .col:nth-child(2){padding-left:0;}
.on-small-only #out-of.row .col{padding:0;}
.on-small-only #out-of.container{width: 100%;margin-bottom: 0;}
.on-small-only #out-of .row .col{padding-bottom:25px;}
.on-small-only #out-of .row .col:nth-child(1){padding-right:1.2rem;}
.on-small-only #out-of .row .col:nth-child(2){padding-left:1.2rem;}
.on-small-only #out-of .sectionInnerTitle{text-align:center;}
.mb0{margin-bottom:0;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mt0{margin-top:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
figure{margin:0;}
.overGrey figure{position:relative;display:block;}
.overGrey figure img{vertical-align:top;}
.overGrey figure:before{content:attr(data-hover);text-align:center;display:block;width:100%;height:1em;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;font-family: 'Roboto', sans-serif;font-weight:700;color:#fff;letter-spacing:3px;font-size:18px;z-index:10;opacity:0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.overGrey figure:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(35,24,21,.3);mix-blend-mode:multiply;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.overGrey:hover{opacity:1;}
.overGrey:hover figure:after{background:rgba(35,24,21,.1);}
.overGrey:hover figure:before{opacity:1;}
.overGrey figure + h4{margin:24px 0 21px;}
.overWhite figure{position:relative;display:block;}
.overWhite figure img{vertical-align:top;}
.overWhite figure:before{content:attr(data-hover);text-align:center;display:block;width:100%;height:1em;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;font-family: 'Roboto', sans-serif;font-weight:700;color:#fff;letter-spacing:3px;font-size:18px;z-index:10;opacity:0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.overWhite figure:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(35,24,21,0);mix-blend-mode:multiply;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.overWhite:hover{opacity:1;}
.overWhite:hover figure:after{background:rgba(35,24,21,.3);}
.overWhite:hover figure:before{opacity:1;}
.overWhite figure + h4{margin:24px 0 21px;}
#secondaryNav{margin:55px auto 0;}
.home #secondaryNav{margin:55px auto 50px;}
#secondaryNav figure{position:relative;}
.on-small-only #secondaryNav figure{margin-bottom:12px;}
#secondaryNav figure span{display:block;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;color:#fff;z-index:5;width:100%;height:28px;font-size:28px;line-height:1;letter-spacing:2px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
#secondaryNav a:hover figure span{letter-spacing:6px;}
.pageImg__img{z-index:0;position:absolute;}
header.pagetitleArea2{z-index:1;position:relative;width:90%;margin:0 auto;}
header.pagetitleArea2 h1{color:#fff;font-size:64px;letter-spacing:12px;}
header.pagetitleArea2 h1 span{position:relative;}
header.pagetitleArea2 h1 span:after{content:"";position:absolute;left:0;bottom:-12px;width:100%;height:6px;background:#fff;}
header.pagetitleArea2 p{color:#fff;font-size:17px;letter-spacing:6px;}
.on-small-only header.pagetitleArea2 h1{font-size:42px;line-height:1.2;letter-spacing:9px;margin-top:0;}
.arrowScroll{position:absolute;bottom:120px;left:0;right:0;margin:auto;display:block;text-align:center;}
.on-small-only .arrowScroll{bottom:90px;}
.arrowScroll img{max-width:24px;}
.arrowScroll p{color:#fff;text-align:center;font-size:14px;letter-spacing:1px;}
.on-small-only .arrowScroll p{display:none;}
.arrowScroll span{
position: absolute;
top:30px;
left: 50%;
width: 24px;
height: 43px;
margin-left: -12px;
-webkit-animation: sdb 2s infinite;
animation: sdb 2s infinite;
box-sizing: border-box;
}
.arrowScroll:hover{}
@-webkit-keyframes sdb {
0% {
-webkit-transform:translate(0, 0);
}
20% {
-webkit-transform:translate(0, 10px);
}
40% {
-webkit-transform:translate(0, 0);
}
}
@keyframes sdb {
0% {
transform:translate(0, 0);
}
20% {
transform:translate(0, 10px);
}
40% {
transform:translate(0, 0);
}
}
.dropdown-content li>a, .dropdown-content li>span{color:#000;font-weight:bold;letter-spacing:1px;font-size:14px;}
.dropdown-trigger{font-family: 'Roboto', sans-serif;font-weight:700;}
.on-small-only #search{padding-top:65px;margin-top:-65px;}
#search{position:relative;left:-10px;}
#search #cat ul.dropdown-content li:first-child span{font-size:0;}
#search #cat ul.dropdown-content li:first-child span:after{content:"すべてのカテゴリー";font-size:14px;margin-left:-6px;}
#search #type ul.dropdown-content li:first-child span{font-size:0;}
#search #type ul.dropdown-content li:first-child span:after{content:"すべての種類";font-size:14px;margin-left:-6px;}
#search #taste ul.dropdown-content li:first-child span{font-size:0;}
#search #taste ul.dropdown-content li:first-child span:after{content:"すべてのテイスト";font-size:14px;margin-left:-6px;}
.single .siteLogo,.page-id-15 .siteLogo,.page-id-15 .siteLogo,.page-id-261 .siteLogo,.page-id-55 .siteLogo,.category .siteLogo,.page-id-1487 .siteLogo,.page-id-1496 .siteLogo,.page-id-80 .siteLogo{max-width:31px;margin-top:11px;}
.single .itemHL{background-color:#f9f9f8;padding:0;margin-top:0;}
.bx-wrapper{border-color:#f9f9f8!important;}
#service{padding:100px 0 0;}
#service section header{text-align:center;}
#service section header .icon{min-height:83px;background-size:83px;background-position:left top;background-repeat:no-repeat; margin:0 auto;display:inline-block;padding-left:103px;padding-top:12px;}
#service section header .icon div{border-left:1px solid #000;padding-left:25px;}
#service section header .icon p{font-size:15px;font-weight:bold;letter-spacing:1px;margin:0;line-height:1.8;}
#service section header .icon h2{font-size:25px;font-weight:bold;letter-spacing:4px;margin:0;}
#service section:nth-child(1) header .icon{background-image:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ServiceRapping.svg);}
#service section:nth-child(2) header .icon{background-image:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ServiceFlower.svg);}
#service section:nth-child(3) header .icon{background-image:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ServiceNogyo.svg);}
#service section:nth-child(2),#service section:nth-child(3){margin-top:150px;}
#service section header h3{font-size:45px;letter-spacing:3px;font-weight:bold;}
#service section header h3 + p{font-size:21px;letter-spacing:1px;text-align:center;margin-bottom:20px;}
.on-small-only #service{padding:30px 0 0;}
.linkList{text-align:center;}
.linkList li{display:inline-block;margin:0;padding:0;padding-bottom:9px;margin-left:-5px;}
.linkList li a{font-size:14px;font-weight:bold;padding:0 30px;border-right:1px solid #000;border-left:1px solid #000;}
.linkList li:first-child a{}
.on-small-only #service section header h3{font-size:24px;text-align:left;margin-bottom:12px;}
.on-small-only #service section header h3 + p{font-size:14px;text-align:left;margin-bottom:6px;}
.on-small-only #service section .linkList li a,.on-small-only #service section .linkList li{display:block;width:100%;}
.on-small-only #service section:nth-child(2),.on-small-only #service section:nth-child(3){margin-top:60px;}
#pageHeader{padding:60px 0 25px;}
.on-small-only #pageHeader{padding-top:120px;}
#pageHeader p{font-size:31px;letter-spacing:4px;}
#pageHeader p span{position:relative;}
#pageHeader p span:after{content:"";position:absolute;width:100%;height:3px;background:#000;bottom:-9px;left:0;right:0;}
#pageHeader h1,#pageHeader .h1{font-size:18px;letter-spacing:3px;margin:25px 0 0;}
.pageSection{padding:56px 0;}
.backGrey{background-color:#f9f9f8;}
.sectionTitle{font-size:23px;letter-spacing:3px;margin-bottom:40px;}
.ceoTxt{padding-left:50px!important;}
.on-med-only .ceoTxt,.on-small-only .ceoTxt{padding-left:0.75rem!important; padding-right: 0.75rem!important;}
.on-small-only .ceoTxt h3 {
font-size: 24px;
}
.ceoName{font-size:14px;letter-spacing:1px;margin-top:12px;}
.ceoName{
text-align: right;
}
.ceoImg{background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/ceoImg_2020.jpg) no-repeat;background-size:contain;}
.fs17{font-size:17px;letter-spacing:1px;}
.fs20{font-size:20px;letter-spacing:1px;}
.fs27{font-size:27px;letter-spacing:3px;}
#catchCopy{margin-top:60px;}
#catchCopy h2{font-size:22px;font-weight:bold;}
.on-small-only #catchCopy{}
.on-small-only #catchCopy h2{font-size:18px;line-height:1.4;margin-top:-30px;margin-bottom:0;}
#step{background-color:#fbfbfb;padding:66px 0 40px;}
#step>.row{position:relative;border:3px solid #000;padding:0 20px;}
#step .row h3{font-size:27px;letter-spacing:3px;margin-top:-19px;margin-bottom:40px;}
#step .row h3 span{background-color:#fbfbfb;padding:0 30px;}
#step .row .lot{position:absolute;left:30px;top:-129px;}
#step ol{padding:0;margin:0;list-style:none;}
#step ol li{text-align:center;position:relative;}
#step ol li:after{content:"";width:38px;height:30px;background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/arrowCustom.svg) no-repeat center center;position:absolute;top:50%;right:-3%;}
#step ol li:nth-of-type(3):after{content:none;}
#step ol li span.g-font{display:inline-block;margin:auto;font-size:10px;border:1px solid rgba(0,0,0,.35);padding:2px 12px;line-height:1;}
#step ol li h4{font-size:26px;letter-spacing:2px;position:relative;padding-bottom:6px;margin:6px 0 8px;}
#step ol li h4:after{content:"";position:absolute;bottom:0;left:0;right:0;width:40px;height:2px;background:#000;margin:auto;}
#step ol li p{text-align:center;font-size:15px;font-weight:bold;letter-spacing:2px;margin-bottom:10px;}
#step ol li img{max-width:150px;margin:0 auto 30px;}
.on-small-only #step{padding:40px 0 30px;}
.on-small-only #step .row h3{font-size:18px;line-height:1.2;letter-spacing:1px;padding:0;margin-top:-13px;text-align:left;max-width:164px;margin-bottom:30px;}
.on-small-only #step .row h3 span{padding:0 12px;display:inline-block;}
.on-small-only #step .lot{left:auto;right:-14px;top:-49px;}
.on-small-only #step ol li{padding:0 0 50px;text-align:left;position:relative;}
.on-small-only #step ol li:last-child{padding-bottom:30px;}
.on-small-only #step ol li:after{top:auto;bottom:20px;right:auto;left:12px;margin:auto;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);}
.on-small-only #step ol li h4:after{right:auto;}
.on-small-only #step ol li img{position:absolute;top:0;right:0;max-width:110px;margin-right:-20px;}
.on-small-only #step ol li p{text-align:left;}
#semiOrder{padding:80px 0 0;display:flex;}
#semiOrder h3{font-size:13px;display:inline-block;border:1px solid rgba(0,0,0,.35);padding:6px 20px;font-weight:bold;margin:0;}
#semiOrder h4{font-size:31px;letter-spacing:3px;line-height:1.7;font-weight:bold;}
#semiOrder p{font-size:17px;line-height:1.9;}
#semiOrder ul{margin:60px 0 10px;padding:0;text-align:left;}
#semiOrder ul li{padding-bottom:0;}
#semiOrder .contctBtn{background-color:#000;color:#fff;font-size:20px;font-weight:bold;text-align:center;display:block;clear:both;padding:3px;box-sizing:border-box;}
#semiOrder .m5{padding-left:90px;}
#semiOrder .m7{width:calc(58.33333% - 60px);margin-left:60px;background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/semiOrder.jpg) no-repeat center center;background-size:cover;}
#fullOrder{padding:40px 0 0;display:flex;flex-direction:row-reverse;}
#fullOrder h3{font-size:13px;display:inline-block;border:1px solid rgba(0,0,0,.35);padding:6px 20px;font-weight:bold;margin:0;}
#fullOrder h4{font-size:31px;letter-spacing:3px;line-height:1.7;font-weight:bold;}
#fullOrder p{font-size:17px;line-height:1.9;}
#fullOrder ul{margin:60px 0 10px;padding:0;text-align:left;}
#fullOrder ul li{padding-bottom:0;}
#fullOrder .contctBtn{background-color:#000;color:#fff;font-size:20px;font-weight:bold;text-align:center;display:block;clear:both;padding:3px;box-sizing:border-box;}
#fullOrder .m5{padding-right:90px;}
#fullOrder .m7{width:calc(58.33333% - 60px);margin-right:60px;background:url(//hoshino-co.com/wp/wp-content/themes/hoshino2.9.4/img/fullOrder.jpg) no-repeat center center;background-size:cover;}
.on-small-only #semiOrder,.on-small-only #fullOrder{padding:20px 0 0;flex-direction:column;width:90%;margin:auto;}
.on-small-only #semiOrder .m5,.on-small-only #fullOrder .m5{padding-left:0.75rem;padding-right:0.75rem;}
.on-small-only #semiOrder .m7,.on-small-only #fullOrder .m7{width:100%;min-height:210px;margin-left:0;}
.on-small-only #semiOrder h4,.on-small-only #fullOrder h4{font-size:24px;line-height:1.4;margin-bottom:6px;}
.on-small-only #semiOrder h4 + p,.on-small-only #fullOrder h4 + p{font-size:14px;line-height:1.4;}
.on-small-only #semiOrder ul,.on-small-only #fullOrder ul{margin:20px 0 12px;}
.on-small-only #semiOrder .contctBtn,.on-small-only #fullOrder .contctBtn{font-size:14px;margin:20px 0 30px;}
.btnHoshinoOriginal{padding:70px 20px 40px;max-width:980px;margin:0 auto;position:relative;}
.btnHoshinoOriginal .lot{position:absolute;right:-20px;top:47px;}
.on-small-only .btnHoshinoOriginal{padding:40px 20px 30px;}
.on-small-only .btnHoshinoOriginal .lot{left:auto;right:3px;top:19px;}
.on-small-only.page-id-137 .select-wrapper input.select-dropdown{margin-bottom:0;}
.on-small-only.page-id-137 .input-field{margin-top:0;}
.on-small-only .galleryArea__col{width:100%;margin-right:0;}
.on-small-only.page-id-137 .galleryTitle__tag{display:inline-flex;flex-wrap:wrap;text-align:left;justify-content:flex-start;}
.on-small-only.page-id-137 .galleryTitle__tag .galleryTitle__col.PLUSpd{display:inline-block;float:left;}
.on-small-only.page-id-137 .galleryTitle__tag .galleryTitle__col.PLUSpd a{display:inline-block;}
.post-type-archive-branding #catchCopy h2{font-size:32px;line-height:1.7;letter-spacing:3px;}
.post-type-archive-branding #catchCopy p{font-size:21px;line-height:1.7;margin-bottom:30px;}
.post-type-archive-branding p.brandList__interview span{display:inline-block;margin:auto;font-size:10px;border:1px solid rgba(0,0,0,.35);padding:2px 12px;line-height:1;}
.post-type-archive-branding .brandList__li>a{-webkit-display:flex;display:flex;}
.post-type-archive-branding .brandList__title{width:100%;font-size:18px;letter-spacing:3px;margin:12px 0;font-weight:bold;}
.post-type-archive-branding .brandList__copy{font-size:17px;line-height:1.8;}
.post-type-archive-branding .brandList__btn .moreBtn span{margin-left:40px;}
.on-small-only.post-type-archive-branding #catchCopy h2{font-size:18px;text-align:left;letter-spacing:2px;line-height:1.6;margin-bottom:9px;}
.on-small-only.post-type-archive-branding #catchCopy h2+p{font-size:14px;text-align:left;}
.on-small-only.post-type-archive-branding .brandList__li{position:relative;padding-bottom:60px;}
.on-small-only.post-type-archive-branding .brandList__li>a{flex-wrap:wrap;}
.on-small-only .brandList__img:nth-child(1),.on-small-only .brandList__img:nth-child(2){flex-basis:50%;margin-right:0;}
.on-small-only .brandList__txtBox{flex-basis:100%;position:static;}
.on-small-only .brandList__txtBox p.brandList__interview{text-align:left;position:absolute;left:0;top:0;}
.on-small-only .brandList__txtBox p.brandList__copy{text-align:left;margin-top:0;font-size:14px;}
.on-small-only .post-type-archive-branding .brandList__btn .moreBtn span{margin-left:auto;}
.single-items.single .itemHL{padding-top:65px;margin-top:55px;}
.on-small-only.single-branding .partBlock.PLUStop{margin:0;padding:30px 0;}
.on-small-only .partBlock__lead{text-align:left;}
.on-small-only .partBlock__lead br{content:"";display:none;}
.on-small-only .partBlock__lead br:after{content:"";margin-right:-.333em;}
.on-small-only .partBlock__copy{text-align:left;}
.on-small-only .partBlock__copy br{display:none;}
.on-small-only .customerBlock__smCol{padding-left:0;}
.on-small-only .customerBlock__heading{margin-left:0;}
.on-small-only .customerBlock__span{margin-left:0;}
.gMap-l{padding:30px 0 0;}
.gMap{position:relative;padding-bottom:33.75%;padding-top:30px;height:0;overflow:hidden}
.gMap embed,.gMap iframe,.gMap object{position:absolute;top:0;left:0;width:100%;height:100%;max-height:450px;}
.on-small-only .gMap{padding-bottom:120%;}
#history{margin-top:40px;}
#history h2{font-size:22px;font-weight:bold;letter-spacing:6px;margin:0;}
footer{text-align:left;}
#downloadArea{margin-top:50px;}
#downloadArea h2{text-align:center;font-weight:bold;margin-top:0;}
#downloadArea header{width:200px;height:60px;border-right:1px solid #000;}
#downloadArea header img{max-width:60px;float:left;}
#downloadArea header img + h3{font-size:19px;font-weight:bold;padding:0 20px 0 18px;display:flex;justify-content:space-between;}
#downloadArea .downloadList{display:flex;border-top:1px solid #000;padding:12px 1.2rem;}
.on-small-only #downloadArea .downloadList{flex-direction:column;}
.on-small-only #downloadArea .downloadList header{border:0;margin:auto;}
#downloadArea .downloadList:first-child{border-top:0;}
#downloadArea .downloadList ul.linkList{margin:5px 0 0;padding-left:0;width:calc(100% - 200px);text-align:left;}
.on-small-only #downloadArea .downloadList ul.linkList{width:100%;}
#downloadArea .downloadList ul.linkList li a{border-left:0;padding:0 30px;}
.on-small-only #downloadArea .downloadList ul.linkList li a{border-left:1px solid #000;border-right:0;padding-left:12px;} .sliderMain,.controlWrap{width: 500px;padding: 0;margin: 0!important;}
.sliderMain *:focus,.controlWrap *:focus{outline: none;}
.slick-slide img{width: 100%;height: auto;}
.bxslider_thumb{margin: 10px 0 0!important;}
.controlWrap figure{width: 65px;padding-right: 10px;}
.slick-prev, .slick-next{top: calc(50% - 7px)!important;} @media screen and (max-width: 767px) {
.sliderMain,.controlWrap{width: 100%;}
.bxslider_thumb{margin: 10px 0 5px!important;}
} .movie-banner{
position: relative;
z-index: 80;
display: block;
margin-bottom: 42px;
}
.movie-banner .movie{
z-index: 50;
width: 100%;
max-width: 994px;
height: 100%;
max-height: 420px;
background-color: #787B7D;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.movie-banner .movie img{width: 100%;height: 100%;}
.movie-banner2{
max-width: 994px;
position: relative;
z-index: 80;
display: block;
margin: 0 auto 50px;
}
.movie-banner2 .movie{
z-index: 50;
width: 70%;
margin-left: 30%;
max-width: 994px;
height: 380px;
}
.movie-banner2 .movieCopy{
position: absolute;
top: 0;
left: 0;
margin-top: 2em;
}
.movie-banner2 .movieCopy p{
font-size: 38px;
margin-bottom: 30px;
line-height: 0.75em;
}
.movie-banner2 .movieCopy p span{
background: #000;
color: #fff;
display: inline-block;
padding: 5px 10px;
}
.movie-banner2 .movieCopy p small{
font-size: 24px;
}
.movie-banner2 .movieCopy p.h2{
font-size: 46px;
line-height: 0.75em;
margin-bottom: 50px;
}
.movie-banner2 .movieCopy p.catch{
margin-bottom: 0;
}
.movie-banner2 .movieCopy p.catch span{
padding: 0 8px;
}
.movie-banner2 .movieCopy p.copy{
line-height: .9em;
}
.movie-banner .box{
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
width: 330px;
height: 240px;
padding: 25px;
background-color: rgba(255,255,255,0.9);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
#mainCopy .movie-banner .box h2{margin-top:0px;margin-bottom:20px;}
.movie-banner .box .catch{font-size: 21px;font-weight: bold;text-align: center;line-height: 1.7;color: #777B7D;letter-spacing: 0.15em;}
.movie-banner .box .page-title{
max-width: 270px;
margin: 10% auto 0;
}
.movie-banner .box .page-title img{display: block;width: 100%;height: auto;}
.movie-banner .box .page-title img.unhover{display: block;}
.movie-banner .box .page-title img.hover{display: none;}
.movie-banner .box .youtube-icon{width:65px;margin: 0 auto;}
.movie-banner .box .youtube-icon img{}
.movie-banner .box .round-btn {width: 160px;height: 30px; border-radius: 20px;margin: 20px auto 0;line-height:1em;padding:6px 3%;font-size:18px;}
.movie-banner .box .bg--black {background-color: #000; color: #fff;}
.movie-banner .box .round-btn span {
position: relative;
display: inline-block;
}
.movie-banner .box .round-btn span::after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: -15px;
margin-top: -5px;
}
.movie-banner .box:hover {
background-color: rgba(48,48,48,0.9);
color: #fff;
transition:all 0.3s ease-out;
}
.movie-banner .box:hover .page-title img.unhover{display: none;}
.movie-banner .box:hover .page-title img.hover{display: block;}
.movie-banner .box:hover .youtube-icon {
animation: rotate-anime .2s linear infinite;
}
@keyframes rotate-anime {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.movie-banner .box:hover .round-btn {
background-color: #fff; color: #333;
border: solid 1px #fff;
}
.movie-banner .box:hover .round-btn span::after {
border-top: solid 1px #333;
border-right: solid 1px #333;
right: -25px;
transition:all 0.3s ease-out;
} .square-btn {
width: 100%;
height: auto;
max-height: 100px;
font-weight: bold;
padding: 5px 3%;
text-align: center;
line-height: 1em;
font-size: 18px;
background-color: #000;
}
.square-btn a {
color: #fff;
}
.square-btn span {
position: relative;
display: inline-block;
}
.square-btn span::after {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: -15px;
margin-top: -5px;
}
.square-btn:hover {
background-color: #fff;
color: #333;
border: solid 1px #000;
}
.square-btn:hover a {
color: #000;
}
.square-btn:hover span::after {
border-top: solid 1px #333;
border-right: solid 1px #333;
right: -25px;
transition:all 0.3s ease-out;
}
.annotation {
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
display: block;
} @media screen and (max-width: 565px) {
.movie-banner{padding-top: 0%;height:120px;}
.movie-banner .movie {
width: 60%;
max-height: 120px;
display: block;
float: left;
border-right: none;
}
.movie-banner2 .movie{
width: 100%;
margin-left: 0;
max-width: 994px;
height: 250px;
}
.movie-banner2 .movieCopy{
position: relative;
top: auto;
left: auto;
}
.movie-banner2 .movieCopy p.h2{
margin-bottom: 20px;
}
.movie-banner .box{
position: relative;
float: left;
width: 40%;
max-height: 120px;
padding: 10px;
top: auto;
left: auto;
background-color: rgba(246,246,246,0.9);
-webkit-transform: translate(0%,0%);
transform: translate(0%,0%);
display: flex;
flex-direction: column; justify-content: center; align-items: center; }
.movie-banner .box .inner {
width: 90%;
height: auto;
}
#mainCopy .movie-banner .box h2 {
margin-bottom: 8%;
}
.movie-banner .box .youtube-icon {
max-width: 30px;
width: 50%;
}
.movie-banner .box .round-btn {
width: 100%;
max-width: 70px;
height: 17px;
font-size: 7px;
font-weight: bold;
margin: 2% auto 0;
padding: 5px 3%;
}
.movie-banner .box .round-btn span::after {
width: 5px;
height: 5px;
margin-top: -3px;
right: -7px;
}
.movie-banner .box:hover .round-btn span::after {
border-top: solid 1px #333;
border-right: solid 1px #333;
right: -7px;
transition:all 0.3s ease-out;
}
.movie-banner .box .catch{font-size: 15px;}
.movie-banner .box .page-title{}
.movie-banner{height:150px;}
.movie-banner .movie {
width: 100%;
max-height: 150px;
float: none;
}
.movie-banner .box{
width: 50%;
max-height: 120px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
background-color: rgba(255,255,255,0.9);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.oneand-top {
margin: 30px 0 30px;
} .square-btn {
width: 100%;
max-width: 70px;
height: 17px;
font-size: 7px;
font-weight: bold;
margin: 2% auto 0;
padding: 5px 3%;
}
.square-btn span::after {
width: 10px;
height: 10px;
margin-top: -6px;
right: -20px;
}
.square-btn span::after {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
right: -20px;
transition:all 0.3s ease-out;
}
.square-btn:hover span::after {
right: -30px;
}
} .wfit {width: fit-content;}
.center-box {width: fit-content !important; margin: 0 auto !important;}
.flex-wrap {display: flex; flex-wrap: wrap;} .container-2024{
display:  flex;
flex-wrap: wrap;
}