@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
font-family: sans-serif!important;
margin-top:0;
padding-top:0;
border:none;}
*{margin:0;padding:0;}

/*  */
body {
 margin:0;
 padding:0 0 1px
}
main,.inner,.container{max-width:970px;margin:0 auto;}
.container p{font-size:15px;line-height:30px;}

body {
 overflow-wrap:break-word;
 word-break:break-word;
 word-wrap:break-word
}
.hidden {
 display:none
}
.invisible {
 visibility:hidden
}
.clear-both,.clear{clear:both;}
span.inner {
 margin:0;
 padding:0
}

.wrap,.wrapper{width:100%;max-width:960px;margin:0 auto;}



/* Layout
----------------------------------------------- */
body#layout {font-family:sans-serif;}
body#layout .container {width: 835px;padding:15px;}
body#layout .col-md-8 .post-block{width:650px;float:left;}
body#layout .col-md-4.col-sm-6.right-side{width:300px; float:right;}
body#layout ul li{list-style:none;}






body#layout .border-left, body#layout .border-right{display:none;}
body#layout #clients div.section {border:0!important;}
body#layout .attent div.section{margin-bottom: 0!important;}
body#layout #contact {background: #1abc9c; margin-top: 10px;}
body#layout #contact div.section{margin-bottom: 15px!important;}
body#layout #contact .container {padding-bottom: 0!important;}
body#layout div.section {padding: 7px; position: relative; margin: 0 0 20px; border: 0!important;}
body#layout .error-404 {display: block!important; background: green; margin-bottom: 15px;}
body#layout .section h4 {font-size: 11px;font-weight: 400;font-family: Roboto;text-transform: uppercase;margin:0 0 0 5px;padding:0;}
.meta.post-meta span::before,
.meta.post-meta span::after {content: ' - ';}

button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
h2.date-header{display:none;}
.feed-links{visibility: hidden;display:none;}
.hide{display: none;}
.widget,.section,#main {margin: 0;padding: 0!important;}
.no-padding {padding: 0 !important;}
.widget ul, .widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;}
.cookie-choices-info{*margin-bottom: 30px!important;background-color:rgba(0, 0, 0, 0.9)!important;bottom: 0!important;top: auto!important;}
.cookie-choices-info .cookie-choices-text {
color: #fff!important;font-size: 10px!important;line-height: 1.2em!important;font-family: PT Sans, sans-serif!important;}
.cookie-choices-info .cookie-choices-button {
font-weight: 400!important;font-family: PT Sans, sans-serif!important;font-size: 10px!important;text-transform: none!important;color: #fff!important;background-color: #ff7777!important;padding: 5px 10px!important;border-radius: 3px!important;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
font-family: Roboto Slab, sans-serif;
line-height: 1.2em;font-weight: 300;
color: #222222;}
h1,.h1 {font-size: 30px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}
html,body {margin: 0;padding: 0;height: 100%;width: 100%;}
*:active,*:focus {outline: none;}
body {background: #ffffff;color: #000000;overflow-x: hidden;overflow-y: scroll;}
.border-top {width: 100%;height: 30px;background: #ffffff;position: fixed;top: 0;left: 0;z-index: 99999;}
.border-bottom {width: 100%;height: 30px;background: #ffffff;position: fixed;bottom: 0;left: 0;z-index: 99999;}
.border-left {width: 30px;height: 100%;background: #ffffff;position: fixed;top: 0;left: 0;z-index: 99999}
.border-right {width: 30px;height: 100%;background: #ffffff;position: fixed;bottom: 0;right: 0;z-index: 99999;}
@media (max-width: 1024px) {.border-top {height: 15px;}
.border-bottom {height: 15px;}
.border-left {width: 15px;}
.border-right {width: 15px;}
}



/* Resize images
----------------------------------------------- */
.fbt-resize {
width: 100%;max-width: 100%;height: 100%;
max-height: 100%;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;}
/* Buttons
----------------------------------------------- */
a.button {
border: 1px solid #ffffff;padding: 10px 40px;text-align: center;color: #ffffff;text-decoration: none;font: 400 13px PT Sans, sans-serif;text-transform: ppercase;transition:all .2s ease-in-out;}
a.button.post {border-color: #ffffff;background: #ffffff;color: #ffffff;margin-top: 30px!important;}
a.button.post:hover {border-color: #ff7777!important;color: #ffffff;background: #ff7777;}
a.button.trans {background: none;border: 1px solid #ffffff;color: #ffffff;}
a.button:hover {border-color: #ffffff;background: #ffffff;color: #ffffff;}
a.button.trans:hover {border-color: #ff7777!important;color: #ffffff;background: #ff7777;}

.error-404 {display: none;background: #f5f5f5;}
.error-404 h2 {font: 400 90px Roboto, sans-serif;text-transform: uppercase;}
@media (max-width: 600px) {
.error-404 h2 {font-size: 40px;}
}
.error-404 p {margin-bottom: 35px!important;}
/* Share Button
----------------------------------------------- */
.post-share {float: left;width: 100%;margin: 25px auto 0;text-align: center;}
.post-share li,.post-sharing li {margin: 0 2px 2px 0;display: inline-block;font-size: 12px;}
ul.post-sharing:before {content: '';display: block;margin-bottom: 5px;text-align: center;}
.post-share li a {position: relative;margin: 0 0 0 1px;padding: 0 11px;line-height: 2;font-weight: 300;vertical-align: middle;color: #fff;font-size: 11px;text-transform: uppercase;display: inline-block;transition: background-color .3s;}
.post-share .fa {padding: 0 5px 0 0;top: 1px;font-size: 14px;position: relative;}
.post-share ul {list-style: none;}
.post-share ul li {padding-bottom: 3px;font-size: 11px;display: inline-block;margin-top: 5px;}
.post-footer .post-share li a {color: #fff;}
.post-sharing .facebook-share,a.facebook.df-share {background-color: #3B5998;}
.post-sharing .twitter-share,a.twitter.df-share {background-color: #00ACED;}
.post-sharing .google-share,a.google.df-pluss {background-color: #D14836;}
.post-sharing .pinterest-share,a.pinterest.df-pinterest {background-color: #CB2027;}
.post-share li a:hover {color: #fff;background-color: #212026;}
/* Page Navigation
----------------------------------------------- */
.pagenav {clear: both;margin: 0 0 90px;padding: 0;text-align: center;font-size: 14px;width: 100%;position: relative;}
.pagenav span,.pagenav a {padding: 9px 10px;display: inline-block;border: 1px solid #333;color: #111;margin-left: 0;margin-right: 5px;transition: all .2s ease-out;}
.pagenav .pages {color: #111;margin-right: 1px;}
.pagenav a {color: #111;}
.pagenav a:hover {color: #fff;text-decoration: none;background: #333;}
.pagenav .current {color: #fff;background: #333;}
/* Preloader
----------------------------------------------- */
.loader-mask {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #eee;z-index: 99999;}
.load-container {position: absolute;width: 70px;height: 70px;top: 50%;left: 50%;margin: -35px 0 0 -35px;}
.loader-cycle {width: 70px;height: 70px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 105;display: block;margin: auto;-webkit-transition: opacity .25s linear;transition: opacity .25s linear;}
.loader-cycle:before {border: 1px solid rgba(0,0,0,.1);}
.loader-cycle:before,.loader-cycle:after {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 110%;content: '';display: block;}
.loader-cycle:after {-webkit-animation: .loader-cycl-spin .75s linear infinite;animation: loader-cycle-spin .75s linear infinite;border: 3px solid transparent;border-top-color: #e6c55d;}
.loader-cycle:before,.loader-cycle:after {width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 110%;content: '';display: block;}
@-webkit-keyframes loader-cycle-spin {
from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes loader-cycle-spin {
from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
.cube {position: absolute;width: 50px;height: 50px;animation: rotate 1.5s infinite ease-out;z-index: 99999;}
.cube:before {content: "";position: absolute;height: 14px;width: 50px;transform: skewX(60deg);top: -14px;left: -12px;}
.cube:after {content: "";position: absolute;width: 25px;height: 50px;transform: skewY(30deg);top: -7px;right: 100%;}
.purple {background-color: #D47BF9;}
.purple:before {background-color: #8E44AD;}
.purple:after {background-color: #4C1C60;}
.orange {animation-delay: -0.75s;background-color: #FF8432;}
.orange:before {background-color: #FF7519!important;}
.orange:after {background-color: #863600!important;}
@keyframes rotate {
25% {transform: translate(50px, 0px);}
50% {transform: translate(50px, 50px);}
74% {z-index: 2;}
75% {transform: translate(0px, 50px);z-index: 4;}
}

/* Social Icons
----------------------------------------------- */
.fa-icon-wrap {margin: 0 auto;padding: 0;text-align: center;}
.fa-icon-wrap .fa {display: inline-block;font-size: 14px;cursor: pointer;text-align: center;position: relative;z-index: 1;color: #fff;text-transform: uppercase;}
.fa-icon-wrap i.fa {background: none;margin: 0;padding: 0;text-align: center;font-size: 14px;}
.fa-icon-wrap a {margin: 0 2.5px;color: #fff;background: transparent;font-weight: normal;display: inline-block;text-align: center;position: relative;}
.fa-icon-wrap a:hover {color: #eee;}
.fa-icon-wrap a:hover i.fa {color: #eee;}

/* Services
----------------------------------------------- */
.services {margin: 0;padding:40px 0 30px;}
.design {position: relative;padding: 0 20px!important;margin-bottom: 30px;}
.design .fa {cursor: pointer;width: 70px;height: 70px;line-height: 70px;text-align: center;position: relative;z-index: 1;color: #ffffff;font-size: 28px;font-weight: normal;background: #777777;border-radius:50%;margin-bottom: 15px;box-shadow: 0 0 0 0 rgba(255, 119, 119, 0.8);}
.design .fa:hover,.design .fa:active,.design .fa:focus {background: #ff7777;color: #ffffff;box-shadow: 0 0 0 30px transparent;-webkit-transition: box-shadow .4s ease-in-out;-moz-transition: box-shadow .4s ease-in-out;-o-transition: box-shadow .4s ease-in-out;-ms-transition: box-shadow .4s ease-in-out;transition: box-shadow .4s ease-in-out;}
.design .top {margin: 0 auto;text-align: center;}
.design h4 {line-height: 22px;color: #ffffff;margin: 0 0 10px;text-align: center;}
.design .bottom p{color: #222222;font-size: 16px;line-height: 1.6em.;}
.design a: hover {color: #ddd;}
/* Dimensions & Settings
----------------------------------------------- */
.gl {height: 100%;max-height: 100%;}
.gl-slider {height: 100%;max-height: 100%;}
.gl-header {height: 500px;}
.gh {height: 50%;max-height: 50%;overflow: hidden;}
.op {padding-top: 120px;padding-bottom: 90px;}
.om {padding: 120px 0;}
.fbt-g {margin-bottom: 30px;}
.an {margin-top: 40px;}
.am {padding:50px 0;}
.un {margin-bottom: 40px;}
.teston {padding: 80px 0;}
.img-m {margin-bottom: 15px;}
.og {padding: 80px 0 50px;}
.on {padding: 150px 0 120px;}
.no-padding {padding: 0 !important;}
.padding-1 {padding: .5px!important;}
.no-margin {margin: 0!important;}
/* Custom Lightbox
----------------------------------------------- */
body.hidden-scroll {overflow: hidden;}
.sl-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.9);display: none;z-index: 9990;}
.sl-wrapper {z-index: 1000;}
.sl-wrapper button {border: none!important;background: transparent;font-size: 24px;padding: 0;cursor: pointer;}
.sl-wrapper button:hover {opacity: 0.7;}
.sl-wrapper .sl-close {display: none;position: fixed;right: 50px;top: 40px;z-index: 9991;border: none!important;color: #fff;}
.sl-wrapper .sl-close:focus {border: none!important;}
.sl-wrapper .sl-counter {position: fixed;top: 40px;left: 40px;z-index: 9991;color: #fff;}
.sl-wrapper .sl-navigation {width: 100%;display: none;}
.sl-wrapper .sl-navigation button {position: fixed;top: 50%;margin-top: -10px;height: 30px;width: 30px;line-height: 30px;text-align: center;display: block;z-index: 9991;font-family: arial sans-serif;}
.sl-wrapper .sl-navigation button.sl-next {right: 40px;font-size: 40px;color: #fff;}
.sl-wrapper .sl-navigation button.sl-prev {left: 40px;font-size: 40px;color: #fff;}
.sl-wrapper .sl-image {position: fixed;-ms-touch-action: none;touch-action: none;z-index: 10000;}
.sl-wrapper .sl-image img {margin: 0;padding: 0;display: block;}
.sl-wrapper .sl-image iframe {border: 0 none;background: #000;}
.sl-wrapper .sl-image .sl-caption {display: none;padding: 10px;color: #fff;background: #000;opacity: 0.8;position: absolute;bottom: 0;left: 0;right: 0;}
.sl-wrapper .sl-image .sl-caption.pos-top {bottom: auto;top: 0;}
.sl-wrapper .sl-image .sl-caption.pos-outside {bottom: auto;}
.sl-wrapper .sl-image .sl-download {display: none;position: absolute;bottom: 5px;right: 5px;color: #fff;z-index: 1005;}
.sl-spinner {display: none;
border: 5px solid #333;border-radius: 40px;height: 40px;left: 50%;margin: -20px 0 0 -20px;opacity: 0;position: fixed;top: 50%;width: 40px;z-index: 1007;-webkit-animation: pulsate 1s ease-out infinite;-moz-animation: pulsate 1s ease-out infinite;-ms-animation: pulsate 1s ease-out infinite;-o-animation: pulsate 1s ease-out infinite;animation: pulsate 1s ease-out infinite;}
.sl-scrollbar-measure {position: absolute;
top: -9999px;width: 50px;
height: 50px;overflow: scroll;}
@-webkit-keyframes pulsate {0% {
transform: scale(0.1);opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@keyframes pulsate {0% {transform: scale(0.1);opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@-moz-keyframes pulsate {
0% {transform: scale(0.1);opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@-o-keyframes pulsate {
0% {transform: scale(0.1);opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@-ms-keyframes pulsate {
0% {transform: scale(0.1);opacity: 0.0;}
50% {opacity: 1;}
100% {transform: scale(1.2);opacity: 0;}
}
@media (max-width:991px) {
.sl-wrapper .sl-navigation button.sl-next {right: 10px;}
.sl-wrapper .sl-navigation button.sl-prev {left: 10px;}
}
/* Footer
----------------------------------------------- */
#footer-wrapper{/*background:#f3f3f3;*/padding:20px 0 10px;color:#444;border-top:1px solid #f62929;}
#footer-wrapper a {color: #444444;}
#footer-wrapper a:hover {color: #888888!important;}
#footer-wrapper .widget {margin-bottom: 20px;}
#footer-wrapper .section .widget h2 {color: #444444!important;font: 700 12px Roboto Slab, sans-serif!important;border-bottom: 1px solid #b7d1e8;padding-bottom: 10px;margin-bottom: 5px;}
#footer-wrapper .widget h2 span {padding:0 0 10px;font-size:14px;}
#footer-wrapper ul li {list-style: none;}
.footer-border {width: 100%;height: 1px;background: #cfdee6;margin: 0 0 30px;}
.footer-border.bottom {margin-top: 10px;margin-bottom: 28px;}
/* Footer LinkList
----------------------------------------------- */
#footer-wrapper .LinkList li {list-style-type: none;padding-bottom:3px;list-style-type:disclosure-closed;margin-left:15px;}
#footer-wrapper .LinkList li:first-child {padding-top: 1px;}
#footer-wrapper .LinkList li a {font-size: 12px!important;font-family: PT Sans, sans-serif;}
@media (max-width: 768px) {
#footer-wrapper {padding-left: 15px;padding-right: 15px;}
}
/* Copyrights
----------------------------------------------- */

#copyright p{font-size:12px;padding:0;margin:0;}
.sitename a{/*font-weight:bold;*/text-decoration:none;}
.sitename a:hover{opacity:1;text-decoration:none;}
/* Footer Social Buttons
----------------------------------------------- */
#social-footer .fa-icon-wrap {text-align: right;}
#social-footer .fa-icon-wrap a .fa {font-size: 17px;color: #ffffff;}
#social-footer .fa-icon-wrap a:hover .fa {color: #ffffff;}
#social-footer .fa-icon-wrap a {width: 45px;height: 45px;line-height: 46px;background: #333333;font-weight: normal normal;}
#social-footer .fa-icon-wrap a:hover {background: #ff7777;}
@media (max-width: 768px) {
#footer-wrapper .fa-icon-wrap {text-align: center!important;}
}
/* ここまで */




/** ボーダーを追加した際、ボーダーの値を計算で考えなくてよくする方法 **/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
#main-content p,#main-content li,#main-content div,#main-content a,#main-content th,#main-content td{font-size:15px;line-height:1.8em;}

.bold{font-weight:bold;}
.option-mark{font-size:0.8em;color:#f667bd;font-weight:100;border:solid 2px #f667bd;padding:2px;width:80px;text-align:center;line-height:1em;border-radius:6px;margin-right:6px;}
.list1 li{margin-left:1.5em;font-size:15px;color:#666;margin:12px 0;list-style-position:outside;}
.list2 li{margin-left:1.2em;list-style-type:disc;list-style:inside;list-style-position:outside;}
.list3 li{list-style-type:none;list-style:inside;display:inline;}

/* レイアウト */
.right,.text-R{text-align:right!important;}
.center{text-align:center!important;margin:0 auto;}
.left,.text-L{text-align:left!important;}
p.right,p.center,p.left{padding-bottom:0!important;}


.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}

.pdg0{padding:0!important;}
.pdg10{padding:10px!important;}
.pdg20{padding:20px!important;}
.pdg30{padding:30px!important;}
.pdg40{padding:40px!important;}
.pdg60{padding:30px 60px!important;}
.pdg80{padding:40px 80px!important;}
.pdg40{padding:40px!important;}
.pdgb0{padding-bottom:0!important;}
.pdgb10{padding-bottom:10px!important;}
.pdgb20{padding-bottom:20px!important;}
.pdgb30{padding-bottom:30px!important;}
.pdgb40{padding-bottom:40px!important;}
.pdgl0{padding-left:0!important;}
.pdgl10{padding-left:10px!important;}
.pdgl20{padding-left:20px!important;}
.pdgl30{padding-left:30px!important;}
.pdgl40{padding-left:40px!important;}
.pdgr0{padding-right:0!important;}
.pdgr10{padding-right:10px!important;}
.pdgr20{padding-right:20px!important;}
.pdgr30{padding-right:30px!important;}
.pdgr40{padding-right:40px!important;}
.w30{width:30%;margin-right:3%;}
.w40{width:37%;margin-right:3%;}
.w50{width:46%;}
.w60{width:57%;margin-left:3%;}
.w80{width:76%;text-align:center;
}
.w100{width:100%;}


.pdgb0{padding-bottom:0!important;}

.clear-both	{clear:both;}
.float-L{float:left;margin-right:10px;}
.float-R{float:right;margin-right:0;}
.right{text-align:right!important;}
.left{text-align:left!important;}
p.right,p.center,p.left{padding-bottom:0!important;}
article{margin-bottom:40px;}
ul.kome li:before{content:'※ ';margin-left:-14px;}

a:hover{opacity:0.7;}

/*media Queries スマホサイズ（499px以下）
----------------------------------------------------*/
@media only screen and (max-width:499px) {
.PC{display:none;}
.SP{display:inherit;}

.fp-title{font-size:40px!important;}
.fp-content p{font-size:20px!important;}
.w30PC{width:100%!important;}
.w30SP{width:31%!important;margin-right:2%;}
.w40PC{width:100%!important;}
.w50PC{width:100%!important;}
.w50SP{width:48%!important;}
.w60PC{width:58%!important;}
}

/*media Queries PCサイズ（500px以上）
----------------------------------------------------*/
@media print, screen and (min-width:500px){
.col-sm-8{width:80%;}
.col-sm-offset-2{margin-left:10%;}

.PC{display:inherit;}
.SP{display:none;}
.w30PC{width:31%!important;margin-right:2%;}
.w30SP{width:100%!important;margin:0 1%;}
.w40PC{width:38%!important;margin:0 1%;}
.w50PC{width:46%!important;margin:0 1%;}
.w50SP{width:100%!important;margin:0 1%;}
}

@media screen and (max-width:1000px){
.sidebar-wrapper{float:none;width:auto!important}
.w30PC{width:31%;margin-right:2%;}
.w30SP{width:100%!important;}
.w50PC{width:46%;}
.w50SP{width:100%!important;}
}

/* ボタン(共通) */
.btn01 a,.btn02 a,.btn03 a,.btn04 a,.btn05 a{text-decoration:none;line-height:1.5em;display:inline-flex;margin:10px auto;clear:both;}
.btn01 a:hover,.btn02 a:hover,.btn03 a:hoverl.btn04 a:hoverl.btn05 a:hover{opacity:0.7;text-decoration:none;}
.btn01 a{background:#5f3e36;border-radius:4px;color:#fff;padding:6px 8px;}
.btn01 a:hover{color:#888!important;border:1px solid #888;background:#fff;}
.btn-simple a{
background:rgb(255,141,28);
background:-moz-linear-gradient(top, rgb(255,141,28) 0%, rgb(255,140,10) 50%, rgb(255,124,0) 51%, rgb(234,92,4) 100%);
background:-webkit-linear-gradient(top, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
background:linear-gradient(to bottom, rgb(255,141,28) 0%,rgb(255,140,10) 50%,rgb(255,124,0) 51%,rgb(234,92,4) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d1c', endColorstr='#ea5c04',GradientType=0 );
}
.btn01{text-align:center;}
@media only screen and (max-width:499px){
.btn01,.btn02,.btn03,.btn04,.btn05{font-size:16px;}
}
@media only screen and (min-width:500px){
.btn01,.btn02,.btn03,.btn04,.btn05{font-size:16px;}
}
.btn02{text-align:center;}
.btn02 a{color:#000;max-width:400px;padding:8px;border:4px solid #000;font-weight:bold;
}
.btn02 a:hover{color:#000;}
.btn03{display:inline-block;padding:10px;border-radius:6px;width:80%;box-sizing:border-box;background-color:#39c;color:#fff!important;font-weight:bold;margin-top:10px;text-align:center;text-decoration:none;}
.btn03:hover{background-color:#f60;}
.btn04{width:100%;text-align:center;margin-top:20px;margin:10px auto 0;}
.btn04 a{text-decoration:none;color:#fff;display:block;padding:10px 5px;border:solid 1px #0075D0;font-size:18px;background: rgb(52,165,241);}
.icon01{padding:1px;background:#aa0023;color:#fff;font-size:14px;line-height:3.5em;text-align:center;margin-right:6px;width:50px;height:50px;}


/* テキスト装飾（共通） */
.font01{font-size:1em!important;}
.font02{font-size:1.15em!important;line-height:1.4;}
.font03{font-size:1.25em!important;line-height:1.4;}
.font04{font-size:1.35em!important;line-height:1.4;}
.font05{font-size:1.5em!important;line-height:1.4;}
.font06{font-size:1.75em!important;line-height:1.4;}
.font07{font-size:2em!important;line-height:1.4;}
.font08{font-size:2.4em!important;line-height:1.4;}
.mini{font-size:13px!important;line-height:1.2em;padding-bottom:0px!important;}
.bold{font-weight:bold!important;}
.red{color:#aa0023!important;}
.gold{color:#c18a37!important;}
.fw500{font-weight:500!important;}
.kigou{font-variant:small-caps;vertical-align:top;}
ruby rp,ruby rt{font-size:0.3em;}

/* 共通パーツ */
table{word-break:break-all;/* 英文の改行をきれいに見せる指定 */
width:100%;border-collapse:collapse;}
table,table thead,table tbody,th,td{border:1px solid #ccc;padding:8px;}
table th{background-color:#f9f9f9;}
table td{background-color:#fff;}
/*
.post-block{margin:50px 10px;}
*/

#glonavi-area{max-width:970px;margin:0 auto;}

#container{width:100%;}
/*.container{margin-top:50px;}*/

@media screen and (max-width:499px){
#area_sub-container-01{display:none;}
#area_sub-container-01,#area_contents-container,#area_side-bar{width:100%;float:none;margin-bottom:40px;}
#area_contents-container h2{font-size:1.4em;}
}
@media only screen and (min-width: 500px){
#area_sub-container-01{width:21%;float:left;margin-right:1%;}
#area_contents-container{width:78%;float:right;}
#area_contents-container #main-content{width:100%;max-width:700px;float:right;}
}
#area_side-bar h2{border:solid 1px #ccc;padding:4px;text-align:center;border-radius:4px;}

.sidebar{margin:0;padding:0;display:block}
.sidebar h2{font-size:19px;font-weight:bold;margin-bottom:12px;text-transform:none}
/*
.sidebar .widget{color:#BCC2C9;margin-bottom:30px;float:left;width:100%;background:#fff;padding:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
*/
.sidebar ul{margin:0;padding:0;list-style:none}
.sidebar li{margin:0 0 0 15px;padding:0 0 5px;text-transform:capitalize}


@media screen and (max-width:499px){
body{max-width:500px;min-width:320px;word-wrap:break-word;}
}


/* Navbar
----------------------------------------------- */
/*ナビゲーション*/
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){
.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}
@media (min-width:768px){
.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
}
.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#337ab7}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}
.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}
@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
}
.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:500px){.navbar{border-radius:4px}}
@media (min-width:500px){.navbar-header{float:left}}
.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-collapse.in{overflow-y:auto}
@media (min-width:500px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0}}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;height:50px;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}

@media (max-width:499px){.navbar-toggle{position:relative;float:right;padding:9px 10px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:30px;height:3px;/*border-radius:1px*/}.navbar-toggle .icon-bar+.icon-bar{margin-top:8px}}
@media (min-width:500px){/*.navbar-toggle{display:none;}*/.navbar-toggle .icon-bar{display:none;}}

@media (min-width:500px){
.navbar-toggle{display:none}
}
.navbar-nav>li>a{/*padding-top:10px;padding-bottom:10px;line-height:20px*/}
@media (max-width:499px){
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:28px}
.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
}
@media (min-width:500px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{/*padding-top:15px;padding-bottom:15px*/}
}
.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}@media (min-width:500px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}
@media (max-width:499px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}
@media (min-width:500px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:500px){.navbar-text{float:left;margin-right:15px;margin-left:15px}}
@media (min-width:500px){.navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}
/*
.navbar-inverse{background-color:#f3f3f3;}
*/
.navbar-inverse .navbar-brand{color:#777}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-inverse .navbar-text{color:#777}.navbar-inverse .navbar-nav>li>a{color:#777}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{/*background-color:#ddd*/}.navbar-inverse .navbar-toggle .icon-bar{background-color:#000;}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#e7e7e7}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7}
@media (max-width:499px){.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
}
.navbar-inverse .navbar-link{color:#777}
.navbar-inverse .navbar-link:hover{color:#333}
.navbar-inverse .btn-link{color:#777}
.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#333}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#ccc}
.navbar-inverse .navbar-brand{color:#9d9d9d}
.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{/*color:#444;*/background-color:transparent}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{/*background-color:#333*/}
/*
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
*/
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808}
@media (max-width:499px){
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
}
.navbar-inverse .navbar-link{color:#9d9d9d}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff}
.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}
body#layout .header-nav{position:relative;background: #000;padding-top: 20px;}
body#layout .navbar-header{padding:0;margin-left:15px;width:233px;float:left;margin-bottom: 0;}
body#layout #navbar-collapse{float:left;width:583px;margin-left:17px!important;margin-bottom: 0;}
body#layout .navbar-inverse{margin:0 0 15px!important;}

.header-nav {transition: all .5s ease;margin: 0;
background: #fff;
/*
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
*/
}
.navbar-inverse {border: none;margin: 0;}
.navbar-header  h1 {position: relative;font: 300 35px Roboto Slab, sans-serif;color: #ffffff;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
margin: 0;padding: 0;line-height: 43px;}
.navbar-header img {margin:5px 0;}
img#header-logo{width:240px;/*padding:2px;*/}
@media screen and (min-width:500px){
img#header-logo{width:240px;}
}
.navbar-header  h1 a {color: #ffffff;text-decoration: none;}
.top-nav-collapse h1 {margin-top: 24px;-webkit-transform: translateY(-50%) scale(0.7);transform: translateY(-50%) scale(0.7);margin-left: -15px;}
.navbar-inverse .navbar-nav>li>a {color:#000;/*line-height: 19px;font-weight:bold;*/text-decoration:none;font-size:14px;}
.navbar-inverse .navbar-nav>li>a:hover {color:#000;}
.main-menu {position: relative;z-index: 2;}
.main-menu ul > li {float: left;position: relative;list-style: none;}
.main-menu ul > li > a {}
.main-menu ul > li > ul {position: absolute;background-color: rgba(0, 0, 0, 0.8);top: 52px;min-width: 150px;padding: 0;margin-left: -10px;z-index: 99;border: 1px solid rgba(255,255,255,0.1);margin-top: -1px;visibility: hidden;opacity: 0;transition: all .5s ease-in-out;-webkit-transform: translateY(15px);-moz-transform: translateY(15px);transform: translateY(15px);}
.main-menu ul > li > ul > li > ul {position: absolute;top: 0;left: 150px;width: 150px;background-color: rgba(0, 0, 0, 0.8);padding: 0;z-index: 99;border: 1px solid rgba(255,255,255,0.1);visibility: hidden;opacity: 0;-webkit-transform: translateY(15px);-moz-transform: translateY(15px);transform: translateY(15px);}
.main-menu ul > li > ul > li {display: block;float: none;position: relative;}
.main-menu ul > li > ul > li a {font-size: 11px;margin: 0;padding: 0 15px;display: block;color: #000000;text-shadow: none;line-height: 30px;text-decoration: none;}
.main-menu ul > li.parent > a:after {font-family: fontawesome;content: "\f107";float: right;margin-left: 5px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.main-menu ul > li a {float: left;}
.main-menu ul > li.parent > a:after {float: right!important;}
}
.main-menu ul li a:hover {color: #677ba2;}
.main-menu ul > li:hover > ul,.main-menu ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}
.main-menu ul > li > ul > li.parent > a:after {font-family: fontawesome;content: "\f105";float: right;}
@media (max-width: 499px) {
.main-menu ul > li.parent > a:after {float: none;display: none;}
.main-menu ul > li > ul,.main-menu ul > li > ul > li > ul {position: relative;opacity: 1!important;visibility: visible;top: 0;left: 25px;margin-left: 0;border: 0;max-width: 200px;-webkit-transform: none;-moz-transform: none;transform: none;}
}
.collapse.navbar-collapse {float: right;margin-right: 20px;}
.LinkList {display: none;}
.navbar-fixed-top {position: fixed;top: 0;}
@media (max-width: 499px) {
.collapse.navbar-collapse {float: left;margin-right: 0;background:#fff;width: 100%;}
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.collapse.in {display:block!important;}
.navbar-collapse.in {overflow-y: auto!important;}
}
@media (max-width: 499px) and (orientation: landscape) {
.navbar-inverse {position: relative!important;}
.navbar-inverse{position:fixed!important;}
.navbar-inverse h1{margin-top:0!important;margin-left:-40px!important;}
}






a{color:#000;text-decoration:underline;}
a:hover{color:#000;text-decoration:none;}

/* メインコンテンツ(共通) */
#main-container{width:100%;}
#main-content{margin:0 auto;padding:0 10px;}
@media (max-width:499px){
#area_contents-container #main-content{margin:0 auto;padding:0 10px;}
}
#area_contents-container #main-content{padding:0;}




.page-title01{/*text-align:center;*/margin-bottom:40px;font-size:1.5em;}
.page-title02{margin-bottom:40px;border-bottom:2px solid #000;font-weight:bold;padding-bottom:4px;font-size:1.8em;}
.title01{color:#fff;padding:12px;background-color:#333;border-radius:6px;margin:10px 0;}
@media screen and (max-width:499px){
.title01{font-size:1.5em;}
}
@media screen and (min-width:500px){
.title01{font-size:1.6em;}
}

.title02{line-height:1.3em;margin:10px 0;}
.title03{color:#fff;padding:8px;background-color:#000;font-size:1.3em;margin:40px 0 10px;border-bottom:2px solid #f62929;}
.title04{line-height:1.3em;margin:10px 0;padding-left:10px;border-left:4px solid #000;}

@media screen and (max-width:499px){
.page-title01{font-size:1.7em;line-height:1.2em;}
.title01{font-size:1.6em;}
.title02{font-size:1.35em;}
.title03{}
}
@media screen and (min-width:500px){
.page-title01{font-size:2.8em;line-height:1.3em;}
.title01{font-size:1.7em;}
.title02{font-size:1.7em;}
.title03{}
}

.top-nav-collapse h1{
-webkit-transform:none!important;
transform:none!important;
margin:auto!important;
}

.alert01{color:#ff3300;padding:8px;border:solid 2px #ff3300;border-radius:8px;margin:10px 0;display:block;}

.area01{border:solid 1px #8c723f;border-radius:8px;padding:15px;margin-bottom:20px;background:#fff;}
.area01 .title02{text-align:left;color:#8c723f;font-weight:bold;background:none;padding:0;margin:0 0 10px;}
.area01 .title01{font-size:1.6em;margin:0;}
.area01 ul{margin-left:20px;}
.area01 ul li{font-size:1em;line-height:1.4em}
.area01 .area01{border:solid 1px #8c723f;border-radius:8px;padding:14px;margin:20px 0 0;background:#fff;}
.area01 .area01 section#faq span.big,section#faq p:first-letter{font-size:auto;margin:0;}
.area02{border-radius:8px;padding:14px;margin:10px 0;background:#f3f3f3;}
.area03{border:solid 1px #ccc;border-radius:8px;padding:10px;margin:10px 0;background:#fff;}

.column01{margin-bottom:23px;padding:15px;background-color:#efefef;border:solid 2px #bcb8b0;border-radius:12px;}
.column_title{}
.column ul{font-size:1em;list-style:none;}

/* リストの装飾 */
.list01 li{list-style:disc outside;margin-left:14px;}
.list02{margin-bottom:0!important;}
.list02 li{display:inline;margin-right:20px;line-height:1.6em;}
.list03,ol.list03{list-style-position:outside;}
.list03 li,ol.list03 li{padding-left:1em;margin-left:2em;}

.img_L img,.img_R img{width:100%;}
.img_R{margin:0 0 15px 10px;width:100%;}
.img_L{margin:0 10px 15px 0;width:100%;}


/* メインコンテンツ(Topページのみ) */
#top_mv{margin-top:20px;margin-bottom:25px;}

/* 製品ページ */
#area_contents-container .page-title01{font-size:1.6em;line-height:0.8em;font-weight:bold;}
#area_contents-container h1{font-size:1.3em;}
#area_contents-container p{font-size:15px;}
#area_contents-container .title01{font-size:1.3em;}
#area_contents-container .title02{font-size:1.4em;}

#area_sub-container-01 ul.sidebar_menu-list,#area_side-bar ul{padding:0;margin:0;}
#area_sub-container-01 ul.sidebar_product-list{list-style-position:inside;padding:0 0 0 10px;}
/*#area_sub-container-01 ul li,*/#area_side-bar ul li,#area_contents-container table th,#area_contents-container table td{border-bottom:solid 1px #ccc;list-style:disc;list-style-position:inside;}
#area_sub-container-01 ul li h2{background:#000;border:1px solid #000;color:#fff;padding:10px;display:block;font-size:14px;font-weight:bold;margin:0;}
#area_sub-container-01 ul li a,#area_sub-container-01 ul li a,#area_sub-container-01 ul li a:hover,#area_sub-container-01 ul li a:hover{text-decoration:none;border:1px solid #d8d8d8;padding:10px;display:block;opacity:1;}
#area_sub-container-01 ul li a:hover,#area_sub-container-01 ul li a:hover{background:#ebebeb;}
#area_sub-container-01 ul.sidebar_menu-list li{list-style:none;/*padding:10px;*/}
#area_sub-container-01 ul.sidebar_product-list li{list-style-image:url(https://sakurainc.net/img/arrow_gray.gif);border:none;}
#area_side-bar h2{font-size:1em;line-height:1.2em;font-weight:bold;margin-top:0;}

/* 左サイドメニュー(SP共通) */
.banner{width:100%;margin:5px;}
.banner ul{list-style-type:none;}
.banner ul li{display:inline;}
.banner ul li img{width:48%;margin-right:1%;}
.banner ul li img:last-child{margin-right:0;}




/* PC用 */
@media screen and (min-width:500px){
.SP{display:none;}
body{margin-left:auto;margin-right:auto;background-color:#fdfdfd;position:static;top:0;left:0;width:100%;height:600px;word-wrap:break-word;}
*{font-family:"sans-serif, monospace;"}

/* コンテナ */
#container{width:100%;border-left:solid 1px #f2f2f2;border-right:solid 1px #f2f2f2;padding:0px 8px 0px 8px;background-color:#ffffff;}

p,li,th,td,h3,h4,h5,h6{}

/* 空間調整 */
.w30{width:31%;margin:0 1%;}
.w50{width:48%;margin:1%;}
.w70{width:64%;margin:0 1%}
.three-column{width:100%;overflow:hidden;margin:0;padding:0;}

/*media Queries スマホサイズ（499px以下）
----------------------------------------------------*/
@media only screen and (max-width:499px) {
.PC{display:none;}
.SP{display:inherit;}

.fp-title{font-size:40px!important;}
.fp-content p{font-size:20px!important;}
.w30PC{width:100%!important;}
.w30SP{width:31%!important;margin-right:2%;}
.w40PC{width:100%!important;}
.w50PC{width:100%!important;}
.w50SP{width:48%!important;}
.w60PC{width:58%!important;}
}

/*media Queries PCサイズ（500px以上）
----------------------------------------------------*/
@media print, screen and (min-width:500px){
.col-sm-8{width:80%;}
.col-sm-offset-2{margin-left:10%;}

.PC{display:inherit;}
.SP{display:none;}
.w30PC{width:31%!important;margin-right:2%;}
.w30SP{width:100%!important;margin:0 1%;}
.w40PC{width:38%!important;margin:0 1%;}
.w50PC{width:46%!important;margin:0 1%;}
.w50SP{width:100%!important;margin:0 1%;}
}

@media screen and (max-width:1000px){
.sidebar-wrapper{float:none;width:auto!important}
.w30PC{width:31%;margin-right:2%;}
.w30SP{width:100%!important;}
.w50PC{width:46%;}
.w50SP{width:100%!important;}
}


.img_R{float:right;margin:0px 2px 15px 15px;border:solid 1px #d0dbde;}
.img_L{float:left;margin:0px 15px 15px 2px;border:solid 1px #d0dbde;}		

.number{font-size:20px;color:#ffffff;text-align:center;padding:5px 13px;margin-right:15px;background-color:#713427;border-radius:4px;-moz-border-radius:4px;}

/* 左サイドメニュー(共通) */
nav{}
.banner li{margin-bottom:2px;list-style-type:none;}
.banner_toppage{top:1020px;}


/* ヘッダー／ナビゲーション */
#main-contents{top:50px;position:static;}
.main-menu ul > li > ul > li a{font-size:16px;background-color:#fff!important;}
.blog-header p{color:#000!important;}
.navbar-header{}
ul#glonav{display:inline-flex;list-style-type:none;float:right;}
ul#glonav li{margin-left:30px;}
ul#glonav li a{text-decoration:none;font-size:14px;}

/* トップページ */
.footer-wrapper{background-color:#c0eef5!important;color:#505050;}
#footer-wrapper .section .widget h2{color:#000;border: none;}
.footer-border{background:none;}
#footer-wrapper table thead, table tfoot, table th, table td{border:none;}
#footer-wrapper table td{background:none!important;}
#footer-wrapper table thead,#footer-wrapper table tfoot,#footer-wrapper table th,#footer-wrapper table td{background:none;padding:0;}

/* FAQのところ（製品の特徴ページ） */
section#faq span.big/*,section#faq p:first-letter*/{font-size:36px;float:left;margin:0.2em 0.4em 0.4em 0;}
section#faq span.big{padding:0;font-weight:bold;}
section#faq h3{margin-bottom:16px;}
section#faq p:first-letter{padding:.1em 0;}
section#faq .area01 p:first-letter{font-size:auto;padding:0 0.2em;}

/* ボタン */
.btn-success{background-color:#0073d9!important;border-color:#0073d9!important;}


/* footer（フッター） */
.PopularPosts .item-title h5{line-height:1.2em!important;}
#footer-wrapper .LinkList li a{text-decoration:underline;}
#footer-wrapper .LinkList li a:hover{text-decoration:none;}
#footer-wrapper ul{list-style:disc;}
#footer-wrapper li{font-size:11px;line-height:1.6em;}