@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*　==============================　interviews　==============================　*/
.interviews_up_m{
margin-top: -6.5rem!important;
}
.interviews-name-box{
margin: 0rem 2rem;
padding: 2rem 1rem  2rem 2.5rem;
}
.interviews-qa-box{
padding: 2rem 1rem  2rem 2.5rem;
}
.interviews-qa-box-a{
padding: 2rem 1rem  0rem 2.5rem;
}
@media screen and (max-width: 480px) { 
.interviews-name-box{
margin: 0rem 2rem;
padding: 2rem 1rem 2rem 1rem;
}
.interviews-qa-box, .interviews-qa-box-a{
padding: 2rem 1rem  2rem 1rem;
}
}
/*----------------------- ガイドボタン -----------------------*/
.interviews-guide-btn .fs_btn_text {
line-height:1.2rem;
}
.interviews-guide-btn .fs_btn_text_sub{
font-size: 1rem;
}
.interviews-guide-btn .fs_btn_text_main{
font-size: 1rem;
}
@media screen and (max-width: 480px) { 
.interviews-guide-btn .fs_btn{
text-align: center!important;
}
}

/*　==============================　recruit　==============================　*/
.recruit_up_m{
margin-top: -6.5rem!important;
}
.recruit-about-img{
padding-top:25rem;
margin: 3rem 0rem 3rem 0rem;
}
@media screen and (max-width: 480px) { 
.recruit-about-img{
padding-top:19rem;
margin: 2.5rem 0rem 0rem 0rem;
}
}
/*----------------------- 募集要項テーブル -----------------------*/
.guidelines_table_list{
border-bottom: 1px solid #c8c9ca;
padding-bottom: 0.4rem;
}
.guidelines_table_list:last-child{
padding-bottom:0rem;
}
.guidelines_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.guidelines_contents dt{
color: #330800;
padding: 0rem 1rem 0rem 0rem;
width: 100px;
}
.guidelines_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 100px);
}
@media screen and (max-width: 768px){
.guidelines_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.guidelines_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.guidelines_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
/*----------------------- インタビュー -----------------------*/
.recruit-interviews-img{
z-index: 0;
position: relative;
margin-bottom: -1.5rem!important;
}
.interview_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.interview_contents dt{
width: 62px;
}
.interview_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 62px);
}
/*----------------------- ガイドボタン -----------------------*/
.recruit-guide-btn .fs_btn_text {
line-height:1.2rem;
}
.recruit-guide-btn .fs_btn_text_sub{
font-size: 0.7rem;
}
.recruit-guide-btn .fs_btn_text_main{
font-size: 1rem;
}
@media screen and (max-width: 480px) { 
.recruit-guide-btn .fs_btn{
text-align: center!important;
}
}
/*　==============================　recruit form　==============================　*/
.rf{
margin-left: 2rem;
border-left: 2px solid #330800;
}
.rf br{
display: none!important;
}
.rf .miniSurveyView{
margin-bottom:0rem!important;
}
.rf .formBlockSurveyTable dl {
padding: 2% 0;
}
.rf .formBlockSurveyTable dl dt {
text-align: left;
width:180px;
}
.rf .formBlockSurveyTable dl dd {
width: calc(68% - 180px);
}
.rf .checkboxList{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
}
.rf .formBlockSurveyTable dl dd input, .rf .formBlockSurveyTable dl dd textarea{
border-radius: 0!important;
padding: 6px!important;
width: 96.5%;
}
.rf .checkboxPair{
margin-right: 4%;
}
.rf .checkboxPair input{
width: auto!important;
}
@media screen and (max-width: 768px) {
.rf .formBlockSurveyTable dl dd {
width: calc(98% - 180px);
}
.rf .formBlockSurveyTable dl dd textarea{
width: 97%!important;
}
}
@media screen and (max-width: 480px) {
.rf{
margin-left: 0rem;
}
.rf .formBlockSurveyTable dl dd {
width: 100%;
}
.rf .formBlockSurveyTable dl dd textarea{
width: 100%!important;
}
}

/*　==============================　contact　==============================　*/
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%;
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
background-color: #330800!important;
color:#fff;
}
.cf .formBlockSubmitButton:hover {
background-color: #f5f5ec!important;
border: 1px solid #330800;
color:#330800;
transition:0.6s;
}
.cf .on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}


/*　==============================　company　==============================　*/
.message-catch{
text-shadow: 2px 2px 8px #000;
font-size: 3rem;
line-height: 2.4rem;
}
@media screen and (max-width: 480px) {
.message-catch{
font-size: 2.5rem;
line-height: 2.5rem;
}
.outline-border-t{
border-top: 1px solid #330800;
}
}
/*----------------------- 企業情報テーブル -----------------------*/
.outline_table_wrapper{
max-width: 835px;
}
.outline_table_list{
border-bottom: 1px solid #c8c9ca;
padding-bottom: 0.5rem;
}
.outline_table_list:last-child{
border-bottom: 0px solid #c8c9ca;
padding-bottom:0rem;
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1rem 0rem 0.3rem 0rem;
}
.outline_contents dt{
color: #330800;
padding: 0rem 1rem 0rem 0rem;
width: 130px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 130px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
/*----------------------- ボトムボタン -----------------------*/
.company-bottom-btn .fs_btn_text {
text-align: right;
}
.company-bottom-btn .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.company-bottom-btn .fs_btn_text_sub {
letter-spacing: 0.1rem;
font-size:0.8rem;
font-weight: bold;
line-height: 1rem;
}
.company-bottom-btn .fs_btn{
background-color: rgba(33,33,33,0.5);
}
.company-bottom-btn .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}

/*　==============================　flow　==============================　*/
.flow-img-box{
padding: 27rem 0rem 0rem 0rem;
margin-left: 1rem;
}
@media screen and (max-width: 768px){
.flow-img-box{
padding: 17rem 0rem 0rem 0rem;
margin-left: 0rem;
}
}
/*　==============================　works　==============================　*/
/*----------------------- 製作実績テーブル -----------------------*/
.works_table_list{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0.4rem;
}
.works_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.works_table_list{
padding: 0.8rem 0rem 0.7rem 0rem;
}
.works_name {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.works_contents {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
width: 100%;
}
.works_name dt{
color: #ffffff;
font-size: 0.8rem;
padding: 0rem 1rem 0rem 0rem;
width: 90px;
}
@media screen\0 {
.works_name dt{
width: 120px;
}
}
.works_name dt span{
background-color: #330800;
display: inline-block;
padding: 0.3rem 0.5rem 0.2rem 0.5rem;
}
.works_name dd{
padding: 0rem 0rem 0rem 0rem;
width: 280px;
}
@media screen\0 {
.works_name dd{
width: 330px;
}
}
.works_contents dt{
padding: 0rem 1rem 0rem 0rem;
width: 200px;
}
.works_contents dt span{
background-color: #330800;
display: inline-block;
padding: 0.3rem 0.5rem 0.2rem 0.5rem;
}
.works_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 150px);
}
@media screen and (max-width: 768px){
.works_table_list{
flex-flow: column nowrap;
}
.works_name{
align-items: flex-start;
width: 100%;
margin-bottom: 0.3rem;
}
.works_name dd{
width: calc(100% - 90px);
}
.works_contents{
flex-flow: column nowrap;
align-items: flex-start;
width: 100%;
}
.works_contents dt{
width: calc(100% - 99px);
padding: 0rem 1rem 0rem 99px;
}
.works_contents dt:before{
content: "材質:";
}
.works_contents dd{
width: calc(100% - 99px);
padding: 0rem 0rem 0rem 99px;
}
}

/*　==============================　business　==============================　*/
.business_up_m{
margin-top: -1.5rem!important;
}
#pt003-3Parent{
background-size: auto!important;
}
@media screen and (max-width: 480px) {
.business_up_m{
margin-top: -10rem!important;
}
#pt003-3Parent{
background-size: contain!important;
}
}
/*----------------------- ボトムボタン -----------------------*/
.business-bottom-btn .fs_btn_text {
text-align: right;
}
.business-bottom-btn .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.business-bottom-btn .fs_btn_text_sub {
letter-spacing: 0.1rem;
font-size:0.8rem;
font-weight: bold;
line-height: 1rem;
}
.business-bottom-btn .fs_btn{
background-color: rgba(33,33,33,0.5);
}
.business-bottom-btn .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}

.business_precut{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex; justify-content:space-between; align-items:strech; flex-flow:row nowrap; width:100%;}
.business_precut li{width:24.5%; background-color:#f5f5eb; padding:1rem; box-sizing: border-box;}
.business_precut li dt{font-size:1rem; font-weight:bold; color:#51301e; padding-top: 1rem; padding-bottom: 1rem;}
.business_precut li dt span{font-size:1.5rem; line-height: 1;}
.business_precut li dd{padding-bottom: 1rem;}
@media screen and (max-width: 898px){
    .business_navBtnC .fs_btn_text_main{letter-spacing: -0.03rem;}
    .business_precut li{width:24.5%; padding:1rem 0.5rem;}
}
@media screen and (max-width: 498px){
    .business_precut{flex-flow:row wrap;}
    .business_precut li{width:100%; margin-bottom:0.4rem;}
}

/*----------------------- 設備一覧 -----------------------*/
.tbl_facility {
width: 100%;
margin: 0;
padding: 0;
vertical-align: middle;
font-size: 0.8rem;
border-collapse: collapse;
}
.tbl_facility th, .tbl_facility td {
padding: 0.7rem 1rem;
vertical-align: middle;
text-align: left;
font-weight: normal;
border-bottom: 1px solid #c8c9ca;
}
.tbl_facility th:first-child,
.tbl_facility td:first-child {
width: 230px;
}
.tbl_facility th:nth-child(2),
.tbl_facility td:nth-child(2) {
width: 150px;
}
.tbl_facility th:nth-child(3),
.tbl_facility td:nth-child(3) {
width: 150px;
}
.tbl_facility th:nth-child(4),
.tbl_facility td:nth-child(4) {
width: calc(100% - 530px);
}
.tbl_facility td {
padding: 0.5rem 1rem;
vertical-align: middle;
}
.tbl_facility thead th {
padding: 1rem 1rem;
font-weight: bold;
background-color: #f5f5ec;
}
@media screen and (max-width: 768px) {
.tbl_facility th:first-child,
.tbl_facility td:first-child {
width: 140px;
}
.tbl_facility th:nth-child(2),
.tbl_facility td:nth-child(2) {
width: 90px;
}
.tbl_facility th:nth-child(3),
.tbl_facility td:nth-child(3) {
width: 100px;
}
.tbl_facility th:nth-child(4),
.tbl_facility td:nth-child(4) {
width: calc(100% - 330px);
}
}
@media screen and (max-width: 480px) {
.tbl_facility {
font-size: 0.7rem;
}
.tbl_facility th:first-child,
.tbl_facility td:first-child {
width: 25%;
}
.tbl_facility th:nth-child(2),
.tbl_facility td:nth-child(2) {
width: 20%;
}
.tbl_facility th:nth-child(3),
.tbl_facility td:nth-child(3) {
width: 15%;
}
.tbl_facility th:nth-child(4),
.tbl_facility td:nth-child(4) {
width: 40%;
}
}
/*　==============================　top　==============================　*/
#slideBg{
margin-left: 10rem;
}
.top-content-p{
padding: 6rem 0rem;
}
@media screen and (max-width: 1420px) {
#slideBg{
margin-left: 2rem;
}
}
@media screen and (max-width: 768px) {
#slideBg{
margin-left: 0rem;
}
}
@media screen and (max-width: 480px) {
.top-catch{
font-size:  2rem;
line-height: 2.8rem;
}
.top-content-p{
padding: 4.5rem 0rem;
}
}
/*----------------------- 採用ボタン -----------------------*/
.top-rec-btn .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.top-rec-btn .fs_btn_text_sub {
letter-spacing: 0.1rem;
font-size:0.8rem;
font-weight: bold;
line-height: 1rem;
}
.top-rec-btn .fs_btn{
background-color: rgba(0,0,0,0.2);
}
.top-rec-btn .fs_btn:hover{
background-color: rgba(255,255,255,0.05);
}
@media screen and (max-width: 768px) {
.top-rec-btn .fs_btn{
background-color: rgba(33,33,33,0.35);
}
.top-rec-btn .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
}
/*----------------------- scrool downボタン -----------------------*/
.top_down_btn i{
font-size: 2.5rem!important;
margin-bottom: -0.6rem;
}
.top_down_btn .fs_btn_text{
line-height: 1.3;
}

/*----------------------- メインボタン -----------------------*/
.top-main-btn .fs_btn_text {
line-height:1.2rem;
}
.top-main-btn .fs_btn_text_sub{
font-size: 0.7rem;
}
.top-main-btn .fs_btn_text_main{
font-size: 1rem;
}
@media screen and (max-width: 480px) { 
.top-main-btn .fs_btn{
text-align: center!important;
}
}

/*　==============================　header　==============================　*/
/*----------------------- ページタイトル背景 -----------------------*/
.page-ttl-bg{
background: linear-gradient(-45deg, #51301e, #330800);
background-color:rgba(51,8,0,1);
}
/*----------------------- ページタイトルぱんくず -----------------------*/
.fs_breadcrumb a {
color:#330800;
}
.fs_breadcrumb a:hover{
opacity:0.6;
transition:0.6s;
}
/*----------------------- 採用フォームボタン -----------------------*/
.recruit_fix {
position: fixed;
z-index: 40;
top: 0;
right: 0;
} 
@media screen and (max-width: 480px) { 
.recruit_fix {
position: fixed;
z-index: 40;
bottom: top;
right: 0;
} 
.recruit_fix .i-bk-SP-show{
width: 85px;
}
}

/*　--------------------　オートナビに関する設定　--------------------　*/
/*ホバー時のアンダーラインetc*/
.fsNavMenuList li a {
position: relative;
display: inline-block;
text-decoration: none;
}
.fsNavMenuList .active_page > a {
border-bottom:1px solid #330800;  
}
.fsNavMenuList li a::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #330800;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.fsNavMenuList li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/*ホバー時の文字色etc*/
.fsNavMenuList li:hover > a{

}
.fsNavMenuList li a{
box-sizing: border-box!important;
}
/*ナビ横ボーダー*/
.fsNavMenuList main_list_li a{
border-right:1px solid #edcb97;
border-left:1px solid #edcb97;
}
/*ホバー時のサブリスト背景色*/
.sub_list{
background-color: rgba(194,183,170,0.9);
margin-top: 0rem!important;
padding-top: 1rem!important;
padding-bottom: 1rem!important;
left:0;
height:auto!important;
}
/*IE*/
@supports (-ms-ime-align:auto) {
.sub_list {
margin-top: 2.5rem!important;
}
}
/*IE10*/
@media all and (-ms-high-contrast:none) {
.sub_list {
margin-top: 2.5rem!important;
}
}
/*IE11*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .sub_list {
margin-top: 2.5rem!important;
}
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #330800;
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
margin: 4.1rem 11rem 0rem 0rem;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
margin: 6.8rem 11.9rem 0rem 0rem;
}
@media screen and (max-width: 480px) { 
/*　Fatnaviフィックス　*/
#topfix-A {
margin: 2rem 6rem 0rem 0rem;
}
#topfix-B {
margin: 4.7rem 7rem 0rem 0rem;
}
}

/*　==============================　footer　==============================　*/
/*　サイトマップ　*/
.footer-s-map{
width:100%;
margin: 0rem;
}
.s-map{
width: 50%;
}
.s-map ul{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
}
.s-map ul a{
color: #1a1a1a;
}
.s-map ul a:hover{
color: #bababa;
}
.s-map-text-l{
width: 50%;
}
.s-map-text-r{
width: 50%;
}
.s-map-main{
letter-spacing: 0.1rem;
font-size:1rem;
padding: 0rem 0rem 0.6rem 0rem;
vertical-align: bottom;
}
.s-map-sub{
vertical-align: top;
font-size: 0.9rem;
padding: 0rem 0rem 0.2rem 0.5rem;
}

@media screen and (max-width: 768px) {
.s-map ul{
flex-direction: column;
font-size:140%!important;
line-height:2.5rem!important;
}
.s-map-text-l{
width: 100%;
margin-bottom:1rem;
}
.s-map-text-r{
width: 100%;
}
.s-map-main{
letter-spacing: 0.1rem;
font-size:1.3rem;
padding: 0rem 0rem 0.3rem 0rem;
vertical-align: bottom;
}
.s-map-sub{
vertical-align: top;
font-size: 1.1rem;
padding: 0rem 0rem 0rem 0.5rem;
}
}
@media screen and (max-width: 480px) {
.footer-s-map{
margin: 1rem 0rem;
}
}
/*　コンタクトボタン　*/
.f-contact .fs_btn_text {
line-height:1.1rem;
}
.f-contact .fs_btn_text_sub{
font-size: 0.7rem;
}
.f-contact .fs_btn_text_main{
font-size: 0.9rem;
}
/*　ページトップボタン　*/
.btn_pagetop{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.btn_pagetop .fs_btn_text{
line-height: 1.6;
}


/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.space-m{
letter-spacing :-0.8rem;
}
.space-m1{
letter-spacing :-0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.tx-shadow-b{
text-shadow: 2px 1px 2px #444444;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.border-center{
margin: 0 auto!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}

/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-beige{
background-color:rgba(245,245,236,0.9);
}
.rgba-brown{
background-color:rgba(51,8,0,0.8);
}
.rgba-brown-g{
background: linear-gradient(-45deg, #51301e, #330800);
background-color:rgba(51,8,0,1);
}

/*　==============================　デフォルト　==============================　*/
/*　--------------------　コンポーザー　--------------------　*/
#pt101-1Parent{
background-color: #f5f5ec;
}
/*　--------------------　ページリストタグ　--------------------　*/
.fs_page_list .tk_flex{
padding: 1rem 0rem!important;
}
.fs_page_list .tk_flex:last-child{
border: none!important;
}
.tk_tags_Tags{
background-color: #f5f5ec;
}
@media screen and (max-width: 480px) {
.fs_page_list .tk_flex{
flex-flow: column;
}
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
	pointer-events: none;
}
}
@media screen and (min-width: 480px) {
.tel_splink {
pointer-events: none;
}
}

/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_w_20{
box-shadow: 4px 4px 6px 0 rgba(89,69,0,.20);
}
.boxshadow_20 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
.boxshadow_50 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);
}
.boxshadow_90 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);
}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}