html {overflow-y: scroll;}
/* 背景色 */
body{	background: #fff;}
/* 文字から― */
h1,h2,h3,p{	color:#4d4d4d;}
/* wrapperで幅、中央寄せ、背景色一括指定 */
#wrapper {
	width: 980px;
	margin:0 auto;
	height:10%;
	text-align: center;
/*	font-family: "TsukuARdGothicStd-R";*/
}
/* PC以外を非表示 */
.hidden_sp{	display:none;}
/***********************/
/* 共通                */
/***********************/
.right, .pc_right{		float:right;}
.left, .pc_left{	float:left;}
.bold{	font-weight: bold;}
.red{	color:red;}
.b_white{	background: #fff;}
.center{text-align: center;}
.text_right{	text-align: right;}
.blue{	color:blue;}
.line_h2{
	margin-right: 1rem;
}
/* リンクの下線削除　*/
a {	text-decoration: none;}
/* 矢印画像の大きさ　*/
.arrow-size{	height:18px;}
p {
	text-align:left;
	text-indent: 1em;
  padding-left: 1em;
	line-height: 1.5em;
}

p.ind_back{
  text-indent: -1em;
  padding-left: 2em;
}
p.gaiyo{
	text-indent: -6.5em;
  padding-left: 6.5em;
}
	h1{
	font-size: 200%;
	padding: 5em 0;
	padding-left: 4em;
	text-align: left;
	line-height: 1.3em;
	color:#fff;
	background-image: url(/images/Kapell.jpg);
	background-size: 100%;
	height:500px;
}

h2{
	line-height: 2rem;
	font-size: 125%;
	color:#009900;
	text-align: left;
}
.h2_title{
	padding: 0.5em 0;
}
h3 {
	font-size:125%;
	line-height: 1.5em;
	color:#0066ff;
	text-align: left;
	margin: 0.2em 0;
}
h4 {
	font-size:110%;
	line-height: 1.5em;
	color:red;
	text-align: left;
	margin: 0.2em 0;
}
h5 {
	line-height: 1.5em;
	color:#0066ff;
	text-align: left;
	margin: 0.2em 0;
}
/* 見出し下の小もんく  */
h6 {
	font-weight: 700;
	line-height: 1.5em;
}
/* カスタマイズ  */
.clearfix:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

ul{
	text-align: left;
	list-style: disc;
}
ul li{
	line-height: 1em;
	padding: 0.5em 0;
}

table {
	float: left;
	width: 730px;
	border-collapse:  collapse; /* セルの線を重ねる */
	text-align: left;
	margin-bottom: 2em;
	margin: 0 auto;
}
th{
	width: 120px;
}
th,td {
	padding: 0.5em 1em;
	line-height: 1.5em;
	border-bottom: 1px solid gray;
	vertical-align: middle;
}
tr:nth-child(1) {
	border-top: 1px solid gray;
}
table.com_list th{
	text-align: center;
}
table.com_list th.faq_q{
	background: #66ff99;
}
table.com_list th.faq_a{
	background: #ebffeb;
}
hr{
    margin:0;
	}
/*IE7以前のエクスプローラに対応させる命令*/
.clearfix{
 zoom:1;
}

/***********************/
/* ヘッダー            */
/***********************/
header{
	background: none;
}
/* ナビ */
header div.h_logo{
	float: left;
}
header div.h_logo a img{
	padding-top:.5em;
	padding-left:.5em;
	height: 31px;
	margin-top: 0.7em;
/* 20190912
	margin-right: 3em;
 */

	position: absolute;
	}

header div.pc_right{
	height: 60px;
}
header div.pc_right a{
	font-size: 85%;
	padding: 0 0.2em;
	padding-top: 0.4em ;
	padding-bottom: 0.3em ;
	margin-left: -0.4em;
	color: #fff;
	width: 60px;
}
header div.pc_right a:nth-child(1){
	background-color: #33cc33;
}
header div.pc_right a:nth-child(2){
	background-color: #3399cc;
}
header div.pc_right a.h_button{
	display: inline-block;
	text-align: center;
}
header div.pc_right a.h_button img{
	height: 32px;
	font size: 8px;
}
/* メニュー用 */
/***********************/
/* メイン部            */
/***********************/
div.main_1col{
	margin-bottom: 1em;
}
div.main_1col_top{
	margin-top: -8em;
}

div.main_1col a img{
	padding:1em;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
}

#contents {
	display: table;
	width: 980px;
}
/* 動画*/
/*
video{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: -100;
}
@media screen and (min-width: 1500px)  {
	video{width:1500px;}
}
*/
.mrg_tp{
		marign-bottom:2em;
}
/* トップページ以外     */
.m_img{
	width: 980px;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	margin:0 auto;
	z-index: -100;
}
@media screen and (min-width: 750px)  {
.m_title{
	width: 980px;
	margin:0 auto;
	text-align: left;
	padding: 0.5em 0;
	padding-left: 3em;
}
}
/***********************/
/* グーグルマップ            */
/***********************/
.gmap iframe{
	width: 600px;
	height: 450px;
	frameborder:0;
	allowfullscreen;
	border: 0;
}
/***********************/
/* facebook            */
/***********************/
#facebook iframe{
	width: 500px;
	height: 400px;
	frameborder:0;
	allowfullscreen;
	border: 0;
}
/***********************/
/* サイドメニューあり            */
/***********************/
.prod_menu{
	float: left;
	width: 230px;
	padding: 0.5em;
}
.prod_menu ul{
	list-style: none;
}
.prod_main{
	text-align: left;
	float: left;
	width: 750px;
	padding-bottom: 2em;
	padding-left: 0.5em;
}
div.prod_main img.max_wid{
	width: 100%;
}

.prod_images{
	margin:0.5em 0;
	float: left;
	width: 250px;
}
.prod_images img{
	width: 100%;

}
.prod_text{
	float: right;
	width: 480px;
	margin-left: 0.5em;
	margin: 0.5em 0;
}
.det_pdf_icon{
	height: 25px;
	width: 62px;
}
.maker_logo{
	height: 40px;
}
.img_center{
	vertical-align: middle;
	text-align: center;
}
.margin_file{
	margin-top: -2em;
}
/* 戻るボタン */
#PageTopBtn {
		text-indent: unset;
    position: fixed; /*ボタンの配置場所を固定*/
/*    bottom: -10px; 下からのボタンの配置場所を指定*/
    right: 3em; /*右からのボタンの配置場所を指定*/
		font-size: 13px; /*文字のサイズ*/
		z-index: 1000;
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #00cc66; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 10%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
		width: 100px; /*ボタンの幅*/
    height: 70px; /*ボタンの高さ*/
    padding: 1.5em 0; /*文字の配置場所の調整*/
		opacity: 0.9;/*透過度*/
		font-weight: bold
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #66ff66; /*マウスオーバー時の背景色*/
		color:#006633;
}
/* スクロール固定            */
#side {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
}
.inlink{
	text-align: left;
}
/* 選択時色変え            */
.active{color:#33cc33;}
/***********************/
/* 中央コンテンツ　*/
/***********************/
/* コンテンツブロック　*/
/*.outer{
  text-align: center;
}
div.contents1,
div.contents2,
div.contents3,
div.contents4{
	height: auto;
	width: 80%;
	max-width: 750px;
	margin-top:-2rem ;
	padding:1rem 3rem ;
	display: inline-block;
	zIndex:1;
	line-height: 2.5rem;
	margin-bottom: 2rem;
}
div.contents1 p,
div.contents2 p,
div.contents3 p,
div.contents4 p{
	text-align: center;
}
div.contents1{
	background-color: rgba(255,204,204,0.7);
}
div.contents2{
	background-color: rgba(204,255,255,0.7);
}
div.contents3{
	background-color: rgba(255,255,204,0.7);
}
div.contents4{
	background-color: rgba(204,255,204,0.7);
}
*/
/* 新着情報 */
.frame {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  width:100%;
	height:auto;
  position:relative;
}
.news{
	width: 450px;
}
/* 表示領域全体 */
/*
div.tabbox {
   margin-top: 1em; padding: 0px;
}
*/
/* タブ部分 */
/*
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   display: block; width: 5em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
p.tabs a.tab1,
p.tabs a.tab2,
p.tabs a.tab3,
p.tabs a.tab4 {
		font-size: 90%;
		color:#4d4d4d;
	}
	p.tabs a.tab1{border-left: 3px solid #888888 ;background-color: #E2E2E2;}
	p.tabs a.tab2{border-left: 3px solid #0080FF; background-color: #CCE5FF;}
	p.tabs a.tab3{border-left: 3px solid #66cc99; background-color: #CCFFE5;}
	p.tabs a.tab4{border-left: 3px solid #9966cc; background-color: #ccccff;}

	p.tabs a.tab1:hover { color: #888888; }
	p.tabs a.tab2:hover { color: #0080FF; }
	p.tabs a.tab3:hover { color: #66cc99; }
	p.tabs a.tab4:hover { color: #9966cc; }
*/
/* タブ中身のボックス */
/*
div.tab {  overflow: auto; clear: left; }
div#tab1 {   border-top: 1px solid #888888; background-color: #E2E2E2;}
div#tab2 {	border-top: 1px solid #0080FF; background-color: #CCE5FF;}
div#tab3 {   border-top: 1px solid #66cc99; background-color: #CCFFE5;}
div#tab4 {   border-top: 1px solid #9966cc; background-color: #ccccff;}
div.tab p { margin: 0.5em; }
*/
p.center{text-align: center;}

/***********************/
/* 会員ページ　*/
/***********************/
.form-group{
  line-height: 2em;
}
input {
	font-size: 110%;
}
button.btn-default{
	font-size: 100%;
	margin: 0.5em 0;
}
.back{
	text-align: center;
	width: 33%;
	margin: 0 auto;
	margin-top: 0.5em;
}
h4.supprot_st{
	color:#0066ff;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
/******col3_list   ***/
table.col3_list  th,
table.col3_list  td{
	text-align: center;
}
table.col3_list  th:nth-child(1) ,
table.col3_list  td:nth-child(1) {
	width: 10%;
}
table.col3_list  th:nth-child(2) ,
table.col3_list  td:nth-child(2) {
	width: 65%;
	text-align: left;
}
table.col3_list  th:nth-child(3) ,
table.col3_list  td:nth-child(3) {
	width: 15%;
}

table.col3_list tbody tr th.faq_q{
	background: #66ff99;
}
table.col3_list tbody tr th.faq_a{
	background: #ebffeb;
}
/******col4_list   ***/
table.col4_list  th,
table.col4_list  td{
	text-align: center;
}
table.col4_list  th:nth-child(1) ,
table.col4_list  td:nth-child(1) {
	width: 10%;
}
table.col4_list  th:nth-child(4) ,
table.col4_list  td:nth-child(4) {
	width: 15%;
}
table.col4_list  th:nth-child(2) ,
table.col4_list  td:nth-child(2) {
	width: 35%;
}
table.col4_list  th:nth-child(3) ,
table.col4_list  td:nth-child(3) {
	width: 15%;
}

table.col4_list tbody tr th.faq_q{
	background: #66ff99;
}
table.col4_list tbody tr th.faq_a{
	background: #ebffeb;
}

/* プライバシーポリシー　*/
/***********************/
table.policy {
	width: 90%;
	text-align: left;
	margin-bottom: 1em;
	float: none;
}
.title_policy{
	text-align: center;
	margin: 0.5em 0;
	color: #4d4d4d;
}
table.policy th{
	width: 170px;
	padding: 0;
	text-align: center;
}
table.policy td{
	padding: 0.5em 0;
	padding-left: 0.5em;
}
/***********************/
/* フッター            */
/***********************/
footer{
	background: #ebffeb;
	font-size: 95%;
	position: absolute;
	width: 980px;
}
footer div.f_rink{
	padding: 0.3em 0;
	padding-right: 2em;
	background: #66ff99;
	text-align: right;
}
footer div.f_rink img{
	height: 30px;
}

footer div.f_left,
footer div.f_center,
footer div.f_right{
	padding: 1em 0;
}
footer li {
	color: #33cc33;
}
footer span {
	color: #4d4d4d;
}
footer div.f_left{
		width: 300px;
		float:left;
}
footer div.f_left img{
	padding-left: 1em;
}
footer div.f_center{
			width: 120px;
			float:left;
}
footer div.f_right{
		width: 500px;
		float:left;
		text-align:left;

}
footer div.f_right a {
	line-height: 1;
	padding:0 0.5em;
}
footer div.f_right ul{
	list-style: none;
}
footer div.f_other{
	padding: 2em;
}


/***********************/
/* マウスオーバー      */
/***********************/
a img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}