@charset "UTF-8";
.mod-arrow.pre:before,
.mod-arrow:after,
.mod-anchor li a span:after,
.mod-anchor li a.blank span:after,
.mod-button_arrow span:after,
.mod-button_blank span:after,
.mod-catList-tab.is-active span:before,
.mod-catList-tab.is-active span:after,
.footer-corp-list li:before,
.js-slide-toggle.slide-toggle-arrow:before,
.js-slide-toggle.slide-toggle-arrow:after,
.owl-nav .owl-prev,
.owl-nav .owl-next,
.style-recipe-section-txt-material_or:after,
.style-recipe-section-txt-material_plus:after,
.style-hint-nav-block a:after,
.style-hint-title-num:after,
.style-hint-arrow-down:before,
.style-wall-function-icon-pet:after,
.style-chair-flow:after,
.style-chair-flow_txt:after,
.style-hint-archive-cat:before,
.style-hint-archive-cat:after,
.case-pager-icon_prev:after,
.case-pager-icon_next:after,
.case-detail .owl-prev:before,
.case-detail .owl-next:before,
.strings-idx-nav-a:before,
.strings-idx-nav-a:after,
.shitsurahi-idx-nav-a:before,
.shitsurahi-idx-nav-a:after,
.floortile-nav-a:before,
.floortile-nav-a:after,
.ac19-nav-a:before,
.ac19-nav-a:after,
.outline-idx-nav-a:before,
.outline-idx-nav-a:after,
.findimages-pager-icon_prev:after,
.findimages-pager-icon_next:after,
.showroom-index-tab-content .counsel-check:before,
.showroom-index-tab-content .counsel-checkDet:before,
.showroom-index-tab-content .counsel-checkDet-text:before,
.showroom-index-tab-content .ipad-title:before,
.company-guide .guide-nav-a:after,
.company-office .office-button span:before,
.company-office-access-way .access-way-button span:before {
  position:absolute;
  content:"";
  display:block
}
.mod-auto{
  max-width:100%;
  width:70%;
  min-width:960px;
  margin-left:auto;
  margin-right:auto
}

.mod-autoPc{
  max-width:100%;
  width:70%;
  min-width:960px;
  margin-left:auto;
  margin-right:auto
}

.mod-alert{
  width:70%;
  min-width:960px;
  margin:0 auto 50px;
  border:1px solid silver;
  text-align:center;
  font-size:calc(1em - .05vw);
  line-height:1.4;
  padding:15px;
  z-index:100
}

.mod-loader{
  position:absolute;
  left:50%;
  margin-left:-32px;
  width:64px;
  height:64px;
  border:2px solid #ccc;
  border-top-color:#333;
  border-radius:100%;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition:opacity .3s ease;
  animation:loaderSpin 1s infinite linear;
  z-index:1
}

.mod-loader.is-loading{
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.mod-head{
  position:relative;
  height:230px
}

.mod-head-h1{
  width:100%;
  height:44px;
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
  text-align:center
}

.mod-head-h1_lead1{
  height:70px
}

.mod-head-h1_lead2{
  height:95px
}

.mod-head-h1_lead3{
  height:117px
}

.mod-head-main{
  display:block
}

.mod-head-lead{
  display:block;
  font-size:15px;
  font-weight:400;
  line-height:1.6
}

.mod-head-news{
  text-align:center;
  margin:20px
}

.mod-head2{
  background-color:#e0e0e0;
  color:#666;
  font-size:18px;
  padding:5px 20px;
  margin-bottom:20px
}

.ua-ie-11 .mod-head2{
  padding:7px 20px 0
}

.ua-ie-11 .english .mod-head2{
  padding:5px 20px
}

.mod-head3{
  color:#666;
  font-size:16px;
  border-bottom:1px solid #ccc;
  padding:10px 0;
  margin-bottom:20px
}

.mod-head_bg_dot{
  color:#333;
  padding:10px 15px;
}

.mod-headNum{
  display:-ms-flexbox;
  display:flex;
  font-size:24px;
  font-weight:400;
  color:#666;
  margin-bottom:20px
}

.mod-headNum_num span{
  background-color:#9fa0a0;
  color:#fff;
  text-align:center;
  padding:8px 15px;
  margin-right:15px
}

.ua-ie-11 .mod-headNum_num span{
  padding:8px 15px 0
}

.ua-ie-11 .english .mod-headNum_num span{
  padding:8px 15px
}

.mod-read{
  margin-bottom:40px
}

.mod-read p,.mod-read ul{
  margin-bottom:30px
}

.mod-read_border{
  border:1px solid #ccc;
  padding:20px;
  margin-bottom:20px
}

.mod-topicPath{
  padding:20px 0;
  font-size:12px
}

.mod-topicPath-li{
  display:inline-block;
  vertical-align:middle;
  margin-left:3px
}

.mod-topicPath-li:after{
  content:'';
  display:inline-block;
  vertical-align:middle;
  margin-left:5px;
  width:0;
  height:0;
  border-top:3px solid transparent;
  border-left:3px solid #333;
  border-bottom:3px solid transparent;
  border-right:3px solid transparent
}

.mod-topicPath-li:last-child a{
  color:#666;
  
  text-decoration:none
}

.mod-topicPath-li:last-child a:hover{
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mod-topicPath-li:last-child:after{
  content:none
}

.mod-topicPath-a{
  color:#185f98;
  text-decoration:underline;
  transition:all .2s ease
}

.mod-topicPath-a:hover{
  text-decoration:underline;
  opacity:.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.mod-arrow{
  position:relative
}

.ua-ie-11 .mod-arrow{
  padding:7px 0 0
}

.ua-ie-11 .english .mod-arrow{
  padding:0
}

.mod-arrow.pre:before{
  top:50%;
  left:-13px;
  margin-top:-3px;
  width:8px;
  height:8px;
  -ms-transform:rotate(135deg);
  transform:rotateZ(135deg);
  border-bottom:1px solid #666;
  border-right:1px solid #666
}

.mod-arrow.pre:after{
  display:none
}

.mod-arrow:after{
  top:50%;
  right:-13px;
  margin-top:-3px;
  width:8px;
  height:8px;
  -ms-transform:rotate(-45deg);
  transform:rotateZ(-45deg);
  border-bottom:1px solid #666;
  border-right:1px solid #666
}

.mod-anchor{
  margin:30px 0
}

.mod-anchor li{
  display:inline-block;
  border-bottom:2px solid #fff;
  margin-right:20px;
  transition:all .2s ease
}

.mod-anchor li:hover{
border-bottom:2px solid #ccc
}
.mod-anchor li:last-child{
margin-right:0
}
.mod-anchor li a{
position:relative;
display:block;
width:100%;
height:100%;
padding-right:20px
}
.mod-anchor li a:hover{
text-decoration:none
}
.mod-anchor li a span:after{
top:45%;
right:3px;
margin-top:-4px;
width:8px;
height:8px;
-ms-transform:rotate(45deg);
transform:rotateZ(45deg);
border-bottom:1px solid #666;
border-right:1px solid #666
}
.mod-anchor li a.blank span:after{
top:45%;
right:0;
margin-top:-6px;
-ms-transform:none;
transform:none;
border:none;
width:13px;
height:13px;
background-image:url(/common/images/sprites.png);
background-position:-20px -16px;
background-size:105px 89px
}
.mod-info{
width:100%;
margin-bottom:50px;
position:relative
}
.mod-info-head{
position:relative;
width:100%;
-ms-flex-align:center;
align-items:center;
padding-bottom:15px;
margin-bottom:20px;
border-bottom:1px solid #ccc
}
.mod-info-head-name{
font-size:24px;
line-height:1.7;
color:#666
}
.mod-info-head-more{
display:block;
position:absolute;
right:0;
top:-10px;
width:200px;
background-color:#efefef;
text-align:center;
padding:10px 0
}
.ua-ie-11 .mod-info-head-more{
padding:10px 0 5px
}
.ua-ie-11 .english .mod-info-head-more{
padding:10px 0
}
.mod-info-head-more:hover{
text-decoration:none
}
.mod-info-list-li{
padding-bottom:10px
}
.mod-info-list-date{
display:inline-block;
vertical-align:middle;
font-size:14px;
color:#999;
margin-right:15px
}
.mod-info-list-cat{
display:inline-block;
vertical-align:middle;
width:118px;
font-size:12px;
line-height:18px;
color:#fff;
text-align:center;
margin-right:15px
}
.ua-ie-11 .mod-info-list-cat{
line-height:15px;
padding-top:4px;
margin-top:-7px
}
.mod-info-list-cat_catalog{
background-color:#b2d68a
}
.mod-info-list-cat_notice{
background-color:#f9c681
}
.mod-info-list-cat_ir{
background-color:#ba7cb3
}
.mod-info-list-cat_cm{
background-color:#999
}
.mod-info-list-cat_new_work{
background-color:#999
}
.mod-info-list-cat_no_label{
background-color:#999
}
.mod-info-list-cat_electronic_advertisement{
background-color:#999
}
.mod-info-list-cat_important_notices{
background-color:#999
}
.mod-info-list-cat_event{
background-color:#ffe25b
}
.mod-info-list-cat_seminar{
background-color:#74b7e5
}
.mod-info-list-cat_exhibition{
background-color:#f1a1c4
}
.mod-info-list-cat_showroom{
background-color:#6e96ce
}
.mod-info-list-q{
display:inline-block;
vertical-align:middle;
font-size:16px;
font-weight:700;
margin-right:15px
}
.mod-info-list-title{
display:inline-block;
vertical-align:middle
}
.mod-backnumber{
position:absolute;
top:0;
right:0;
letter-spacing:-.5em;
width:20%;
z-index:100
}
.mod-backnumber-text{
display:inline-block;
border-right:1px solid #ccc;
width:75%;
vertical-align:middle;
padding:11px 20px;
letter-spacing:normal;
background-color:#efefef
}
.mod-backnumber-switch{
position:relative;
width:25%;
height:50px;
padding:18px 0 16px;
display:inline-block;
vertical-align:middle;
border-left:1px solid #fff;
background-color:#efefef
}
.mod-backnumber-switch:after{
content:'';
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
transition:all .3s ease;
width:7px;
height:7px;
-ms-transform:rotate(45deg);
transform:rotateZ(45deg);
border-bottom:2px solid #666;
border-right:2px solid #666
}
.mod-backnumber-switch.is-visible:after{
width:7px;
height:7px;
-ms-transform:rotate(-135deg);
transform:rotateZ(-135deg);
border-bottom:2px solid #666;
border-right:2px solid #666
}
.mod-backnumber-list{
letter-spacing:normal;
width:75%
}
.mod-backnumber-list li{
vertical-align:middle;
border-top:1px solid #ccc
}
.mod-backnumber-list li a{
display:block;
width:100%;
height:100%;
padding:11px 20px;
background-color:#efefef
}
.mod-backnumber-list li a:hover{
background-color:#bfc4c4;
text-decoration:none
}
.mod-modal{
display:none;
width:60%;
margin:0 auto;
position:fixed;
top:50px;
z-index:2001
}
.mod-modal-overlay{
display:none;
width:100%;
height:100%;
background-color:rgba(160,160,160,.6);
position:fixed;
top:0;
left:0;
z-index:2000
}
.mod-input{
padding-left:10px;
font-size:12px;
font-weight:700;
background-color:#dce2e2;
border:1px solid #dce2e2;
box-shadow:inset 0 0 4px rgba(0,0,0,.05)
}
.mod-check-input{
position:absolute;
opacity:.01;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}
.mod-check-text{
line-height:2;
display:inline-block;
position:relative;
cursor:pointer;
padding-left:30px
}
.mod-check-text:before{
position:absolute;
top:10%;
left:0;
display:block;
content:"";
height:20px;
width:20px;
background-color:#e6e4e4;
border-radius:10px
}
.mod-check-text:after{
position:absolute;
top:45%;
left:8px;
display:block;
content:"";
width:5px;
height:10px;
border:solid 2px #fff;
border-left:0;
border-top:0;
-ms-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg)
}
.mod-check-input:checked~.mod-check-text{
font-weight:700
}
.mod-check-input:checked~.mod-check-color{
border-color:#ccc
}
.mod-check-input:checked~.mod-check-text:before,.mod-check-input:checked~.mod-check-color:before{
background-color:#185f98
}
.mod-radio-input{
position:absolute;
opacity:.01;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}
.mod-radio-text{
line-height:2;
display:inline-block;
position:relative;
cursor:pointer;
padding-left:30px
}
.mod-radio-text:before{
position:absolute;
top:10%;
left:0;
display:block;
content:"";
height:20px;
width:20px;
border:solid 3px #e6e4e4;
border-radius:10px
}
.mod-radio-text:after{
position:absolute;
top:32%;
left:6px;
display:block;
content:"";
width:8px;
height:8px;
background-color:#e6e4e4;
border-radius:10px
}
.mod-radio-input:checked~.mod-radio-text{
font-weight:700
}
.mod-radio-input:checked~.mod-radio-text:before{
border-color:#185f98
}
.mod-radio-input:checked~.mod-radio-text:after{
background-color:#185f98
}
.mod-select{
position:relative
}
.mod-select:before{
content:'';
display:block;
width:1px;
height:100%;
position:absolute;
right:45px;
background-color:#ccc
}
.mod-select:after{
content:'';
display:block;
position:absolute;
top:40%;
right:20px;
transition:all .3s ease;
width:7px;
height:7px;
-ms-transform:rotate(45deg);
transform:rotateZ(45deg);
border-bottom:2px solid #666;
border-right:2px solid #666
}
.mod-select select{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
width:100%;
background-color:#efefef;
border:none;
padding:12px 20px
}
.ua-ie-11 .mod-select select{
padding:12px 20px 7px
}
.ua-ie-11 .english .mod-select select{
padding:12px 20px
}
.mod-submit{
position:relative;
padding:10px;
color:#fff;
font-size:13px;
background-color:transparent;
outline:none;
border:none;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor:pointer;
transition:all .3s ease
}
.mod-submit:hover{
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
.mod-button{
display:block;
position:relative;
width:200px;
padding:10px 0;
margin-right:auto;
margin-left:auto;
text-align:center;
color:#666;
outline:none;
border:none;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor:pointer;
transition:all .3s ease
}
.ua-ie-11 .mod-button{
padding:10px 0 5px
}
.ua-ie-11 .english .mod-button{
padding:10px 0
}
.mod-button:hover{
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
text-decoration:none
}
.mod-button_arrow{
display:block;
position:relative;
width:200px;
padding:15px 0;
margin-right:auto;
margin-left:auto;
text-align:center;
outline:none;
border:none;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor:pointer;
transition:all .3s ease
}
.ua-ie-11 .mod-button_arrow{
padding:10px 0
}
.ua-ie-11 .mod-button_arrow span{
display:inline-block;
padding-top:5px
}
.ua-ie-11 .english .mod-button_arrow{
padding:15px 0
}
.ua-ie-11 .english .mod-button_arrow span{
padding-top:0
}
.mod-button_arrow:hover{
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
text-decoration:none
}
.mod-button_arrow span:after{
top:50%;
right:10px;
margin-top:-4px;
width:8px;
height:8px;
-ms-transform:rotate(-45deg);
transform:rotateZ(-45deg);
border-bottom:1px solid #333;
border-right:1px solid #333
}
.mod-button_blank{
display:block;
position:relative;
width:200px;
padding:15px 0;
margin-right:auto;
margin-left:auto;
text-align:center;
outline:none;
border:none;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
cursor:pointer;
transition:all .3s ease
}
.mod-button_blank:hover{
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
text-decoration:none
}
.mod-button_blank span:after{
top:45%;
right:10px;
margin-top:-4px;
width:13px;
height:13px;
background-image:url(/common/images/sprites.png);
background-position:-20px -16px;
background-size:105px 89px
}
.mod-border01{
border:1px solid #ccc
}
.mod-table{
display:table
}
.mod-table_fixed{
table-layout:fixed
}
.mod-table-cell{
display:table-cell;
vertical-align:middle
}
.mod-sideNav{
width:250px;
float:left
}
.mod-sideNav-list-cat{
width:100%;
padding:10px 20px;
margin-bottom:20px;
font-size:18px;
font-weight:700;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc
}
.ua-ie-11 .mod-sideNav-list-cat{
padding:12px 20px 5px
}
.ua-ie-11 .english .mod-sideNav-list-cat{
padding:10px 20px
}
.mod-sideNav-list-item{
position:relative;
margin-bottom:20px;
padding-left:40px;
font-size:16px
}
.mod-sideNav-list-inner{
display:none;
margin-top:-10px;
margin-bottom:20px;
padding-left:60px
}
.mod-sideNav-list-inner.is-visible{
display:block
}
.mod-sideNav-list-inner .mod-sideNav-list{
margin-bottom:10px
}
.mod-sideNav-list-li{
display:block;
margin-bottom:20px
}
.mod-sideNav-list-a{
position:relative;
display:inline-block;
line-height:1.4;
z-index:5
}
.mod-sideNav-list-a.is-active{
font-weight:700
}
.mod-sideNav-main{
float:right;
width:100%;
margin-left:-250px
}
.mod-sideNav-main-inner{
margin-left:270px
}
.mod-catList{
display:-ms-flexbox;
display:flex;
margin-bottom: 5%;
letter-spacing:-.4em
}
.mod-catList-tab{
display:inline-block;
width: 48.5%;
cursor: auto;
font-weight:700;
background-color: #DDDDDD;
pointer-events: none;
text-align: center;
}

.mod-catList-tab:first-child{
border-left: 1px solid #ccc;
}

.mod-catList-tab_old{
width:25%
}
.mod-catList-tab span{
display:block;
}
.mod-catList-tab:hover{
text-decoration:none;
background: #333;
color: #f4f5f7;
}

.mod-catList-tab.is-active{
height: 30px;
display:inline-block;
width: 100%;
cursor: auto;
font-weight: 100;
background-color: #888888;
pointer-events: none;
text-align: center;
padding-top: 5%;
}

.mod-catList-tab.is-active span{
position:relative
}

.mod-catList-tab.is-active span:after{
bottom:0;
width:100%;
height:2px
}
.mod-catList-tab.no-hover{
cursor:auto;
background-color:#fff
}

.mod-catList-div{
display:inline-block;
width: 100%;
cursor: auto;
font-weight:700;
background-color: #DDDDDD;
pointer-events: none;
text-align: center;
margin-right: 5px;
margin-bottom: 8px;
}

.mod-catList-div:first-child{
border-left: 1px solid #ccc;
}

.mod-catList-div_old{
width:25%
}
.mod-catList-div span{
display:block;
}
.mod-catList-div:hover{
  text-decoration:none;
  background: #333;
  color: #f4f5f7;
}

.mod-catList-div.is-active{
display:inline-block;
width: 100%;
cursor: auto;
font-weight: 100;
background-color: #888888;
pointer-events: none;
text-align: center;
margin-right: 5px;
margin-bottom: -10px;
padding-top: 7%;
height: 30px;
}

.mod-catList-div.is-active-span{
display:inline-block;
width: 100%;
cursor: auto;
font-weight: 100;
background-color: #888888;
pointer-events: none;
text-align: center;
margin-right: 5px;
height: 30px;
padding-top: 5%;
}

.mod-catList-div.is-active span{
position:relative
}

.mod-catList-div.is-active span:after{
bottom:0;
width:100%;
height:2px
}
.mod-catList-div.no-hover{
cursor:auto;
background-color:#fff

.mod-searchForm{
margin-top:0;
margin-bottom:20px
}
.mod-searchForm-detail{
padding:20px 0;
background-color:#efefef;
display:none
}
.mod-searchForm-hide{
background-color:#efefef;
margin-right:0;
margin-bottom:0;
text-align:left;
padding-left:25px
}
.ua-ie-11 .mod-searchForm-hide{
padding:10px 0 5px 25px
}
.mod-searchForm-hide-switch{
display:block;
position:absolute;
top:48%;
right:10%;
width:14px;
height:2px;
background:#5f5f5f
}
.mod-searchForm-hide-switch:after{
content:"";
display:block;
position:absolute;
top:-6px;
right:42%;
width:2px;
height:14px;
background:#5f5f5f;
transition:.3s
}
.mod-searchForm-hide-switch.is-active:after{
-ms-transform:rotate(90deg);
transform:rotateZ(90deg)
}
.mod-search-check{
position:relative
}
.mod-search-check-input{
position:absolute;
opacity:.01;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}
.mod-search-check-text,.mod-search-check-color{
display:inline-block;
position:relative;
cursor:pointer
}
.mod-search-check-text:before,.mod-search-check-color:before{
position:absolute;
top:10%;
right:-23px;
display:block;
content:"";
height:20px;
width:20px;
background-color:#e6e4e4;
border-radius:10px
}
.mod-search-check-text:after,.mod-search-check-color:after{
position:absolute;
top:45%;
right:-16px;
display:block;
content:"";
width:5px;
height:10px;
border:solid 2px #fff;
border-left:0;
border-top:0;
-ms-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg)
}
.mod-search-check-text{
line-height:2
}
.mod-search-check-input:checked~.mod-search-check-text{
font-weight:700
}
.mod-search-check-input:checked~.mod-search-check-color{
border-color:#ccc
}
.mod-search-check-input:checked~.mod-search-check-text:before,.mod-search-check-input:checked~.mod-search-check-color:before{
background-color:#185f98
}
.mod-search-check-color{
display:inline-block;
vertical-align:middle;
height:25px;
width:25px;
border:1px solid #ccc
}
.mod-search-check-color_red{
background-color:red
}
.mod-search-check-color_pink{
background-color:#f6f
}
.mod-search-check-color_orange{
background-color:#ffc001
}
.mod-search-check-color_yellow{
background-color:#ffff02
}
.mod-search-check-color_green{
background-color:#00b04f
}
.mod-search-check-color_blue{
background-color:#0070c0
}
.mod-search-check-color_purple{
background-color:#7030a1
}
.mod-search-check-color_brown{
background-color:#843c0c
}
.mod-search-check-color_beige{
background-color:#f7cb9f
}
.mod-search-check-color_white{
background-color:#fff
}
.mod-search-check-color_gray{
background-color:#d9d9d9
}
.mod-search-check-color_black{
background-color:#000
}
.mod-search-check-color:before{
top:10%;
right:-12px
}
.mod-search-check-color:after{
top:50%;
right:-5px
}
.mod-search-radio{
position:relative
}
.mod-search-radio-input{
position:absolute;
opacity:.01;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"
}
.mod-search-radio-text{
display:inline-block;
position:relative;
cursor:pointer;
line-height:2
}
.mod-search-radio-text:before{
position:absolute;
top:10%;
right:-23px;
display:block;
content:"";
height:20px;
width:20px;
border:solid 3px #e6e4e4;
border-radius:10px
}
.mod-search-radio-text:after{
position:absolute;
top:32%;
right:-17px;
display:block;
content:"";
width:8px;
height:8px;
background-color:#e6e4e4;
border-radius:10px
}
.mod-search-radio-input:checked~.mod-search-radio-text{
font-weight:700
}
.mod-search-radio-input:checked~.mod-search-radio-text:before{
border-color:#185f98
}
.mod-search-radio-input:checked~.mod-search-radio-text:after{
background-color:#185f98
}
.mod-bottomNav{
position:relative;
width:100%;
margin:50px auto
}
.mod-bottomNav-head{
width:100%;
border-top:1px solid #ccc;
color:#666;
padding:10px 0 20px
}
.mod-bottomNav-inner{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between
}
.mod-bottomNav-box{
display:inline-block;
position:relative;
width:32%;
margin-right:1%;
margin-bottom:15px;
overflow:hidden
}
.mod-bottomNav-box:last-child{
margin-right:0
}
.mod-bottomNav-box:hover{
text-decoration:none
}
.mod-bottomNav-box img{
width:100%;
opacity:1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-ms-transform:scale(1,1);
transform:scale(1,1);
transition:all .3s ease
}
.mod-bottomNav-box:hover img{
opacity:.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-ms-transform:scale(1.1,1.1);
transform:scale(1.1,1.1)
}
.mod-bottomNav-title{
width:100%
}
.mod-bottomNav-title-en{
display:inline-block;
margin-right:10px;
font-size:18px;
font-weight:700;
font-family:Hind Madurai,AXIS Std,Yu Gothic,"���C���I",Meiryo,sans-serif
}
.mod-bottomNav-title-jp{
font-size:11px;
font-weight:400
}
.mod-bottomNav-img{
overflow:hidden
}
.mod-bottomNav-ranking{
position:relative;
padding-top:40px
}
.mod-bottomNav-ranking:before{
position:absolute;
top:10px;
left:0;
width:38px;
height:30px;
padding-top:4px;
font-size:16px;
font-weight:700;
color:#fff;
text-align:center
}
.mod-bottomNav-ranking-text{
line-height:1.2;
margin-bottom:10px
}
.mod-bottomNav-ranking.ranking01:before{
content:'1';
background:url(/images/index/menu_ranking_bg_01.png) no-repeat top center;
background-size:contain
}
.mod-bottomNav-ranking.ranking02:before{
content:'2';
background:url(/images/index/menu_ranking_bg_02.png) no-repeat top center;
background-size:contain
}
.mod-bottomNav-ranking.ranking03:before{
content:'3';
background:url(/images/index/menu_ranking_bg_03.png) no-repeat top center;
background-size:contain
}
@media screen and (max-width:1024px){
.mod-auto,.mod-autoPc{
width:94%;
min-width:94%
}
.mod-alert{
width:94%;
min-width:94%
}
.mod-sideNav{
display:none
}
.mod-sideNav-main{
float:none;
margin-left:0
}
.mod-sideNav-main-inner{
margin-left:0
}
.mod-modal{
width:80%
}
.mod-bottomNav-box{
margin-right:2%
}

}
@media screen and (max-width:767px){
.mod-autoPc{
width:100%;
min-width:100%
}
.mod-head{
height:auto
}
.mod-head-h1{
height:auto;
position:relative;
font-size:22px;
padding-top:30px;
padding-bottom:30px;
text-align:left
}
.mod-head-h1-main{
display:block;
text-align:center
}
.mod-head-h1_lead1,.mod-head-h1_lead2,.mod-head-h1_lead3{
height:auto
}
.mod-head-h1_lead1 .mod-head-lead{
text-align:center
}
.mod-head-news{
font-size:22px
}
.mod-head2{
padding:0 10px;
margin-bottom:10px
}
.mod-head3{
padding:0;
margin-bottom:10px
}
.mod-headNum{
font-size:18px;
margin-bottom:10px;
margin-top:10px
}
.mod-headNum-num{
padding:0 10px;
margin-right:10px
}
.mod-icon_rss:after{
width:13px;
height:13px;
background-image:url(/common/images/sprites.png);
background-position:-80px -76px;
background-size:105px 89px
}
.mod-icon_pdf:after{
width:20px;
height:20px;
background-image:url(/common/images/sprites.png);
background-position:-60px -114px;
background-size:158px 134px
}
.mod-icon_digitalbook:after{
width:20px;
height:20px;
background-image:url(/common/images/sprites.png);
background-position:-108px -30px;
background-size:158px 134px
}
.mod-icon_pdfpage:after{
width:20px;
height:20px;
background-image:url(/common/images/sprites.png);
background-position:-90px -114px;
background-size:158px 134px
}
.mod-icon_list_catalog:after{
width:16px;
height:16px;
background-image:url(/common/images/sprites.png);
background-position:-110px -48px;
background-size:126px 107px
}
.mod-icon_excel:after{
width:20px;
height:20px;
background-image:url(/common/images/sprites.png);
background-position:-30px -84px;
background-size:158px 134px
}
.mod-icon_html:after{
width:16px;
height:16px;
background-image:url(/common/images/sprites.png);
background-position:-110px -24px;
background-size:126px 107px
}
.mod-read_border{
padding:10px;
margin-bottom:20px
}
.mod-topicPath{
display:none
}
.mod-anchor{
margin:20px 0
}
.mod-anchor li{
border-bottom:2px solid #ccc;
margin-bottom:10px
}
.mod-info{
min-width:100%;
width:100%
}
.mod-info-head{
margin-bottom:4%
}
.mod-info-head-name{
font-size:18px
}
.mod-info-head-more{
font-size:12px;
width:32%;
padding:3% 0
}
.mod-info-list-li{
margin-bottom:5%
}
.mod-info-list-title{
display:block;
margin-top:5px
}
.mod-backnumber{
width:45%
}
.mod-modal{
width:95%
}
.mod-catList-tab span{
font-size:120%;
line-height:1.4;
padding:10px 0 20px
}
.mod-catList-tab.is-active{
margin-left: -1px;
padding:0
}
.mod-searchForm{
margin-top:0
}
.mod-search-check-color{
margin-top:5px;
margin-bottom:5px
}
.mod-bottomNav-head{
font-weight:400;
font-size:16px
}
.mod-bottomNav-inner{
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.mod-bottomNav-box{
display:table;
width:100%;
border:1px solid #ccc;
margin-bottom:10px
}
.mod-bottomNav-box:hover{
text-decoration:none
}
.mod-bottomNav-box img{
display:table-cell
}
.mod-bottomNav-title{
position:relative;
display:table-cell;
vertical-align:middle;
bottom:auto;
width:50%;
text-align:center;
color:#666
}
.mod-bottomNav-title-en{
display:block;
font-size:20px;
margin-right:0
}
.mod-bottomNav-title-ranking{
padding:0 5px
}
.mod-bottomNav-ranking{
padding-top:20px;
font-size:14px;
line-height:1.4
}
.mod-bottomNav-ranking.sp_pt0{
padding-top:0
}
.mod-bottomNav-ranking:before{
top:0;
left:50%;
width:22px;
height:17px;
padding-top:4px;
font-size:12px;
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.mod-bottomNav-ranking-text{
font-size:12px;
line-height:1.4;
margin-bottom:0
}

}
.mod-youtube{
position:relative;
width:100%;
padding-top:56.25%
}
.mod-youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%
}
.strings .mod-topicPath{
padding:20px 0 0
}
.strings .mod-topicPath-a{
color:#898989;
text-decoration:none
}
.strings .mod-topicPath-li{
display:inline-block;
font-size:14px
}
.strings .mod-topicPath-li:after{
content:'';
display:inline-block;
margin-left:5px;
width:8px;
height:8px;
-ms-transform:rotate(-45deg);
transform:rotateZ(-45deg);
border-top:none;
border-left:none;
border-bottom:1px solid #898989;
border-right:1px solid #898989
}
.strings .mod-topicPath-li:last-child:after{
content:none
}
.strings .mod-topicPath-li:last-child a{
color:#898989
}
.strings-mod-button.strings-mod-button_back span:after{
right:auto;
left:10px;
-ms-transform:rotate(135deg);
transform:rotateZ(135deg)
}
.strings-mod-section{
margin-top:-80px;
padding-top:80px
}
.strings-mod-section-inner{
margin-top:50px
}
.strings-mod-title{
position:relative;
width:100%
}
.strings-mod-title-h1{
position:relative;
width:100%;
height:240px;
font-size:30px;
color:#fff;
font-weight:400
}
.strings-mod-title-h1 span{
position:absolute;
top:50%;
left:0;
-ms-transform:translateY(-50%);
transform:translateY(-50%)
}
.strings-mod-title.title-bg{
width:100%;
height:240px
}
.strings-mod-title.title-bg-about{
background:url(/images/pickup/strings/about/title_bg.jpg) no-repeat;
background-size:cover
}
.strings-mod-title.title-bg-mixup{
background:url(/images/pickup/strings/mixup/title_bg.jpg) no-repeat;
background-size:cover
}
.strings-mod-title.title-bg-linen{
background:url(/images/pickup/strings/linen/title_bg.jpg) no-repeat;
background-size:cover
}
.strings-mod-title.title-bg-coordinate-idea{
background:url(/images/pickup/strings/coordinate_idea/title_bg.jpg) no-repeat;
background-size:cover
}
.strings-mod-title-h2{
margin-top:40px;
font-size:24px;
font-weight:400
}
.strings-mod-spacer{
margin-top:50px
}
.strings-mod-spacer-middle{
margin-top:40px
}
.strings-mod-spacer-mini{
margin-top:30px
}
.strings-mod-float-right,.strings-mod-float-left{
width:50%
}
.strings-mod-float-right{
float:right;
padding-left:25px
}
.strings-mod-float-left{
float:left;
padding-right:25px
}
.strings-mod-border{
border:1px solid #ccc
}
.strings-mod-button{
width:340px;
color:#333;
background:#ccc;
padding:20px 0
}
.blackboard-mod-title{
width:20%;
margin-left:auto;
margin-right:auto;
padding-top:50px
}
.blackboard-mod-title-h2{
position:relative;
display:inline-block;
font-size:30px;
line-height:1;
font-weight:400;
margin-bottom:40px
}
.blackboard-mod-title-h2:after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:#333
}
.blackboard-mod-title-h3{
font-size:18px;
font-weight:400
}
.blackboard-mod-title-h4{
line-height:30px
}
.blackboard-mod-title-h4-space{
margin-top:30px
}
.blackboard-mod-section-inner{
padding-top:80px;
padding-bottom:80px
}
.blackboard-mod-section-inner-30{
padding:30px 0
}
.blackboard-mod-btnbox{
margin-top:60px
}
.blackboard-mod-tbl th,.blackboard-mod-tbl td{
padding:5px 10px
}
.blackboard-mod-auto{
margin:0 auto
}
.flotex-mod-title{
width:30%;
margin-left:auto;
margin-right:auto;
padding-top:50px
}
.flotex-mod-title-h2{
font-family:Montserrat,AXIS Std,Yu Gothic,'���C���I',Meiryo,sans-serif;
font-size:30px;
font-weight:400;
padding-top:50px;
padding-bottom:50px
}
.flotex-mod-title-h2 span{
font-size:24px;
padding-left:5px
}
.flotex-mod-title-h2.no-border{
border:none;
text-align:left
}
.flotex-mod-title-h3{
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
border-left:5px solid #333;
font-size:18px;
line-height:1;
font-weight:400
}
.flotex-mod-title-h3.no-border{
padding-top:0;
padding-bottom:0;
padding-left:0;
border:none;
text-align:left
}
.flotex-mod-title-h3.second{
margin-top:80px;
margin-bottom:20px
}
.flotex-mod-section{
margin-top:-130px;
padding-top:130px;
padding-bottom:130px
}
.flotex-mod-btnbox{
padding-top:80px
}
.flotex-mod-tbl th,.flotex-mod-tbl td{
padding:5px 10px;
vertical-align:middle!important
}
.flotex-mod-tbl th.tbl-bg-flotex,.flotex-mod-tbl td.tbl-bg-flotex{
background:#fc9
}
.flotex-mod-auto{
margin:0 auto
}
.flotex-mod-title-01{
width:100%;
margin-top:30px
}
.flotex-mod-title-01-txt{
float:left;
height:auto;
width:320px
}
.flotex-mod-title-01-img{
width:150px;
height:auto
}
.shitsurahi-mod-title{
width:20em;
margin:0 auto 50px;
padding-top:50px;
text-align:center
}
.shitsurahi-mod-title-h2{
position:relative;
display:inline-block;
font-size:30px;
line-height:1;
font-weight:400;
margin-bottom:40px
}
.shitsurahi-mod-title-h2:after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:#333
}
.shitsurahi-mod-title-h3{
font-size:18px;
font-weight:400
}
.shitsurahi-mod-title-h4{
line-height:30px
}
.shitsurahi-mod-title-h4-space{
margin-top:30px
}
.shitsurahi-mod-section-inner{
padding-top:80px;
padding-bottom:80px
}
.shitsurahi-mod-section-inner-30{
padding:30px 0
}
.shitsurahi-mod-btnbox{
margin-top:60px
}
.shitsurahi-mod-tbl th,.shitsurahi-mod-tbl td{
padding:5px 10px
}
.shitsurahi-mod-auto{
margin:0 auto
}
.moomin-mod-section-inner{
padding-top:80px;
padding-bottom:80px
}
.moomin-mod-title-h2{
font-size:30px;
line-height:1.2;
font-weight:400;
margin-bottom:40px
}
.moomin-mod-title-h3{
font-size:18px;
font-weight:400
}
.moomin-mod-auto{
margin:0 auto
}
.outline-mod-title{
width:20em;
margin:0 auto 50px;
padding-top:50px;
text-align:center
}
.outline-mod-title-h2{
position:relative;
display:inline-block;
font-size:30px;
line-height:1;
font-weight:400;
margin-bottom:40px
}
.outline-mod-title-h2:after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:#333
}
.outline-mod-title-h3{
font-size:18px;
font-weight:400
}
.outline-mod-title-h4{
line-height:30px
}
.outline-mod-title-h4-space{
margin-top:30px
}
.outline-mod-section-inner{
padding-top:80px;
padding-bottom:80px
}
.outline-mod-section-inner-30{
padding:30px 0
}
.outline-mod-btnbox{
margin-top:60px
}
.outline-mod-tbl th,.outline-mod-tbl td{
padding:5px 10px
}
.outline-mod-auto{
margin:0 auto
}