@charset "utf-8";
/*
Theme Name: Lightning Pro Child
Theme URI:
Template: lightning-pro
Description:
Author:アートフレア株式会社
Tags:
Version: 0.0.0
*/

/*-------------------------------------------*/
/*	画面幅に対するコンテンツ＆メニュー幅
/*-------------------------------------------*/
@media screen and (min-width: 768px) {
#header, #gMenuInner {
    width: 750px;
}
}
@media screen and (min-width: 992px) {
#header, #gMenuInner {
    width: 970px;
}
}
@media screen and (min-width: 1200px) {
#header, #gMenuInner,.container {
    width: 1100px;
}

}




/*-------------------------------------------*/
/*	#header
/*-------------------------------------------*/

#header {
    display: block;
    overflow: hidden;
    padding: 15px 0 10px;
    margin: auto;
}
#header #headerInner {
    display: table;
    text-align: left; width:100%;
}
.navbar.siteHeader {
    box-shadow: none;
}
#headerInner {
    width: 100%;
}
#header #headerInner {
    text-align: left;
}
#header .logo {
   color:#E50012; font-size:16px; line-height:1.5;
}
#header .logo img{ padding-top:5px;
}

/*-------------------------------------------*/
/*	#gMenu
/*-------------------------------------------*/
#gMenu{
	text-align: center;
}
#gMenu ul{
	margin: 0 ;
	padding: 0 ;
}
#gMenu li{
	list-style: none;
	display: inline-block;
	padding: 10px 20px;
}
#gMenuInner {
    margin: auto;
}

#gMenu .menu li ul {
    display: none;
}

#gMenu .menu li ul li span {
    display: none;
}
#gMenu.itemClose .menu {
    display: block;
}
#gMenu .menu:after,.news-box ul li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#gMenu .assistive-text {
    position: absolute;
    top: -9000px;
}
/* display:noneだと読み上げない / 横にオフセットするとIEで読み込みまでの間表示される */
#gMenu .menu li {
    float: left;
    width: auto;
    border-bottom: none;
    overflow: visible;
}
#gMenu .menu li a {
	transition: .5s; font-weight:bold;font-size:16px; color:#000; text-decoration:none;
}
#gMenu .menu li:hover ul {
    display: block;
    position: absolute;
    z-index: 100;
    border-top: 1px solid #ccc;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    opacity: 0.97;
}
#gMenu .menu li:hover li {
    background: #fff;
    border-bottom: 1px solid #ccc; float:none; display:block;
    padding:0;
    position: relative; margin-bottom:0;
}
#gMenu .menu li:hover li a,
#gMenu .menu li.current_page_item li a,
#gMenu .menu li.current-menu-ancestor li a,
#gMenu .menu li.current-page-ancestor li a,
#gMenu .menu li.current_page_ancestor li a {
    background: none; display:block; font-size:14px; font-weight:normal;
    background-color: #fff;
    color: #333;
    text-align: left;
    border-right: none; padding:5px 15px;
}
#gMenu .menu li:hover li a:hover,
#gMenu .menu li.current_page_item li a:hover,
#gMenu .menu li.current-menu-ancestor li a:hover,
#gMenu .menu li.current-page-ancestor li a:hover,
#gMenu .menu li.current_page_ancestor li a:hover {
    background-color: #e31818; color:#FFF;
}
#gMenu .menu li:hover ul li ul {
    position: absolute;
    left: 200px;
    top: 10px;
    border-top: none;
}
#gMenu .menu li:hover ul li ul,
#gMenu .menu li:hover ul li ul li {
    display: none;
}
#gMenu .menu li:hover ul li:hover ul,
#gMenu .menu li:hover ul li:hover ul li {
    display: block;
}
#gMenu .menu li:hover ul li:hover ul {
    border-top: 1px solid #ccc;
}


/* 共通 ------------------------------------------------------------------ */
body {
    font-family: Arial, Helvetica,"Noto Sans JP", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    line-height: 1.8;
    font-weight: 500;
    font-size: 15px; color:#000;
}
.siteContent,.siteContent p {
	line-height:1.8;
	}
p { margin-bottom:0;}
a img {
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
a:hover img {
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    /* IE lt 8 */
    -ms-filter: “alpha(opacity=80)”;
    /* IE 8 */
}
h1.entry-title:first-letter, .single h1.entry-title:first-letter {color:inherit;}
h3,.subSection-title {
    border-bottom:none; font-weight:bold; font-size:26px;
    -webkit-box-shadow: 0 1px 2px rgba(255,255,255,0);
    box-shadow: 0; padding-bottom:10px; margin-bottom:20px;
}
.subSection-title:after, h3:after {width:50px; bottom: 2px;border-bottom: 3px solid #E50012;}
h3.none{ padding:0; font-size:24px;}
h3.none:after{ display:none;}
h4{ padding:0; font-size:20px; background-color:transparent; font-weight:bold; color:#000; margin:20px 0px 15px;}
h5{ margin:20px 0px 10px;}


hr {
    border-top: 1px solid #ccc;
}
/* header ------------------------------------------------------------------ */
.headerTop {display:none;
    color: #666;
    background-color:transparent;
    margin-top: -7px;
    border-bottom:none;
}
.headerTop_description {
    padding:0;
    width: 100%;
    line-height: 1.4; font-size:11px; color:#999; margin-bottom:15px;
}
#header .col-sm-6:last-child { text-align:right;}
#header i { font-size:36px; vertical-align:middle;}


/* top ------------------------------------------------------------------ */
.carousel {
    border-bottom:none;
    display: block;
    overflow: hidden;
    max-width:1300px; width:100%; margin:auto;
}
.carousel-control.right,.carousel-control.left{
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}
.news-box {
    height: 180px; margin-bottom:50px;
    overflow: auto;
}
.news-box ul li {
    border-bottom: 1px dotted #cccccc;
    list-style: none outside none;
    margin: 0 0 5px;
    padding: 0 0 5px 5px; clear:both;
}
.news-box ul li a{ width:390px; float:right;}
.news-box ul li:before,ul.arrow li:before, ul.localNavi li a:before{
    color: #C00;
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 8px;
}
ul.localNavi li a{ text-decoration:none!important;}
ul.localNavi li a:hover{opacity:0.8;}
.news_date{ margin-right:10px;}




.works .col-sm-6,.works .col-sm-3 {
  position:relative;
  margin-bottom:30px; padding-left:10px; padding-right:10px;
  overflow:hidden;
}
.works .col-sm-6 { width:49%;}
.works .col-sm-6 img,.works .col-sm-6 img.active{ width:240px;
}
.works .col-sm-3 img,.works .col-sm-3 img.active{ width:200px;
}
.works .col-sm-6 .active,.works .col-sm-3 .active {
  position: absolute;
  left: 10px;
  top: 0;
  opacity: 0;
  transition: 0.5s; // ゆっくり
}
.works .col-sm-6:hover .active,.works .col-sm-3:hover .active {
  opacity: 1; cursor:pointer;
}





/*
a.bttn.works{
	border:none;position:relative; width:100%;max-width:250px; height:atuo;
	padding:0; background-color: #000; color:#FFF; margin:0px 0px 10px; border-radius:10px; display:block;}
a.bttn.works img{ opacity:0.8;border-radius:10px;}
a.bttn.works:hover{ background-color:#FFF;}
a.bttn.works:hover img{ opacity:1; }
a.bttn.works:before{ display:none;}
a.bttn.works strong{ position:absolute; top:40%; left: 0;right: 0; margin: auto; font-size:22px;}*/

.rotate{ }
.rotate img:hover{transform:rotate(15deg);transition: transform 0.1s ease-out;}

/* list ------------------------------------------------------------------ */
dl, ol, ul {
    margin:0; padding:0;
}
#header .list-inline>li { padding-bottom:0;
}
ul.icon li,ul.icon_check li{
	margin:3px 0px; position:relative;
	padding:0px 0px 0px 25px; 
}
ul.icon li:before{
    content: "\f192";
    color: #E16A51;
    font-family: FontAwesome; 
	position:absolute;top:0; left:3px;
}
ul.icon.check li:before{
    content: "\f14a";
    color: #E16A51;
}

/* page ------------------------------------------------------------------ */

.page-header {background-image:none; text-align:center; background-color:#f5f5f5;}
.page-header_pageTitle, h1.page-header_pageTitle:first-child {font-size: 28px; color:#000; font-weight:bold; line-height:1.4;}
h1.page-header_pageTitle:first-child i { display:block; font-size:14px; font-style:normal;}
.breadSection .breadcrumb span i{ display:none;}
.tax-product-list h1.page-header_pageTitle:after{content: "商品一覧";display:block; font-size:14px; font-style:normal;}


.box{background-color:#FFF; padding:20px; border-radius:3px; }
.bd{ border:1px solid #ccc;}
.sdw{ box-shadow: 5px 5px 5px 5px #ddd; margin:5px 20px 20px 5px;}
.bgGray{ background-color:#f5f5f5;}
.bgBlack{ background-color:#000; color:#FFF;}
.tlBlack{ background-color:#000; color:#FFF; font-size:18px;border-radius:3px; padding:5px 20px;}
.tlGray{ background-color:#e8e8e8; color:#000; font-size:18px;border-radius:3px; padding:5px 20px;}

/*PRODUCTS*/
ul.clm3,.tax-product-list .postList,.post-type-products .postList {
    width: 100%; margin:0; padding:0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
ul.clm3 li,.tax-product-list .media,.post-type-products .media{
    list-style:none;border:1px solid #ccc;border-radius:10px; position:relative;
    width: 31%;
    margin: 1%;
    padding:20px;justify-content: center;align-items: center;
	}
ul.clm3.clm5 li{
    width: 18%;
    margin: 1% 2% 1% 0%;
	}
.post-name-categry-list ul.clm3 li img,.mozouhin img{ width: auto; height:190px;}
.post-name-categry-list ul.clm3 li h3{ text-align:center; font-weight:bold; font-size:20px; margin:20px 0px 160px;}
.post-name-categry-list ul.clm3 li h3:after,.taC h3:after { left:0; right:0; margin:auto;}
.post-name-categry-list ul.clm3 li h4{ margin:0;font-size:17px;}
.post-name-categry-list ul.clm3 li a{
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
}
.post-name-categry-list ul.clm3 li a:hover{
background-color: #fff;
opacity: 0.3;
}
.post-name-categry-list ul.clm3 li { background-size:100%; background-position:50% 80px; background-repeat:no-repeat; padding:0;}
.post-name-categry-list ul.clm3 li img { display:none;}
.post-name-categry-list ul.clm3 li .box{ background-color:rgba(255,255,255,0.8); border-radius:0px 0px 10px 10px; padding:10px 20px;}
.post-name-categry-list ul.clm3 li.list1 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list1.jpg);background-size:90%;}
.post-name-categry-list ul.clm3 li.list2 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list2.png);}
.post-name-categry-list ul.clm3 li.list3 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list3.jpg);background-size:150%;}
.post-name-categry-list ul.clm3 li.list4 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list4.png);background-size:70%;}
.post-name-categry-list ul.clm3 li.list5 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list5.jpg);background-size:50%;}
.post-name-categry-list ul.clm3 li.list6 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list6.png);background-size:105%;}
.post-name-categry-list ul.clm3 li.list7 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list7.png);background-size:80%;}
.post-name-categry-list ul.clm3 li.list8 { background-image:url(https://iwako-global.com/en/wp-content/uploads/list8.png);background-size:120%;}
.post-name-categry-list ul.clm3 li.list9 { background-image:url(https://iwako-global.com/en/wp-content/uploads/miquel-1.png);background-size:70%;}
.post-name-categry-list ul.clm3 li.list10 { background-image:url(https://iwako-global.com/en/wp-content/uploads/test.jpg);background-size:100%;}
.post-name-categry-list ul.clm3 li.list11 { background-image:url(https://iwako-global.com/en/wp-content/uploads/test2.jpg);background-size:150%;}

h1.entry-title,.tlPink{ color: #E38484!important; font-weight:bold; background-color:transparent; padding:0;}
.single h1.entry-title,.tlPink{ font-size:24px; margin:0;}



.mainSection header { border:none;}
.mainSection header h1{ font-size:22px;font-weight:bold;}
/*.mainSection header h1:before {font-size:28px; margin-right:10px; color:#000;}

.term-single .mainSection header h1:before {content: "単品消しゴム";}
.term-animal .mainSection header h1:before {content: "ANIMAL";}
.term-food .mainSection header h1:before {content: "FOOD";}
.term-sports .mainSection header h1:before {content: "SPORTS";}
.term-vehicle .mainSection header h1:before {content: "VEHICLE";}
.term-school .mainSection header h1:before {content: "SCHOOL";}
.term-item .mainSection header h1:before {content: "ITEM";}
.term-others-single .mainSection header h1:before {content: "OTHERS";}*/


.tax-product-list .siteContent .col-md-8,.category .siteContent .col-md-8,.single .siteContent .col-md-8,.post-type-products .siteContent .col-md-8,.archive .col-md-8{
	width:76%;}
.tax-product-list .siteContent .col-md-3,.category .siteContent .col-md-3,.single .siteContent .col-md-3,.post-type-products .siteContent .col-md-3,.archive .col-md-3{
	width: 20%;}

.tax-product-list .entry-meta,.post-type-products .entry-meta{ display:none;}
.tax-product-list .media,.post-type-products .media{
    padding: 10px; text-align:center;
    margin:1% 2% 1% 0px; width:31.3%;
}
.tax-product-list .media .postList_thumbnail,.post-type-products .media .postList_thumbnail{
    padding-right: 0px; margin:auto;
    float:none;
}
.tax-product-list .media .postList_thumbnail a,.post-type-products .media .postList_thumbnail a {
    border:none;
}
.tax-product-list .media .media-body .media-heading {margin-bottom:0; margin-top:5px;}
.media .media-body h1.media-heading a {font-size: 18px;font-weight: bold; color:#E38484!important; pointer-events:none;}
.tax-product-list a.media-body_excerpt {  pointer-events:none!important;}
.tax-product-list .media .media-body p {font-size: 14px;}
.tax-product-list ul.localNavi{ font-weight:bold; font-size:16px;}
.tax-product-list ul.children li a{ font-size:12px; padding-top:2px; padding-bottom:2px; border:none; font-weight:normal; padding-left:0;}
.tax-product-list ul.localNavi li a:hover{background-color: rgba(0,0,0,.07);}
/* カテゴリウィジットをマウスオーバーで展開 
.tax-product-list ul.localNavi li  a + ul {display:none;}
.tax-product-list ul.localNavi li:hover ul {display:block;transition: all 0.6s linear;}
*/
.pagination{ clear:both;width:100%;}
.pagination .nav-links ul{ margin:auto;}

ul.clm3.example li{ padding:10px;}
ul.clm3.example li img{height:150px; width:auto;}
ul.clm3.example li h6{ margin-top:10px; margin-bottom:0;}

#wpsm_accordion_1044 .wpsm_panel + .wpsm_panel { margin-top: 10px!important;}
#wpsm_accordion_1044 .wpsm_panel-title a{ line-height:1.8;}
#wpsm_accordion_1044 .ac_open_cl_icon { margin-top:7px;}

.note img.img-circle { width:150px;}

table.shop tr{ height:auto!important;}
table.shop td{ width:33%; text-align:center; padding:15px; height:auto!important;}
table.shop td .img{ width:60%; height:80px;  text-align:center;margin:auto; position:relative;}
table.shop td .img img{
	max-width:100%; width:auto;max-height:100%;
	position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;}

.local td h4{ width:92%;}
.local td img{ width:45%; margin:1%; float:left;}

table.list,table.tbr{ border:8px solid #f5f5f5;}
.list th{ width:25%!important; font-size:20px;}
.list td{ width:75%!important; }
.list h5{ margin-bottom:0; }
.list .tlBlack{ padding:2px 8px; font-size:13px; margin-right:5px;}
.list .btn{ margin-left:15px;}

.tbr th{ font-weight:bold;}

/* footer ------------------------------------------------------------------ */
footer {
    border-top:1px solid #CCC; background-color:#FFF; font-size:14px;
	}
footer .container.sectionBox.copySection{
	width:100%; border:none; color:#FFF; padding:15px 0px;
	}
footer ul li { margin:7px; 0px}
footer .copySection { background-color:#D61518;}

.fixBnr {
    position: fixed;
    right: 10rem;
    bottom: 2.0rem;
    z-index: 20;
}
.fixBnr .box.bd{ padding:0px 30px 0px 20px; border:3px solid #C00; font-size:24px; font-weight:bold;}
.fixBnr .box.bd i{ margin-right:10px;}
.fixBnr .box.bd a{ text-decoration:none;}

/* btn ------------------------------------------------------------------ */
a.bttn{
    letter-spacing:1px;
    border-radius:8px; margin-top:15px;
     background-color: #fff; font-weight:bold; border:1px solid #D61518;
    line-height: 1.4; text-decoration:none; text-align:center;padding:10px 30px; display:inline-block;
}
a.bttn:before{content: "\f105";font-family: FontAwesome;margin-right: 10px;}
a.bttn:hover{color: #fff;  background-color:#D61518;}
a.bttn.block{display: block;}
a.bttn.none:before,.btnArea .bttn:before{ display:none;}


/* Table ------------------------------------------------------------------ */
table.none,table.none th,table.none td{
	border:none; padding:0;
	}
.table1  { border-top:1px solid #CCC; border-left:1px solid #CCC;}
.table1 th  {
	background-color: #f5f5f5; padding:10px 8px;border-bottom:1px solid #CCC;border-right:1px solid #CCC;}
.table1 td  { padding:10px 8px 10px 12px;border-bottom:1px solid #CCC;border-right:1px solid #CCC; background-color:#FFF;}

.clm2 td,.clm3 td{ padding-right:30px;}
.clm2 td:last-child,.clm3 td:last-child{ padding-right:0;}

/* Font ------------------------------------------------------------------ */
.fzSS  { font-size:  75%;}
.fzS   { font-size:  85%;}
.fzM   { font-size: 100%;}
.fzL   { font-size: 113%;}
.fzLL  { font-size: 140%;}
.fzLLL { font-size: 220%;}

.fcOrange { color: #F60;}
.fcYellow { color: #FF6;}
.fcRed {color: #D61518;}
.fcGreen { color: #9c0;}
.fcPink { color: #F63;}
.fcBrown { color: #960;}
.fcBlue { color: #036;}
.fcWhite { color: #FFF;}

.taC{ text-align:center}
.taC2{ text-align:center;border:1px solid #ccc;border-radius:10px; position:relative;
    width: 23%;
    margin: 1%;
    padding:10px;justify-content: center;align-items: center;
	}
.normal { font-weight:normal;}
.photo img{box-shadow: 2px 2px 2px 2px lightgray; padding:3px; background-color:#FFF; margin:3px;}

/* Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}

/* Width ------------------------------------------------------------------ */
.w10    { width:10%;}
.w20    { width:20%;}
.w30    { width:30%;}
.w35    { width:35%;}
.w40    { width:40%;}
.w50    { width:50%;}
.w60    { width:60%;}
.w70    { width:70%;}
.w80    { width:80%;}
.w90    { width:90%;}

/* Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0!important;}
.mt05 { margin-top: 5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px ;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px ;}
.mt30 { margin-top:30px ;}
.mt35 { margin-top:35px ;}
.mt40 { margin-top:40px ;}
.mt45 { margin-top:45px ;}
.mt50 { margin-top:50px ;}
.mr00 { margin-right: 0 ;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px ;}
.mr45 { margin-right:45px ;}
.mr50 { margin-right:50px ;}
.mb00 { margin-bottom: 0   ;}
.mb05 { margin-bottom: 5px ;}
.mb10 { margin-bottom:10px ;}
.mb15 { margin-bottom:15px ;}
.mb20 { margin-bottom:20px ;}
.mb25 { margin-bottom:25px ;}
.mb30 { margin-bottom:30px ;}
.mb35 { margin-bottom:35px ;}
.mb40 { margin-bottom:40px ;}
.mb45 { margin-bottom:45px ;}
.mb50 { margin-bottom:50px ;}
.ml00 { margin-left: 0  ;}
.ml05 { margin-left: 5px ;}
.ml10 { margin-left:10px ;}
.ml15 { margin-left:15px ;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mg-auto { margin:auto;}

/* Padding ------------------------------------------------------------------ */
.pd00 { padding:0px;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd30 { padding:30px;}
.pd50 { padding:50px;}


/*サイドバーアコーディオン　カスタム投稿*/
.widget_categories ul li ul {
    display: none;
}
.widget_categories ul li{
    position: relative;
    display: block;
    padding-left: 20px;
    cursor: pointer;
}
.widget_categories ul li::before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #E50012;
    border-right: solid 2px #E50012;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
    position: absolute;
    top: 20px;
    left: 0;
    margin-top: -4px;
}
.widget_categories ul li ul li::before {
    border-top: none;
    border-right: none;
}

.widget_categories ul li:hover:before {opacity:0.8; top:23px;transition: all 0.1s ease 0s;
}

/*202301 商品カテゴリー追加*/
.post-name-categry-list ul.clm3 li.list7 {
  background-image: url(https://iwako-global.com/en/wp-content/uploads/trex02.png);
  background-size: 80%;
}