@charset "utf-8";

* {
	border:0;
	outline:none;
	color: #036;
	font-size:15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

ol, ul, li { list-style:none; }

a { text-decoration:none; }

body { width:100%; margin:0; padding:0; font:normal 13px/150% -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
background:#fff url(../images/body_bg.jpg);
background-position:top center; }

.body_pattern { background:url(../images/main_page_bg.png) top repeat-x;}

.clr { clear:both; padding:0; margin:0; width:auto; font-size:0px; line-height:0px; }

.bg { clear:both; padding:0; margin:20px 0 40px 0; width:auto; }

.sm_bg_bottom { clear:both; background:url(../images/shadow.png) center bottom no-repeat; height:13px;  width:100%; margin:-2px -2px -15px -2px; }

.block_margin { clear:both; text-align: center; margin:20px 0 60px 0; }

.fl { float:left; }
.fl-img { float:left; padding:20px; }

.fr { float:right; }

.fl_t { text-align:left;}

h1, h2, h3, h4 { line-height: 120%; }

a {
	color:#900;
}

p { padding:5px 0;}

h1 { color:#555; font-size:24px; font-weight:bold; padding:5px 0 0 0px; text-align:left;}

h1 small {
	color:#006;
	font-weight:normal;
}

h1 img {
	width:100%;
	max-width:455px;
}

h2 { font-size:16px; font-weight:bold; color:#FFFFFF; padding:0px 0 35px 0; display:block; }

h2.bach {position: relative;
background: #f6ddae;
box-shadow: 0px 0px 0px 5px #f6ddae;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #454545; }

h2.bach:after {position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #ffc #ffc #eba83e;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); }


h2.bach span {
	font-weight: 800;	
}

h2 small { color:#939292; font-weight:normal;}

h3 small {
	color:#006;
	font-weight:normal;
}
div span{
  display: inline-block;
  white-space: nowrap;
}

figure { margin:0; }

.maps_view { width:99%; height:300px; float:left; position:relative; max-height:100%; max-width:100%; }

/* responsive image */

img { }



@media \0screen {

img { width: auto; /* for ie 8 */ }

}



/* IMG  */

a.pic { display: block; position: relative; padding:0; margin:0;}

img.margin_right { margin:0 20px 0 0; }

a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0;  left:0px; visibility:hidden; height: 100%; width: 100%; }

a.pic:hover img.h { background:url(../images/img_z.png) center no-repeat; visibility:visible; }

/* main_page */

.main_resize {
	width:930px;
	max-width: 95%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* main_resize_bg */

.main_resize_bg { background:url(../images/main_resize_bg_bg.png) top no-repeat;}

/* header */

.header_res {
	min-height:60px;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

/* logo */

.logo { float:left; padding:0; margin:auto; }

.logo a { font-size:48px; color:#fff; font-weight:bold; }

.logo a span { color:#ff6e49; }

/* top_text */

.top_text { margin:0 auto; padding:10px 0; line-height:1.2em; font-weight:bold; text-align:center; font-size:24px; color:#555; }

.top_text a { color:#555; }

.top_text small {
	font-size:14px;
	color:#060;
}

/* slider_box */

.slider_box { margin:0 auto; padding:20px 0 0 1px; }



/* center_small_box */

.small_box {
	color:FFF;
	width:24%;
	margin:1% 1% 0 0;
	padding:3% 0;
	float:left;
	text-align:center;
	background:url(../images/feedwind.png);

border-radius:3px;
}

.small_box li a { line-height: 150%; color:#FFFF00; border-bottom:1px dotted;
     padding-bottom:1px;
	}
.small_box li h { color:#FFFFF0; text-decoration: underline;
	}

.small_box:hover {background:url(../images/smallbox.png); color:#fff;}

.center_small_box {width:23%; padding:0;margin:0.85%; min-height: 100px;  }

.center_small_box.bordered {font-size:12px; color:#a9a9a9; border-bottom:1px dashed #ff9; min-height: 150px; }

.center_small_box.bordered:hover { color:#ee7348; border-bottom:1px groove #06c;}

.small_box h2 {  color:#444444;　padding:2% 0; margin:0; font-weight:bold; }

.small_box h2 img { padding:2% 0;}

.small_box h2 span {  color:#fff; margin:5px; white-space:nowrap; overflow:hidden; }

.center_small_box p {
	color:#333;
	padding:8px 15px;
}


/* Portfolio pages */

.port3 { width:31%; float:left; margin:0 2% 0 0;}

.port2 { width:48%; float:left; margin:0 2% 0 0;}

.center_small_box.port1 { width:99%; margin:25px 0;}

/* BLOG PAGES */

/* left_side */

.left_side_big {  width:30%; float:left; margin:0 7px 15px 0;}

.left_side_big.r {  float:right; margin:0 0 15px 0;}

.left_side_big.last { width:30%; float:right; margin:0 0 15px 0;}

.left_side { float:left; margin:0 7px 15px 0; padding:0;}

.left_side.last { float:right; margin:0 0 15px 0;}



.left_side.small {  width:23%;}

/* ul li */

.left_side_big ul { list-style:none; margin:10px 0; padding:0;}

.left_side_big ul li { padding:5px 10px; margin:3px 0;  background:url(../images/h2_bg.png) center repeat-x; color:#333;}

.left_side_big ul li a {color:#333;}

.left_side_big ul li:hover {
	background-color: #063;
}

.right_side_big {  width:60%; float:right; margin:0 0 15px 0;}

.right_side_big.l {float:left;}

.right_side { padding:10px 0;}

/* coment */

.coment1 {  overflow:hidden; margin:3% 0 0 1%; border-top:1px solid #c8c8c8; padding-top:20px; }

.coment2 {  overflow:hidden; margin:3% 0 0 20%; border-top:1px solid #c8c8c8; padding-top:20px; }

/* content_blog */

.content_blog { width:47%; float:left; margin:15px 20px 15px 0; padding:0; }

.data { color:#fff; text-align:center; font-size:12px; font-weight:bold; line-height:1.5em; background:url(../images/data_bg.png) top center no-repeat; float:left; margin:0 15px 0 0; padding:5px 18px 5px 10px; }

.post { font-size:14px; color:#555; line-height:1.2em; border-bottom:1px solid #ededed; padding:5px 0; margin:0 0 10px 65px; }

.post h3 { font-size:14px; color:#555; line-height:1.2em; }

.post span { color:#a1a0a0; font-size:11px; font-style:italic; }

.text { padding:5px 0; margin:0 0 40px 65px; }

/* img */

img.banner { padding:0px;  box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.2); float:left; margin-bottom:20px; }

img.banner:hover { position:relative;
top:2px;
left:2px;
filter:alpha(opacity=50);
opacity:0.5; }

/* prefooter */

.prefooter { background:url(../images/prefooter.jpg); background-position:top center; border-top:0px solid #e2e2e2; padding:0; margin:0 auto; }

.prefooter::before{
  content:"";
  display:block;
  background: url(../images/prefooter_before.jpg) no-repeat;
  background-position:center bottom;
  height:50px;
  z-index: 99999;
}

.prefooter h2 {
	font-size:14px;
	color:#FFC;
	margin:0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.prefooter p {
	color:#FFF;
	font-size:13px;
	line-height:1.5em;
	padding:5px 0;
}

.prefooter a { color:#444; font-style:italic; }

.prefooter span {
	color:#FFF;
	font-size:13px;
	line-height:1.3em;
	padding:5px 0;
}

.pref_blog { width:30%; float:left; margin:5px 3% 5px 0; padding:0; }

.pref_blog.last { margin:5px 0 5px 0; }

a.fl { margin:10px 10px 40px 0; float:left; padding:0; }

/* img */

img.fgh { background:#3d3d3d; padding:4px; margin:0 3px 0 0; float:left; }

img.fgh:hover { background:#e05d1f; }

/* Flickr */

.Flickr { }

.Flickr img { padding:3px; background:#fff; float:left; margin:5px 4px 5px 0; }

.Flickr img.last { margin:5px 0; }

.Flickr img:hover { padding:2px; border:1px solid #eaeaea; }

/* footer */

.footer {
	color:#FFC !important;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	background:#fff url(../images/footer.jpg);
	background-position:bottom center;
	padding:20px 0;
}

.footer a { font-style:normal; color:#6d6d6d; text-decoration:underline; }

/* slider */

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* img_hover */

img.h2_hover1 { background:url(../images/h2_img_1.png) center no-repeat; }

img.h2_hover2 { background:url(../images/h2_img_2.png) center no-repeat; }

img.h2_hover3 { background:url(../images/h2_img_3.png) center no-repeat; }

img.h2_hover4 { background:url(../images/h2_img_4.png) center no-repeat; }

img.h2_hover1:hover { background:url(../images/h2_img_1_h.png) no-repeat; }

img.h2_hover2:hover { background:url(../images/h2_img_2_h.png) no-repeat; }

img.h2_hover3:hover { background:url(../images/h2_img_3_h.png) no-repeat; }

img.h2_hover4:hover { background:url(../images/h2_img_4_h.png) no-repeat; }

/* RSS */

.RSS { width:auto; margin:10px 0; padding:0;}

.RSS img { display: inline-table; float:left; margin:0 5px 0 0;}

img.rss1 { background:url(../images/f_1_1.png) no-repeat;}

img.rss2 { background:url(../images/f_2_1.png) no-repeat;}

img.rss3 { background:url(../images/f_3_1.png) no-repeat;}

img.rss4 { background:url(../images/f_4_1.png) no-repeat;}



img.rss1:hover { background:url(../images/f_1.png) no-repeat;}

img.rss2:hover { background:url(../images/f_2.png) no-repeat;}

img.rss3:hover { background:url(../images/f_3.png) no-repeat;}

img.rss4:hover { background:url(../images/f_4.png) no-repeat;}


 /* GALLERY START */

 /*4cols_gallery*/
 

.col44 {
	width:210px;
	float:left;
	margin-right:0px;
	position:relative;
	top:0px;
	margin-top:50px;
	padding-bottom:40px;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

.col44 h3 { position:relative; bottom:0px; margin-bottom:0px; }

.col44 a img { margin-top:0px; }

.col44.last { float:right; margin:0; margin-right:0px; }

.col44.invisible-box { display: none; opacity: 0; z-index: 1; }

/* gallery-categ */

.gallery-categ { margin:0; padding:0; }

.gallery-categ li { padding:0; float:left; border-right:0px solid #CCC; }

.gallery-categ li:last-child { border-right:0; }

.gallery-categ li a { font-weight:bold; display:block; padding:5px 10px; }

.gallery-categ li.active a { text-decoration:underline; }

.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }

.img_hover_box.pic a img { margin:0; }

.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.h { visibility:visible; }

/*btn*/

.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }

.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }

.btn a:hover { color:#fff; background:#ebad00; border-color:#9cac50; }

.btn a span { color:#ebad00; font-size:12px; font-weight:normal; }

.pic img { padding:0px; background:#ffffff; max-width: 100%; height: auto; border-radius:10px; /*}

.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }

.pic img.h { background:none; }

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }

.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

.txt { margin-top:50px; }



/*form Contact_us*/

#contactform { margin:0; padding:5px 0; width:99%; }

#contactform * { color:#8b8b8e; }

#contactform ol { margin:0; padding:0; list-style:none; }

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }

#contactform li.buttons { margin:5px 0 5px 0; clear:both; }

#contactform label { margin:0; width:99%; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }

#contactform label .ness { color:#656566; }

#contactform label span { color:#8b8b8b; }

#contactform input.text { width:99%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform textarea { width:99%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform li.buttons input { padding:0 0 3px 0; margin:1% 0 0 0; border:0; color:#FFF; float:left; }
.columns.gap45 .center_small_box.bordered { min-height: 220px; border-radius:10px; }


/* responsive width */
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.small_box { width:45%;}

	.Flickr { width:45%;} 

.pref_blog { width:45%;}

.center_small_box { width:45%;}
.columns.gap45 .center_small_box.bordered { width: 23%; min-height: 200px; }
.main_resize.gap47 .center_small_box { width: 31%;  }
}

@media screen and (min-width:480px) and (max-width:768px) {

  /* Target landscape smartphones, portrait tablets, narrow desktops  */

.small_box { width:47%;}

.content_blog { width:99%;}

.Flickr { width:43%;} 

.pref_blog { width:40%;} 

.center_small_box { width:47%;}
.columns.gap45 .center_small_box.bordered { width: 48%; min-height: 165px; }
.columns.gap45 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }
.main_resize.gap47 .center_small_box { width: 31%;  }
}



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

  /* Target portrait smartphones */

.small_box { width:99%;} 

.content_blog { width:99%;}

.Flickr { width:99%;} 

.pref_blog { width:99%;} 

.center_small_box { width:100%;}
.columns.gap45 .center_small_box.bordered { margin-right: 0px; width: 100%; min-height: 140px; }
.columns.gap45 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }
.columns.gap46 .center_small_box { width: 48%; }
.main_resize.gap47 .center_small_box { margin-right: 0px; width: 100%;  }
.main_resize.gap47 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }

img.banner { max-width: 98%; border:0px solid #eaeaea; padding:0px; float:left; margin-bottom:15px; text-align: center; }

img.banner:hover { max-width: 98%; border-bottom:0px solid #006600; padding:0px; background:#fff; float:left; margin-bottom:15px; text-align: center; }

}

@media all and (orientation: landscape) {

  /* Target device in landscape mode */

}



@media all and (orientation: portrait) {

  /* Target device in portrait mode */

}

/* END responsive width */



.dc_tile_portfolio_content h3  { text-align: left; background: none;}

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; background: none !important;}

.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}

.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important; background: none !important;}

.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; background: none !important;}



#slider-wrapper object { width: 100%; }

iframe.wid5 { height: 400px; width: 100%; }

iframe.wid6 { height: 550px; width: 100%; }

iframe.wid7 { height: 400px; width: 100%; }

iframe.wid8 { height: 500px; width: 100%; }


#mailform-subscribe {
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 13px;
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #cccccc;
}
#mailform-subscribe input.email {
	background: #fff url(../images/mailform-subscribe.png) no-repeat 10px center;
	padding-left: 32px
}
#mailform-subscribe input[type="submit"] {
	margin: 3px;
	background-color: #999;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 5px;
	color: #ffffff!important;
	text-shadow: 1px 1px #666;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
	background-color: #AAA;
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}

.google-maps {
	position: relative;
	padding-bottom: 35%;
// これが縦横比
height: 0;
	overflow: hidden;
}
.google-maps iframe {
	border-radius:15px;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.tac {
	color: #063;
	text-decoration: underline;
}

.tac a {
	color: #093;
	text-decoration: underline;
}

/* dCodes Framework:(c) TemplateAccess */
.dc_flat,.dc_flat:visited{margin:5px 0px 10px 0px;background:#222;border-bottom:1px solid rgba(0,0,0,0.25);border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,0.2);color:#ffffff !important;cursor:pointer;display:inline-block;moz-border-radius:5px;moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);padding:10px 10px 8px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.1);webkit-border-radius:5px;webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5)}
.dc_flat:hover{background-color:#3B3B3B;color:#fff}
.dc_flat:active{top:1px}
.dc_awb_small.dc_flat,.dc_awb_small.dc_flat:visited
{font-size:12px}
.dc_flat,.dc_flat:visited,.dc_awb_medium.dc_flat,.dc_awb_medium.dc_flat:visited{font-size:14px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.1)}.dc_awb_large.dc_flat,.dc_awb_large.dc_flat:visited{font-size:14px;padding:8px 14px 9px}.dc_awb_green.dc_flat,.dc_awb_green.dc_flat:visited{background-color:#91bd09}.dc_awb_green.dc_flat:hover{background-color:#749a02}.dc_awb_teal.dc_flat,.dc_awb_teal.dc_flat:visited{background-color:#2daebf}.dc_awb_teal.dc_flat:hover{background-color:#007d9a}.dc_awb_blue.dc_flat,.dc_awb_blue.dc_flat:visited{background-color:#0066CC}.dc_awb_blue.dc_flat:hover{background-color:#004B97}.dc_awb_gray.dc_flat,.dc_awb_gray.dc_flat:visited{background-color:#999}.dc_awb_gray.dc_flat:hover{background-color:#666}.dc_awb_silver.dc_flat,.dc_awb_silver.dc_flat:visited{background-color:#eee;color:#333 !important}.dc_awb_silver.dc_flat:hover{background-color:#ddd}.dc_awb_white.dc_flat,.dc_awb_white.dc_flat:visited{background-color:#fff;border:1px solid #ddd;color:#333 !important}.dc_awb_white.dc_flat:hover{background-color:#f2f2f2}.dc_awb_purple.dc_flat,.dc_awb_purple.dc_flat:visited{background-color:#6666CC}.dc_awb_purple.dc_flat:hover{background-color:#5B48AA}.dc_awb_pink.dc_flat,.dc_awb_pink.dc_flat:visited{background-color:#CC66CC}.dc_awb_pink.dc_flat:hover{background-color:#BB3EBB}.dc_awb_red.dc_flat,.dc_awb_red.dc_flat:visited{background-color:#CC3300}.dc_awb_red.dc_flat:hover{background-color:#872300}.dc_awb_magenta.dc_flat,.dc_awb_magenta.dc_flat:visited{background-color:#a9014b}.dc_awb_magenta.dc_flat:hover{background-color:#630030}.dc_awb_orange.dc_flat,.dc_awb_orange.dc_flat:visited{background-color:#ff5c00}.dc_awb_orange.dc_flat:hover{background-color:#d45500}.dc_awb_yellow.dc_flat,.dc_awb_yellow.dc_flat:visited{background-color:#FFCC33;color:#333 !important}.dc_awb_yellow.dc_flat:hover{background-color:#FBBC00}