@charset "utf-8";

/* COMMON
--------------------------------------------------------------------------------------------------------------------------- */
html { overflow-y: scroll; }
body { font-family: Roboto,"Yu Gothic","Meiryo",arial,sans-serif; padding-top: 0; line-height: 1.6; } /* ヘッダ固定時padding調整 */

.mb { margin-bottom: 15px; }
.mt { margin-top: 15px; }
.ml { margin-left: 15px; }
.mr { margin-right: 15px; }

.bld { font-weight: bold; }
.text-moredanger { color: #e73562; }

.pagetop {
position: fixed;
z-index: 99;
bottom: 15px;
right: 15px;
padding-top: 12px;
width: 44px;
height: 44px;
text-align:center;
cursor:pointer;
background-color:#f3981d;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
opacity: 0.8;
}

.pagetop a {
color: #000;
}

.alert-default {
background-color: #fafafa;
border-color: #dedede;
}

/* HEADER
--------------------------------------------------------------------------------------------------------------------------- */
header {
padding: 40px 0;
background: #abb1ad;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #abb1ad);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #abb1ad); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/* logo */
header h1, header h2 {
text-align: center;
font-weight: lighter;
margin: 0;
}

.logo a { text-decoration: none; color: #999; }
.subt { font-size: 16px; }

.logo-top a { font-size: 200px; }
.subt-top { font-size: 32px; margin-bottom: 40px; }

@media (max-width: 767px) {
	h3 { font-size: 18px; }
	.logo-top a { font-size: 120px; }
}

@media (max-width: 480px) {
	.logo-top a { font-size: 80px; }
	.subt-top { font-size: 22px; }
}

/* menu */
#g-menu a, #off-canvas button {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

#off-canvas,#g-menu {
margin-top: 10px;
}

@media (max-width: 767px) { #g-menu { display: none; }}
@media (min-width: 768px) { #off-canvas { display: none; }}

/* BreadCrumb */
.ths-breadcrumb {
color: #777;
}

/* FOOTER
--------------------------------------------------------------------------------------------------------------------------- */
.footer-1,.footer-2 {
text-align: center;
padding: 30px 0;
}

.footer-1 {
margin-top: 40px;
background-color: #f7f7f7;
}

.footer-2 {
color: #ccc;
background-color: #222;
}

.footer-2 a {
color: #ccc;
}

/* HOME
--------------------------------------------------------------------------------------------------------------------------- */
.newMark {
margin-right: 5px;
font-size: 11px;
padding: 0 4px;
border: 1px #e73562 solid;
border-radius: 5px;
background-color: #e73562;
color: #fff;
}

/* SUB
--------------------------------------------------------------------------------------------------------------------------- */
.faqpage h4 {
	border: 1px #dff0d8 solid;
  padding: 8px 10px 5px 10px;
  border-radius: 5px;
  text-align: center;
  background-color: #f3ffee;
}

.faqpage dd {
	margin: 0.5em 1em 4em;
	border-left: 4px #9abfa2 solid;
	padding-left: 8px;
}





/* MEDIA
--------------------------------------------------------------------------------------------------------------------------- */

/* for Retina */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	
}




/* Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/) written by Adam Smith (http://www.adchsm.me/) released under MIT License (http://plugins.adchsm.me/slidebars/license.txt) */
#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;min-height:100vh;position:relative;z-index:1;background-color:#fff}#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222}.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}

/* Slidebars -overwrite
--------------------------------------------------------------------------------------------------------------------------- */
.sb-slidebar {
background-color: #444;
}

.sb-slidebar nav a {
color: #f8f4e6;
display: block;
padding: 10px 15px;
border-bottom: 1px #222 solid;
text-decoration: none;
}

.sb-slidebar nav a:hover,
.sb-slidebar nav a:active {
background-color: #555;
}
