@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{
	margin:0;
	padding:0;
	font-family:Lucida Grande,"メイリオ","Meiryo","Meiryo UI","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN";
	font-size:12px;
	overflow-x: hidden;
	padding-top:70px;
}
a img{border:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#ffd200;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#wrapper{
	max-width:320px;
	margin:0 auto;
	overflow: hidden;
}

/*#header*/
#fixed{
	width:100%;
	position:fixed;
	top:0px;
	background:#ffffff;
	z-index:99999999999;
	border-top:solid 10px #225074;
	border-bottom:solid 5px #225074;
}




#header{
	margin:0 auto;
	width:320px;
	padding:20px 0;
	background:#ffffff;
	position:relative;
}



#header h1,#header h1 img{
	width:130px;
	margin:0 auto;
}



/*ふるさと一覧中浦追加始まり*/


#online h4{
	font-size:10px;
	text-align:center;
}

#online h4 img{
	width:60%;
}


#caution_furusato{
	font-size:8px;
	text-align:center;
	margin-top:3%;
	margin-bottom:10%;
}

.furusato{
	width:100%;
	text-align:center;
	
}
.furusato td, th {
	padding:1%;
	width:50%;
	border: 1px solid #595959;
	border:1px solid #bbb;
}

.furusato img{
  width: 80%;
  padding:10;
  vertical-align: bottom;
  object-fit: contain;
}



/*ふるさと一覧中浦追加終わり*/


/*中浦追加*/


#fixed2{
	width:100%;
	text-aling:center;
	position:fixed;
	bottom:0px;
	background:#fff;
	z-index:99999999999;
	border-top:solid 5px #225074;
}

#header2{
	margin:0 auto;
	width:320px;
	padding:5px 0;
	background:#ffffff;
	position:relative;
}


#header2 h2,#header2 h2 img{
	width:320px;
	margin:0 auto;
}

/*中浦追加*/


#modal{
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	width:320px;
	top:0px;
	height:100%;
	position:fixed;
	z-index:-999999;
	display:none;
}
#t_nav{
	display:none;
}

#header h1,#header h1 img{
	width:130px;
	margin:0 auto;
}
#g_nav{
	position:absolute;
	top:16px;
	right:10px;
}

#g_nav li{
	display:none;
}

#g_nav .facebook,#g_nav .facebook img{
	display: block;
	width:25px;
	padding:0 1px;
}

#icon{
	position:absolute;
	top:16px;
	right:10px;
}

#icon li{
	display: inline;
}

#icon li img{
	display: inline;
	width:25px;
	padding:0 1px;
}

.sp_menu1{
	position:absolute;
	top:20px;
	left:15px;

}
.sp_menu1 img{
	width:30px;

}
.open{
	cursor:pointer;
}
.close{
	cursor:pointer;
	display:none;
}

#sp_menu2{
	list-style:none;
	width:80%;
	position:absolute;
	top:66px;
	left:0;
	background:#fff;
	display:none;
	z-index:99999;
}
#sp_menu2 li img{
	width:100%;
}
#sp_menu2 li a{
	display:block;
}


/*#whats*/
#whats{
	margin:0 auto;
	text-align:center;
	font-size:9px;
	line-height:1.8em;
	margin-bottom:10px;
}
#whats h2{
	margin:0 auto;
	text-align:center;
	background:#DCDDDD;
	padding:5px 0;
	font-size:10px;
	letter-spacing:0.1em;
	font-weight:normal;
	margin-bottom:10px;
}

#whats img{
	width:15px;
	margin-bottom:-4px;
}

hr{
	margin:20px 0;
	border:solid 1px #C9CACA;
}

/*#news*/
#news{
	margin-top:20px;
}
 
h3{
	text-align:center;
	font-weight:normal;
	color:#727171;
	font-size:10px;
	line-height:2.3em;
	letter-spacing:0.1em;
}
h3 img{
	height:13px;
}

#swipers2{
	margin-top:5px;
}

p.sima{
	margin:20px 0;
	width:100%;
	height:10px;
	background:url(../img/hrbg.jpg) repeat-x;
	background-size:contain;
}

/*#series*/
#series p{
	text-align:center;
	margin-bottom:15px;
}
#series p img{
	width:140px;
}

#series .links{
	display:block;
	width:140px;
	font-size:9x;
	float:left;
	padding:5px 10px;
}
#series .links img{
	width:100%;
}
#series .links p{
	padding:20px 0;
	text-align:center;
}

#series a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}

/*#about*/
#about{
	background:#dcdddd;
	padding:20px 0;
	margin-bottom:30px;
	padding-bottom:30px;
}
#about h4 img{
	width:100%;
}
#about p{
	background:#225074;
	color:#fff;
	font-size:9px;
	padding:20px;
	margin-bottom:30px;
}

/*#shop*/
#shop{
	margin-bottom:20px;
	padding:20px 0;
}
.shop_img{
	margin:30px 0;
	margin-bottom:10px;
}
.shop_img p img{
	width:100%;
}
.shop_img p{
	float:left;
}
.shop_img p:nth-child(1){
	width:202px;
	padding:2px;
}
.shop_img p:nth-child(2){
	width:110px;
	padding:2px;
}
.shop_img p:nth-child(3),.shop_img p:nth-child(4){
	width:51px;
	padding:2px;
}
#shop .left{
	font-size:12px;
	padding:20px;
}
#shop .right{
	font-size:12px;
	border-top:solid 1px #9FA0A0;
	padding:20px;
	position:relative;
}

.shop_btn{
	position:absolute;
	top:150px;
	left:20px;
	
}.shop_btn img{
	width:130px;
}

/*#online*/
#online{
	margin-bottom:40px;
	padding:20px 5px;
}

#online h6{
	text-align:center;
	font-weight:normal;
	color:#727171;
	font-size:10px;
	line-height:2.3em;
	letter-spacing:0.1em;
}

#online h6 img{
	height:20px;
}

#online hr {
  border-top: 1px dashed #bbb;
  border-bottom: 1px dashed #fff;
}

#online .left{
	text-align:center;
	font-size:14px;
	margin-top:20px;

}
#online .center{
	text-align:center;
	font-size:14px;
	margin-top:20px;

}
#online .right{
	text-align:center;
	font-size:14px;
	margin-top:20px;
}
#online .left a:nth-child(1) img{
	height:20px;
}
#online .left a:nth-child(2) img{
	height:20px;
}
#online .left a:nth-child(3) img{
	height:20px;
}
#online .left a:nth-child(4) img{
	height:20px;
}

	
}
#online .right a img{
	height:50px;
}


/* 中浦追加 */ 


#online .center2{
	text-align:center;
	
}
#online .center2 img{
	width:100%;
	text-align:center;
}	
	
#online .part{
	
	text-align:center;
	font-size:12px;
	margin-top:20px;
		
}	
	
/* 中浦追加 */ 




/* partners中浦追加 */ 


#par hr{
	display:none;
}


#partners h3{
	
	display:none;
	
}

#partners .part{
	
	display:none;
	
}

/* partners中浦追加 */


#online .center a:nth-child(1) img{
	height:35px;
}
#online .center a:nth-child(2) img{
	height:35px;
}
#online .center a:nth-child(3) img{
	height:35px;
}

.other   {
	margin-top:40px;
	font-size:12px;
	border:1px solid #3E3A39; 
	padding: 10px;
	margin-bottom:10px;
	padding-bottom:40px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

.other p{
	margin-top:10px;
	border-bottom:1px solid #3E3A39;
	background:url(../img/u_yaji.png) no-repeat top right;
	background-size:25px;
	padding:5px 0	;
	font-size:14px;
}
.other div{
	border-bottom:1px solid #3E3A39; 
	margin: 10px ;
	padding-bottom:10px;
	position:relative;
}

h5{
	text-align:center;
	font-weight:normal;
	color:#727171;
	font-size:12px;
	line-height:2.3em;
	letter-spacing:0.1em;
}

#caution{
	margin-bottom:20px;
	margin-top:-70px;
	padding:20px;
	font-size:10px;
	text-align:center;
}

.gmap{
	width:25px;
	position:absolute;
	top:5px;
	right:-15px;
}
.gmap img{
	width:20px;
}
.end{
	border:none !important; 
}

/*#company*/

#company{
	margin-bottom:40px;
	padding:20px 0;
}
.c_table{
	margin-top:15px;
	font-size:10px;
	border-bottom:dotted 1px #3E3A39;
}
.c_table p{
	border-top:dotted 1px #3E3A39;
	float:left;
}
.c_table p:nth-child(odd){
	width:50px;
	padding:10px;
	position:relative;
}

.c_table p:nth-child(even){
	width:250px;
	padding:10px 0;
}
.c_table p:nth-child(odd) span{
	position:absolute;
	top:10px;
	right:10px;
	color:#9FA0A0;
}
/*#recruit*/

#recruit{
	margin-bottom:40px;
	padding:20px 0;
}
.rs{
	width:300px !important;
	clear:both;
	text-align:center;
}

/*#contact*/

#contact{
	margin-bottom:40px;
	padding:20px 0;
	font-size:12px;
	text-align:center;
}
#contact h3{
	margin-bottom:40px;
}

#contact .link a{
	display:block;
	padding:10px 0;
}
#contact .link a .us{
	width:200px;
}
.link{
	margin-top:40px;
}

/*#partner*/

.partner {/*親div*/
    display:none;
}

/*#copy*/

#copy{
	font-size:12px;
	text-align:center;
	color:#fff;
	background:#225074;
	height:30px;
	padding-top:10px;
}
#copy a img{
	width:150px;
}
.top_btn{
	text-align:center;
	margin-bottom:-2px;
}
.top_btn img{
	width:100px;
}

/*表示・非表示指定箇所*/
#whats h2,
#hasami01,
#arita01,
#hokkai01,
#touhoku01,
#kanto01,
#chubu01,
#kansai01,
#chugoku01,
#sikoku01,
#kyushu01,
#world01,
#wshop01
{
	cursor:pointer;
}


#whats p,
#hasami02,
#arita02,
#hokkai02,
#touhoku02,
#kanto02,
#chubu02,
#kansai02,
#chugoku02,
#sikoku02,
#kyushu02,
#world02,
#wshop02
{
	display:none;
}

#hokkai02,
#touhoku02,
#kanto02,
#chubu02,
#kansai02,
#chugoku02,
#sikoku02,
#kyushu02,
#world02,
#wshop02
{
	border:0;
}


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

	CommonElements

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


.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 133px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopslider ul {
/*	width: 100%;*/
	height: 133px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	width: 924px;
	height: 133px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li img{
	width: 924px;
	height: 133px;
}


/* =======================================
	ClearFixElements
======================================= */
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}


/*#access*/

#access{
	margin-bottom:40px;
	padding:20px 0;
}
.access_img{
	margin:30px 0;
	position: relative;
}
.access_img p{
	width:25px;
	position: absolute;
	bottom:10px;
	right:10px;
}
#access .mains{
	font-size:10px;
	padding:20px 10px;
	border:solid 2px #C9CACA;
	margin-bottom:30px;
}
#access .mains .left{
	line-height:2em;
}
#access .mains .right{
}
#access .mains .left p{
	font-size:14px;
	margin-bottom:10px;
	border-bottom:solid 1px #646464;
}
#access .mains .left div{
	margin-bottom:30px;
}
#access h4 img{
	height:13px;
	margin-bottom:5px;
}

#access .coment{
	font-size:10px;
	padding:10px 0 30px 0;
}

#access .small{
	font-size:10px;
	line-height:1.5em;
}
#access table{
	width:100%;
}
#access table tr td:nth-child(even){
	text-align:right;
}

#access .cen{
	text-align:center;
}

/*#recruit2*/
#recruit2{
	margin-bottom:40px;
	padding:20px 0;
}
.recruit2_img{
	margin:30px 0;
	position: relative;
}
.recruit2_img p{
	width:25px;
	position: absolute;
	bottom:10px;
	right:10px;
}
#recruit2 .mains{
	font-size:10px;
	padding:20px 10px;
	border:solid 2px #C9CACA;
	margin-bottom:30px;
}
#recruit2 .mains .left{
	line-height:2em;
}
#recruit2 .mains .right{
}
#recruit2 .mains .left p{
	font-size:14px;
	margin-bottom:10px;
	border-bottom:solid 1px #646464;
}
#recruit2 .mains .left div{
	margin-bottom:30px;
}
#recruit2 h4 img{
	height:13px;
	margin-bottom:5px;
}

#recruit2 .coment{
	font-size:10px;
	padding:10px 0 30px 0;
}

#recruit2 .small{
	font-size:10px;
	line-height:1.5em;
}

/*#toukiichi*/
#toukisp{
	text-align:center;
	font-size:10px;
	line-height: 1.5;
	font-weight:normal;
}
#touki{
  display:none;
}
#toukiichi{
	 display:none;
}

.cen img{
	text-align:center;
	width:100%;
	margin-top:0px;
	margin-bottom:-20px;
}

/*中浦追加ここから*/
.olbox{
	background-color: #f9cfaa;
	text-align:left;
	padding:10px
}


/*中浦追加ここまで*/



/*中浦テーブル追加ここから*/

.table_design03 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
}
.table_design03 th, .table_design03 td {
  border-bottom: 2px solid #c1c7c6;
  padding: 1em;
}
.table_design03 th {
  border-bottom: 2px solid #81c3c3;
  border-left: none;
  border-top:none;
  border-right:none;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}

.table_design03 td {
	text-align:left;
	padding-left:10%;
	}

/*中浦テーブル追加ここまで*/




/*#exhibition*/
#ex .mains{
	padding:20px 5px;
}
#ex .mains .left{
	width:97%;
	line-height:2em;
	margin-left:5px;
}
#ex .mains .left img{
	margin-bottom:25px;
}
#ex .mains .right{
	width:95%;
	font-size:12px;
	margin-left:5px;
}
#ex .mains .right p{
	font-size:14px;
	margin-bottom:10px;
	border-bottom:solid 1px #646464;
}
#ex .mains .left p{
	font-size:18px;
	margin-bottom:10px;
	border-bottom:solid 1px #646464;
}
#ex .mains .left div{
	font-size:14px;
	margin-bottom:30px;
}
#ex .mains2{
	padding:0px 0px;
	margin-bottom:20px;
}

#ex .mains2 .left2{
	float:left;
	width:75px;
	line-height:2em;
	margin-right:0px;
}
#ex .mains2 .right2{
	width:350px;
	margin-top:5px;
}
#ex .mains2 .right2 p{
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	
}
#ex .mains2 .right2 span{
	font-size:10px;
	font-weight:400;
	margin-bottom:0px;
	
}
#ex .mains2 .left2 p{
	font-size:16px;
	margin-bottom:5px;
	border-bottom:solid 1px #646464;
}
#ex .mains2 .url p{
	font-size:12px;
	margin-bottom:30px;
	margin-top:-20px;
}

#ex .ggmap{
	display:none;
}

#ex .ggmap2{
	width:350px;
	margin:0 auto;
}



/*.product*/

.product{
	margin-bottom:40px;
	padding:20px 0;
}

.product h3 img{
	height:25px;
}
.product h4 img{
	height:13px;
}


.product h3{
	text-align:center;
	font-weight:normal;
	color:#3E3A39;
	font-size:14px;
	line-height:2.3em;
	letter-spacing:0.1em;
}

.tables{
	width:300px;
	margin:0 auto;
}
.tables .left img{
	width:100%;
}
.tables .left{
	width:100%;
}

.tables .right{
	margin-top:30px;
	padding:0 10px;
}
.tables{
	margin-bottom:30px;
}
.product .right h3{
	text-align:left;
	letter-spacing:0.1em;
	margin-bottom:10px
}

.product01{
	cursor:pointer;
	border-bottom:solid 1px #145074;
	font-size:14px;
	width:290px;
	margin:0 auto;
	padding:5px 10px;
	background:url(../img/product/yaji.png) no-repeat 290px 15px;
	background-size:10px;
	margin-bottom:20px;
}
.product02{
	display:none;
	width:290px;
	margin:0 auto;
	margin-bottom:20px;
}

.product02 .right img{
	width:290px;
	margin:0 auto;
}
.product02 .right{
	width:290px;
	margin:0 auto;
}

.product02 .left{
	width:290px;
	margin:0 auto;
	text-align:center;
}

.img_click{
	width:150px;
}

.product02 .left hr{
	margin:5px 0 0 0;
	border:solid 1px #C9CACA;
}
.product02 .tittle{
	float:left;
	font-size:14px;
}
.product02 .price{
	float:right;
	font-size:14px;
}
.product02 .price span{
	font-size:12px;
}
.product02 .size{
	float:left;
	font-size:12px;
}
.product02 .price2{
	float:right;
	font-size:12px;
}
.product02:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.product02 {
	min-height: 1px;
}

* html .product02 {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.product03:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.product03 {
	min-height: 1px;
	margin-top:20px;
}

* html .product03 {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.product04 {
	margin:10px 0;
	font-size:12px;
	text-align:left;
}

.product04 img{
	height:20px;
	margin-bottom:5px;
}

.product h5 img{
	height:15px;
	margin-bottom:10px;
	margin-top:5px;
}

.list:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.list {
	min-height: 1px;
	margin-top:20px;
}

* html .list {
	height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.list{
	text-align:left;
	margin-bottom:10px;
}
.list a{
	width:70px;
	display:block;
	text-align:center;
	float:left;
	letter-spacing:0em;
	font-size:10px;
}

.list a img{
	width:100%;
}

/*フォーム関連*/
.wrapper{
	width:310px;
}
.wrapper h3{
	text-align:center;
	font-size:18px;
	color:#3E3A39;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:2em;
	padding-top:30px;
}
.wrapper h4{
	text-align:center;
	font-size:13px;
	color:#3E3A39;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:20px;
}
.wrapper .reds{
	color:#b80b0b;
	font-weight:bold;
}
.wrapper .coms{
	font-size:10px !important;
	width:300px;
	margin:0 auto;
}
.wrapper .caution{
	color:#b80b0b;font-size:10px;margin-top:30px;
}
.wrapper .ca{
	color:#b80b0b;
	font-size:8px;
	border:solid 1px #b80b0b;
	font-weight:normal;
	padding:1px 5px;
	display:block;
	width:20px;
	text-aling:center;
}
.wrapper .left{
	width:285px;
	font-size:10px !important;
	color:#fff;
	background:#225074;
	border:2px solid #225074;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	padding:10px;
	margin:0 auto;
	margin:20px 0;
}
.wrapper .right{
	width:285px;
	font-size:10px !important;
	color:#fff;
	background:#225074;
	border:2px solid #225074;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	padding:10px;
	margin:0 auto;
	margin:20px 0;
}

/* テーブル全体の表示 */
table.question {
	width:100%;
	border-collapse: collapse;
	border-style: solid;
	border-width:1px;
	margin: 10px auto;
	border-color: #DDDDDD;
	font-size:8px;
}

table.question th {
	padding:10px 5px;
	background: #FFFFFF;
	text-align: left;
	font-weight:normal;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
}
.vl{
	vertical-align:top;
}
table.question td { 
	width:200px;
	padding:10px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
}
table.question td input[type="text"]{ 
	padding:5px;
	width:93%;
	font-size:14px;
}
table.question td textarea{ 
	padding:5px;
	width:93%;
	font-size:14px;
}

/* エラー時の表示 */
.error_coution {
	color:#FF0000;
}

/* submitボタンエリア */

div.question_submit {
	text-align:center;
	margin:20px 0px;
}

div.question_submit input.button {
	width: 150px;
	padding:5px;
}