@import url(https://fonts.googleapis.com/css?family=Lato);

@import url("https://use.fontawesome.com/releases/v5.0.13/css/all.css");



/*
version: 3.0.0
build: 1549
reset-min.css
*/
/* html{color:#000;background:#FFF;}
,th,td{margin:0;padding:0;}
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* ================================================== */

/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
*/

h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}


/* ================================================== */



body{
font:13px/1.231 "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;font-weight:500;}
select,input,button,textarea{font:99% "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
version: 3.0.0
build: 1549
fonts-min.css

body{font:13px/1.231 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
*/

/* ================================================== */

.txt10px { font-size:77%; }
.txt11px { font-size:85%; }
.txt12px { font-size:93%; }
.txt13px { font-size:100%; }
.txt14px { font-size:108%; }
.txt15px { font-size:116%; }
.txt16px { font-size:123.1%; }
.txt17px { font-size:131%; }
.txt18px { font-size:138.5%; }
.txt19px { font-size:146.5%; }
.txt20px { font-size:153.9%; }
.txt21px { font-size:161.6%; }
.txt22px { font-size:167%; }
.txt23px { font-size:174%; }
.txt24px { font-size:182%; }
.txt25px { font-size:189%; }
.txt26px { font-size:197%; }


img{ vertical-align: bottom; } /* 画像下のスキマけし */

blockquote{margin-left:28px;} /* 追加 */

BODY{
	background:#fef7ec url("../img/top3/bg.png") ;
}

a:link, a:visited{
	color: #0066CC;
    text-decoration: underline;
}

a:hover {
	color:#F00;
	}




#contentswrapper{
min-width:1400px;
background:#fef7ec url("../img/top3/bg.png") ; 

}
@media screen and (max-width: 1350px) {
#contentswrapper{
min-width:0;

padding-top:10px;

}
}


#container {
float: left;
	width:calc(100% - 286px);
	min-width:1100px;
	margin:13px auto;
	margin-bottom: 0;
	font-size:116%;
	
padding: 0 20px;

}


@media screen and (max-width: 1350px) {
#container {
float: none;
min-width:0;
	width: 100%; 
	margin: 0;
	border: 0;
	text-align: left; 
	padding: 0;
}
}


#container a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.toppagecontents{

}

.area_2clm{

    display: flex;
	flex-wrap: wrap;
    justify-content: center;
	
}

@media screen and (max-width: 1350px) {
.area_2clm{

    display: block;
	min-width:0;
}
}



#fixheadcover{
position:fixed;
top:0px;
width:100%;
z-index:999999999;

background-color: rgba(255, 255,255, 1.0);

border-bottom:1px solid #e4e4e4;

box-shadow:rgba(66, 33, 0, 0.16) 0px 6px 0px 0px;



}

#fixbase{

width:100%;
z-index:50;
background:#fff;
height:80px;
}

#normalheadcoverarea{
width:100%;
	margin:0; 
}

#normalheadimg {
float:left;
width:444px;
padding:0;

}

#subheadimg {
float:right;
text-align:right;
width:580px;
	padding:0;
}
#subheadimg a{
display: block;
float: left;
}

.fixed {
  position: fixed !important;
top:0px !important;
}

/*  _______FiX__________________________end____________________________________________  */


/*  _______________________________________  */


#menufixbase{
float: left; 
z-index:50;
width: 235px;
margin-top: 13px;
margin-left: 5px;
}
@media screen and (max-width: 1350px) {
#menufixbase{
display: none;
}
}

#menubox{
position:fixed;
top: 80px;
bottom: 0;
overflow-y: auto;
scrollbar-width: thin;
background: #fff;

/* float: left;
background: #2679cd;
 */

box-shadow:rgba(66, 33, 0, 0.16) 6px 6px 0px 0px;
border-radius: 10px;

width: 235px;
margin-top: 13px;
margin-left: 5px;
}

@media screen and (max-width: 1350px) {
#menubox{
display: none;
margin: 0 auto;
position:static;
width: calc(100% - 20px);
margin-bottom: 16px;
}
#menufixbase{
display: none;
}
}


#menubox ul{display:none}
/*
#menubox span{display:block;padding:8px 4px;cursor:pointer}
#menubox span:before{vertical-align:middle;content:'\2bc8';padding:0 8px 0 0}
#menubox span.selected:before{content:'\2bC6'}
*/

#menubox span{
display:block;
padding:12px;
cursor:pointer;
font-size: 20px;
}
#menubox span:before{
vertical-align:middle;
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			  content: "\f0fe";
			  position: absolute;
			  right: 10px;
			  color:#044588;

}
#menubox span.selected:before{
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			  content: "\f146";
}


@media screen and (max-width: 1350px) {
#menubox span:before{
			  right: 30px;

}
}

#menubox span:hover{background:#fff4f4}

#menubox li{
font-size: 14px;
padding:2px 2px 2px 14px;
}
#menubox li a{
display: block;
text-decoration: none;
}

#menubox li a:before {
			font-family: 'Font Awesome 5 Free';
			font-weight: bold;
			  content: "\f0da";
			  color: #fc8080;
			  padding-right: 3px;
}

#menubox li a:hover{
			  color:#fc8080;
}
#menubox li a:hover:before{
			  color:#f00;
}

@media screen and (max-width: 1350px) {
#menubox li{
font-size: 17px;
padding:6px 2px 6px 20px;
}

}
/*  _______________________________________  */


/*
ul.topboxicon{
	display:block;
}

ul.topboxicon li{

	display:block;
	float:left;
	padding:6px 0 0 6px;

}
*/

.topboxicon{
  *zoom: 1;

}
.topboxicon:before, .topboxicon:after{
  content: "";
  display: table;
}
.topboxicon:after{
  clear: both;
}
.topboxicon li{
  position: relative;
   float: left;
  margin: 0;
  padding:6px 0 0 6px;

}




.topboxicon li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 71px;
  left: 6px;
  margin: 0;
  padding: 0;
}


.topboxicon li ul li{
font-size:100%;
padding:0;
overflow:hidden;
}
.topboxicon li ul li a{
	display:block;
	  clear: both;
  /* width: 100%; */
    margin: 0;
  padding:0;
  background: #326602;
  text-align: left;
  width:185px;
  text-decoration:none;
}

/*
.topboxicon li:hover > a{
  background: #6e7c0c;
}

.topboxicon li a:hover{
  background: #616d0b;
}

*/



/*  */
.topboxicon  li ul li a{

  overflow: hidden;
  border: none;
  height: 0;
  transition: .2s;
  color:#fff;
}
.topboxicon  li:hover ul li a{
  overflow: visible;
  border-top: 1px solid #fff;
  padding-top:8px;
  padding-left:15px;
  height: 18px;
}

.topboxicon  li:hover ul li a:hover{
  color:#ffffcc;
  background: #70944e;
}





#cb_selectbox{
	margin-top:6px;
	float:left;
	width:97px;
	}

#cb_selectbox img{
	margin-bottom:5px;

	}

#headimg{
/*
width:1020px;
margin:0 auto;
*/
}

/*
#header .logo {
float:left;
margin:20px 0 0 20px;
height:74px;
width:125px;
padding:0;
display:block;
	overflow:hidden;

}
*/



#top_subcover{
	height:300px;

border-bottom:1px solid #e4e4e4;
margin-bottom:20px;
}



#sub_subcover{
margin: 0 0 10px 0;

padding: 10px;
background:#fff;
border-radius: 10px;
border: 1px solid #f1e8d6;
box-shadow:rgba(66, 33, 0, 0.16) 6px 6px 0px 0px;

}
@media screen and (max-width: 1350px) {
#sub_subcover{
	height:auto;

}
}


#sub_inner{
border-left: 8px solid #c00;
padding: 8px;
margin:0 auto;
width:100%;
display:table;
}
@media screen and (max-width: 1350px) {
#sub_inner{
width:99%;
padding-left:1%;
}
}



#sub_subcover h2{
display:table-cell;
vertical-align:middle;
	width:80%;

	font-size:153.9%;
	font-weight:bold;
	
	overflow:hidden;

}
@media screen and (max-width: 1350px) {
#sub_subcover h2{
width:80%;
}
}



#sub_subcover h2 strong{
color:#ffffcc;
}

#sub_subcover h2 a{
text-decoration:none;
color:#3c99e7;
}

#sub_subcover h2 a:hover{

color:#c2e0ff;
}


#sub_subright{
width:20%;
margin-right: 6px;
display:table-cell;
vertical-align:middle;
}
@media screen and (max-width: 1350px) {
#sub_subright{
width:20%;
}
}



/* ------------------ */


.top_c,.top_b{
width:492px; /* 546-27x2 */
padding:27px;
background:#fff;
margin: 0 auto;
margin-bottom: 20px;

border: 1px solid #f1e8d6;
box-shadow:rgba(66, 33, 0, 0.16) 6px 6px 0px 0px;
border-radius: 10px;
}

@media screen and (max-width: 1350px) {
.top_c,.top_b{
clear: both;
width:94%;
padding:3%;
height:auto;
border: none;
}
}

.top_inner{
position: relative;
width:100%;
}





.top_layer{
position: absolute;
top:-40px;
left:0;
z-index: 20;
width: 100%;
}

.top_layer img{
width: 100%;
}
@media screen and (max-width: 1350px) {
.top_layer{
top:calc(100vw * -0.05);
}
}







#top_osbox_c{
width:491px;
/* height:169px;209 */

margin-bottom:30px;

}
@media screen and (max-width: 1350px) {
#top_osbox_c{
width:100%;
height:auto;


}
}




#top_osbox_b{
width:491px;
/* height:169px;209 */

margin-bottom:30px;

}
@media screen and (max-width: 1350px) {
#top_osbox_b{
width:100%;
height:auto;

background-size:100% auto;
}
}



.os_left{
	width:166px;
	height:175px;
	text-align:center;

	float:left;
	margin-top:20px;
	margin-left:40px;
	line-height:160%;
	font-size:93%;
		overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}
@media screen and (max-width: 1350px) {
.os_left{
	width:30%;
	height:30%;
	margin-left:10%;
	font-size:16px;
}
}


.os_right{
	width:166px;
	height:175px;
	text-align:center;

	float:left;
	margin-top:20px;
	margin-left:80px;
	line-height:160%;
	font-size:93%;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

}
@media screen and (max-width: 1350px) {
.os_right{
	width:30%;
	height:30%;
	margin-left:20%;
	font-size:16px;
}
}

.os_left img,.os_right img{
border-radius: 10px;
}

.os_left strong,.os_right strong{
font-size:116%;	
	font-family:Lato,"游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	font-weight:500;
	color:#C00;
	letter-spacing:0.1em;
}


.top_c_iconbox{
width:491px;
overflow:hidden
	
}
.top_c_iconbox img{
margin-right:6px;
margin-bottom:6px;
	
}
.c_mr_0{
margin-right:0px!important;

}

@media screen and (max-width: 1350px) {

.top_c_iconbox{
width:100%;

	
}
.c_mr_0{
margin-right:6px!important;

}
}




.top_b_iconbox{
width:491px;
overflow:hidden
	
}

.top_b_iconbox img{

margin-bottom:22px;
	
}

@media screen and (max-width: 1350px) {

.top_b_iconbox{
width:100%;

	
}

}

/* -------------------- */

.area_3clm{

    display: flex;
	flex-wrap: wrap;
    justify-content: center;
	
}





.top_3clm{


 /* width:492px; 546-27x2 */
 width:328px; /* 364-18x2 */
padding:18px;
background:#fff;
margin: 0 auto;
margin-bottom: 20px;

border: 1px solid #f1e8d6;
box-shadow:rgba(66, 33, 0, 0.16) 6px 6px 0px 0px;
border-radius: 10px;
}



@media screen and (max-width: 1350px) {
.top_3clm{
width:46%; /* 364-18x2 */
paddng:3%;
}
}


@media screen and (max-width: 728px) {
.area_3clm{
display: block;

}
}
@media screen and (max-width: 728px) {
.top_3clm{
clear: both;
width:94%;
padding:3%;
height:auto;
border: none;
}
}

.top_3clm h2{
clear: both;

font-size:131%;
margin-bottom: 0.5em;
padding-left: 6px;
padding-bottom: 4px;
padding-top: 4px;
border-bottom: 1px dotted #333;
border-left: 6px solid #c00;

}

.top_3clm h2 img {
  vertical-align: middle;
  padding: 0 4px;
}

/* --おすすめでも使用------------------- */

.getoss_img{
    display: inline-block;
    height: 160px;
text-align: center;
width:100%;
margin: 5px auto;


}
.getoss_img img{
border-radius: 10px;
height: 100%;
}
.getoss_naiyo{
margin: 10px auto;
}
.getoss_more{
text-align: right;
margin: 10px auto;
}

/* --------------------- */

/* 角丸ハッシュタグ風リンク　*/
.km1{
display: inline-block;
border-radius: 30px;
background: #e5dcc5;
border: 1px solid #f1e8d6;
box-shadow:rgba(204, 204, 204, 1) 5px 5px 0px 0px;

margin: 8px;
white-space: nowrap;
font-size:116%;
font-weight: bold;

transition: 0.2s ease-in-out;
}
.km1 a{
display: block;
padding: 14px 30px;
color: #333;
text-decoration: none;

}

.km1:hover{
background: #fc8080;
transform: translate(5px,5px);
box-shadow:none;
}
.km1 a:hover{
color: #fff;
}

.km1 i{
color: #f56;
}

/* 角丸ハッシュタグ風リンク2　*/
.km2{
display: inline-block;
border-radius: 30px;
background: #fff;
border: 1px solid #d3b883;
box-shadow:rgba(204, 204, 204, 1) 3px 3px 0px 0px;

margin: 6px;
white-space: nowrap;
font-size:108%;
font-weight: bold;

transition: 0.2s ease-in-out;
}
.km2 a{
display: block;
padding: 14px 16px;
color: #333;
text-decoration: none;

}

.km2:hover{
background: #fc8080;
transform: translate(2px,2px);
box-shadow:none;
}
.km2 a:hover{
color: #fff;
}

/* 角丸ハッシュタグ風リンク3　*/
.km3{
display: inline-block;
border-radius: 30px;
background: #fff;
border: 1px solid #d3b883;

margin: 6px;
white-space: nowrap;
font-size:100%;


transition: 0.2s ease-in-out;
}
.km3 a{
display: block;
padding: 4px 6px;
color: #333;
text-decoration: none;

}

.km3:hover{
background: #fc8080;
transform: translate(1px,1px);
box-shadow:none;
}
.km3 a:hover{
color: #fff;
}






/* メニュー下が必要な場合　*/
#mnfoot{
margin:0 auto;

height:10px;

}



#sidebar1 {
	float: left; 
	width: 200px; /* 220 - 20 */
	padding: 10px 0 10px 20px;

}


#main {
float:right;
background-color:#FFFFFF;
width:760px; /* 780 */
	margin: 10px 20px 0 0; 
	/* padding: 0 20px; */
	padding:0;

}

.main_w {


width:880px; /* 780 */
	margin: 10px auto; 
	/* padding: 0 20px; */
	padding:0;

}
@media screen and (max-width: 1350px) {
.main_w {
width:98%;
}
}

/* ================================================== */

div#uemenu {
clear:both;
width: 1020px;
margin:0;
padding:0;
background:#ffffff;
/*
background-image: url(../img/menu/menu_bg.gif); 
border-bottom:1px solid #b8a17d;
*/
}


div#menu {
width: 980px; /* 1020-20-20  */
margin:0 20px;
padding:0px;
height:39px;/* 40 -1 */

background-image: url(../img/menu/bg_menu.gif); 
border-bottom:1px solid #cccccc;

overflow:hidden;

}

div#menu ul {
   
	padding:0 0 1px 0;

	width: 960px; 
	margin:0 auto;

}

div#menu li a  ,div#menu li a:visited{
display:block;

border-left:1px solid #ffffff;
border-right:1px solid #cccccc;
float:left;
padding:12px 30px 0px 30px;  
height:27px; /* 39-12 */

   font-size:106%;
   text-align:center;
   font-weight:bold;
   list-style-type:none;
   
   color:#333333;
text-decoration:none;   
}


div#menu li a:hover{
   display:block;
   color:#cc0000;
   background:#ffffee;
  /* background:url(images/bg_menu_on.gif) 0 0 repeat-x; */
}



/* ================================================== */

ul.gmenu{
/* position: fixed; */
width:199px;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;

}

.gmenu li{
text-align:left;
font-size:108%;
font-weight:normal;
overflow:hidden;
background:url(../img/menu/bg_sidemenu.gif) repeat-x;


}

.gmenu li a,  .gmenu li a:visited{
display:block;
height:32px; /* 51-1 -18 */
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;

font-weight:bold;
margin:0;

padding:18px 5px 0 32px;
background:url(../img/menu/icon_menu.png) no-repeat 9px 18px;

text-decoration:none;
color:#333333;
}


.gmenu .sml{

font-size:93%;


}



.gmenu li.smenu{
text-align:left;
font-size:100%;
overflow:hidden;
/* background:url(../img/menu/bg_sidemenu.gif) repeat-x;*/
background:	#fafafa;
}

.gmenu  li.smenu a,  .gmenu  li.smenu a:visited{
display:block;
height:21px; /* 51-1 -10 */
border-bottom:1px dotted #cccccc;
border-right:1px dotted #cccccc;

font-weight:bold;
margin:0;

padding:5px 5px 0 32px;
background:url(../img/menu/icon_menu2.gif) no-repeat 15px 9px;

text-decoration:none;
color:#444444;
}







.gmenu li a:hover , .gmenu li.smenu a:hover {
color:#cc0000;
text-decoration:none;
	}




.gmenu  li.smenu_k2 a,  .gmenu  li.smenu_k2 a:visited{
	
	padding:8px 5px 0 32px;

height:38px; /* 51-1 -10 */

}






.menu_th{


}


/* ================================================== */



/* ================================================== */
div#usermenu {

clear:both;
width: 100%;
margin:0px;
padding:0px;

height:32px;
padding-top:6px;

}




#usermenu dl {
	float:left;
	padding:0;
	margin:0;
	
	margin-left:1px;
}
#usermenu dl dt {
float:left;
	/* width:70px; */
	margin:0;
}


#usermenu dl dd {
	position:absolute;
	overflow:hidden;
	width:252px;
	display:none;
	background:#fff;
	z-index:200;
	opacity:0;
	padding:0;
	margin:32px 0 0 10px; /*   */
}
#usermenu dl ul {
	width:250px;
/*	border:1px solid #9ac1c9; */
	border:1px solid #ee6b6b; 
	list-style:none;
	padding:0;
	margin:0;
}
#usermenu dl li {
	display:inline;
	padding:0;
	margin:0;
	font-weight:bold;
}
#usermenu dl li a {
	display:block;
	color:#333;
	text-decoration:none;
	background:#eaf0f2;
	padding:5px;
	margin:0;
	_text-align:left;
}
#usermenu dl li a:hover {
	background:#d9e1e4;
	color:#000
	text-decoration:none;
}

/* ================================================== */
div#submenu {
clear:both;
display:block;
float:right;
   margin:0;
   padding:38px 15px 0 0;
width:265px;
 overflow:hidden;

}

div#submenu ul {
   margin:0;
   padding:0;
  
   
}

div#submenu li {
   float:left;
   
   		font-size: 100%; 
		font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
   
   margin:0;
   padding:0 10px;
   
   border-right:1px solid #ccc;
}

div#submenu li a{
display:block;
  color:#fff;
  text-decoration:none;
}

div#submenu li a:hover{
  color:#f00;
}

div#submenu li.home{
  border-left:1px solid #ccc;
}

/*
div#submenu {
clear:both;
float:left;
   margin:0;
   padding:0;
 vertical-align: top;
 height:26px;
 overflow:hidden;
}

div#submenu ul {
   margin:0;
   padding:0;
}

div#submenu li {
   float:left;
   margin:0;
   padding:0;
}

div#submenu li a:hover{
  top:2px; position:relative;
}

*/

#slidetopimg {
width:1100px;
margin:0 auto;
padding:0;

}


/* ノーマル スライダー用 */
#topimg {
width:100%;
padding:0;
margin-bottom:0px;
line-height:50%;
}

#topimg img{

width: 100%;
height: auto;
/* min-width: 980px; */
}

/* ワイド用 */
/*
#topimg {
width:100%;
padding:0;
text-align:center;
background:#00a0e9;
border-bottom:1px solid #ccc;
*/



/* ================================================== */



/* top SEO */
#toph1{
width: 100%;
background: #2f2f2f;

margin-top: 0;
margin-bottom:20px;
}

#toph1 h1{
color:#fff;
text-align: center;
font-size: 26px;
font-weight: normal;
padding: 5px 20px;
}
@media screen and (max-width: 1350px) {
#toph1 h1{
text-align: left;
font-size: 14px;
}
}

#toph1fig{
width: 100%;
text-align: center;
marging-top: 5px;
margin-bottom: 15px;
}

@media screen and (max-width: 1350px) {
#toph1fig img{
width: 100%;
}
}



/* 本文欄 */
#topcontent{
width: 980px;
margin: 0 auto;
font-size: 18px;
line-height: 1.7em;
padding:0;
}
@media screen and (max-width: 1350px) {
#topcontent{
width: 100%;
padding:0px;
}
}


/* ================================================== */

#sub_pagetitle { 
 /*  clear:both; */
 
 
/*
background-color:#999999;
border:1px solid #888888;
*/


border:1px solid #cccccc;


background:#f3f3f3 url(../img/top/bg_sub.gif) repeat-x;
	margin-bottom:20px;
	padding: 14px 20px 5px 16px;
	
	
		
}

#sub_pagetitle h2{
color:#333333;
	font-size:153.9%;
	font-weight:bold;
	display:inline;	
	padding: 10px 4px 4px 35px;
	background:url(../img/top/mark_03.gif) no-repeat center left;
}

#sub_pagetitle h2 strong{
color:#FF0000;
}

#sub_pagetitle h2 a{
text-decoration:none;
}


#sub_pagetitle p{ /* カート用 */
float:right;
/* background: url(../img/icon/mark01.png) no-repeat 0 3px; */
padding-left: 8px;
	margin-top: 5px;
	margin-right: 10px;
}

/* --------------------- */

#shibori_cover{
	
	margin-bottom: 20px;
}

#shibori_cover input {
  vertical-align: middle;
margin-top: 12px;
margin-bottom: 12px;
line-height: 240%;
}


#shibori_inner{
	margin:0 auto;
	width:1100px;
/*  	height:100px;  */
line-height: 280%;
	
}
@media screen and (max-width: 1350px) {
#shibori_inner{
width:100%;
	height:auto;
}
}



.shiboring{
width:870px;

font-size:116%;
float:left;

}

@media screen and (max-width: 1350px) {
.shiboring{
float: none;
width:100%;
text-align: center;
}
}

#cover_kdw{
text-align: center;
padding: 8px;
}

#button_kdw{
text-decoration:none;
}

#list_kodawari{
padding: 8px;
margin-bottom: 20px;
}

#list_kodawari hr{
   border: none;
    border-top: 2px dotted gray;
}

#list_kodawari label{
white-space: nowrap;
  display: inline-block;

}

.close_kdw::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: bold;
            content: " \f146";
            color:#1976c6;
}

.open_kdw::after {
            font-family: 'Font Awesome 5 Free';
            font-weight: bold;
            content: " \f0fe";
            color:#1976c6;
}

@media screen and (max-width: 1350px) {
#list_kodawari{
text-align: left;
}
}

#content {  /* ==== サブページ専用 ==== */

 /*  font-size:100%;サブページ本文欄の基本文字サイズ  */
font-size:108%;

/*  clear:both; */
/* padding: 0 25px 0 25px; */

padding: 0;



}


/* ====サブページの基本的なＰ===== */

#content p{

line-height: 160%;
}


/* margin bottom */
.mb_0  { margin-bottom:  0   !important; }
.mb_3 { margin-bottom: 3px !important; }
.mb_5 { margin-bottom: 5px !important; }
.mb_7 { margin-bottom: 7px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_13 { margin-bottom: 13px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_60 { margin-bottom: 60px !important; }
.mb_70 { margin-bottom: 70px !important; }
.mb_80 { margin-bottom: 80px !important; }
.mb_90 { margin-bottom: 90px !important; }
.mb_100 { margin-bottom: 100px !important; }

/* margin left */
.ml_0  { margin-left:  0   !important; }
.ml_5 { margin-left: 5px !important; }
.ml_10 { margin-left: 10px !important; }
.ml_15 { margin-left: 15px !important; }
.ml_20 { margin-left: 20px !important; }
.ml_25 { margin-left: 25px !important; }
.ml_30 { margin-left: 30px !important; }
.ml_35 { margin-left: 35px !important; }
.ml_40 { margin-left: 40px !important; }
.ml_50 { margin-left: 50px !important; }
.ml_60 { margin-left: 60px !important; }
.ml_70 { margin-left: 70px !important; }
.ml_80 { margin-left: 80px !important; }
.ml_90 { margin-left: 90px !important; }
.ml_100 { margin-left: 100px !important; }



/* ================================================== */

.clr{
	clear: both;
}



/* ================================================== */

/* ================================================== */

#footer_wide{
font-size:108%;
	clear:both;
	padding-top:20px;
	background:#fff;
border-radius: 10px;
box-shadow:rgba(66, 33, 0, 0.16) 0px -6px 0px 0px;
margin-top:20px;
}

#footer_wide a{
font-size: 100%; 

  /* color:#ccc; */
  text-decoration:none;
}

#footer_wide a:hover{
 /* color:#fff; */
}

#foot_area{
/* width:1050px; */
font-size:16px;
margin:0 auto;
padding:10px;
    display: flex;
	flex-wrap: wrap;
    justify-content: center
}

#foot_area p{
line-height:180%;
}

.foot1{
    width: 500px;
    margin: 10px;
    padding: 10px;
}

.foot2{
    width: 500px;
    margin: 10px;
    padding: 10px;
}
@media screen and (max-width: 1350px) {



.foot1{
width: 100%;
}

.foot2{
width: 100%;
}

}
/* ================================================== */


#footer { 
   clear:both;
   margin-left:240px;
   margin-right:20px;
	padding: 0 10px;
	  
	/* background:#f0f0f0; */
	background:#f3f3f3;
	
}




#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	
}

#footer .footmenu{
text-align:center;
color:#666;
padding: 6px 0 10px 0; 

 
}



#footer .footmenu a{
font-size: 100%; 
	/*	font-family: Verdana,  Arial, sans-serif; */
	font-weight: bold;
  color:#36c;
  text-decoration:none;
}

#footer .footmenu a:hover{
  color:#f00;
}

#footer h1{
font-size:108%;
	/*	font-family: Verdana,  Arial, sans-serif; */
	font-weight: bold;
  color:#333;
 /* text-align:right; */
  margin-top:0;
  margin-left:15px;
}

#footer .counter{
clear:both;
margin:0;
padding:0;
color:#000000;
}

#footer .powered-by{
clear:both;
margin:0;
padding:0;
}

#footer .powered-by a{
color:#666;
font-size:77%;
text-decoration:none;
}
#footer .powered-by a:hover{
color:#666;
text-decoration:none;
}


/* ================================================== */






/* ================================================== */

.clr{
	clear: both;
}



/* ================================================== */




#topnews_left{
margin: 0 auto;
width:492px; /* 546-27x2 */
padding:27px;
background:#fff;

}

@media screen and (max-width: 1350px) {
#topnews_left{
clear: both;
width:94%;
padding:3%;

}
}






#topnews_right{
	
margin: 0 auto;
width:492px; /* 546-27x2 */
padding:27px;
background:#fff;

}
@media screen and (max-width: 1350px) {
#topnews_right{
clear: both;
margin:0;
width:94%;
padding:3%;

}
}



.newstitle{
	clear           : both;
	width: 500px;
	height: 60px;
	background: url(../img/top/news.jpg);
}

#topnews_left .newstitle{
	clear           : both;
	width: 650px;
	height: 60px;
	background: url(../img/top2/news_long.jpg) no-repeat;
}

@media screen and (max-width: 1350px) {
#topnews_left .newstitle{

	width: 100%;

}

}


.newstitle p{
background: url(../img/icon/mark01.png) no-repeat 0 3px;
padding-left: 8px;
	margin-top: 30px;
	margin-right: 20px;
	float: right;
}



#topnews{

	padding         : 5px 0px 10px 10px;
}





#topnews dl {
	margin          : 7px 0 0 0;
}

#topnews dt {
	clear           : both;
	padding         : 10px 0 0px 15px;
	font-size: 77%; 

	font-family: Verdana,  Arial, sans-serif;
	font-weight: bold;
	color: #333333
}

#topnews dd {
	clear           : both;
	padding         : 5px 0 5px 30px;
	background      : url(../img/icon/mark02.gif) no-repeat 15px 7px;
		border-bottom: 1px dotted #cccccc;
	font-size       : 93%;
}


#topnews dd a {
	display         : block;
	color           : #3366cc;
	text-decoration : none;
}

#topnews dd a:hover {
	text-decoration : underline;
}

#topnews dd p { 
	padding         : 5px 0px 0px 0px;
	color           : #666666;
}


/* バナー */
#banner_area{
width:240px;
    margin-left:auto;
	margin-right:0;
padding:0 0 0 0;
}

/*
#banner_area img{
	margin-bottom: 10px;
}
*/

#banner_area .bn{
	margin-bottom: 10px;
}

#banner_area object{
	margin-bottom: 10px;
}


#banner_area .concept{
background:url(../img/top/concept_bg.jpg) no-repeat;
padding:7px;
margin-bottom:15px;

}

/* ================================================== */

#top_ex{
/*　margin-top:15px; */
border:1px dotted #afa596;
background-color:#f3f3f3;
padding:7px;
margin-bottom:15px;
}

#topnews_right #top_ex{

border:none;

background-color:#fff;
padding:7px;
margin-bottom:15px;
}


#top_ex p{
font-size:93%;
margin-bottom:5px;
line-height:150%;

}

#top_ex strong{
display:block;
font-size:100%;
padding-top:5px;
/* background:url(../img/top/s.png) no-repeat center left;
padding:10px 0 10px 45px; */

}

#top_ex h2{
display:block;
font-size:116%;
padding:10px 0 10px 10px;
/* background:url(../img/top/s.png) no-repeat center left;
padding:10px 0 10px 45px; */

}




/* ================================================== */

table.tbl01 {
    border: 1px #666666 solid;
    /* border-collapse: collapse;
    border-spacing: 0;*/
}

table.tbl01 td{
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}


table.tbl02 {
    border: 1px #666666 solid;
}

table.tbl02 td{

    padding: 5px;
    border: 1px #666666 solid;
    border-width: 0 0 1px 1px;
}


table.tbl03 td{
	border-bottom: 1px solid #666666;
}

table.tbl04 td{
	border-bottom: 2px solid #666666;
}


table.tbl05 td{
	border-bottom: 1px dotted #666;
}
table.tbl05 th{
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

/* ================================================== */

.dl1 dt{
font-weight:bold;
}
.dl1 dd{
margin-bottom:5px;
margin-left:20px;
}


.dl2 dt{
font-weight:bold;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
}
.dl2 dd{
margin-bottom:5px;
margin-left:40px;
}


.dl3 dt{
font-weight:bold;
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
}
.dl3 dd{
margin-bottom:5px;
margin-left:40px;
}


.dl4 dt{
float:left;
font-weight:bold;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}
.dl4 dd{
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
}

/* ================================================== */



.ul1 li{list-style:decimal outside;}
.ul1 ul li{list-style:disc outside;}

.ul2 li{
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.ul2bd li{
display:block;
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

.ul3 li{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

.ul3bd li{
display:block;
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}


/* ================================================== */
.list01{
background:url(../img/icon/mark01.png) no-repeat center left;
padding-left:15px;
}

.list02{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
}

.list03{
background:url(../img/icon/mark03.gif) no-repeat center left;
padding-left:15px;
}

.list_pdf{
background:url(../img/icon/mark_pdf.gif) no-repeat center left;
padding-left:40px;
padding-top:10px;
padding-bottom:10px;
}


.list_mail{
background:url(../img/icon/mark_mail.png) no-repeat center left;
padding-left:20px;
}


.list_blank1{
background:url(../img/icon/mark_blank1.gif) no-repeat center left;
padding-left:22px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank1r{
background:url(../img/icon/mark_blank1.gif) no-repeat center right;
padding-right:22px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank2{
background:url(../img/icon/mark_blank2.gif) no-repeat center left;
padding-left:18px;
padding-top:5px;
padding-bottom:5px;
}

.list_blank2r{
background:url(../img/icon/mark_blank2.gif) no-repeat center right;
padding-right:18px;
padding-top:5px;
padding-bottom:5px;
}

.list_keitai{
background:url(../img/icon/ktai_icon.gif) no-repeat center left;
padding-left:20px;
}

.list_qr{
background:url(../img/icon/qr_icon.gif) no-repeat center left;
padding-left:10px;
}


.list_map{
background:url(../img/icon/mark_map.gif) no-repeat center left;
padding-left:30px;
}


/* ==== お手軽偽角丸1pxコーナー ============================ */
.km_outer {
	background:#ccc;
	margin:0px 1px;
	padding:1px 0px;
}
.km_inner{
	background:#f3f3f3;
	margin:0 -1px;
	border:1px solid #ccc;
	border-top-width:0;
	border-bottom-width:0;
	
	padding:5px 10px;
}

.km_outer2 {
	background:#f1c43d;
	margin:0px 1px;
	padding:1px 0px;
}
.km_inner2{
	background:#fbc624 url(../img/icon/sec_bg_or.gif) repeat-x;
	margin:0 -1px;
	border:1px solid #f1c43d;
	border-top-width:0;
	border-bottom-width:0;
	
	padding:5px 10px;
}



/* ==cms用================================================ */
.text0{font-size:108%;} /* 14px */
.text1{font-size:93%;} /* 12px */
.text2{font-size:77%;} /* 10px */
.text3{font-size:123.1%;} /* 16px */
.text4{font-size:153.9%;} /* 20px */




#cms_error li{
background:url(../img/icon/mark02.gif) no-repeat center left;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
}

/*
一覧例
<div id="opt_101">
<div id="doc_cms">
<div id="cms_detail">

詳細例
<div id="opt_101">
<div id="doc_cms">
<div id="cms_list">

*/




h1.sec01{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:7px 5px 7px 10px;
	font-size:197%; 
	font-weight:bold;
	/* background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x; */
	border-bottom:solid 3px #dddddd;
}

h2.sec01{

   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:8px 3px 8px 10px;
	font-size:131%; 
	font-weight:bold;
	border-left:5px solid #349800;

}

h2.sec_c{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:8px 3px 8px 10px;
	font-size:131%; 
	font-weight:bold;
	border-left:5px solid #608c3d;
	border-bottom:solid 2px #608c3d;
}

h2.sec_b{

   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:8px 3px 8px 10px;
	font-size:131%; 
	font-weight:bold;
	border-left:5px solid #955821;
	border-bottom:solid 2px #955821;
}

h2 .okn_half{
	float:left;
margin:0;
padding:0;
width:365px;

}

h2 .okn_qt1{
font-weight:normal;
font-size:86%;
float:left;
margin:0;
padding:0;
width:170px;
text-align:center;
}





h3.sec01{
   clear:both;
   
   background:url(../img/icon/mark01.png) no-repeat center left;
   
   	margin-top:20px;
	margin-bottom:10px;
	padding:3px 3px 3px 15px;
	font-size:123.1%; 
	font-weight:bold;
	border-bottom:dotted 2px #aaaaaa;
}

h4.sec01{
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	padding:8px;
	font-size:123.1%; 
	font-weight:bold;
	text-align:center;
	background:#FFFFCC;
	border:1px solid #FFCC00;
}

h5.sec01{
width:70%;
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:123.1%; 
	font-weight:bold;
	text-align:center;
	background:#fbc624 url(../img/icon/sec_bg_or.gif) repeat-x;
	border:1px solid #f1c43d;
}

h6.sec01{
	width:75%;
   clear:both;
   	margin-top:20px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:100%; 
	font-weight:normal;
	text-align:left;
	background:#f3f3f3;
	border:1px dotted #999999;
}




/* ==== */






/* ============記事系　画像関連======================= */

/* 全部spanに適用。(line-heightが乱れるため) */

/* □ ノーマル */
.doc_img_normal{
	clear: both;
	display:block;	
	margin:10px 0;
	/* widthはCMSで動的に指定 */
}

/* □ センター と、拡大ナシ中央 */
.doc_img_center{
	clear: both;
	display:block;	
	margin:10px auto;
	/* widthはCMSで動的に指定 */
}

/* □ テキストまわりこみ */
.doc_img_text{
	clear: both;
	float:left;	
	display:block;
	margin:10px 20px 10px 0;
	/* widthはCMSで動的に指定 */
}

/* □ 画像右 */
.doc_img_right{
	clear: both;
	float:right;	
	display:block;
	margin:10px 0 10px 20px;
	/* widthはCMSで動的に指定 */
}

/* 拡大ナシ中央 */
.doc_img_big{
	clear: both;
	display:block;	
	margin:10px auto;
	/* widthはCMSで動的に指定 */
}

/* 拡大ナシ左 */
.doc_img_in{
	clear: both;
	display:block;	
	margin:10px 0;
	/* widthはCMSで動的に指定 */
}

/* 101のCMSのみ画像にボーダー */

/*
#opt_101 .doc_img_normal,
#opt_101 .doc_img_center,
#opt_101 .doc_img_text,
#opt_101 .doc_img_right{

padding:5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}
*/

/* 記事全部にボーダー */

.doc_img_normal,
.doc_img_center,
.doc_img_text,
.doc_img_right{

padding:5px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
}

















/* =----------------------====================== */

h3.seclink { 
   clear:both;
	font-size:116%;
	font-weight:normal;

   	margin:20px 6px;

	padding:8px 0px;
text-align:center;
/* 	background:#EFEFEF;  */

border-bottom:2px dotted #999;
}
h3.seclink p{
/*
	background:#EFEFEF url(../img/icon/sec_bg01.gif) repeat-x;
	margin:0 -1px;
	border:1px solid #cccccc; 
	border-top-width:0;
	border-bottom-width:0;
    padding:10px 9px;
*/
}
h3.seclink p .here{
	color:#f00;
}
h3.seclink p a{
	text-decoration:none;
}



.footarea{
color:#666666;
width:80%;
margin:15px auto;
/*
font-size:77%;
font-size:93%;
*/
font-size:85%; 

}

.footaddr{
text-align:right;
margin:10px;
padding-bottom:8px;
border-bottom:1px dotted #cccccc;
line-height:150%;
}

h4.dog1{
font-size:131%;
font-weight:normal;
color:#663333;
border-left:5px solid #666666;
padding:4px 0 4px 12px;
margin-bottom:8px;
margin-top:5px;
}

h4.dog1 a{
color:#663333;
text-decoration:none;
}

.pu_bar{
margin-top:10px;
margin-bottom:6px;
}




.top_oss{
float:left;
width:90px;/* 100px */
padding-right:10px;
font-size:85%;

}

.top_oss strong{
display:block;
margin-top:4px;
margin-bottom:4px;
}



.top_newsdata{
padding:20px;
border-bottom:1px dotted #cccccc;
}

.top_newsdata p{
line-height:180%;
}
.top_newsdata img{
vertical-align: middle;
}
/* おすすめテーブル=----------------------====================== */

.oss_table{
margin-top: 20px;
}

.oss_table img{
vertical-align: middle;
}



@media screen and (max-width: 1350px) {
.oss_table{
width: 825px;
margin:20px auto;
}
}
@media screen and (max-width: 825px) {
.oss_table{
width: 550px;
margin:20px auto;
}
}
@media screen and (max-width: 540px) {
.oss_table{
width: 275px;
margin:20px auto;
}
}

/* =----------------------====================== */
#bukken_list{
width:700px;
margin:5px auto;
}




.sortbox2{
float:left;
width:130px;
text-align:center;
line-height: 140%;
}
@media screen and (max-width: 1350px) {
.sortbox2{
float:left;
width:50%;
text-align:center;
}
}

.sortbox2 li{
/*height:19px; 25 */
padding:3px;
overflow:hidden;
}

.view_box input{
padding: 8px;;
}


.view_box{
	float:left;
width:100px;
text-align:center;
  padding: 20px 0;
}
@media screen and (max-width: 1350px) {
.view_box{
float:left;
width:50%;
text-align:center;

}
}
}

.shiboribox,.sortbox{
margin:5px auto;
padding:5px;
width:700px;
border-bottom:1px dotted #cccccc;
}

.sortbox{
margin-bottom:20px;
}


.shiboribox form,.sortbox form{
display:inline;

}



.bk_index{
text-align:center;
}

.sortbox2 li a{
text-decoration:none;	
}


.sort_btn_sltd{
/* background:#dbe7f3; */
}
@media screen and (max-width: 1350px) {
.sort_btn_sltd{
/* background-color: #fff; */
}
}




.sort_btn_sltd a{
color:red;
text-decoration:underline;
}

.sortbox2 li a:hover{
color:red;
text-decoration:underline;	
}


/* ---画像BOX一覧------------------------------ */


.g-boxcover{
margin:0 auto;
}

@media screen and (max-width: 1085px) {
.g-boxcover{
width: 868px;
margin:0 auto;
}
}
@media screen and (max-width: 868px) {
.g-boxcover{
width: 651px;
margin:0 auto;
}
}
@media screen and (max-width: 651px) {
.g-boxcover{
width: 434px;
margin:0 auto;
}
}
@media screen and (max-width: 434px) {
.g-boxcover{
width: 217px;
margin:0 auto;
}
}





.g-box{

float:left;
width:200px;
height:260px;
border:1px solid #cccccc;
margin:10px 15px 20px 0;
overflow:hidden;
background:#fff;
border-radius: 10px;
}



.g-boximg{
		position: relative;
width:200px;
height:150px;		
}

.g-boxlayer1{
	position: absolute;
    top:0;
    left: 0;
    padding:0;
	text-align:left;
	vertical-align:top;
}

.g-boxlayer2{
	position: absolute;
    top:0;
    right: 0;
    padding:0;
	text-align:right;
	vertical-align:top;
}

.g-boxlayer3{
	position: absolute;
    bottom:0;
    left: 0;
    padding:0;
	text-align:left;
	vertical-align:bottom;
}

.g-boxlayer4{
	position: absolute;
    bottom:0;
    right: 0;
    padding:0;
	text-align:right;
	vertical-align:bottom;
}

.g-boximg img{
max-width:200px;
max-height:150px;	
border-radius: 10px 10px 0 0;
}

.opt_a{
border:1px solid #58ae91;
}


.g-box .gtype{
font-size:123.1%;
text-align:center;
font-weight:bold;
padding:8px;
background:#fff;
background:#f9f9f9;
border-bottom:1px solid #dddddd;
	font-family:Lato,"游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	letter-spacing:0.1em;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.g-box .gtype_opt_a{
		font-size:116%;
text-align:center;
font-weight:bold;
padding:8px;

background:#daede8;
/* background:#58ae91; 
color:#FFFFFF; */
border-bottom:1px solid #dddddd;
}

.g-box .gprice{
padding:3px;
padding-top:6px;
font-size:100%;
text-align:center;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.g-box .gprice strong{
	font-size:123.1%;
font-weight:bold;
color:#cc0000;
	font-family:Lato,"游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	letter-spacing:0.1em;


}

.g-box .gjusho{
padding-top:8px;
font-size:93%;
text-align:center;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}



.abletxt{
color:#58ae91;
font-size:93%;
}

.hittxt{
font-size:93%;
margin-bottom:5px;
}

.hittxt strong{
font-weight:normal;
color:#ff0000;

}

.list_maps{
background:url(../gmap/red5.png) no-repeat center left;
padding-left:15px;
}



.c_list_table{
border-collapse:collapse;border-spacing:0;
margin:10px auto;
border:1px solid #cccccc;
background:#fff;
width:1000px;

}
@media screen and (max-width: 1350px) {
.c_list_table{
width:98%;

}
}




.c_list_table td{

border:1px solid #cccccc;
padding:10px;
}


.c_list_table th{

font-weight:bold;
border:1px solid #cccccc;
padding:10px;
background:#f9f9f9;
}

.c_list_table .tlprice{

color:#990000;
font-weight:bold;

}



.c_list_table .clist_opt_a{
/* background:#c6e3da; */
background:#ebf5f2;


}



/* ================================================== */


.detail_wrap{

background: #fff;
}

.bkn_top_left{
	width: 550px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media screen and (max-width: 1350px) {
.bkn_top_left{
	width: 90%;
	float: none;
	margin: 10px auto;
}
}


.bkn_top_left h2{
text-align: center;
	padding: 10px;
	color: #f00;
	font-size:146.5%;
font-weight:normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.bkn_top_right{
	width: 500px;
	float: right;
	margin-top: 10px;
		
	
}
@media screen and (max-width: 1350px) {
.bkn_top_right{
	width:90%;
	float: none;
		margin: 10px auto;
	
}
}


.bkn_top_right h2{
font-size:131%;
font-weight:normal;
line-height: 1.7em;
padding: 0 10px 10px 10px;
}

.detail_zumen{
background: #fff;
margin-top: 20px;
		text-align: center;
	padding: 10px 5px;
	margin-bottom:30px;
border-radius: 20px;
	
}
.detail_zumen img{
max-width: 480px;
}

@media screen and (max-width: 1350px) {
.detail_zumen img{
max-width:80%;
height: auto;
}
}

.bkn_middle_right img{
max-width: 500px;
	height:auto;
}

.bkn_top_right h3{
text-align:left;
	padding: 10px;
	font-size:116%;
font-weight:normal;
	
	line-height: 170%;

}


.bkn_snet{
width:680px;
margin:8px auto;
text-align:left; 
border:1px dotted #ccc
}
@media screen and (max-width: 1350px) {
.detail_zumen img{
max-width:80%;
}
}

.bkn_map{
border:0; 
width: 1100px;
height: 400px
}
@media screen and (max-width: 1350px) {
.bkn_map{
width: 95%;
height: auto;
margin: 20px auto;
}
}



.dt_th{
background:#333;
color:#fff;
padding:3px 8px 3px 8px;
}

.dt_th2{
background:#fff;
padding:2px 7px 2px 7px;
border:1px solid #ccc;
}


.bkn_middle_left{
	clear: both;
	width: 510px;/* 550-20 */
	float: left;
	margin-top: 10px;

	background: #fff;

}



.bkn_middle_right{
	width: 500px;
	float: right;
	margin-top: 10px;
}

@media screen and (max-width: 770px) {
	
	.bkn_top_left{
	width: 100%;
	float: none;
	margin-top: 10px;
}

.bkn_top_right{
	width: 100%;
	float: none;
	margin-top: 10px;
}

	.dt_btnarea img{
			max-width: 100%;
height: auto;
	}
	
.bkn_middle_left{
	width: 100%;
	float: none;
	margin-top: 10px;
}
	.bkn_middle_left img{
	max-width: 100%;
height: auto;
	}

.bkn_middle_right{
	width: 100%;
	float: none;
	margin-top: 10px;
}
}




/* ===画像ギャラリー=============================================== */

.g_gallery_wrapper{
height: 390px;
text-align: center;
margin-bottom: 10px;
}

.g_gallery {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;

    width: 100%;
    height: 100%;

    background-size: contain;

}



.gallery_thumbs{
width: 100%;


}
.g_thumbs{
    display: block;
	float: left;
	width: 16%;
	height:130px;
margin-left:1px;
  /*  background-color: #ccc; */
    background-position: center center;
    background-repeat: no-repeat;

    background-size: contain;
	line-height: 120%;
}

.g_thumbs:hover {
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;
    }


.g_thumbs a{
display: block;
width: 100%;
height: 100%;

}
.g_thumbs img{
padding-bottom: 5px;
}




#imgcmt{
text-align: center;
margin-bottom: 5px;

}
/* ================================================== */








/* ==pager===== */


#pager{
border-top:1px dotted #cccccc;
clear:both;
display:block;
margin:20px auto;
text-align:center;
padding:4px;
}

#pager form{
padding:3px;
display:inline;
}

#pager strong{
font-weight:bold;
font-size:116%;
background:#ffffcc;
color:#FF0000;
}


#saikin{
width:240px;
background:url(../img/top/bg_update.gif) no-repeat;
padding: 95px 0px 10px 0px;

}


.b_saikin_top{
float:left;
width:115px;
padding: 0 0 0 4px;
margin:0;
border-right:1px dotted #CCCCCC;

}

.c_saikin_top{

float:left;

width:105px;
padding: 0 0 0 14px;
margin:0;

}


.top_pickup{

width:110px;/* 100px */
padding-bottom:10px;
font-size:85%;

}

.top_pickup strong{
display:block;
margin-top:4px;
margin-bottom:4px;
}






/* ----------------- */
.b_senden{
font-weight:bold;
color:#CC0000;
margin-bottom:8px;
}



.koshin_jokyo li{
margin:4px 20px 9px 30px;
list-style:decimal outside;
}
.koshin_jokyo  ul li{
list-style:disc outside;
}

/* ----------------- */

.okn_wrap{
width:700px;
margin:10px auto;	
	
}

@media (max-width: 1100px) {
.okn_wrap{
width:98%;
	
}
}







.okn-box{
float:left;
width:165px;
height:235px;
border:1px solid #cccccc;
margin:10px 8px 10px 0;
background: #fff;
border-radius: 6px;
}

.okn-box .okn-pt{

width:165px;
height:124px;
overflow:hidden;
}

.okn-box .okn-pt img{
border-radius: 6px 6px 0 0;
}

.okn-box .okn-row1{
	float:left;
	padding:3px;
	font-size:85%;
}

.okn-box .okn-close{
	float:right;
	padding:3px;
}

.okn-box .gname{
	font-size:86%;
	clear:both;
padding:2px;
background:#608c3d;
overflow:hidden;
width:161px;
height:14px;
color:#fff;
}

.okn-box .gname.bb{
background:#955821;

}



.okn-box .gtype{
	clear:both;
text-align:center;
font-size:96%;
padding:2px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.okn-box .gtype_opt_a{
text-align:center;
font-weight:bold;
padding:2px;

background:#daede8;
/* background:#58ae91; 
color:#FFFFFF; */
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.okn-box .gprice{
padding:3px;
font-size:93%;
text-align:center;
background:#f3f3f3;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.okn-box .gadr{
	font-size:86%;
text-align:center;
padding:2px;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


.okn-box .gprice strong{
font-weight:bold;
color:#cc0000;
}

#okn-form{
	
margin:10px auto;
text-align:center;
padding:10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	
}

#okn-submit{
font-size:160%;
}








a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}



ul.stmenu{
/* position: fixed; */
}

.stmenu li{
text-align:left;
font-size:108%;
font-weight:normal;


}

.stmenu li a,  .stmenu li a:visited{
display:block;
height:32px; /* 51-1 -18 */

font-weight:bold;
margin:0;

padding:18px 5px 0 32px;
background:url(../img/menu/icon_menu.png) no-repeat 9px 18px;

text-decoration:none;
color:#333333;
}


.stmenu .sml{

font-size:93%;


}



.stmenu li.smenu{
text-align:left;
font-size:100%;
overflow:hidden;
/* background:url(../img/menu/bg_sidemenu.gif) repeat-x;*/

}

.stmenu  li.smenu a,  .stmenu  li.smenu a:visited{
display:block;
height:21px; /* 51-1 -10 */


font-weight:bold;
margin:0;

padding:5px 5px 0 32px;
background:url(../img/menu/icon_menu2.gif) no-repeat 15px 9px;

text-decoration:none;
color:#444444;
}







.stmenu li a:hover , .stmenu li.smenu a:hover {
color:#cc0000;
text-decoration:none;
	}




.stmenu  li.smenu_k2 a,  .stmenu  li.smenu_k2 a:visited{
	
	padding:8px 5px 0 32px;

height:38px; /* 51-1 -10 */

}

/* --------------- */

#on_screen .b_detail_table{
font-size:116%;	
}

#on_screen .b_detail_table td{
padding:10px;	
}

/* --------------- */

#on_screen .c_detail_table{
font-size:116%;	
}

#on_screen .c_detail_table td{
padding:8px;	
}

/* --------------- */

.c_listview_table{
	position: relative;
	border:1px solid #ccc;
	background:#fff;
	margin:10px auto;
	padding:10px;
border-radius: 10px;
	
}

.c_layer_list1{
	
	position: absolute;
    top: 0px;
    left: 0px;
	padding:0;

}


.c_view_img1{
float:left;
overflow:hidden;
width:180px;
height:135px;
margin-right:8px;
text-align:center;
}
@media screen and (max-width: 1350px) {
.c_view_img1{
margin-bottom: 15px;
}
}
.c_view_img1 img{

max-width:180px;
max-height:135px;
border-radius: 6px;
}

.c_view_img2{
float:left;
overflow:hidden;
width:180px;
height:135px;
margin-right:22px;
text-align:center;
}
@media screen and (max-width: 1350px) {
.c_view_img2{
margin-bottom: 15px;
}
}

.c_view_img2 img{

max-width:180px;
max-height:135px;
}

.c_view_txt{

float:left;
overflow: visible;
width:540px;
margin-right:20px;
}
@media screen and (max-width: 1350px) {
.c_view_txt{
clear: both;
display: block;
float:none;
width:100%;
margin-right:0px;
}
}



.c_view_go{
text-align:center;
float:left;
/* overflow:hidden; */
width:110px;

}

.c_view_go p{
text-align:center;
margin-top:8px;
height:29px;
}

.c_v_name{
	
/* white-space: nowrap;
overflow:hidden;
 */
font-size:167%;


}
.c_v_price{
	font-weight:bold;
/* white-space: nowrap; */
font-size:189%;
/* overflow:hidden; */
color:#C00;
margin-bottom:8px;
	font-family:Lato,"游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	letter-spacing:0.1em;
}

.c_v_ex{
	font-size:116%;
}
@media screen and (max-width: 1350px) {
.c_v_ex{
margin-bottom: 15px;
}
}


/* ===3D全天球=============== */

.z3dnavi li{ 
display: block;
float: left;
margin: 10px;
background: #53caff;
  color: #fff;
  text-decoration: none;

  border-radius: 8px;
font-size: 140%;
font-weight: bold;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.z3dnavi li:hover {
    background:#008ed2;
    }

.z3dnavi li a{
display: block;
  padding: 10px;
text-decoration: none;
color: #fff;
}

.z3dnavi li a:hover{ 
color: yellow;
}

h2.centerunder{
clear: both;
margin: 10px auto;
text-align: center;
display: inline-block;
border-bottom: 3px solid #333;
padding:6px;
}
/* ===3D全天球ここまで=============== */



/* ===スマホ専用=============================================== */

.ham_icon{
float: left;
	width:11.8%;
}

#sp_title{
	float: left;
	width: 27%;
}
#sp_title img{
	width: 100%;
	height: auto;
	
}
.ham_icon_c,.ham_icon_b {
float: left;
	width:30%;
}
.ham_icon img,.ham_icon_c img,.ham_icon_b img{
	width: 100%;
	height: auto;
	
}

#sp_cover{


position:fixed;
left: 0;
right: 0;


background: #fff;
box-shadow:rgba(66, 33, 0, 0.16) 0px 6px 0px 0px;
margin-bottom: 10px;
z-index: 500;
}


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


.ham_open {
display: none;
	margin-bottom: 10px;
}

.ham_open_c {
display: none;
	margin-bottom: 10px;
}

.ham_open_b {
display: none;
	margin-bottom: 10px;
}

ul.ham_menu  {
	background: #000;
	clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
	
}

.ham_open_c ul.ham_menu  {
	background: #316602;	
}
.ham_open_b ul.ham_menu  {
	background: #5e3d23;	
}
.ham_open ul.ham_menu  {
	background: #2f2f2f;	
}


.ham_menu li {
font-size:131%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 40px 10px 30px;
background: url(../img/top/ham_arrow.png) center right 20px no-repeat;
}

.ham_menu li+ li {
  border-top: none;

}

.ham_menu li a{
text-decoration: none;
display: block;
color: #fff;
}



/* ==クリッカブルマップ======================= */
.clmap{
width:740px;
margin: 10px auto;
}
@media screen and (max-width: 980px) {
.clmap{
width:100%;
}
.clmap img{
width:100%;
}
}

/* ===一般ページ================================================================================================= */
.box640{
	width:640px;
	margin: 0 auto;
}

@media (max-width: 1100px) {
.box640{
	width:100%;
}

}

/* ==================================================================================================== */
/* ==================================================================================================== */
/* ==================================================================================================== */


/* スマホの時だけ出したいクラス(PCでは消す) */
.sp_das{
display:none;
}
.sp_das_inline{
display:none;
}


/* ★レスポンシブ用まとめ------------------------------------- */
@media screen and (max-width: 1350px) {

/* body {background:#fff} */

#headcover{
display:none;
}

#fixheadcover{
display:none;
}

#fixbase{
display:none;	
}
/*
#sidetabcover{
display:none;
}
*/



/*
#footer{
display:none;		
}
*/



/*
#sp_header{

}

#sp_footer{


}
*/
	
	
#sp_footer img{ vertical-align: bottom; } /* 画像下のスキマけし */


/* スマホの時だけ消したいクラス */
.sp_del{
display:none;
}

/* スマホの時だけ出したいクラス */
.sp_das{
display:block;
}
.sp_das_inline{
display:inline;
}





}/* _______________@media screen_______________________________ */



/* ================================================== */

@media (min-width: 1100px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}








/* お問い合わせカードのスタイル ------------------------- */
.fk_inquiry_card_wrapper {
	max-width: 900px;
	margin: 0px auto;
	margin-bottom: 50px;
	padding: 0 15px;
}

.fk_inquiry_card {
	background: #fff;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	overflow: hidden;
}

.fk_inquiry_card_header {
	background: linear-gradient(135deg, #ff6b35 0%, #ff8c42 100%);
	color: #fff;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
}

.fk_inquiry_card_body {
	padding: 25px;
}

.fk_inquiry_form_title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
}

.fk_inquiry_option_list {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.fk_inquiry_option_list li {
	flex: 1;
	min-width: 200px;
	margin-bottom: 0;
}

.fk_inquiry_option {
	position: relative;
	height: 100%;
}

.fk_inquiry_option input[type="radio"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.fk_inquiry_option_label {
	display: block;
	padding: 15px 20px 15px 50px;
	background: #f9f9f9;
	border: 2px solid #ddd;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	font-size: 15px;
	color: #333;
	height: 100%;
	display: flex;
	align-items: center;
}

.fk_inquiry_option_label:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border: 2px solid #999;
	border-radius: 50%;
	background: #fff;
}

.fk_inquiry_option input[type="radio"]:checked + .fk_inquiry_option_label {
	background: #fff5f0;
	border-color: #ff6b35;
	font-weight: bold;
}

.fk_inquiry_option input[type="radio"]:checked + .fk_inquiry_option_label:before {
	border-color: #ff6b35;
	background: #ff6b35;
	box-shadow: inset 0 0 0 4px #fff;
}

.fk_inquiry_option_label:hover {
	background: #f0f0f0;
	border-color: #ff8c42;
}

.fk_inquiry_form_action {
	text-align: center;
	margin-top: 25px;
}

.fk_submit_btn {
	display: block;
	width: 80%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px 40px;
	background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
	color: #fff;
	border: none;
	border-radius: 50px;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
	letter-spacing: 1px;
}

.fk_submit_btn:hover {
	background: linear-gradient(135deg, #45a049 0%, #3d8b40 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
}

.fk_submit_btn_note {
	font-size: 14px;
	margin-left: 8px;
	font-weight: normal;
}

.fk_contact_info_wrapper {
	border-top: 2px solid #f0f0f0;
	margin-top: 25px;
	padding-top: 25px;
}

.fk_contact_info {
	text-align: center;
}

.fk_contact_phone_wrapper {
	margin-bottom: 15px;
}

.fk_contact_phone {
	margin-bottom: 10px;
}

.fk_contact_phone_number {
	font-size: 32px;
	font-weight: bold;
	color: #ff6b35;
	letter-spacing: 2px;
	display: inline-block;
	padding: 10px 30px;
	background: #fff5f0;
	border-radius: 8px;
	border: 2px solid #ff6b35;
	text-decoration: none;
	transition: all 0.3s ease;
}

.fk_contact_phone_number:hover {
	background: #ffe5d9;
	transform: scale(1.05);
	text-decoration: none;
}

.fk_contact_phone_number i {
	margin-right: 10px;
}

.fk_contact_company_info {
	margin-top: 15px;
}

.fk_contact_company_name {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
}

.fk_contact_company_hours {
	font-size: 13px;
	color: #666;
	line-height: 1.6;
}


/* レスポンシブ対応 */
@media (max-width: 1100px) {
	.fk_inquiry_card_header {
		font-size: 18px;
		padding: 15px;
	}
	
	.fk_inquiry_card_body {
		padding: 20px 15px;
	}
	
	.fk_inquiry_option_list {
		flex-direction: column;
	}
	
	.fk_inquiry_option_list li {
		flex: none;
		width: 100%;
	}
	
	.fk_inquiry_option_label {
		padding: 12px 15px 12px 45px;
		font-size: 14px;
	}
	
	.fk_submit_btn {
		padding: 15px 40px;
		font-size: 16px;
	}
	
	.fk_contact_phone_number {
		font-size: 26px;
		padding: 8px 20px;
	}
}

/* ____________________お問い合わせカードのスタイル */

/* ASK form */


table.cms_ask{
	width: 90%;
	margin:10px auto;
	border:none;
}

table.cms_ask td{
	padding:10px;
	border-bottom: 1px dotted #666;
	line-height: 2em;
}
table.cms_ask th{
text-align:left;
	padding:10px;
font-weight:bold;
	border-right: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

@media (max-width: 980px) {
table.cms_ask{
	width: 100%;
}
table.cms_ask th{
	display:block;
	width: 100%;
	border-right:none;
	padding-bottom:0;
}
table.cms_ask td{
	display:block;
	width: 100%;
	border-bottom: none;
	padding-bottom:20px;
}
}


.cms_ask input[type="text"]{
	width: 80%;
}
.cms_ask textarea{
	width: 80%;
}