@charset "utf-8";

/* ボディー */

body{
	font-size: 112%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.8;
}

/* 横スクロール禁止 */

html{
    overflow-x: hidden;
    overflow-y: scroll;
}
/* 共通 */

img{
	height: auto;
	max-width: 100%;
	width /***/: auto;
}


.center{
	text-align: center;
}

.left{
	text-align: left !important;
}

.right{
	text-align: right !important;
}

.clear{
	clear: both;
	overflow:hidden;
	width:100%;
}

.underline{
	text-decoration: underline;
}

.style-bold{
	font-weight: bold;	 
}

.style-red{
	color: #A6172B;
}

.style-gray{
	color: #999;
}

.dn{
	display: none !important;
}



/* iframe */

.iframe-wrap{
	height: 0;
	margin: 0 auto 40px;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	width: 100%;
}
 
.iframe-wrap iframe{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}




/* リンクテキスト */

a {
	color: #333;
	text-decoration: underline;
	}

a:hover {
	color: #1458E4;
	text-decoration: none;
	}

a.internal{
    background-image: url(../images/second/internal.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 3px;
    padding: 6px 0 6px 30px;
}

a.external{
	background-image: url(../images/second/external.png);
	background-repeat: no-repeat;
	background-position: right;
    margin-right: 7px;
    padding: 6px 37px 6px 0;
}

a.pdf{
	background-image: url(../images/second/pdf.png);
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 3px;
    padding: 6px 0 6px 30px;
}

a.email{
	background-image: url(../contact/images/email.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 50px 5px 0;
}

article a{
	text-decoration: underline !important;
}

article a:hover,
article a.current{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: underline !important;
}


.nav-dl a:hover,
.nav-dl a.current,
.nav-list a:hover,
.nav-list a.current{
    color: #1458E4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: underline !important;
}

.nav-banner li a:hover,
.nav-banner li a.current{
    border: solid 1px #1458E4;
    color: #1458E4;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: underline !important;
}

footer a{
    color: #FFF;
    text-decoration: none;
}





/* header */





/* メニューボタン */

.nav-wrap{
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%;
}

.nav-wrap a{
    color: #FFF;
    display: block;
    font-weight: bold;
    text-decoration: none;
}

#nav-wrap-div{
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

#nav-wrap-inner{
    margin: 0 auto;
    max-width: 1000px;
    padding: 10% 0;
    width: 85%;
}

 

.nav-wrap.open {
  display: block;
}
.nav-wrap.close {
  display: none;
}


 /*メニューボタンのエフェクト*/
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .nav-button {
    cursor: pointer;
    display: block;
    z-index: 20;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    right: 0;
  }
  .nav-button span {
	position: absolute;
	left: 0;
	width: 30%;
	height: 3px;
	background-color: #666;
	margin-left: 30px;
  }
  .nav-button span:nth-of-type(1) {
    top: 35px;
  }
  .nav-button span:nth-of-type(2) {
    top: 45px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 40px;
  }
  .nav-button.active span:nth-of-type(1) {
	background-color: #FFF;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .nav-button.active span:nth-of-type(2) {
	background-color: #FFF;
    opacity: 0;
  }
  .nav-button.active span:nth-of-type(3) {
	background-color: #FFF;
    -webkit-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
  }


#nav-dl a:hover,
#nav-dl a.current{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: underline;
}



.licence{
    color: #FFF;
    font-size: 65%;
    text-align: center;
}



/* アコーディオン */


.accordion dt{
    background-image: url(../images/header/nav-sp.png);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}

.accordion dt.active{
    background-image: url(../images/header/nav-sp-on.png);
    background-repeat: no-repeat;
    background-position: right center;
    color: #685031;
}

.accordion dt.over{
	color: #685031;
}

.accordion dd{
    display:none; 
    font-size: 95%;
}




/* article */






/* フッター */

footer{
    background-color: #000;
}


/* breadCrumb */

#breadCrumb{
    background-color: #EEE;
}

#breadCrumb ul{
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
}

#breadCrumb li{
    border-right: solid 1px #CCC;
	font-size: 65%;
}

#breadCrumb li a:hover{
	text-decoration: none;
}






/* リスト */

.ul-box{
	margin: 20px 0;
}

.ul-box li{
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
}

.ul-box ul li{
    background-image: url(../images/second/list02.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    padding-left: 30px !important;
}



/* 定義リスト */

.dl-box{
    background-color: #EEE;
    margin: 40px 0;
    padding: 30px;
}

.dl-box dt{
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.dt-episode{
    background-image: url(../products/images/dt-episode.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 20px 0 20px 60px;
}


#dl-type02{
    border: solid 1px #CCC;
    margin-top: 150px;
    padding: 20px;
}

#dl-type02 dt{
    border-bottom: solid 1px #CCC;
    font-size: 130%;
    font-weight: bold;
    padding-bottom: 10px;
}

#dl-type02 ul{
    clear: both;
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}
 
#dl-type02 li{
	background-image: url(../images/second/list01.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left: 20px;
    width: 43%;
}
 
#dl-type02 li:nth-child(odd){
    float: left;
}
 
#dl-type02 li:nth-child(even){
    float: right;
}
 
#dl-type02 li a:hover,
#dl-type02 li a.current{
    color: #1458E4;
}



/* 番号リスト */

ol{
    margin: 20px 0;
}

ol li{
	list-style-position: outside;
	margin: 0 0 10px 25px;
}




/* テーブル */

table{
    border-top: solid 1px #CCC;
	border-collapse: collapse;
	clear:both;
	line-height: 1.8;
	margin: 30px 0px;
	text-align: left;
	width:100%;
}

th{
    border-bottom: solid 1px #CCC;
    font-weight: bold;
    padding: 10px;
}

td{
    border-bottom: solid 1px #CCC;
	padding: 10px;
}

.td-bg{
    background-color: #F7F7F7;
    font-weight: bold;
}


.mod-tbl th{
    background-color: #F1F1F1;
    border: solid 1px #CCC;
}

.mod-tbl td{
    border: solid 1px #CCC;
}




/* 会社案内 */

#company-body h1{
    background-image: url(../company/images/h1.jpg);
}

#sort-company-message{
    background-image: url(../company/images/message.jpg);
}

#sort-company-mission{
    background-image: url(../company/images/mission.jpg);
}

#sort-company-outline{
    background-image: url(../company/images/outline.jpg);
}

#sort-company-media{
    background-image: url(../company/images/media.jpg);
}



/* 白鳥の奇跡を起こす */

#miracle-body h1{
    background-image: url(../miracle/images/h1.jpg);
}

#sort-miracle01{
    background-image: url(../miracle/images/01.jpg);
}

#sort-miracle02{
    background-image: url(../miracle/images/02.jpg);
}

#sort-miracle03{
    background-image: url(../miracle/images/03.jpg);
}

#sort-miracle04{
    background-image: url(../miracle/images/04.jpg);
}

#sort-miracle05{
    background-image: url(../miracle/images/05.jpg);
}



/* 製品情報 */

#products-body h1{
    background-image: url(../products/images/h1.jpg);
}

#sort-products-guidebar{
    background-image: url(../products/images/guidebar.jpg);
}

#sort-products-string-trimmer{
    background-image: url(../products/images/nylonlinehead.jpg);
}

#sort-products-merchandise{
    background-image: url(../products/images/merchandise.jpg);
}



/* 採用情報 */

#recruit-body h1{
    background-image: url(../recruit/images/h1.jpg);
}

#sort-recruit-business{
    background-image: url(../recruit/images/business.jpg);
}

#sort-recruit-string{
    background-image: url(../recruit/images/string.jpg);
}

#sort-recruit-staff{
    background-image: url(../recruit/images/staff.jpg);
}

#sort-recruit-recruitment{
    background-image: url(../recruit/images/recruitment.jpg);
}

#sort-recruit-gujo{
    background-image: url(../recruit/images/gujo.jpg);
}


.staff01{
    background-image: url(../recruit/images/staff/01-bg.jpg);
}

.staff02{
    background-image: url(../recruit/images/staff/02-bg.jpg);
}

.staff03{
    background-image: url(../recruit/images/staff/03-bg.jpg);
}

.staff04{
    background-image: url(../recruit/images/staff/04-bg.jpg);
}

.staff05{
    background-image: url(../recruit/images/staff/05-bg.jpg);
}

.staff06{
    background-image: url(../recruit/images/staff/06-bg.jpg);
}

.staff07{
    background-image: url(../recruit/images/staff/07-bg.jpg);
}

.staff08{
    background-image: url(../recruit/images/staff/08-bg.jpg);
}




/* お知らせ */

#news-body h1{
    background-image: url(../news/images/h1.jpg);
}



/* お問い合わせ */

#contact-body h1{
    background-image: url(../contact/images/h1.jpg);
}



/* 個人情報について */

#privacy-body h1{
    background-image: url(../privacy/images/h1.jpg);
}



/* サイトのご利用について */

#siteinfo-body h1{
    background-image: url(../siteinfo/images/h1.jpg);
}




/* メールフォーム */

table input{
    font-size: 100%;
    padding: 5px 5px;
    width: 90%;
}

textarea{
    font-size: 100%;
    padding: 3px 5px;
    width: 90%;
}

table input[type="radio"]{
    width: 5%;
}

table input[type="checkbox"]{
    margin-bottom: 8px;
    width: 5%;
}

select {
    font-size: 100%;
    padding: 3px 5px;
}

.checkbox {
    width: 50%;
    float: left;
}

.btn-form {
    color: #333;
    background-color: #FFF;
    border: solid 1px #333;
    display: inline-block;
    font-size: 113%;
    font-weight: bold;
    margin: 30px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none !important;
    width: 300px;
}

.btn-form:hover {
	color: #1458E4;
    opacity: 0.7;
}

.btn-form:focus {
    outline: none;
}

#contents p.error_messe{
    margin-bottom: 0;
}



/* WordPress エディタCSS */

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

.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}