@charset "utf-8";

/*　PC用スタイル　
------------------------------------------------------*/
@media print, screen and (min-width:1024px){
.wseBox {
	margin: 30px 0;
	line-height: 1.4;
	position: relative;
    font-size: 120%;
}
.wseBox h2 {
	font-size: 120%;
	border-bottom: 3px solid #595757;
	padding: 0 0 4px;
}
.wseBox .wsetopicsList {
	margin: 10px 0 0;
}
.wseBox .wsetopicsList ul {
	letter-spacing: -0.5em;
}
.wseBox .wsetopicsList ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	list-style: none;
	margin: 10px;/*変更しました*/
	width: 227px;
    }
.wseBox .wsetopicsList ul li a {
	display: block;
	text-decoration: none;
}
.wseBox .wsetopicsList ul li a:hover {
	opacity: 0.7;
}
.wseBox .wsetopicsList ul li .wsetopicsImg img {
	width: 100%;
	vertical-align: bottom;
    border:1px solid #ccc;
}
.wseBox .wsetopicsList ul li .wsetopicsCat {
	text-decoration: none;
	color: green;
    font-weight: bold;
    border-bottom:2px green solid;
	padding: 10px 2px 2px;
	text-align: center;
}
.wseBox .wsetopicsList ul li .wsetopicsText {
	color: #333;
	margin: 4px 0 0;
	position: relative;
    font-size: 110%;
    padding:5px;
}
.wseBox .wsetopicsList ul li .wsetopicsText .wsetopicsDate {
	display: block;
	position: absolute;
	top: -20px;
	right: 0px;
	font-size: 80%;
}
/*who's 坊や　ボタン
------------------------------------*/	
div#btn3 a{
		color:#fff;
	margin-right: 20px;
	}

.square3_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
div#btn3 a:hover{
	color:#fff;
}

/*---------メルマガ-----------*/
div#mmail ul
	{
	list-style: none;
	}
div#mmail ul li{
	margin: 20px;
	display: inline-block;
	list-style: none;
	}

.square3a_btn {
    position: relative;
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    font-size:130%;
}
	.square3b_btn {
    position: relative;
    display: block;
    padding:  1em;
    text-decoration: none;
    color: #FFF;
    background:#FFB6C1;/*背景色*/
	border-bottom: solid 2px #E9967A;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
        font-size:130%;
}
	.square3c_btn {
    position: relative;
    display: block;
    padding: 1em;
    text-decoration: none;
    color: #FFF;
    background: #B0C4DE;/*背景色*/
    border-bottom: solid 2px #A9A9A9;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
        font-size:130%;
}


/*LINEスタンプ
----------------------------------------*/	
div.line-t{
	position: relative;
	width:90%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	background-color: #35B927;
	color:#fff;
	font-size: 20px;
	font-weight: 300;
	height:70px;
}
.absolute{
	position: absolute;
	top:-8px;
	left:-17px;
}
.linetitle{
	position: absolute;
	top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
	}
	div.line-c{
	border-right: #35B927 2px solid;
	border-left: #35B927 2px solid;
	width:90%;
}
div.line-c a{
	color:#0106F8;
}
div.line-c p{
	padding:0 30px;
}
div.line-c div.qr{
	display: inline-block;
	width:35%;
	vertical-align: top;
	text-align: center;
}
div.line-c div.btn{
	display:inline-block;
    width:55%;	
	vertical-align: top;
	background-color: #fff;
}
div.line-b{
	width:90%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	border-bottom:2px solid #35B927;
	height: 30px;
	margin-bottom: 5px;
}
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
#stamp{
		text-align: center;
	}

	
/*百寿会
-----------------------------------------------*/
.catch2 img{
        max-width: 100%;
        
    }
    .hyaku{
	padding:20px 100px;
	font-size:120%;
	line-height: 2em;
}
    .hyaku p{
        font-size:100%;
        line-height: 2em;
    }    
    #hyakuat{
        display: none;
    }    
.enmoku{
	font-weight:bold;
	color:#EF7002;
	border-bottom:#EF7002 2px solid;
	font-size:140%;
}
    
.subenmoku{
	font-weight:bold;
	font-size:120%;
}
    .font-b{
        font-weight: bold;
        font-size: 110%;
    }       
.fonts{
	font-size:80%;
}
    .fontsub{
        color:#fff;
    }
    .font-green{
        font-size:150%;
        color:green;
        padding:10px;
        font-weight: bold;
    }
    .kugiri{
	color:#0F7E03;
	border-bottom:dotted 1px;
	font-weight: bold;
}
.right{
	float: right;
	padding:10px 10px 10px 20px;
}
.left{
	float: left;
	padding:10px 20px 10px 10px;
}
.hyakupro{
	padding:20px 100px;
	line-height: 2em;
} 
    .hyakupro > .box1 {
	display: table-cell;
	width: 60%;
	vertical-align: top;
}
.hyakupro > .box2 {
	display: table-cell;
	vertical-align: top;
    padding:10px;
}
.hyakupro > .box2 img{
	max-width:100%;
    padding:10px;
}   
    .hyakupro p{
        font-size:120%;
        line-height: 2em;
    }
.hyakujutoha{
	padding:20px;
	line-height: 2em;
} 
    .hyakujutoha > .box1 {
	display: table-cell;
	width:60%;
	vertical-align: top;
        padding-left: 10px;
}
.hyakujutoha > .box2 {
	display: table-cell;
	vertical-align: top;
    padding:10px;
}
.hyakupro > .box2 img{
	max-width:100%;
    padding:10px;
}   
    .hyakujutoha p{
        font-size:120%;
        line-height: 2em;
    }  
    .hosoku{
        padding:0 50px 0 100px;
    }
hr.kira {
    background-image: url("../img/wse/line-hr.gif");
    height: 30px;
    border: 0;
    }
   
#lastyear{
    padding:5px;
    text-align: right;
    font-size:100%;
    }  
    
    .fontRed{
        color: #FF0000;
        font-size: 1.1em;
    }    
    .orei{
        color: #FF0000;
        font-size:1.1em;
        font-weight: bold;
        border:1px solid;
        padding:5px 7px;
        border-radius: 0.5em;
    }
.hyakupro2{
	padding:20px 10px;
	font-size:120%;
	line-height: 2em;
    }  
    .hyakupro2 p{
        font-size:100%;
        line-height: 2em;
    } 
    
.wsetopicsBox h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
    
}    
.hyakujutoha h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
}   
    .kaiin{
        font-weight:bold;
	color:#fff;
    background-color: #EF7002;
        padding-left: 10px;
	font-size:140%;
    }    
/*ボタン*/    
   .btn100 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
}
.btn100::before,
.btn100::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100,
.btn100::before,
.btn100::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100 a{
        text-decoration: none;
        color: #fff;
    }    
.btn100:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}
      .btn100s {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
    width:50%;
}
.btn100s::before,
.btn100s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100s,
.btn100s::before,
.btn100s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100s a{
        text-decoration: none;
        color: #fff;
    }    
.btn100s:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}
    
/*運転マナー
-----------------------------*/
.drive{
		padding:10px 100px;
	}	
.drive h2{
		color:#0F7E03;
		font-weight:bold;
		font-size: 20px;
		border-bottom: 1px dotted #0F7E03;
	}
	.drive ol{
		padding:10px 0px 0 30px;
	}
	.drive ol li{
		margin-top:5px;
	}
	.kisoku{
		font-size:18px;
		font-weight: bold;
		border-bottom: 2px solid #000000;
	}	
	
/*工場見学
-----------------------------*/	
    .doga{
        width:100%;
    }
    .video{
position:relative;
    max-width:100%;
    padding-top:56.25%;
	}	
    .video iframe{
        position:absolute;
        top:0;
        right: 0;
        width:100%;
        height: 100%;
    }    
.infotext{
	color:#00078F;
	font-size:80%;
	}	
/*カレンダー
-----------------------------*/		
div#mon{
	padding:20px;
}
#mon ul {
   margin:20px;
   padding:0;
}
#mon ul li{
	width: 120px;
	height: 40px;
	display:inline-block;
	}
.btn {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn:hover {
	background-color:#F59F11;
	text-decoration:none;
	color:#fff;
}
.btn2 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#5EBD5B;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn2::before,
.btn2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn2,
.btn2::before,
.btn2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn2:hover {
	background-color:#4AB147;
	text-decoration:none;
	color:#fff;
}    
	/*環境にやさしい工場
----------------------------------------------	*/	
	div#activities ul li{
	margin: 20px;
	display: inline-block;
	list-style: none;
	}

	.activity_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding:1em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.activity_btn:hover {
    background: #1ec7bb;
}
	/*スポーツ・剣道
-----------------------------*/

div.sport{
	padding:20px;
	line-height: 2em;
}
div.sport h2{
	text-indent:5px;
	margin:20px 0 10px;
	font-size: 1.5em;
}
div.sport h3{
}
div.sport li{
	float:left;
	display:block;
	width:320px;
	margin-right:10px;
}
/*CM・動画ギャラリー
-----------------------------*/
	.dogaList{
		list-style: none;
		margin-bottom: 20px;
	}
	.dogaList h2{
		background-color:#34B50D;
		color:#FFF;
		padding:3px 0 3px 10px;
		font-size:1.1em;
	}
	.dogaList ul {
		padding:0;
	margin:0;}
	.dogaList ul li{
	width:31.1%;
	display: inline-block;
	margin-right:15px;

	}	
	.dogaList ul li .doTitle{
		font-weight: bold;
	}	
	.dogaList ul li .doimg{
		width:100%;
	}
    .chara{
        font-size:0.9em;
        margin-bottom: 10px;
    }  
    .btnpro{
        padding:5px 10px;
        height: 40px;
        background-color: #48C50C;
        color:#fff;
        text-decoration: none;
    }
    .btnpro:active{
          padding:5px 10px;
        height: 40px;
        background-color: #46AB16;
        color:#fff;
        text-decoration: none;
    }
	/*一般コンテンツ
-----------------------------*/
.objw{
	padding:20px 100px;
	font-size:120%;
	line-height: 2em;
}
.Centro{
	text-align: center; 
}
.objw h2{
	color:#00078F;
	font-size: 120%;
}	
	.objw h3{
		color:#0F7E03;
		border-bottom:dotted 1px #BBBBBB;
		font-size:120%;
	}
   
}


/* -------------------------
タブレット用スタイル 
----------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1023px)
{
.wseBox {
	margin: 30px 10px;
	line-height: 1.4;
	position: relative;
}
.wseBox h2 {
	font-size: 120%;
	border-bottom: 3px solid #595757;
	padding: 0 0 4px;
}
.wseBox .wsetopicsList {
	margin: 10px 0 0;
}
.wseBox .wsetopicsList ul {
	letter-spacing: -0.5em;
}
.wseBox .wsetopicsList ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	list-style: none;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 45%;
}
.wseBox .wsetopicsList ul li a {
	display: block;
	text-decoration: none;
}
.wseBox .wsetopicsList ul li .wsetopicsImg img {
	width: 100%;
	vertical-align: bottom;
    border:0.8px solid #ccc;	
}
.wseBox .wsetopicsList ul li .wsetopicsCat {
	border-bottom:green solid 1px;
	color: green;
	padding: 10px;
    font-weight: bold;
    font-size:110%;
}
.wseBox .wsetopicsList ul li .wsetopicsText {
	color: #333;
	margin: 4px 0 0;
	position: relative;
}
.wseBox .wsetopicsList ul li .wsetopicsText .wsetopicsDate {
	display: block;
	position: absolute;
	top: -20px;
	right: 0px;
	font-size: 80%;
}  

	/*who's 坊や　ボタン*/
	div#btn3 a{
		color:#fff;
	}
	.square3_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
div#btn3 a:hover{
	color:#fff;
}
/*---------メルマガ-----------*/
div#mmail ul
	{
	list-style: none;
	}
div#mmail ul li{
	margin: 20px;
	display: inline-block;
	list-style: none;
	}

.square3a_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
	.square3b_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background:#FFB6C1;/*背景色*/
	border-bottom: solid 2px #E9967A;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
	.square3c_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #B0C4DE;/*背景色*/
    border-bottom: solid 2px #A9A9A9;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
/*LINEスタンプ
----------------------------------------*/	
div.line-t{
	position: relative;
	width:100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	background-color: #35B927;
	color:#fff;
	font-size: 20px;
	font-weight: 300;
	height:70px;
}
.absolute{
	position: absolute;
	top:-8px;
	left:-17px;
}
.linetitle{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:70%;
	}
div.line-c{
	border-right: #35B927 2px solid;
	border-left: #35B927 2px solid;
	width:100%;
}
div.line-c a{
	color:#0106F8;
}
div.line-c p{
	padding:0 30px;
}
div.line-c div.qr{
	display: inline-block;
	width:30%;
	vertical-align: top
}
div.line-c div.btn{
	display:inline-block;
    width:60%;	
	vertical-align: top;
    background: #fff;
}
div.line-b{
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	border-bottom:2px solid #35B927;
	height: 30px;
	margin-bottom: 5px;
}
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
	#stamp{
		text-align: center;
	}
	
/*百寿会
-----------------------------------------------*/
.catch2 img{
        max-width: 100%;      
    }
.hyaku{
	padding:10px;
	font-size:120%;
	line-height: 2em;
}
.hyaku img{
        max-width:100%;
    }    
#hyakuat{
        padding:10px;
    }    
.enmoku{
	font-weight:bold;
	color:#EF7002;
	border-bottom:#EF7002 2px solid;
	font-size:140%;
}

.subenmoku{
	font-weight:bold;
	font-size:120%;
}
 .fontsub{
        color:#fff;
    }
    .font-green{
        font-size:150%;
        color:green;
        padding:10px;
        font-weight: bold;
    }   
.fonts{
	font-size:80%;
}
     .font-b{
        font-weight: bold;
        font-size: 110%;
    } 
.kugiri{
	color:#0F7E03;
	border-bottom:dotted 1px;
	font-weight: bold;
}
.right{
	float: right;
	padding:10px 10px 10px 20px;
}
.left{
	float: left;
	padding:10px 20px 10px 10px;
}	 
.hyakupro{
	padding:10px;
	font-size:120%;
	line-height: 2em;
} 
    .hyakupro.box2 img{
        width:100%;
    }  
.hyakupro2{
	padding:20px 10px;
	font-size:120%;
	line-height: 2em;
    } 
    .hyakupro2 img{
        max-width: 100%;
    }    
.hyakujutoha{
	padding:20px;
	line-height: 2em;
} 
    .hyakujutoha .box2 img{
        max-width: 100%;
        margin-top:10px;
        text-align: center;
    }
.wsetopicsBox h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
    
}      
.hyakujutoha h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
}  
     .kaiin{
        font-weight:bold;
	color:#fff;
    background-color: #EF7002;
        padding-left: 10px;
	font-size:140%;
    } 
/*ボタン*/    
   .btn100 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
       width:50%;
}
.btn100::before,
.btn100::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100,
.btn100::before,
.btn100::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100 a{
        text-decoration: none;
        color: #fff;
    }    
.btn100:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}
      .btn100s {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
          width: 50%;
}
.btn100s::before,
.btn100s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100s,
.btn100s::before,
.btn100s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100s a{
        text-decoration: none;
        color: #fff;
    }    
.btn100s:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}    
        
/*運転マナー
-----------------------------*/
	.drive{
		padding:10px;
	}	
	.drive h2{
		color:#0F7E03;
		font-weight:bold;
		font-size: 16px;
		border-bottom: 1px dotted #0F7E03;
	}	
.drive ol{
		padding:10px 0px 0 30px;
	}
	.drive ol li{
		margin-top:10px;
	}
	.kisoku{
		font-size:18px;
		font-weight: bold;
		border-bottom: 2px solid #000000;
	}	
/*工場見学
-----------------------------*/	
    .doga{
        width:100%;
    }
    .video{
		position:relative;
    max-width:100%;
    padding-top:56.25%;
	}	
    .video iframe{
        position:absolute;
        top:0;
        right: 0;
        width:100%;
        height: 100%;
    }    
.infotext{
	color:#00078F;
	font-size:80%;
	}	

/*カレンダー
-----------------------------*/		
div#mon{
	padding:20px;
}
#mon ul {
   margin:20px;
   padding:0;
}
#mon ul li{
	width: 120px;
	height: 50px;
	display:inline-block;
	}
.btn {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn:hover {
	background-color:#D86B00;
	text-decoration:none;
	color:#fff;
}
.btn2 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	background-color:#5EBD5B;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn2::before,
.btn2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn2,
.btn2::before,
.btn2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn2:hover {
	background-color:#4AB147;
	text-decoration:none;
	color:#fff;
}    
/*環境にやさしい工場
----------------------------------------------	*/	
	div#activities ul li{
	margin: 20px;
	display: inline-block;
	list-style: none;
	}

	.activity_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding:1em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.activity_btn:hover {
    background: #1ec7bb;
}
/*スポーツ・剣道
-----------------------------*/

div.sport{
	padding:20px;
	line-height: 2em;
}
div.sport h2{
	text-indent:5px;
	margin:20px 0 10px;
	font-size: 1.5em;
}
div.sport h3{
}
div.sport li{
	float:left;
	display:block;
	width:320px;
	margin-right:10px;
}	
/*CM・動画ギャラリー
-----------------------------*/
	.dogaList{
		list-style: none;
	}
    .dogaList h2{
		background-color:#34B50D;
		color:#FFF;
		padding:3px 0 3px 10px;
		font-size:1.1em;
	}
	.dogaList ul {
		padding:0;
	margin:0;}
	.dogaList ul li{
	width:45%;
	display: inline-block;
		padding:10px;
	}	
	.dogaList ul li .doTitle{
		font-weight: bold;
	}	
	.dogaList ul li .doimg{
		width:100%;
	}
	 .btnpro{
        padding:5px 10px;
        height: 50px;
        background-color: #48C50C;
        color:#fff;
        text-decoration: none;
    }
    .btnpro:active{
          padding:5px 10px;
        height: 50px;
        background-color: #46AB16;
        color:#fff;
        text-decoration: none;
    }
	/*一般コンテンツ
------------------------------------*/
.objw{
	padding:20px;
	font-size:120%;
	line-height: 2em;
}
.Centro{
	text-align: center; 
}
.objw h2{
	color:#00078F;
	font-size: 120%;
}	
    .objw h3{
		color:#0F7E03;
		border-bottom:dotted 1px #BBBBBB;
		font-size:120%;
	}
}
/*--------------------------------
スマホ用スタイル
-------------------------------------------------------*/
@media screen and (max-width:767px) {
.wseBox {
	margin: 10px 5px;
	line-height: 1.5;
	position: relative;
}
.wseBox h2 {
	font-size: 120%;
	border-bottom: 3px solid #595757;
	padding: 0 0 4px;
}
.wseBox .wsetopicsList {
	padding:10px;
}
.wseBox .wsetopicsList ul {
    letter-spacing: 1;
}
.wseBox .wsetopicsList ul li {
	display: block;
	letter-spacing: normal;
	vertical-align: top;
	list-style: none;
	padding: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
    margin-bottom:50px;
}
.wseBox .wsetopicsList ul li a {
	display: block;
	text-decoration: none;
}
.wseBox .wsetopicsList ul li .wsetopicsImg img {
	width: 100%;
	vertical-align: bottom;	
    text-align: center;
}
.wseBox .wsetopicsList ul li .wsetopicsCat {
	border-bottom:green solid 1px;
	color: green;
	padding: 10px;
    font-weight: bold;
    font-size:110%;
}
.wseBox .wsetopicsList ul li .wsetopicsText {
	color: #333;
	margin: 10px 0 0;
	position: relative;
    font-size:110%;
    line-height: 1.5;
}
.wseBox .wsetopicsList ul li .wsetopicsText .wsetopicsDate {
	display: block;
	position: absolute;
	top: -10px;
	right: 0px;
	font-size: 80%;
}
   
	/*who's 坊や　ボタン*/
	div#btn3 a{
		color:#fff;
	}
	.square3_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
div#btn3 a:hover{
	color:#fff;
}

/*---------メルマガ-----------*/
div#mmail ul
	{
	list-style: none;
	}
div#mmail ul li{
	margin: 20px;
	display: inline-block;
	list-style: none;
	}

.square3a_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #2cac38;/*背景色*/
    border-bottom: solid 2px #308838;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
	.square3b_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background:#FFB6C1;/*背景色*/
	border-bottom: solid 2px #E9967A;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
	.square3c_btn {
    position: relative;
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    color: #FFF;
    background: #B0C4DE;/*背景色*/
    border-bottom: solid 2px #A9A9A9;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}
/*LINEスタンプ
----------------------------------------*/	
div.line-t{
	position: relative;
	width:100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	background-color: #35B927;
	color:#fff;
	font-size: 20px;
	font-weight: 300;
	height:70px;
}
.absolute{
	position: absolute;
	top:-8px;
	left:-17px;
}
.linetitle{
text-align: center;	
	}	
.linetitle{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:60%;
	}	
div.line-c{
	border-right: #35B927 2px solid;
	border-left: #35B927 2px solid;
	width:100%;
}
div.line-c a{
	color:#0106F8;
}
div.line-c p{
	padding:0 30px;
}
div.line-c div.qr{
width:100%;
    text-align: center;
}
div.line-c div.btn{
width:100%;	
    background-color: #fff;
}
div.line-b{
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-right: 2px solid #35B927;
	border-left: 2px solid #35B927;
	border-bottom:2px solid #35B927;
	height: 30px;
	margin-bottom: 5px;
}
.square_btn {
    position: relative;
    display: inline-block;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
#stamp{
	text-align: center;
	}
	/*百寿会
-----------------------------------------------*/
    .catch2 img{
        max-width: 100%;
        
    }
    .hyaku{
	padding:10px;
	font-size:120%;
	line-height: 2em;
}
.hyaku img{
       max-width:100%;
    }        
    #hyakuat{
        padding:10px;
    }    
.enmoku{
	font-weight:bold;
	color:#EF7002;
	border-bottom:#EF7002 2px solid;
	font-size:140%;
}
 .font-b{
        font-weight: bold;
        font-size: 110%;
    } 
.subenmoku{
	font-weight:bold;
	font-size:120%;
}
.fonts{
	font-size:80%;
}
    .fontsub{
        color:#fff;
    }
    .font-green{
        font-size:150%;
        color:green;
        padding:10px;
        font-weight: bold;
    }
.kugiri{
	color:#0F7E03;
	border-bottom:dotted 1px;
	font-weight: bold;
}
.right{
float:none;	
}
.left{
	float:none;
}	
.hyakupro{
	padding:10px;
	font-size:120%;
	line-height: 2em;
}  
.hyakupro2{
	padding:20px 10px;
	font-size:120%;
	line-height: 2em;
    }
.hyakupro2 img{
        max-width: 100%;
    }     
.hyakujutoha{
	padding:10px;
	line-height: 2em;
} 
      .hyakujutoha p{
        font-size:120%;
        line-height: 2em;
    }  
.hyakujutoha img{
	max-width: 100%;
    margin-top:10px;
}   
        
.wsetopicsBox h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
    
}      
.hyakujutoha h3 {
  background: #008000;
color:#fff;
  padding: 0.5em;
    font-size:120%;
    letter-spacing: 2px;
margin-bottom:5px;
}  
     .kaiin{
        font-weight:bold;
	color:#fff;
    background-color: #EF7002;
        padding-left: 10px;
	font-size:110%;
    } 
    /*ボタン*/    
   .btn100 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
}
.btn100::before,
.btn100::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100,
.btn100::before,
.btn100::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100 a{
        text-decoration: none;
        color: #fff;
    }    
.btn100:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}
      .btn100s {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
       font-size: 1.2em;
}
.btn100s::before,
.btn100s::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn100s,
.btn100s::before,
.btn100s::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
    .btn100s a{
        text-decoration: none;
        color: #fff;
    }    
.btn100s:hover {
	background-color:#F2AE03;
	text-decoration:none;
	color:#fff;
}
    
/*運転マナー
-----------------------------*/
	.drive{
		padding:10px;
	}	
	.drive h2{
		color:#0F7E03;
		font-weight:bold;
		font-size: 16px;
		border-bottom: 1px dotted #0F7E03;
	}	
	.drive ol{
		padding:10px 0px 0 30px;
	}
	.drive ol li{
		margin-top:10px;
	}
	.kisoku{
		font-size:18px;
		font-weight: bold;
		border-bottom: 2px solid #000000;
	}	
	
/*工場見学
-----------------------------*/	
    .doga{
        width:100%;
    }
    .video{
position:relative;
    max-width:100%;
    padding-top:56.25%;
	}	
    .video iframe{
        position:absolute;
        top:0;
        right: 0;
        width:100%;
        height: 100%;
    }    
	.infotext{
	color:#00078F;
	font-size:80%;
	}
/*カレンダー
-----------------------------*/		
div#mon{
	padding:20px;
}
#mon ul {
   margin:20px;
   padding:0;
}
#mon ul li{
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
	}
 
.btn {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	background-color:#FF7E00;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn:hover {
	background-color:#D86B00;
	text-decoration:none;
	color:#fff;
}
.btn2 {
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	background-color:#5EBD5B;
	margin:5px 5px 0 0;
	border-radius:0.5em;
	color:#fff;
}
.btn2::before,
.btn2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn2,
.btn2::before,
.btn2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn2:hover {
	background-color:#4AB147;
	text-decoration:none;
	color:#fff;
}    
	/*環境にやさしい工場
----------------------------------------------	*/	
	div#activities ul li{
	margin:10px;
	list-style: none;
	}

	.activity_btn {
    position: relative;
    display: block;
    font-weight: bold;
    padding:1em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.activity_btn:hover {
    background: #1ec7bb;
}
	img.right{
		float: none;
	}
/*スポーツ・剣道
-----------------------------*/

div.sport{
	padding:5px;
	line-height: 2em;
}
div.sport h2{
	text-indent:5px;
	margin:20px 0 10px;
	font-size:1.2em;
}
div.sport h3{
}
	div.sport iframe{
		width: 100%;
	}
div.sport li{
	width:50%;
	padding:5px;
}
/*CM・動画ギャラリー
-----------------------------*/
	.dogaList{
		list-style: none;
	}
    .dogaList h2{
		background-color:#34B50D;
		color:#FFF;
		padding:3px 0 3px 10px;
		font-size:1.1em;
	}
	.dogaList ul {
		padding:0;
	margin:0;}
	.dogaList ul li{
	width:100%;
	display:block;
margin-bottom: 10px;
	}	
	.dogaList ul li .doTitle{
		font-weight: bold;
	}	
	.dogaList ul li .doimg{
		width:100%;
        text-align: center;
	}	
    .btnpro{
        padding:5px 10px;
        height: 50px;
        background-color: #48C50C;
        color:#fff;
        text-decoration: none;
    }
    .btnpro:active{
        padding:5px 10px;
        height: 50px;
        background-color: #46AB16;
        color:#fff;
        text-decoration: none;
    }
	/*一般コンテンツ
------------------------------------*/
.objw{
	padding:20px 0;
	font-size:120%;
	line-height: 2em;
}
.Centro{
	text-align: center; 
}
.objw h2{
	color:#00078F;
	font-size: 120%;
}	
.objw img{
		width: 100%;
	}	
.objw h3{
		color:#0F7E03;
		border-bottom:dotted 1px #BBBBBB;
		font-size:120%;
      
 }    
}