@font-face {
font-family: 'icomoon';
src: url("fonts/icomoon/icomoon.eot?srf3rx");
src: url("fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}

/*
Theme Name: SAMURAI-senbei
Theme URI: 
Author: 
Author URI: 
Description:
Version: 1.0
License: GNU General Public License

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




/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 1.8;color: #444;background: #fff;font-weight: 300;overflow-x: hidden;}
body.fh5co-offcanvas {overflow-x: hidden;}

a {color: #444;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
a:hover {text-decoration: none !important;color: #ccc !important;opacity: 0.7;}

p {margin-bottom: 1.5em;}

h1, h2, h3, h4, h5, h6 {color: #444;font-weight: 400;margin: 0 0 30px 0;}
figure {margin-bottom: 2em;}

.img_w100 {width:100%;max-width: 100%;height: auto;}
.pc_only {display: block;}
.sp_only {display: none;}

/*
::-webkit-selection {
color: #fcfcfc;
background: #add992;
}

::-moz-selection {
color: #fcfcfc;
background: #add992;
}

::selection {
color: #fcfcfc;
background: #add992;
}
*/

.txt_vertical {font-family: "游明朝", "ＭＳ 明朝", serif; /* Windows環境しか考えていない */height: 16em;margin-left: 2em;-ms-writing-mode: tb-rl; /* for MS IE8+ */-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}

#fh5co-header {position: relative;margin-bottom: 0;}

.pagelead {background:#E6E6E6;padding:0 !important;margin:0 !important;}
.pagelead h1 {font-size:11px !important;margin:0 !important;padding:5px 0 !important;line-height:10px;letter-spacing:0.15em;}

#otorihiki {position:fixed !important;top:0;right:40px;color:#FFF;z-index:9999 !important;width:100px;height:206px;}
#otorihiki a {color:#FFF;}
#otorihiki span {display:none;}
#otorihiki ul {overflow:hidden;padding:0;margin:0;list-style:none;}
#otorihiki ul li{float:left;width:40px;margin:0 0 0 10px;}
#otorihiki ul li:first-child {background:#1a1a1a;}
#otorihiki ul li:last-child {background:#970000;}
#otorihiki ul li img {width:100%;}




.top_headimg {position: relative;height:740px;background-repeat: no-repeat;background-position: center center;}
.fh5co-hero {position: relative;height: 780px;}
.fh5co-hero-page {position: relative;height: 320px;}



/* Superfish Override Menu */
.sf-menu {margin: 0 !important;}
.sf-menu {float: right;}
.sf-menu ul {box-shadow: none;border:none;min-width:15em;*width:15em;}
.sf-menu a {/*padding: .75em 0.5em;*/
font-weight: normal;border-left: none;border-top: none;border-top: none;text-decoration: none;zoom: 1;font-size: 13px;border-bottom: none !important;}
.sf-menu a:hover, .sf-menu a:focus {color: #ccc !important;}
.sf-menu li.active {border-bottom: 3px solid #fff;}
.sf-menu li.active a:hover, .sf-menu li.active a:focus {color: #fff;}

.sf-menu li,
.sf-menu li:hover,
.sf-menu li.sfHover {background: transparent;}

.sf-menu li:hover a,
.sf-menu li.sfHover a,
.sf-menu li.active a {color: #fff;}

.pc_only ul li img {width:30px;}
.pc_only ul li {padding:70px 0 0 !important;}
.pc_only ul li a:hover {background:url(images/nav_imgover2.png) no-repeat center top;background-size:26px auto;}
.pc_only ul li.navfirst {margin-left:10px;}


#menu-wrap {position: relative;z-index:5;display: block;float:left;}
#menu-wrap .sf-menu a {font-size:13px;padding:0;color:#1a1a1a;margin-right:0.5em;}


/*
.sf-arrows .sf-with-ul {padding-right: 2.5em;*padding-right: 1em;}
.sf-arrows .sf-with-ul:after {content: '';position: absolute;top: 50%;right: 1em;margin-top: -3px;height: 0;width: 0;border: 5px solid transparent;border-top-color: #ccc;}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {border-top-color: #ccc;}
.sf-arrows ul .sf-with-ul:after {margin-top: -5px;margin-right: -3px;border-color: transparent;border-left-color: #ccc;}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color: #ccc;}
*/

#header-section {padding:0;position: absolute;top:0;left: 0;width:100%;z-index:10;padding-top:40px;}
.nav-header {position: relative;float: left;width: 100%;}

#logo {position:relative;z-index:10;margin:90px 30px 0 0;float:right;}
#logo a {width:100px;display:block;}
#logo a img {width:100%;}
#logo a:hover, #logo a:focus {}
#top #logo {display:none;} 

/*
#primary-menu > li > .sf-with-ul:after {
border: none !important;
position: absolute;
float: right;
margin-right: 5px;
top: 50%;
margin-top: -7px;
content: "\e64b";
color: #1fb5f6;
}

#primary-menu .fh5co-sub-menu {
padding: 10px 7px 10px;
background: #fff;
left: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
#primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
left: 100%;
}

#primary-menu .fh5co-sub-menu:before {
position: absolute;
top: -9px;
left: 20px;
width: 0;
height: 0;
content: '';
}

#primary-menu .fh5co-sub-menu:after {
position: absolute;
top: -8px;
left: 21px;
width: 0;
height: 0;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
border-bottom: 8px solid white;
border-left: 8px solid transparent;
content: '';
}

#primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
top: 6px;
left: 100%;
}

#primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
top: 7px;
right: 100%;
border: none !important;
}

.site-header.has-image #primary-menu .sub-menu {
border-color: #ebebeb;
-webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
-ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
-o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
}
.site-header.has-image #primary-menu .sub-menu:before {
display: none;
}

#primary-menu .fh5co-sub-menu a {
letter-spacing: 0;
padding: 0 15px;
font-size: 18px;
line-height: 34px;
color: #575757 !important;
text-transform: none;
background: none;
}
#primary-menu .fh5co-sub-menu a:hover {
color: #79c34f !important;
}

*/




#work-section,
#services-section,
#content-section,
#info-section,
#work-section_2,
.page-section {
padding: 7em 0;
}


#work-section {background: url(images/work_section_bg.jpg) no-repeat center top;padding:450px 0 0;}
#work-section_cont {width:800px;margin:0 auto;}
#work-section h3 {position:relative;float:right;}
#work-section p {position: relative;padding-top:150px;}


#services-section_cont {width:800px;margin:0 auto 80px;overflow:hidden;}
#services-section h3 {float:left;margin-right:140px;}
#services-section p {padding:120px 0 0;}
.services {margin-bottom: 1em;text-align: center;}
.services h4 {margin: 20px auto 25px;display: inline-block;color:#444;}


#info-section {text-align:left;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#info-section h3 {color:#333;}
#info-section p {}
#info-section .news {margin: 0 0 0 60px;}


.about-us {text-align:left;}
.about-us h2 {width:80%;margin: 0 0 30px 60px;}
.about-us p {margin: 0 0 30px 60px;}
.about-us h2 img {width:100%;}
.img_map {padding: 0 30px 0 0;}
.btn_contactform {width:200px;margin: 0 0 0 60px;}
.btn_contactform a:hover {opacity:0.7;}
.btn_contactform a img {width:100%;}


.page-section {text-align:left;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.page-section h2 {margin-bottom:60px;text-align:center;font-size:38px !important;}
.page-section .itemlist {margin-bottom:50px;}
.page-section .itemlist h3 {border-top:solid 2px #444;border-bottom:solid 1px #444;padding:10px 0;font-size:26px;}
.page-section .itemlist h3 span {display:block;margin:0 0 5px;font-size:12px;}
.page-section p.price {text-align:right;margin:0 0 20px;font-size:24px;}
.page-section .type {overflow:hidden;margin:0 0 20px;}
.page-section .type img {float:left;margin:0 10px 0 0;}
.page-section .type ul {width:76%;float:right;overflow:hidden;font-size:12px;padding:0 0 0 20px;}
.page-section .type ul li {width:23%;margin:0 10px 2px 0;float:left;list-style-type: disc;}
.page-section .type .gift {width:76%;float:right;font-size: 12px;}
.page-section .type .gift img {width:20%;float:left;}

.page-section .trade {margin-bottom:50px;}
.page-section .trade h3 {border-top:solid 2px #444;border-bottom:solid 1px #444;padding:25px 0;font-size:26px;text-align:center !important;}
.page-section .trade h3 span {display:inline-block;margin:0 0 5px;font-size:12px;}
.page-section .trade p {text-align:center !important;}
.kaihatsu {width:60%;margin:30px auto;overflow:hidden;}
.kaihatsu h4 {border-bottom:double 4px #1a1a1a;color:#1a1a1a;padding:8px 15px;margin:0 auto 30px;text-align:center;}
.kaihatsu ul {width:300px;text-align:left !important;margin:0 auto 50px;}
.kaihatsu div {overflow: hidden;width:600px;margin: 0 auto;}
.kaihatsu div img {float:left;}
.kaihatsu div dl {width:60%;float:left;text-align:left !important;margin:0 0 0 20px;}
.kaihatsu div dl dt {font-weight: 700;margin:0 0 5px;}
.kaihatsu div dl dd {margin:0 0 15px;}
.kaihatsu .btn_contactform {}

.kuhaku{
	width:600px;
	height:15px;
}
.profile {background:#1a1a1a;color:#FFF;text-align:center;padding:40px 20px;font-size:12px;}
.profile img {width:80%;margin:auto;}

.btn_toform {width:200px;margin: 0 auto 60px;}
.btn_toform a:hover {opacity:0.7;}
.btn_toform a img {width:100%;}

.samurai_info {overflow:hidden;margin:0 0 30px 0;padding:0;}
.samurai_info li {overflow:hidden;padding:0;margin:0 0 5px 0;padding:0 0 3px 0;border-bottom:solid 1px #ccc;}

.facebook {overflow: hidden;padding:0 0 0 30px;}


#post-contents {border-top:double 4px #1a1a1a;padding:40px 0;overflow:hidden;width:70%;margin:0 auto;}
#post-contents .post-box {width:100%;margin:0 0 40px;overflow:hidden;}
#post-contents .post-box .alignleft {float:left;margin-right:15px;}
#post-contents .post-box .alignright {float:right;margin-left:15px;}
#post-contents .post-box .size-full {width:100%;height: auto;}
#post-contents .post-box img {margin-bottom:15px;}
#post-contents .post-box p {clear: both;}
#post-contents .post-meta {font-size:14px;margin-bottom:30px;}

#postlist-contents {padding:40px 0;overflow:hidden;width:100%;margin:0 auto;}
.postlistbox {padding:30px; margin:0 auto;border:solid 1px #ccc;min-height:180px;}
.postlistbox h3 {font-size:15px;}
.postlistbox {display:block;}
.postlistbox:hover {border:solid 1px #666;}

.meta {margin-top:40px;padding-top:20px;border-top:double 4px #1a1a1a;clear: both;}
.meta ul {overflow:hidden;padding:0;margin:0;}
.meta ul li {list-style:none;padding:0;}
.meta ul li:first-child {float:left;}
.meta ul li:last-child {float:right;}


#contactform {width:50%;margin:0 auto 80px;}
#contactform dl.contact-Form {width:100%;}
#contactform dl.contact-Form dt {font-weight:100;margin-bottom:15px;}
#contactform dl.contact-Form dd {margin-bottom:15px;} 
#contactform dl.contact-Form dd input {padding:5px;}
#contactform dl.contact-Form dd textarea {width:100%;padding:5px;}
#contactform dl.contact-Form dd select{padding:5px;}


#footer {padding:20px 0 40px;border-top: 1px solid rgba(0, 0, 0, 0.1);}
#footer p {font-size: 11px;text-transform: uppercase;}
#footer p a {color: rgba(255, 255, 255, 0.5);}
#footer .footer-menu {float: right;margin: 0;padding: 0;}

#footer .footer-menu li {display:inline-block;text-transform: uppercase;}
#footer .footer-menu li a {border-right:solid 1px #444;padding:0 15px;font-size: 12px;}
#footer .footer-menu li:first-child a {border-left:solid 1px #444;} 
#footer .footer-menu li:first-child {margin-left: 0;}




table {width: 100%;border-collapse: collapse;border-spacing: 0;}
table td,
table th {padding:0.4em 1em;border: 1px solid #1a1a1a;vertical-align: top;}
table th {background: #f0f0f0;white-space: nowrap;vertical-align: middle;}






#fh5co-contact .form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: 400;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact input[type="text"] {
height: 50px;
}
#fh5co-contact .form-group {
margin-bottom: 30px;
}




.btn {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.btn {
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn.btn-primary {
background: #79c34f;
color: #fff;
border: none !important;
border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
box-shadow: none;
background: #79c34f;
color: #fff !important;
}
.btn:hover, .btn:active, .btn:focus {
background: #393e46 !important;
color: #fff;
outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
border-color: transparent;
}

.js .animate-box {
opacity: 0;
}

#wrapper {
overflow-x: hidden;
position: relative;
}

#page-contents {
position: relative;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.fh5co-offcanvas #page-contents {
-moz-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
-ms-transform: translateX(-240px);
-o-transform: translateX(-240px);
transform: translateX(-240px);
}


#offcanvas-menu {
position: absolute;
top: 0;
bottom: 0;
z-index: 99;
background: #222;
right: -240px;
width: 240px;
padding: 20px;
}
#offcanvas-menu ul {
padding: 0;
margin: 0;
}
#offcanvas-menu ul li {
padding: 0;
margin: 0 0 5px 0;
list-style: none;
}
#offcanvas-menu ul li a {
font-size: 16px;
color: rgba(255, 255, 255, 0.4);
}
#offcanvas-menu ul li a:hover {
color: #79c34f;
}
#offcanvas-menu ul li > .fh5co-sub-menu {
margin-top: 9px;
padding-left: 20px;
}
#offcanvas-menu ul li.active > a {
color: #79c34f;
}



.nav-toggle {cursor: pointer;text-decoration: none;}
.nav-toggle.active i::before, .nav-toggle.active i::after {background: #1a1a1a;}
.nav-toggle.dark.active i::before, .nav-toggle.dark.active i::after {background: #1a1a1a;}
.nav-toggle:hover, .nav-toggle:focus, .nav-toggle:active {outline: none;border-bottom: none !important;}
.nav-toggle i {position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 30px;height: 2px;color: #1a1a1a;font: bold 14px/.4 Helvetica;text-transform: uppercase;text-indent: -55px;background: #fff;transition: all .2s ease-out;}
.nav-toggle i::before, .nav-toggle i::after {content: '';width: 30px;height: 2px;background: #1a1a1a;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle.dark i {position: relative;color: #000;background: #000;transition: all .2s ease-out;}
.nav-toggle.dark i::before, .nav-toggle.dark i::after {background: #000;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.nav-toggle i::before {top: -7px;}
.nav-toggle i::after {bottom: -7px;}
.nav-toggle:hover i::before {top: -10px;}
.nav-toggle:hover i::after {bottom: -10px;}
.nav-toggle.active i {background: transparent;}

.nav-toggle.active i::before {
top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}

.nav-toggle.active i::after {
bottom: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}

.nav-toggle {position: absolute;top: 0px;right: 0px;z-index: 9999;display: block;margin: 0 auto;display: none;cursor: pointer;}
.row-bottom-padded-lg {padding-bottom: 7em;}
.row-top-padded-lg {padding-top: 7em;}
.row-bottom-padded-md {padding-bottom: 4em;}
.row-top-padded-md {padding-top: 4em;}
.row-bottom-padded-sm {padding-bottom: 2em;}
.row-top-padded-sm {padding-top: 2em;}



.border-bottom {border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.lead {line-height: 1.8;}

.no-js #loader {display: none;}
.js #loader {display: block;position: absolute;left: 100px;top: 0;}

.fh5co-loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(../images/hourglass.svg) center no-repeat #222222;}

/*# sourceMappingURL=style.css.map */