/* GLOBAL STYLES
-------------------------------------------------- */

html{margin:0;padding:0;width:100%;height:100%;background-color:#fff;}

body {margin:0;padding:0;width:100%;height:100%;background-color:#fff;color:#000;line-height:1.6em;font-size: 15px;font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

.container {max-width:1000px;height:auto;margin:0 auto;}

a {color:inherit;
	text-decoration: underline;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover {color:inherit; text-decoration: underline;opacity: 0.5;}
a:visited {color:inherit;}

a img {text-decoration:none;}
a img:hover {opacity:0.5;}

span.linkstyle:before {font-family:FontAwesome;content:"\f0da";color:inherit;margin-right:5px;}

ul li {list-style: none;}

img {width:100%;height:auto;}

/*バナーの文字隠す*/
.clearText {text-indent:100%;white-space:nowrap;overflow:hidden;}

/*id 設定*/
#service,#salespoint,#link,#sns,#footer,#contents,
#faq,#faqinfo,#contact,#contactform,#estimate,#estimateform,#aboutus,#info,#access,#privacy,#postage,#postageform,
#fishing,#fishingprice,#fishingcontact 
{width:100%;height:auto;padding:60px 0;margin:0;}
#mainservice,#otherservice {width:100%;height:auto;margin:0;padding:0 0 60px 0;}
#salespoint,#footer,#faqinfo,#contactform,#estimateform,#info,#postageform,#fishingprice  {background:#efefef;}
#map {width:100%;height:500px;margin:0;padding:0;}
#copy {width:100%;background:#008442;margin:0;padding:5px 10px;}
#copy p {color:#fff;font-size:12px;margin:0;padding:0;}

#faq,#contact,#estimate,#about,#privacy,#postage,#fishing {margin:100px 0 0 0;}

hr.line00 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:50px 0 0 0;
}

/*アンカーリンク　グローバルナビの高さ調整*/
.a-link {margin-top:-160px;padding-top:160px;}
#mainservice,#otherservice,#point,#infolink,#accesslink {margin-top:-160px;padding-top:160px;}
#cformlink,#eformlink,#pformlink {}
/*h2設定*/
.section-header {width:33%;padding:0 0 50px 0;margin:0 auto;text-align: center;}
.section-header h2 {width:100%;height:auto;margin:0;border-bottom:2px solid #ddd;}
.section-header p {width:100%;height:auto;margin:0;}
.section-header img {width:100%;height:auto;}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
#navigation {}

.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-wrapper .navbar-nav {margin:0 auto;}
.navbar-wrapper .navbar-header {width:100%;margin:0;padding:0;float:left;} 

/*アイン・ロゴ・電話番号*/
h1 {margin:0;padding:0;text-size:14px;line-height:20px;}
.navbarhead {width:100%;margin:0;padding:10px 0 0 0;float:left;}
.navlogo {width:15%;float:left;padding:0 20px;}
.headinfo {width:40%;float:right;margin:0;padding:0;}
.headlogo,.headphone {width:50%;float:right;margin:0;padding:5px;vertical-align: middle;}
.navlogo img,.headlogo img,.headphone img,.headline img {width:100%;height:auto;}
.headline {width:30%;float:right;margin:0 auto;padding:5px;vertical-align: middle;text-align: right;}

.navbar-header{	width:100%;height:50px;}
.navbar-custom {
	background: #fff;
	z-index: 9999;
	width:100%;
	height:100px;
    box-sizing:border-box;
	border-bottom: 1px solid #eee;
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	padding:0;
}
.navbar-custom ul.nav {width:100%;}
.navbar-custom ul li.gn01,
.navbar-custom ul li.gn02,
.navbar-custom ul li.gn03,
.navbar-custom ul li.gn04,
.navbar-custom ul li.gn05 {width:20%;height:30px;margin:15px 0 5px 0;padding:0 5px;display: block;border-left:1px solid #ddd;box-sizing: border-box;float:left;}
.navbar-custom ul li.gn05 {border-right:1px solid #ddd;}

.navbar-custom ul li.gn01 a {background-image:url(../img/gn01.png);}
.navbar-custom ul li.gn02 a {background-image:url(../img/gn02.png);}
.navbar-custom ul li.gn03 a {background-image:url(../img/gn03.png);}
.navbar-custom ul li.gn04 a {background-image:url(../img/gn04.png);}
.navbar-custom ul li.gn05 a {background-image:url(../img/gn05.png);}

.navbar-custom ul li.gn01 a,
.navbar-custom ul li.gn02 a,
.navbar-custom ul li.gn03 a,
.navbar-custom ul li.gn04 a,
.navbar-custom ul li.gn05 a {display: block;height:28px;background-color:#fff;opacity:1.0;background-size:110% auto;background-repeat:no-repeat;background-position:center center;text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 0;
	-webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}

.navbar-custom ul li.gn01 a:hover,
.navbar-custom ul li.gn02 a:hover,
.navbar-custom ul li.gn03 a:hover,
.navbar-custom ul li.gn04 a:hover,
.navbar-custom ul li.gn05 a:hover {display: block;height:28px;border-bottom:2px solid #008442;background-color:#fff;opacity:1.0;}

/*ドロップダウンメニュー*/
.navbar-custom ul.nav li>ul.dropdown-menu {border:none;min-width:100%;width:auto;margin:0;padding:0;background-color:#fff;box-sizing:border-box;}
.navbar-custom ul.nav li>ul.dropdown-menu li,
.navbar-custom ul.nav li>ul.dropdown-menu li a,
.navbar-custom ul.nav li>ul.dropdown-menu li a:hover {border:none;width:100%;height:auto;float:left;box-sizing:border-box;background-image:none;text-indent:inherit;white-space:nowrap;overflow:visible;margin:0;padding: 5px;color:#727171;font-size: 100%;text-decoration: none;border-radius:2px;}

.navbar-custom ul.nav li>ul.dropdown-menu li {background-color:#fff;background-image:none;border-bottom:2px solid #fff;}
.navbar-custom ul.nav li>ul.dropdown-menu li:hover {background-color:#fff;border-bottom:2px solid #fff;}
.navbar-custom ul.nav li>ul.dropdown-menu li a:hover {background-color:#eee;border-bottom:2px solid #008442;box-sizing: border-box;}

.navbar-custom ul.nav li>ul.dropdown-menu li a:before {font-family:FontAwesome;content:"\f105";color:#666;margin-right:5px;}

.nav .open>a.dropdown-toggle,
.nav .open>a.dropdown-toggle:focus,
.nav .open>a.dropdown-toggle:hover,
.nav .open>a.dropdown-toggle:active,
.nav>li>a.dropdown-toggle:focus,
.nav>li>a.dropdown-toggle:hover {
    background-color: #fff;
}

.dropdown:hover > .dropdown-menu{
  display: block;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-top: 100px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
}
.carousel-caption {margin:0;position:absolute;top:30%;}
.carousel-caption h2 {width:100%;margin:0 auto;}
.carousel-caption h2 img {width:auto;height:55px;}
.carousel-caption .btn-service {background-image:url(../img/slide_btn_01.png);background-color:#008442;}
.carousel-caption .btn-contact {background-image:url(../img/foot_btn_01.png);background-color:#3e6680;}
.carousel-caption .btn-estimate {background-image:url(../img/foot_btn_02.png);background-color:#79aed0;}
.carousel-caption .btn-service,.carousel-caption .btn-contact,.carousel-caption .btn-estimate {width:50%;height:auto;margin:0 auto;padding:20px 0;background-size:100% auto;background-repeat:no-repeat;background-position: center center;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;font-size: 0;}

/* #service
-------------------------------------------------- */
.servicebox {width:100%;margin:0 auto;}
.servicebox2 {width:50%;margin:0 auto;}
.service {width:23%;margin:5px 1%;padding:0;border:1px solid #ddd;float:left;display: flex;flex-wrap: wrap;}
.service2 {width:46%;margin:5px 1%;padding:0;border:1px solid #ddd;float:left;display: flex;flex-wrap: wrap;}
a.service,a.service2 {text-decoration:none;}
a.service:hover,a.service2:hover {background-image:url(../img/base_bg_green.png);background-size:4px auto;}
@media (max-width: 479px) {
.servicebox2 {width:100%;margin:0 auto;}
}

/*20220614 ul li 追加*/
ul.servicebox {width:100%;margin:0 auto;}
li.service {width:23%;margin:5px 1%;padding:0;border:1px solid #ddd;float:left;display: flex;flex-wrap: wrap;}
li.service:hover {background-image:url(../img/base_bg_green.png);background-size:4px auto;}

.s-icon {width:30%;margin:0;padding:0;box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;}
.s-icon img {width:100%;height:auto;margin:0;}
.s-box {width:70%;margin:0;box-sizing:border-box;padding:5px;}
.s-box h3 {width:100%;font-size:100%;font-weight:bold;margin:0;padding:5px 0;}
.s-box p {width:100%;font-size:75%;line-height:1.2em;margin:0;padding:0;}
.s-box h3,.s-box p {
 white-space: nowrap;
  overflow: hidden;              /* "overflow" の値は "visible" 以外のものを指定する */ 
  -o-text-overflow: ellipsis;    /* Opera 9-10 */
  text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

/* #sales-point
------------------------- */
.point {display: flex;flex-wrap: wrap;width:100%;}
.pointbox {background:#c11920;color:#fff;width:30%;margin:0 1.6%;padding:15px;background-image:url(../img/base_bg_gray.png);}
.pointbox h3 {width:100%;border-bottom:1px solid #fff;margin:0 0 15px 0;padding:10px 0 0;text-align: center;}
.pointbox h3 img {width:100%;height:auto;}
.pointbox p {padding:0 15px;}

/* #link
------------------------- */
#link ul {margin:0;padding:0;}
#link ul.linkbnr li {padding:15px;width:16.6%;height:auto;float:left;}
#link ul.linkbnr2 {width:50%;margin:0 auto;}
#link ul.linkbnr2 li {padding:15px;width:33%;height:auto;float:left;}
@media (max-width: 991px) {
#link ul.linkbnr2 {width:100%;margin:0 auto;}
}

hr.line01 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:15px 0;
}
#link img {width:100%;height:auto;}
#link ul.snsbox {margin:30px 0 0 0;height:42px;text-align: center;}
#link ul.snsbox li {width:40px;height:auto;margin:0 15px;display: inline-block;}
#link ul.snsbox li img {width:100%;height:auto;}


#footer ul {margin:0;padding:0;}
#footer ul.linkbnr li {padding:15px;width:16.6%;height:auto;float:left;}
#footer img {width:100%;height:auto;}
#footer ul.snsbox {margin:30px 0 0 0;height:42px;text-align: center;}
#footer ul.snsbox li {width:40px;height:auto;margin:0 15px;display: inline-block;}
#footer ul.snsbox li img {width:100%;height:auto;}
@media (max-width: 479px) {
#footer ul.snsbox li {width:35px;height:auto;margin:0 5px;display: inline-block;}
}


/* footer
------------------------- */
#footer a {text-decoration:none;}

.foot-logo {width:100%;padding:0 0 10px 0;text-align: center;}

.btn-service,
.btn-contact,.btn-estimate,
.btn-service a,
.btn-contact a,.btn-estimate a {width:100%;height:60px;margin:10px 0;background-repeat:no-repeat;background-position: center center;background-size: 100% auto;text-indent:100%;white-space:nowrap;overflow:hidden;display: block;}
.btn-contact {background-image:url(../img/foot_btn_01.png);background-color:#3e6680;}
.btn-estimate {background-image:url(../img/foot_btn_02.png);background-color:#79aed0;}
.btn-service:hover,.btn-contact:hover,.btn-estimate:hover {opacity:0.5;}
.foot-logo img,.foot-subtit img,.btn-contact img,.btn-estimate img {width:100%;height:auto;}

.foot-phone {font-size:28px;font-weight: bold;margin:10px 0;}
.foot-mail {font-size:28px;font-weight: bold;margin:10px 0;}
.foot-add {font-size:16px;font-weight: bold;}

.foot-subtit {width:100%;padding:20px 15px;text-align: center;}
ul.footnav {width:100%;margin:0;padding:0;}
ul.footnav li {width:100%;padding:2px 0 0 0;}
ul.footnav li a:before {font-family:FontAwesome;content:"\f0da";color:inherit;margin-right:5px;}
ul.footnav li.link02 a:before {font-family:FontAwesome;content:"\f101";color:inherit;margin-right:5px;}

ul.licence {width:100%;padding:15px 0 0 0;}
ul.licence li {width:100%;}
ul.licence li:before {font-family:FontAwesome;content:"\f2c3";color:inherit;margin-right:5px;}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:40px;
	right:10px;
}
.totop a {
	display:block;
	text-decoration:none;
	opacity: 1;	
	width:50px;
	height:50px;
	background-color:#000;
	color:#fff;
	background-image:url(../img/base_btn_totop.png);
	background-repeat: no-repeat;
	background-size:60%;
	background-position: center center;
	border-radius: 25px;
	border:1px solid #fff;
}
.totop a:hover {
	opacity: 0.5;	
}

/*================================================
 *  特別なお知らせ　※常に表示
 ================================================*/
.newsinfo {
	position:fixed;
	bottom:35px;
	left:10px;
	display:block;
	font-size:12px;
	line-height: 1.3em;
	text-align:left;
	vertical-align: middle;
	text-decoration:none;
	opacity: 1;	
	width:auto;
	max-width:95%;
	height:auto;
	padding:7px;
	background-color:rgba(151,0,2,0.7);
	color:#fff;
	border-radius: 5px;
	border:1px solid #fff;
}

/* faq
------------------------- */
.faqbox {margin:0 0 30px 0;}
h3.ask {font-weight:bold;}
h3.ask:before {font-family:FontAwesome;content:"\f059";color:inherit;margin-right:5px;}
.answer,.answer2,.answer3 {width:100%;}
.answer:before {font-family:FontAwesome;content:"\f118";color:inherit;margin-right:5px;font-size:150%;}
.answer2:before {font-family:FontAwesome;content:"\f11a";color:inherit;margin-right:5px;font-size:150%;}
.answer3:before {font-family:FontAwesome;content:"\f119";color:inherit;margin-right:5px;font-size:150%;}
ul.faqentry {width:90%;margin:0 auto;}
ul.faqentry li {font-size:110%;padding:5px;}
ul.faqentry li:before {font-family:FontAwesome;content:"\f059";color:inherit;margin-right:5px;}



/* contact & estimate
------------------------- */
ul.oyomi {}
ul.oyomi li {}
ul.oyomi li:before {font-family:FontAwesome;content:"\f046";color:inherit;margin-right:5px;}
.contactcolor {background:#3e6680;}
.esticolor {background:#79aed0;}

/*  #aboutus
------------------------- */
ul.jigyou {width:100%;margin:0;padding:0;}
ul.jigyou li {margin:0;padding:0 0 10px 0;}
ul.jigyou li:before {font-family:FontAwesome;content:"\f101";color:inherit;margin-right:5px;}

ul.access {width:100%;margin:0;padding:0;}
ul.access li {margin:0;padding:0 0 10px 0;}
ul.access li:before {font-family:FontAwesome;content:"\f178";color:inherit;margin-right:5px;margin-left:-20px;}

.officeimg {width:60%;height:auto;margin:0 auto 30px auto;}

/* privacy
------------------------- */
#privacypolicy h3 {margin:45px 0 0 0;font-size:125%;}
#privacypolicy .col-sm-8 {margin:45px 0 0 0;}

#privacypolicy h3:before {font-family:FontAwesome;content:"\f058";color:inherit;margin-right:5px;}
#privacypolicy ul {margin:0;padding:0;}
#privacypolicy ul li:before {font-family:FontAwesome;content:"\f05d";color:inherit;margin-right:5px;}

/* fishing
------------------------- */
ul.fish01 {display: inline-block;margin:0 auto;text-align: left;}
ul.fish01 li:before {font-family:FontAwesome;content:"\f058";color:inherit;margin-right:5px;}

/* Table
------------------------- */
table.esti  {width:100%;margin:30px 0 0 0;font-size:200%;font-weight:bold;border-bottom:1px solid #ddd;display: table;}
table.esti th {width:20%;text-align: right;display: table-cell;vertical-align: middle!important;}
table.esti td {width:80%;display: table-cell;vertical-align: middle!important;}
table.esti a {text-decoration:none;}
@media (max-width: 991px) {
table.esti th {width:20%;text-align: right;display: table-cell;vertical-align: top!important;}
table.esti td {width:80%;display: table-cell;vertical-align: middle!important;}
}
@media (max-width: 767px) {
table.esti th {width:20%;text-align: right;display: table-cell;vertical-align: middle!important;}
table.esti td {width:80%;display: table-cell;vertical-align: middle!important;}
}
@media (max-width: 479px) {
table.esti th {width:20%;text-align: right;display: table-cell;vertical-align: top!important;}
table.esti td {width:80%;display: table-cell;vertical-align: middle!important;}
}


table.about  {width:100%;margin:0;padding:0;border-top:1px solid #ddd;}
table.about th {width:20%;text-align: right;font-weight:normal;vertical-align: text-top; padding:15px 15px 15px 0;}
table.about td {width:80%;padding:15px 0 15px 20px;}
table.about tr {border-bottom:1px solid #ddd;}
table.about th.fwb {font-weight:bold;}

table.noborder {border:none;}

table.fishprice {width:100%;margin:0;padding:0;border-top:1px solid #ddd;}
table.fishprice th {padding:15px 5px;text-align:center;vertical-align: middle!important;background:#ccc;}
table.fishprice td {padding:15px 5px;text-align:center;vertical-align: middle!important;}
table.fishprice tr {border-bottom:1px solid #ddd;}

/* Postage べんりや商店送料お問い合わせフォーム
------------------------- */
#postage img {width:100%;height:auto;}
.postagecolor {background:#00a73c;}


/*===================================================================
    layout
===================================================================*/
/* ------ margin ------ */
.mar0   { margin:0 !important; }
.mar5   { margin:5px !important; }
.mar10   { margin:10px !important; }
.mar15   { margin:15px !important; }
.mar20   { margin:20px !important; }
.mar25   { margin:25px !important; }

.marauto   { margin:0 auto !important; }

.mt0   { margin-top:0 !important; }
.mt3   { margin-top:3px !important; }
.mt5   { margin-top:5px !important; }
.mt8   { margin-top:8px !important; }
.mt10  { margin-top:10px !important; }
.mt13  { margin-top:13px !important; }
.mt15  { margin-top:15px !important; }
.mt18  { margin-top:18px !important; }
.mt20  { margin-top:20px !important; }
.mt25  { margin-top:25px !important; }
.mt30  { margin-top:30px !important; }
.mt35  { margin-top:35px !important; }
.mt40  { margin-top:40px !important; }
.mt45  { margin-top:45px !important; }
.mt50  { margin-top:50px !important; }
.mt55  { margin-top:55px !important; }
.mt60  { margin-top:60px !important; }
.mt65  { margin-top:65px !important; }
.mt70  { margin-top:70px !important; }
.mt75  { margin-top:75px !important; }
.mt80  { margin-top:80px !important; }
.mt85  { margin-top:85px !important; }
.mt90  { margin-top:90px !important; }
.mt95  { margin-top:95px !important; }
.mt100 { margin-top:100px !important; }

.mr0   { margin-right:0 !important; }
.mr5   { margin-right:5px !important; }
.mr10  { margin-right:10px !important; }
.mr15  { margin-right:15px !important; }
.mr20  { margin-right:20px !important; }
.mr25  { margin-right:25px !important; }
.mr30  { margin-right:30px !important; }
.mr35  { margin-right:35px !important; }
.mr40  { margin-right:40px !important; }
.mr45  { margin-right:45px !important; }
.mr50  { margin-right:50px !important; }
.mr55  { margin-right:55px !important; }
.mr60  { margin-right:60px !important; }

.mb0   { margin-bottom:0 !important; }
.mb3   { margin-bottom:3px !important; }
.mb5   { margin-bottom:5px !important; }
.mb8   { margin-bottom:8px !important; }
.mb10  { margin-bottom:10px !important; }
.mb13  { margin-bottom:13px !important; }
.mb15  { margin-bottom:15px !important; }
.mb18  { margin-bottom:18px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }

.ml0   { margin-left:0 !important; }
.ml5   { margin-left:5px !important; }
.ml10  { margin-left:10px !important; }
.ml15  { margin-left:15px !important; }
.ml20  { margin-left:20px !important; }
.ml25  { margin-left:25px !important; }
.ml30  { margin-left:30px !important; }
.ml35  { margin-left:35px !important; }
.ml40  { margin-left:40px !important; }
.ml45  { margin-left:45px !important; }
.ml50  { margin-left:50px !important; }
.ml55  { margin-left:55px !important; }
.ml60  { margin-left:60px !important; }

/* ------ padding ------ */
.pad0   { padding:0 !important; }
.pad5   { padding:5px !important; }
.pad10   { padding:10px !important; }
.pad15   { padding:15px !important; }
.pad20   { padding:20px !important; }
.pad25   { padding:25px !important; }

.pt0   { padding-top:0 !important; }
.pt3   { padding-top:3px !important; }
.pt5   { padding-top:5px !important; }
.pt8   { padding-top:8px !important; }
.pt10  { padding-top:10px !important; }
.pt13  { padding-top:13px !important; }
.pt15  { padding-top:15px !important; }
.pt18  { padding-top:18px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { padding-top:25px !important; }
.pt30  { padding-top:30px !important; }
.pt35  { padding-top:35px !important; }
.pt40  { padding-top:40px !important; }
.pt45  { padding-top:45px !important; }
.pt50  { padding-top:50px !important; }
.pt55  { padding-top:55px !important; }
.pt60  { padding-top:60px !important; }
.pt65  { padding-top:65px !important; }
.pt70  { padding-top:70px !important; }
.pt75  { padding-top:75px !important; }
.pt80  { padding-top:80px !important; }
.pt85  { padding-top:85px !important; }
.pt90  { padding-top:90px !important; }
.pt95  { padding-top:95px !important; }
.pt100 { padding-top:100px !important; }

.pr0   { padding-right:0 !important; }
.pr5   { padding-right:5px !important; }
.pr10  { padding-right:10px !important; }
.pr15  { padding-right:15px !important; }
.pr20  { padding-right:20px !important; }
.pr25  { padding-right:25px !important; }
.pr30  { padding-right:30px !important; }
.pr40  { padding-right:40px !important; }
.pr45  { padding-right:45px !important; }
.pr50  { padding-right:50px !important; }
.pr55  { padding-right:55px !important; }
.pr60  { padding-right:60px !important; }

.pb0   { padding-bottom:0 !important; }
.pb3   { padding-bottom:3px !important; }
.pb5   { padding-bottom:5px !important; }
.pb8   { padding-bottom:8px !important; }
.pb10  { padding-bottom:10px !important; }
.pb13  { padding-bottom:13px !important; }
.pb15  { padding-bottom:15px !important; }
.pb18  { padding-bottom:18px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }

.pl0    { padding-left:0 !important; }
.pl5    { padding-left:5px !important; }
.pl10   { padding-left:10px !important; }
.pl15   { padding-left:15px !important; }
.pl20   { padding-left:20px !important; }
.pl25   { padding-left:25px !important; }
.pl30   { padding-left:30px !important; }
.pl35   { padding-left:35px !important; }
.pl40   { padding-left:40px !important; }
.pl45   { padding-left:45px !important; }
.pl50   { padding-left:50px !important; }
.pl55   { padding-left:55px !important; }
.pl60   { padding-left:60px !important; }


/* ------ width ------ */
.wauto{ width:auto !important;}
.w1   { width:1%; }
.w2   { width:2%; }
.w3   { width:3%; }
.w4   { width:4%; }
.w5   { width:5%; }
.w6   { width:6%; }
.w7   { width:7%; }
.w8   { width:8%; }
.w9   { width:9%; }
.w10  { width:10%; }
.w11  { width:11%; }
.w12  { width:12%; }
.w13  { width:13%; }
.w14  { width:14%; }
.w15  { width:15%; }
.w16  { width:16%; }
.w17  { width:17%; }
.w18  { width:18%; }
.w19  { width:19%; }
.w20  { width:20%; }
.w21  { width:21%; }
.w22  { width:22%; }
.w23  { width:23%; }
.w24  { width:24%; }
.w25  { width:25%; }
.w26  { width:26%; }
.w27  { width:27%; }
.w28  { width:28%; }
.w29  { width:29%; }
.w30  { width:30%; }
.w31  { width:31%; }
.w32  { width:32%; }
.w33  { width:33%; }
.w34  { width:34%; }
.w35  { width:35%; }
.w36  { width:36%; }
.w37  { width:37%; }
.w38  { width:38%; }
.w39  { width:39%; }
.w40  { width:40%; }
.w41  { width:41%; }
.w42  { width:42%; }
.w43  { width:43%; }
.w44  { width:44%; }
.w45  { width:45%; }
.w46  { width:46%; }
.w47  { width:47%; }
.w48  { width:48%; }
.w49  { width:49%; }
.w50  { width:50%; }
.w51  { width:51%; }
.w52  { width:52%; }
.w53  { width:53%; }
.w54  { width:54%; }
.w55  { width:55%; }
.w56  { width:56%; }
.w57  { width:57%; }
.w58  { width:58%; }
.w59  { width:59%; }
.w60  { width:60%; }
.w61  { width:61%; }
.w62  { width:62%; }
.w63  { width:63%; }
.w64  { width:64%; }
.w65  { width:65%; }
.w66  { width:66%; }
.w67  { width:67%; }
.w68  { width:68%; }
.w69  { width:69%; }
.w70  { width:70%; }
.w71  { width:71%; }
.w72  { width:72%; }
.w73  { width:73%; }
.w74  { width:74%; }
.w75  { width:75%; }
.w76  { width:76%; }
.w77  { width:77%; }
.w78  { width:78%; }
.w79  { width:79%; }
.w80  { width:80%; }
.w81  { width:81%; }
.w82  { width:82%; }
.w83  { width:83%; }
.w84  { width:84%; }
.w85  { width:85%; }
.w86  { width:86%; }
.w87  { width:87%; }
.w88  { width:88%; }
.w89  { width:89%; }
.w90  { width:90%; }
.w91  { width:91%; }
.w92  { width:92%; }
.w93  { width:93%; }
.w94  { width:94%; }
.w95  { width:95%; }
.w96  { width:96%; }
.w97  { width:97%; }
.w98  { width:98%; }
.w99  { width:99%; }
.w100 { width:100%; }

/* ------ text-align ------  bootstrapは必要なし*/
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }

/* ------ text-decoration ------ */
.tdline { text-decoration:underline;}
.tdnone {text-decoration:none;}

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

/* ------ clearfix ----- */
.clearfix:after { display:block; clear:both; height:0; visibility:hidden; content:" "; }
.clearfix { display:inline-block; }
.clear { clear:both;}

/* ---- font ---- */
.fwB { font-weight:bold;}
.fwN { font-weight:normal !important;}

.fs10 { font-size:10px !important;}
.fs12 { font-size:12px !important;}
.fs14 { font-size:14px !important;}
.fs16 { font-size:16px !important;}
.fs18 { font-size:18px !important;}
.fs20 { font-size:20px !important;}

.fs90 { font-size:90% !important;}
.fs85 { font-size:85% !important;}
.fs80 { font-size:80% !important;}

.fs110 { font-size:110% !important;}
.fs115 { font-size:115% !important;}
.fs120 { font-size:120% !important;}
.fs125 { font-size:125% !important;}


/* ---- color ---- */
.red { color:#ff0000;}
.wh  { color:#FFFFFF;}

/*    layout ここまで
===================================================================*/


/* RESPONSIVE CSS
-------------------------------------------------- */

/* PC ------------------------*/
@media (max-width: 991px) {
.foot-subtit {width:100%;padding:15px 15px 10px 15px;}

/* カルーセル */
.carousel-caption h2 img {width:auto;height:45px;}	

}
	
/*タブレット ------------------------*/
@media (max-width: 767px) {

/*アイン・ロゴ・電話番号*/
h1 {margin:0;padding:0;text-size:14px;line-height:20px;}
.navbarhead {width:100%;margin:0;padding:10px 0 0 0;float:left;}
.navlogo {width:15%;float:left;padding:0 10px;}
.headinfo {width:40%;float:right;margin:0;padding:0;}
.headlogo,.headphone {width:50%;float:right;margin:0;padding:5px;vertical-align: middle;}
	
/* navi*/
.navbar-header{	width:100%;height:50px;}
.navbar-custom ul li.gn01,
.navbar-custom ul li.gn02,
.navbar-custom ul li.gn03,
.navbar-custom ul li.gn04,
.navbar-custom ul li.gn05 {height:30px;margin:10px 0;}
.navbar-custom ul li.gn01 a,
.navbar-custom ul li.gn02 a,
.navbar-custom ul li.gn03 a,
.navbar-custom ul li.gn04 a,
.navbar-custom ul li.gn05 a {background-size:150% auto;background-position:center center;}

/*h2設定*/
.section-header {width:50%;padding:0 0 50px 0;margin:0 auto;text-align: center;}
.pointbox h3 img {width:70%;height:auto;}

/* カルーセル */
/* Carousel base class */
.carousel {
  height: 300px;
  margin-top: 100px;
  margin-bottom: 60px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  width: auto;
}
.carousel-caption {margin:0;position:absolute;top:20%;}
.carousel-caption h2 img {width:auto;height:35px;}
.carousel-caption .btn-service,.carousel-caption .btn-contact,.carousel-caption .btn-estimate {width:60%;height:auto;margin:0 auto;padding:15px 0;background-size:125% auto;background-repeat:no-repeat;}

/* #service */
.servicebox {width:80%;margin:0 auto;}
.service {width:48%;margin:5px 1%;}	
	
	
/*#sales-point*/
.point {width:80%;margin:0 auto;}
.pointbox {width:100%;margin-bottom:15px;}

/*link*/
#link ul.linkbnr {padding:0 60px;}	
#link ul.linkbnr li {padding:8px;width:33.3%;}


/* foot */
.foot-subtit {width:100%;padding:20px 15px;margin:20px 0;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.foot-logo img,.foot-subtit img {width:75%;height:auto;}
	
/* privacy
------------------------- */
#privacypolicy .col-sm-8 {margin:15px 0 0 0;}
	
}

/* スマホ479px以下 ------------------------*/
@media (max-width: 479px) {

/*アイン・ロゴ・電話番号*/
h1 {margin:0;padding:0;text-size:14px;line-height:20px;}
.navbarhead {width:100%;margin:0;padding:10px 0 0 0;float:left;}
.navlogo {width:20%;float:left;padding:0 10px;}
.headinfo {width:60%;float:right;margin:0;padding:0;}
.headlogo,.headphone {width:50%;float:right;margin:0;padding:5px;vertical-align: middle;}

/*navi*/
.navbar-custom ul li.gn01 a,
.navbar-custom ul li.gn02 a,
.navbar-custom ul li.gn03 a,
.navbar-custom ul li.gn04 a,
.navbar-custom ul li.gn05 a {background-size:175% auto;background-position:center center;}
	
.navbar-custom ul.nav li>ul.dropdown-menu li,
.navbar-custom ul.nav li>ul.dropdown-menu li a,
.navbar-custom ul.nav li>ul.dropdown-menu li a:hover {font-size: 90%;padding:3px;}

/* カルーセル */
.carousel-caption h2 img {width:auto;height:30px;}
.carousel-caption .btn-service,.carousel-caption .btn-contact,.carousel-caption .btn-estimate {width:60%;height:auto;margin:0 auto;background-size:150% auto;background-repeat:no-repeat;}
/* #service */
.servicebox {width:100%;padding:0 15px;}

/*link*/
#link ul.linkbnr {padding:0;}	
#link ul.snsbox li {margin:0 8px;}

/* foot */
.foot-logo img,.foot-subtit img {width:100%;height:auto;}
		
}

/* LINE　アイコン表示関連 
--------------------------*/
a.foot-line-friend {width:80px!important;height:auto;padding: 0 0 5px 15px;}
a.foot-line-friend img {width:80px!important;height:auto;}
.line-icon-25 img {width:auto;height:25px;}
.line-icon-27 img {width:auto;height:27px;}
.line-icon-30 img {width:auto;height:30px;}
.line-icon-35 img {width:auto;height:35px;}
.line-icon-45 img {width:auto;height:45px;}
.line-icon-60 img {width:auto;height:60px;}
.line-icon-75 img {width:auto;height:75px;}


/*LINE*/
.line_add_friends {width:100px;height:auto;margin:0 auto 15px auto;}
.line_add_friends img {width:100%;height:auto;}

/*
@media (min-width: 768px) and (max-width: 990px) {
.line_add_friends {width:75%;height:auto;margin:0 auto 15px auto;}
}
@media (max-width: 767.999px) {
.line_add_friends {width:40%;height:auto;margin:0 auto 15px auto;}
}
@media (max-width: 576px) {
.line_add_friends {width:150px;height:auto;margin:0 auto 15px auto;}
}*/

/*TOP お問合せ*/
.line-contact {width:100%;max-width:100%;margin:25px 0 0 0; padding:10px;text-align: center;}
.line-contact h4 {width:100%;color:#fff;padding:10px;margin:0 auto 15px auto;border-radius: 10px;}
.line-qr {width:90px!important;height:auto;}

.line-ha-back {background:#00A73C;}
.line-ha-border {border:2px solid #00A73C;}

.line-de-back {background:#79622F;}
.line-de-border {border:2px solid #79622F;}

.line-za-back {background:#0F4393;}
.line-za-border {border:2px solid #0F4393;}

.line-co-back {background:#BBA1CB;}
.line-co-border {border:2px solid #BBA1CB;}