@charset "utf-8";
/*
Theme Name: ★BizVektor子テーマサンプル★
Theme URI: http://bizvektor.com
Template: biz-vektor
Description: 
Author: ★あなた ｍ９っ・ｗ・）ｂ★
Tags: 
Version: 0.1.0
*/

body {
color: #333;
font-family: "Rounded Mplus 1c";
line-height: 170%;
}
.content p {
padding: 0;
}
a img:hover {
opacity: 0.7;
}
.content table {
font-size: 100%;
}



/************************************
　広い画面では広く表示
************************************/
@media screen and (min-width:1100px) { 
#header .innerBox{
width:1100px;
}
.innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #pageTitBnr .innerBox,.innerBox, #gMenu #gMenuInner.innerBox {
width:1100px !important;
}

#main #container .content {
width:800px;
}
#main #container #sideTower {
width:250px;
}

}
/*メインイメージ100%*/
#topMainBnrFrame, #topMainBnr img {
width: 100% !important;
}
#topMainBnr {
padding-top: 0px !important;
}

/************************************
　メインメニュー
************************************/
#gMenu .menu li a strong {
font-weight: bold;
}




/************************************
　PC/SP切り替え
************************************/
@media screen and (min-width:770px) { 
.pc {display: block;}
.sp {display: none;}
}
@media screen and (max-width:770px) { 
.pc {display: none;}
.sp {display: block;}
}



/************************************
　ヘッダー周り修正
************************************/
#headerTop {
display: none;
}
.headerLine1 {
width: 100%;
height: 8px;
background: #ffd038;
}
.headerLine2 {
width: 100%;
height: 5px;
background: #00b552;
}
@media screen and (min-width:770px) { 
#header {
padding-bottom: 15px;
}
}
@media screen and (max-width:770px) { 
#header {
padding-top: 0px;
}
}
#header .innerBox #site-title img {
max-height: 35px;
}




/************************************
　　　　　スペース
************************************/
.space10 {width:100%; height:10px;}
.space20 {width:100%; height:20px;}
.space30 {width:100%; height:30px;}
.space40 {width:100%; height:40px;}
.space50 {width:100%; height:50px;}
.space60 {width:100%; height:60px;}
.space70 {width:100%; height:70px;}
.space80 {width:100%; height:80px;}
.space90 {width:100%; height:90px;}
.space100 {width:100%; height:100px;}



/************************************
　FLOAT
************************************/
.floatArea { width:100%;overflow:hidden;}

/*50-50*/
.floatLeft50 {width: 47%;float: left;}
.floatRight50 {width: 47%;float: right;}
@media screen and (max-width:660px) { 
.floatLeft50 {width: 100%;float: none;margin-bottom: 15px;}
.floatRight50 {width: 100%;float: none;}
}

/*40-60*/
.floatLeft40 {width: 37%;float: left;}
.floatRight60 {width: 57%;float: right;}
@media screen and (max-width:660px) { 
.floatLeft40 {width: 100%;float: none;margin-bottom: 15px;}
.floatRight60 {width: 100%;float: none;}
}

/*30-70*/
.floatLeft30 {width: 27%;float: left;}
.floatRight70 {width: 67%;float: right;}
@media screen and (max-width:660px) { 
.floatLeft30 {width: 100%;float: none;margin-bottom: 15px;}
.floatRight70 {width: 100%;float: none;}
}

/*20-80*/
.floatLeft20 {width: 17%;float: left;}
.floatRight80 {width: 77%;float: right;}
@media screen and (max-width:660px) { 
.floatLeft20 {width: 100%;float: none;margin-bottom: 15px;}
.floatRight80 {width: 100%;float: none;}
}

/************************************
　4→2カラム
************************************/
.column4 { width:100%;overflow:hidden;margin: 0!important; }
.column4 li {width: 23%;float: left;margin: 0 1% 0;list-style: none!important;}
@media screen and (max-width:660px) { 
.column4 li {width: 48%;float: left;margin: 0 1% 0;}
}

.imgTitle {text-align:center;}



/************************************
　タブレット以下の時のヘッダー調整
************************************/
@media screen and (max-width:770px) { 
#header #site-title {
float: none;
text-align: center;
}
#header #headContact {
width: 90%;
margin: 5px auto;
text-align: center;
}
}









/************************************
　トップページ
************************************/

.topimgArea {
text-align: center;
}
.topmassege {
text-align: center;
font-size: 21px;
font-weight: bold;
line-height: 180%;
}
@media screen and (max-width:660px) { 
.topmassege {
text-align: center;
font-size: 15px;
font-weight: bold;
line-height: 150%;
}
}


/***営業科目***/
.kamokuArea {
border: 5px solid #ccc;
padding: 10px 20px 5px;
}
.kamokuTitle {
font-size: 18px;
font-weight: bold;
line-height: 200%;
border-bottom:2px dotted #ccc;
margin-bottom: 10px;
}


/***お知らせ***/
.content table.mobile-block th {
box-shadow: none;
}
.headnews tr th {
background-color: #00b552 !important;
color: #fff;
font-weight: bold;
text-align: center;
border: 1px solid #00b552 !important;
font-size: 16px;
vertical-align: middle;
}
.headnews tr td {
border: 1px solid #00b552 !important;
}
@media screen and (min-width: 1000px) {
.headnews tr th {
width: 120px;
}
}

@media screen and (min-width: 1000px) {
#th40 tr th {
width: 20px;
text-align: center;
}
}







/************************************
　施行エリア
************************************/
.arealist {
background: #F2F2F2;
padding: 20px 0 30px;
}
.arealistInner {
padding: 0 10px;
text-align: left;
font-size: 13px;
}
@media screen and (min-width:1100px) { 
.arealistInner {
width: 1100px;
margin: 0 auto;
text-align: left;
}
}
.areaTitle {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
color: #0071bc;
}
.arealistTitle {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
line-height: 180%;
color: #0071bc;
border-bottom: solid 1px #0071bc;
}





/************************************
　フッター周り
************************************/
#siteBottom {
display:none;
}
#footer {
background: #00b552;
}
#footer .innerBox dl#footerOutline {
overflow:hidden;
width:100%;
}
#footer dl#footerOutline dt {
float:left;
width:400px;
}
#footer dl#footerOutline dd {
float:right;
text-align: right;
color: #fff;
}
@media screen and (max-width: 770px) {
#footer .innerBox dl#footerOutline {
text-align:center;
width:100%;
}
#footer dl#footerOutline dt {
float:none;
width:100%;
}
#footer dl#footerOutline dd {
float:none;
text-align: center;
}
}
#footer dl#footerOutline dt img {
max-height:45px;
}

#footMenu {
padding: 0;
background: #ffd038;
}
#footMenu .innerBox {
border-bottom: none;
padding: 8px 0;
}
#footMenu .menu li a {
color: #333;
font-size: 14px;
border-right: 1px solid #333;
line-height: 200%;
}
#footMenu .menu li a:hover {
font-weight: bold;
}
#footMenu .menu {
border-left: 1px solid #333;
}
@media screen and (max-width: 660px) {
#footMenu .menu {
border-left: none;
}
}





/************************************
　サイドナビゲーション
************************************/
.sideTower .sideWidget .textwidget {
text-align: center;
padding-top: 0;
}

.sidenavtext {
/*margin-top: 10px;*/
line-height: 150%;
background: #f2f2f2;
padding: 10px;
box-sizing: border-box;
width: 250px;
display: block;
margin: 0 auto;
}
.sideTower .localHead {
text-align: center;
}


#pageTitBnr {
background: url("https://web.archive.org/web/20240703084450im_/http://kyowa-jp.co.jp/eng/img/pagetitle-bg.jpg") no-repeat bottom center;
}




/************************************
　タイトル　h1 h2 h3 h4 h5 h6
************************************/
.content h2, .content h1.contentTitle, .content h1.entryPostTitle {
border-bottom: 1px solid #00b552;
border-top: 2px solid #00b552;
color: #00b552;
margin-bottom: 15px !important;
}
.content h1 {
margin: 3px 0px 25px;
line-height: 130%;
}


/************************************
　LightBox
************************************/
#slb_viewer_wrap .slb_theme_slb_baseline * {
text-align: center !important;
margin: 5px 0;
font-size: 16px;
line-height: 100%;
}
#slb_viewer_wrap .slb_theme_slb_baseline .slb_container {
padding: 12px 12px 0 !important;
}



/************************************
　3カラム→2カラム
************************************/
#price-album{
width: 100%;
}
.album3cul {
width: 30%;
display: inline-block;
margin: 1.3%;
vertical-align: top;
text-align:center;
}
.album3cul p {
line-height: 130%;
}
.album3cul .al-name{
text-align: center;
margin-top: -10px;
margin-bottom: 10px;
border-bottom: dotted 1px #666;
padding-bottom: 3px;
font-size: 13px;
height: 40px;
line-height: 130%;
}
@media screen and (max-width: 770px) {
.album3cul {
width: 47%;
display: inline-block;
margin: 1%;
vertical-align: top;
}
.album3cul .al-name{
text-align: left;
font-size: 11.5px;
height: 40px;
}
}


.worksTable th {
font-size: 9px !important;
vertical-align: middle !important;
padding: 10px !important;
width: 38px;
}
.worksTable td {
font-size: 11px !important;
padding: 5px !important;
vertical-align: middle !important;
}



.fixed-th th {
font-weight: bold!important;
width: 25%;
box-sizing: border-box;
}
@media screen and (max-width: 660px) {
.fixed-th th {
width: 100%;
}
}
/*-----------------------------------------------------
    メールフォーム
-----------------------------------------------------*/
.contactform th {
font-weight: bold !important;
}

form input[type="text"] {
width: 60%;
}
form textarea {
width: 95%;
}
#add {
width: 90%;
}

form input[type="checkbox"] {
margin-right:10px;
/*width: 30px;
height: 30px;*/
vertical-align: middle;
margin-bottom:5px;
-moz-transform:	scale(1.4);
-webkit-transform:scale(1.4);
transform:scale(1.4);
}

form textarea {
font-size:14px;
line-height:150%;
}

#zip {
width:120px;
padding:10px 5px;
border:1px solid #e5e5e5;
border-radius:4px;
outline:0 none;
}

#pref, #city {
width:200px;
}

#addr {
width:90%;
}



/**mobile-blockの調整**/
table.mobile-block td, table.mobile-block th {
font-size: 15px;
}
.content table.mobile-block th {
vertical-align: middle !important;
}
/*@media screen and (max-width: 640px) {
table.mobile-block td, table.mobile-block th {
width:94%;
}
}*/


a.btn, .linkBtn a, input[type="button"], input[type="submit"] {
margin-top:0px;
padding:15px 50px;
}


/***20180205追記***/

.kamoku li {
list-style: none!important;
float: left;
line-height: 100%;!important;
}
.kamoku {
margin-left: 0 !important;
}
.kamoku:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


@media screen and (min-width: 660px) {
.content table.mobile-block th {
width: 150px;
}
}


.entryBtn {
background: #00b552!important;
width: 100%;
color: #fff;
font-weight: bold;
padding: 16px 0 !important;
}
.entryBtn:hover {
background: #12cc6f!important;
color: #fe0!important;
}
/*
     FILE ARCHIVED ON 08:44:50 Jul 03, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:31:45 Apr 15, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.694
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.011
  esindex: 0.015
  cdx.remote: 22.96
  LoadShardBlock: 537.436 (3)
  PetaboxLoader3.resolve: 644.202 (3)
  PetaboxLoader3.datanode: 311.935 (5)
  load_resource: 542.157
  loaddict: 106.388
*/