
@charset "utf-8";
/*@import "../../reset-fonts.css";*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}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:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% 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%;}strong{font-weight:bold;}

/* reset
------------------------------------------*/
.clear{ clear: both; }
.clearfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{ min-height: 1px; }
* html .clearfix{ height: 1px; }


/******* 通常設定箇所(調整は基本的にこのエリア内だけでOK) *******/

/* 全体背景色調整 */
html{
	background:url(/mobile2/images/body-bg.jpg) repeat 0 0;
	}

/* gnav色調整 */
.sp-gnav li a{
	display:block;
	background:#232323;
	height:44px;
	line-height:44px;
	text-align:center;
	/*border:1px solid #E0E0E0;*/
}
.sp-gnav li a{
	color:#ffffff;
}
.sp-gnav li.onmark a{
	background: #ffffff;
	color:#232323;
}

/* カテゴリタイトル背景色調整 */
.page-title{

	/*基本ここを調整。グラデーション背景*/
	background: -webkit-gradient(linear, left top, left bottom,
    from(#726F6F),/*上側色*/
    color-stop(0.48, #545151),
    color-stop(0.52, #444343),
    to(#2D2C2C)/*下側色*/
    );     
	/*ここまで*/
	
  border-bottom: 1px solid #273750;
  border-top: 1px solid #ccd6e2;
  height: 40px;
  font-size:115%;
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  text-align: left;
  text-indent: 3%;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
  /*
	margin: 10px 0 0 0;
	height: 40px;
	font-size: 105%;
	font-weight: bold;
	line-height: 40px;
	text-indent: 20px;
	background: url(/images/category-title-bg.jpg) no-repeat 0 0;
	color: #FFF;
	text-align:left;
	*/
}

/* ページ送り関連色調整 */
.pagebute .current_page,
.pagebute a.link_page,
.pagebute .link_next,
.pagebute .link_before {
	display:inline-block;
	padding:12px;
	margin:3px;
	border:1px solid #2D2C2C;
	/*float:left;*/
}
.current_page {
	background:#2D2C2C;
	color:#ffffff;
}


/*************************** ここまで ***************************/













/* base
------------------------------------------*/
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #444;
    line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3";}
a{ color: #1122CC; text-decoration: none;-webkit-tap-highlight-color:rgba(255,0,0,0.40); }
a:hover{ color: #878585;}
a:hover.alpha img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
a, input{ outline: none; }
input:hover.alpha{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/* layout
------------------------------------------*/

body{
	text-align: center;
	width:100%;
	-webkit-text-size-adjust: none;
	/*width:320px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	margin:0 auto;*/
}
body#home{
}
#sp-container{
	margin: 0 auto;
}
#sp-container-inner{
}
#sp-content{
	width: 100%;
}
#sp-content-inner{
	text-align: center;
}

/* header
------------------------------------------*/
#sp-header{
	width: 100%;
}
#sp-header-inner{
	text-align:left;
}
#sp-logo{
	float:left;
	margin:5px;
	overflow:hidden;
}
#sp-logo img{
	width:200px;
}

.sp-gnav li{
	float:left;
	width:25%;
}



/** プルダウン **/
/*.sitemap-btn {
	display:block;
	width:8px;
	height:36px;
	line-height:36px;
	text-indent:2px;
	background: -webkit-gradient(linear, left top, left bottom,
		from(#A3A29F),
		color-stop(0.48, #494947),
		color-stop(0.52, #545351),
		to(#3A3A38)
		);
	font-size:85%;
	color:#ffffff;
	}
*/

#sp-sitemap{
	float:right;
	width:85px;
	margin:12px 5px 0 0;
	height:36px;
	position:relative;
	z-index:10;
}

#sp-sitemap li{
float:left;
list-style:none;
background-repeat:no-repeat;
background-position:right center;
background-size:52px 40px;
-moz-background-size:52px 40px;
-webkit-background-size:52px 40px;
position: relative;
}
#sp-sitemap li a{
display:block;
width:52px;
/*height:46px;*/
}
#sp-sitemap ul{
margin:0;
padding:0;
position:absolute;
right:-33px;
background:#f1f1f1;
top:-999em;
}
#sp-sitemap li:hover ul,
#sp-sitemap li.sfHover ul{
top:36px;
}
#sp-sitemap ul li{
float:none;
display:inline;
}
#sp-sitemap ul a{
width:130px;
/*height:30px;*/
padding:9px 9px 5px 14px;
/*font-size:12px;*/
color:#4d4d4d;
text-decoration:none;
text-shadow:0 1px 1px #ffffff;
border-left:1px solid #676767;
border-right:1px solid #676767;
border-bottom:1px solid #676767;
background:url(/mobile2/images/arrow_02.png) no-repeat 0 50%;
}
#sp-sitemap ul a:hover{
background-color:#e5e5e5;
}

.child{
	display:block;
	padding-left:10px;
}
#sitemap-bottom .child{
	display:block;
	padding-left:20px;
}

/* mainvisual
------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.flickSlideContainer {
	position:relative;
	width:100%;
	/*border:1px #CCC solid;
	border-top:0px;*/
	-webkit-box-sizing:border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 0) 0px 0px 0px inset;
	z-index:5;
}
div.moveWrap {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	-webkit-box-sizing:border-box;
}
ul.moveWrapBG {
	display:inline-block;
	position:relative;
	width:100%;
	height:auto;
	visibility:hidden;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

/*div.moveWrap:after, */
/*
ul.moveWrapBG:after{
	content:'.';
	visibility:hidden;
	width:100%;
	line-height:0;
	clear:both;
}
*/
div.slideMask {
	position:absolute;
	top:0;
	left:0;
	border:4px #FFF solid;
	-webkit-box-sizing:border-box;
	margin-right:1px;
}
div.moveWrap>ul.move {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	padding:0;
	margin:0;
	width:10000px;
	-webkit-transition:all 0.6s ease-in-out;
	-webkit-transform:translate3d(0,0,0);
	/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform;
	*/
	margin:0;
	padding:0;
	display:none;
}
div.moveWrap>ul.move li.slideUnit {
    float:left;
    list-style:none;
	padding:0;
	margin:0;
	text-align:center;
	-webkit-box-sizing:border-box;
}
li.slideUnit>div {
    display:inline-block;
	vertical-align:middle;
	text-align:center;
	/*padding:4px 4px 4px 4px;*/
	-webkit-box-sizing:border-box;
}
div.flickSlideBottom {
    width:100%;
	/*margin-top:5px;*/
}
div.flickSlideBottom div.bottomLeft, div.flickSlideBottom div.bottomRight {
	display:table-cell;
	border:1px #CCC solid;
	-webkit-box-sizing:border-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 0px 0px 0px inset;
	vertical-align:middle;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ffffff),
		color-stop(0.50, #f7f7f7),
		to(#d4d4d4));
}
div.flickSlideBottom div.bottomLeft.off, div.flickSlideBottom div.bottomRight.off {
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f0f0f0),
		to(#d0d0d0));
	-webkit-box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 3px, rgba(255, 255, 255, 1) 1px 1px 1px inset;
}
div.flickSlideBottom div.bottomRight {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;
}
div.flickSlideBottom div.bottomLeft {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;
}


div.flickSlideBottom div.bottomLeft:after {
	font-size:10px;
    content:'Prev';
	padding:5px;
	width:50px;
	text-align:left;
	display:table-cell;
}
div.flickSlideBottom div.bottomLeft:before {
    content:url(/mobile2/images/arrowL.png);
	padding:5px;
	text-align:left;
	display:table-cell;
}

div.flickSlideBottom div.bottomRight:before {
	font-size:10px;
    content:'Next';
	padding:5px;
	width:50px;
	text-align:right;
	display:table-cell;
}
div.flickSlideBottom div.bottomRight:after {
    content:url(/mobile2/images/arrowR.png);
	padding:5px;
	text-align:right;
	display:table-cell;
}
div.flickSlideBottom ul.slidePager {
	display:table-cell;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}
div.flickSlideBottom ul.slidePager li.slidePagerPointer {
	display:inline-block;
	background-color:#CCC;
	width:10px;
	height:10px;
	margin:10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}
div.flickSlideBottom ul.slidePager li.slidePagerPointer.active {
    -webkit-box-shadow:
		0px 0px 4px rgba(255,0,153,0.8),
		inset 0px 0px 1px rgba(255,000,217,1);
	background-color:#F6C;
}
#mainImages{
	color:#666666;
}

/* トップページタブ */
#sp-tabs{
	text-align:left;
}
#sp-tabs ul.tab-main{
}
#sp-tabs ul.tab-main li{
	width:49%;
}
#sp-tab1 li,
#sp-tab2 li{
	overflow:hidden;
	border-bottom:dashed 1px #666666;
	padding-bottom:2px;
}
.sp-tab-img  {
	padding-top:10px;
	float:left;
	width:70px;
}
.sp-tab-date {
	padding-top:10px;
	line-height:1.3;
	font-size:90%;
}
.sp-tab-title{
	line-height:1.4;
	font-size:95%;
}
.tab-more {
	text-align:right;
	padding-top:3px;
}
.entry-title a,
.ip-title a{
	color:#ffffff;
}
.entry-title,
.ip-title{
  background: -webkit-gradient(linear, left top, left bottom,
    from(#b2bcc8),/*上側色*/
    color-stop(0.48, #8a9bb5),
    color-stop(0.52, #8192ae),
    to(#73839c)/*下側色*/
  );
  clear:both;
  border-bottom: 1px solid #273750;
  border-top: 1px solid #ccd6e2;
  line-height:1.3;
  padding:6px 5%;
  font-size:110%;
  width: 90%;
  color: #fff;
  font-weight: bold;
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
  /*height: 30px;*/
  /*line-height: 30px;*/
  /*text-indent: 5%;*/
}
.ip-list li{
  background-color: #fff;
  position: relative;
  border-bottom: solid 1px #ddd;
  text-indent:7%;
  text-align:left;
}
.ip-list li a:not(.noListLink) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #000;
  text-decoration: none;
  -webkit-box-sizing: border-box;
}
.ip-list li a:not(.noListLink):after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  display: block;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
}
.ip-list li a:not(.noListLink):before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background-image: -webkit-gradient(radial, center center, 0, center center, 10, from(#246cd8), color-stop(70%, #246cd8), color-stop(90%, white), to(white));
  border-radius: 16px;
  border: solid 2px #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), inset 0 6px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4), inset 0 6px 0 rgba(255, 255, 255, 0.3);
}

#icons {
	width:100%;
	padding:10px 0 10px 0;
	overflow:hidden;
}
#icons li {
	width:33%;
	float:left;
	font-size:90%;
	line-height:1.2;
}

/* footer
------------------------------------------*/
#sp-footer{
	padding:10px 0 0 0;
	width: 100%;
	border-top:1px solid #ccc;
}
#sp-footer-inner{

}
.sp-copyright{
	/*line-height:20px;*/
}
.sp-pcsite{
	width:100%;
	text-align:center;
	padding:20px 0 0 0;
}

/* 下層
-------------------------------------------*/
.sp-main-inner{
	width:100%;
}
.sp-entry-body{
	width:93%;
	text-align:left;
	margin:10px;
}
.sp-entry-body img{
	max-width:91%;
	height:auto;
}
.sp-entry-body th {
	width:30%;
}
.sp-entry-body td {
	width:70%;
}

.sp-entry-body table{
	
}
.sp-entry-body h3{
	margin:10px 0;
	background:url(/mobile2/images/h3-bg.png) no-repeat 5px 50%;;
	padding:5px 5px 5px 25px;
	font-weight:bolder;
	border-bottom:dashed 1px #73839c;
}
.sp-entry-body h4{
	margin:10px 0;
	background:url(/mobile2/images/h4-bg.png) no-repeat 5px 50%;;
	padding:1px 5px 1px 20px;
}

.sp-entry-body h5{
	margin:10px 0;
	background: url(/mobile2/images/h5-bg.png) no-repeat 8px 50%;;
	padding:1px 5px 1px 20px;
}
.sp-entry-body h6{
	margin:10px 0;
	border-bottom:dashed 1px #73839c;
}
.table-sp {
	width:95%;
	margin:0 auto;
}
.table-sp th{
	width:25%;
	padding:5px;
	background:#EAEAEA;
	}
.table-sp td{
	width:65%;
	padding:5px;
	}


table.table01{
	margin: 0 0 0.8em 0;
	padding: 0;
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	}
table.table01 th{
	padding: 10px 12px;
	width: 100px;
	background: #eee;
	border: #dadada 1px solid;
}
table.table01 td{
	padding: 10px 12px;
	border: #dadada 1px solid;
}
table.table01 td ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}

iframe {
	width:100%;
	height:230px;
	overflow:hidden;
}

/* cf_form
------------------------------------------*/
.cf_title_head_comment{
	margin:15px;
}
.cf_title_footer_comment{
	margin: 0 0 15px 0;
}
#cf-form {
	text-align:left;
}
#cf-form table{
	border-collapse:collapse;
	border-spacing:0;
	margin: 0 auto;
	/*margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;*/
	width: 90%;
}
#cf-form table table{
	margin: 0;
	width: 70%;
}
#cf-form table th{
	margin: 0;
	padding: 10px 12px;
	width: 20%;
	background: #eaeaea;
	border: #ccc 1px solid;
}
#cf-form table td{
	margin: 0;
	padding: 10px 12px;
	border: #ccc 1px solid;
}
#cf-form table td table td{
	padding: 2px 5px 2px 0;
	border: none;
}
input.cf_text_input, input.cf_email_input, input#f_2_zip, input#f_2_city, .cf_kennbutu_value input{
	width: 100%;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.cf_textarea_td textarea{
	width: 100%;
	height: 150px;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
#cf-form .btn{
	text-align: center;
	margin-bottom:20px;
	width:100%;
}
#cf-form .btn input{
	margin: 0 10px;
}
.contact-top img{
	vertical-align:bottom;
}
.contact-bottom{
	background:#FFFFFF url(/images/contact-bottom.jpg) no-repeat 0 0;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	border-left:1px solid #CFCFCF;
	border-right:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;
	position:relative;
	/*width:728px;
	height:455px;*/
}
/*
.contact-bottom ul{
	position: absolute;
	top: 50px;
	left: 195px;
	}

.contact-bottom ul li a{
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding: 10px 0 10px 20px;
	background: url(/images/contact-list.jpg) no-repeat 0 50%;
	height:20px;
	width:490px;
}
*/


/** pagebute **/
.pagebute {
	text-align:center;
}

/** gallery **/
.sp-gallery-list-mainimg{
	text-align:center;
}


/** ユニークタグ **/
.cateid15 table {
	clear:both;
	width:90%;
}
.cateid16 table {
	clear:both;
	width:100%;
}
.cateid19 td{
	width:23%;
}
.entryid49 table{
	clear:both;
}

.entryid33 td.id33width{

}
