/*
Theme Name: Japan Wireless
Theme URI: https://japanwireless-usa.com/
Description: Japan Wireless Exclusive Theme
Version: 1.0
Author: Taisuke Inui
Author URI: https://samurai-web-works.com/
*/
.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.container {max-width: 1230px;}

@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}

_:-ms-fullscreen, :root .card-img-top{height:100%;}

body{font-family: "Noto Sans JP", Meiryo, メイリオ, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size:0.925rem; font-weight:400; color:#333; line-height:1.8em;}

html[lang="en-US"] body {font-family: 'Roboto', sans-serif;}

a, a:hover, a:focus{color:#db3230;}

a:hover img.hoverImg{opacity:0.6;}

h2,h3,h4,h5,h6,.h2,.h3,.h4,.h5,.h6{font-weight:300;}

ol, ul, dl{padding-left:2em;}

.text-danger{color:#db3230 !important;}

.color-light-blue{color:#3da0ce;}

.color-orange{color:#ec883f !important;}

.color-green{color:#00b868 !important;}

.text-info{color:#2ca4fa !important;}

.bg-light-blue{background:#248ebf;}

.bg-light-green{background:#eafdf0;}

.bg-warning{background-color:#ffe700 !important;}

.bg-info{background-color:#2ca4fa !important; color:#fff;}

.border-info{border-color:#3da0ce !important; border-width:3px;}

.border-danger{border-color:#db3230 !important; border-width:3px;}

.font-weight-600{font-weight:600 !important;}

.font-weight-500{font-weight:500 !important;}

.mb-6{margin-bottom:4.5rem !important;}

.img-center{display:block; margin-left:auto; margin-right:auto;}

@media screen and (max-width:767px) {
.img-80p-sm{display:block; margin-left:auto; margin-right:auto; width:80%;}
	
.table-responsive-sm>.table>tbody>tr>td,
.table-responsive-sm>.table>tbody>tr>th,
.table-responsive-sm>.table>tfoot>tr>td,
.table-responsive-sm>.table>tfoot>tr>th,
.table-responsive-sm>.table>thead>tr>td,
.table-responsive-sm>.table>thead>tr>th {
white-space: nowrap;}
	
.block-sm{display:block;}
}

/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

/* btn */
.btn-outline-info {color: #2ca4fa; border-color: #2ca4fa;}

.btn-outline-info:hover {background-color: #2ca4fa; border-color: #2ca4fa;}

.btn-info {background-color: #2ca4fa; border-color: #2ca4fa;}

.btn-info:hover {background-color: #127cc7; border-color: #127cc7;}

.btn-lg, .btn-group-lg>.btn{font-size:1rem;}

.btn-warning{background-color:#f5b761; border-color:#f5b761; color:#fff;}

.btn-warning:hover{background-color:#e8992c; color:#fff;}

/* header */
#header-top{padding-top:4px;}

#header-top h1{font-size:0.9em; margin:0; padding-top:4px;}

#header-top a, #header-top a:hover, #header-top a:focus{color:#db3230;}

#header-top a:hover, #header-top a:focus{opacity:0.6;}

#header-top table{font-size:1.2em;}

#logo{height:60px;}

@media screen and (max-width:767px) {
	#header-top{text-align:center;}	
	
	#header-top h1{line-height:160%;}
	
	#header-top table.float-right{float:none !important; margin-left:auto; margin-right:auto; margin-top:1rem; margin-bottom:1rem;}
	
	#header-top table{font-size:1.75em;}
	
	#logo{height:50px;}
}

/* nav */
.dropdown-menu{padding: .25rem 0; background:rgba(255,255,255,0.85); border-radius:2px;}

.dropdown-item{padding: .25rem 0.75rem; font-size:0.9em;}

.navbar-light .navbar-nav .nav-link{color:inherit;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#db3230;}

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color:#db3230;}

/* footer */
#footer-top{background: -webkit-repeating-linear-gradient(-45deg, #e85e5c, #e85e5c 3px, #db3230 3px, #db3230 7px);
  background: repeating-linear-gradient(-45deg, #e85e5c, #e85e5c 3px, #db3230 3px, #db3230 7px); padding:60px 0; color:#fff;}

#footer-top h5{font-size:1.4em;}

#footer-top a{text-decoration:underline; color:#fff;}

#footer-top a:hover{text-decoration:none;}

#footer-top td{vertical-align:top;}

#footer-top i{color:#121212;}

#footer-top a i:hover{opacity:.6;}

#footer-bottom{background:#121212; color:#fff; padding:14px 0;}

/* body */
.padding-adjust{padding:80px 0 !important;}

/* index */
#service-japan{background:url('/wp-content/themes/japan-wireless/images/section-parallax-index01.jpg') center center; margin-bottom:15px;}

#service-us{background:url('/wp-content/themes/japan-wireless/images/section-parallax-index02.jpg') center center; margin-bottom:15px;}

#service-other{background:url('/wp-content/themes/japan-wireless/images/section-parallax-index03.jpg') center center;}

#service-japan h3, #service-us h3, #service-other h3, #news-index h3{font-weight:500; background: rgba(219, 50, 48, 0.85); box-shadow: 0px 0px 0px 5px rgba(219, 50, 48, 0.85); border: dashed 2px white; padding: 0.2em 0.5em; color:#fff;}

a.border-danger:hover{opacity:0.6; text-decoration:none;}

.border-danger h3{font-weight:500;}

.border-info table{width:100%;}

.border-info table td{width:33.33%;}

.border-info table td div{text-align:center;}

.border-info table td i{font-size:3.4em;}

.card{background:rgba(255, 255, 255, 1);}

.card-product{text-align:center;}

.card-product .card-body{padding:1rem;}

.card-product .card-body h4{font-weight:600; font-size:1.35em; margin-bottom:0;}

.card-product .card-body p{margin-top:10px;}

.card-stripe{background: -webkit-repeating-linear-gradient(-45deg, #ffe7e7, #ffd1d1 3px, #ffe7e7 3px, #fff7f7 7px);
  background: repeating-linear-gradient(-45deg, #ffe7e7, #ffe7e7 3px, #fff7f7 3px, #fff7f7 7px);}

a.blog-box{color:inherit;}

a.blog-box:hover{text-decoration:none;}

a.blog-box strong{font-weight:600;}

a.blog-box h4{font-size:1.2em; font-weight:600; color:#db3230;}

@media screen and (max-width:767px) {
.index-sec01 h2{font-size:1.75em;}
}

/* page */
#page-head{padding:30px 0; background:#121212; color:#fff;}

#page-head h2{font-size:1.7em; margin-bottom:0; font-weight:200;}

#page-head p{float:right; font-size:0.9em;}

#page-head a{text-decoration:underline;}

#page-head a:hover, #page-head a:focus{text-decoration:none;}

@media screen and (max-width:767px) {
#page-head p{float:none;}
}

#page-area{padding:80px 0 80px;}

#page-area h3{color:#333; background:linear-gradient(transparent 70%, #ffdada 70%)}

#page-area ol li, #page-area ul li{margin-bottom:10px;}

#product-area{padding:80px 0 40px;}

#product-area h3{color:#333; background:linear-gradient(transparent 70%, #ffdada 70%)}

#product-area h4{font-size:1.1em; font-weight:500;}

#product-area h4.h3{font-size:1.75rem;}

#product-area h4.h3 span{font-size:1rem; color:#333;}

.td-head{background:#db3230; color:#fff; width:25%;}

.td-head-black{background:#121212; color:#fff; width:25%;}

#related{padding:40px 0 80px;}

#related h5{font-weight:500; background: #db3230; box-shadow: 0px 0px 0px 5px #db3230; border: dashed 2px white; padding: 0.2em 0.5em; color:#fff; text-align:center;}

ol{padding-left:22px;}

.color-list{color:#db3230;}

.color-list li span{color:#333;}

ul.color-list li{margin-bottom:10px;}

ul.color-list li:last-child{margin-bottom:0;}

.small-list{font-size:.75rem;}

.card-h2o .border-warning{border:4px solid #ffe700;}

.card-h2o h4{font-size:1.45rem !important; font-weight:600 !important;}

.card-h2o ul li{margin-bottom:8px;}

.card-h2o ul li:last-child{margin-bottom:0;}

.card-h2o i{color:#000;}

.h2o-table th, .h2o-table td{vertical-align:middle;}

.h2o-table th{background:#000; color:#ffe700;}

.h2o-table i, .h2o-table .h2{font-weight:900;}

ul.checked {list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}

ul.checked li{padding-left: 1.5em;}

ul.checked li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight:600; color:#e0cb05;}

h4.haruto-page{font-weight:500; background: #121212; box-shadow: 0px 0px 0px 5px #121212; border: dashed 2px white; padding: 0.2em 0.5em; color:#fff; font-size:1.3em !important;}

.card-stripe-yellow{background: -webkit-repeating-linear-gradient(-45deg, #feffe7, #feffe7 3px, #fdffae 3px, #fdffae 7px);
  background: repeating-linear-gradient(-45deg, #feffe7, #feffe7 3px, #fdffae 3px, #fdffae 7px);}

.card-stripe-blue{background: -webkit-repeating-linear-gradient(-45deg, #c8e9ff, #c8e9ff 3px, #daefff 3px, #daefff 7px);
  background: repeating-linear-gradient(-45deg, #c8e9ff, #c8e9ff 3px, #daefff 3px, #daefff 7px)}

.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list9{
	counter-reset:li;   
}
.list9 li{
	position:relative;
	display: block;
	padding:5px 0px 5px 50px; 
	background: #f1f1f1;
}
li.list9-count:after{
	counter-increment: li;
	content: counter(li);
	position: absolute;	
	left: 0px;
	top: 0px;
	background: #db3230;
	/*height: 30px;*/
	width: 30px;
	line-height: 30px;
	border: 2px solid #db3230;
	text-align: center;
	font-weight: bold;
	color:#fff;
}
 
li.list9-count:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:8px; 
	left:30px; 
	height:0; 
	width:0; 
	border-top: 8px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 13px solid #db3230;
}

/* Accordion */
#accordion .card-header, #accordion2 .card-header, #accordion3 .card-header, #accordion4 .card-header{padding:6px 18px 10px; background:#121212;}

#accordion .card-header strong, #accordion2 .card-header strong, #accordion3 .card-header strong, #accordion4 .card-header strong{color:#db3230;}

#accordion .card-header .btn, #accordion2 .card-header .btn, #accordion3 .card-header .btn, #accordion4 .card-header .btn{padding:0; width:100%; text-align:left; color:#fff;}

#accordion .card-body, #accordion2 .card-body, #accordion3 .card-body, #accordion4 .card-body{padding:1.25rem;}

#accordion table td, #accordion2 table td, #accordion3 table td, #accordion4 table td{vertical-align:top;}

@media screen and (max-width:767px) {
#accordion .card-header .btn, #accordion2 .card-header .btn, #accordion3 .card-header .btn, #accordion4 .card-header .btn{white-space:normal;}
}

/* blog */
.blog-index hr{margin-top:1.5rem; margin-bottom:1.5rem;}

.blog-body img{max-width: 100%; height: auto; margin-bottom:1rem;}

.blog-body h3{font-size:1.5rem !important; background:none !important;}

.blog-body h4{font-size:1.25rem !important; background:linear-gradient(transparent 70%, #ffdada 70%) !important;}

/* blog side */
.widget-container h4{margin-bottom:10px; font-size:1.4em}

.widget-container ul li{margin-bottom:10px;}

ul.side-blog,.side-blog ul{list-style:none;}

li.widget-container ul{margin-bottom:30px; padding-left:0;}

/* contact form */
.form-control{font-size:1em;}

/* 404 */
section.page404{padding:100px 0; text-align:center;}

section.page404 h2{font-size:5rem; color:#db3230; margin-bottom:3rem;}

section.page404 h3{margin-bottom:3.5rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(220, 53, 69, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}