/*
Theme Name: kaba-log-child
Template:   twentyseventeen
Version: 1.5
Author: KABA'S DESIGN
Author URI: https://kaba-design.jp/
Text Domain:  twentyseventeen-child
*/

@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Ravi+Prakash|Shadows+Into+Light|Architects+Daughter|Oswald);

body {
  font: 14px/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Roboto", sans-serif;
  background: none;}
.site {
margin: 0px !important;
background: none !important;}
.site-inner {
max-width: 1250px;
margin: 0 auto;
padding: 0 10px;}
.content-area {
    background: #fff;
    padding: 0 0 14px;}
.sidebar {
    padding: 0 10px 15px;
	background-color:#fff;}
.site-content {
    padding:1.5em 0 0;}
ul {
	margin:0;
	list-style: none;}
p {
margin: 0;}
h2, .home.blog .entry-title {
    font-weight: bold;}
h2 {
background: #272626;
    color: #fff !important;
    padding: .5em;
    margin: 3em 0 1.5em;}
h2 a {
color: #fff !important;}

.entry-content p {
    margin:0 0 20px 0;
    font-size: 16px !important;
    line-height: 1.7em;
    text-align: justify;}
.entry-content a {
    color:#ff752b !important;
    text-decoration: none !important;
	box-shadow: none !important;}

.mgReset {
	margin: 0px !important;}
.entry-title {
    font-weight: bold;
	border-bottom: 2px dotted #DFDCDC;
	padding-bottom: 12px;}
.post a:hover, .entry-title a:hover, #secondary a:hover, .nav-previous a:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;}
.page-header {
    display: none;}
.comment-form-comment {
    margin-bottom: 20px;}
.entry-footer {
    display: none;}
#comments {
    padding-top: 0.5em;}
.widget_rss li .rsswidget {
    font-size: 1em;}
.widget_rss ul li {
    padding: 0; }
.widget_rss ul li {
    padding-bottom: .5em;
    padding-top: .5em;}
.error404 .max800 {
display: none;}
.max800 {
    max-width:800px;
	margin: 0 auto;}

@media screen and (min-width: 48em) {
.wrap {
    padding: 0px;
    max-width: 1100px;}
.has-sidebar:not(.error404) #primary {
    float: left;
    width: 64%;}
.has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 32%;}
.site-main > article::before {
    border-top: solid 5px #1a1a1a;
    width: 94%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: "";}
.site-main > article::after {
    border-top: solid 5px #ff752b;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";}
.blog .site-main > article, .archive .site-main > article, .search .site-main > article, .single .site-main > article {
    padding: 30px 40px;
    position: relative;
    margin-bottom: 50px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;}
h2.widget-title {
    text-transform: none;
    font-size: 12px;
    background: #272626;
    color: #fff;
    padding: 14px 12px;
    border-radius: 3px;
    background-image: url(https://kaba-oudon.com/wp-content/themes/--kaba-oudon/assets/images/blog-sidebar-header-bg.png);
    background-repeat: no-repeat;
    background-position: right;}
.site-content {
    padding: 4em 0 2.5em;}
}

@media screen and (max-width: 47.9em) {
.wrap {
padding-left:0px;
padding-right: 0px;
}
.contents-title {
   margin-bottom: 0px;}
.post {
    padding: 20px 18px;
    position: relative;
    margin-bottom: 50px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;}
.post::before {
    border-top: solid 5px #1a1a1a;
    width: 94%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: "";}
.post::after {
    border-top: solid 5px #ff752b;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";}
}


.contents-wrap-mg0 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;}
.container {
	width: 1000px;
	margin: 0 auto;}
.contents-bg {
	position: relative;
	padding: 2.5em 0;
	z-index: 1}

.midashi-lines {
	font-size: 1.3em;
	color: #ffffff;
	margin-bottom: 20px;
	font-family: 'Oswald';
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;}
.midashi-lines:before, .midashi-lines:after {
	content: '';
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	height: 1px;
	background: #fff;
	min-width: 20px;
	display: inline-block;
	vertical-align: middle;}
.midashi-lines:before {
	margin-right: 20px;}
.midashi-lines:after {
	margin-left: 20px;}



/* For screen smaller than 640px */
@media (min-width: 40em) {
.hidden-lg {
	display: none !important;}
.hidden-sm {
	display: block !important;}
}

/* For screen smaller than 640px */
@media (max-width: 39.938em) {
.hidden-lg {
	display: block !important;}
.hidden-sm {
	display: none !important;}
.img-responsive-sm {
	width: 100%;}
}



/* header */
#pc-head {
	background:#f9f9f7;
	padding:6px 0;
	border-bottom:1px solid #eeede9;}
#pc-head .header-icon {
	font-size:11.5px;
	color:#1a1a1a;
	display: flex;}
#pc-head .header-icon li {
	margin:2px 0 0 4px;}
#pc-head .header-icon li:first-child {
	margin:0 auto 0 0;}

#pc-head .header-icon li i {
	font-size:16.5px;}
.pc-head-telephone {
	font-size: 26px;
	font-family: 'Bree Serif';
	color:#000;}
#mobile-head {
	display: flex;
	height: 60px;
	background: #ffffff;
	position:relative;}
#top-head {
	font-size: 14px;
	width: 100%;
	border-bottom: 4px solid #ff752b;
	border-top: 1px solid #dcdcdc;
	margin: 0px auto;
	line-height: 1;
	z-index: 999;}
#top-head .inner {
	position: relative;}
#top-head .logo {
	width: 180px;
	height:180px;
	padding:33px 25px 25px 25px;
	background:rgba(255,255,255,0.9);
	border:1px solid rgba(166,166,166,0.3); 
	border-radius:50%;
	position:absolute;
	top:-83px;
	left:50%;
	margin-left:-103px;
	z-index:100;
	-webkit-transition: -webkit-transform .5s cubic-bezier(.6,0,.3,1), opacity .2s, height 0s 0s;
    transition: transform .5s cubic-bezier(.6,0,.3,1), opacity .2s, height 0s 0s;}
#global-nav {}
#global-nav ul {
	height: 60px;
	display: flex;
	justify-content: center;
	font-size: 16px;}
#global-nav ul li {
	position: relative;
	display:inline-block;
	text-align: center;
	font-family: 'Shadows Into Light';}
#global-nav ul li:nth-of-type(4) {
	margin-left:180px;}
#global-nav ul li a {
	padding: 13px 14px;
	display: block;
	line-height: 1.3em;
	font-size:14.5px;
	color:#ff752b;}
#global-nav ul li a p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #1a1a1a;
	font-weight:bold;}
_::-webkit-full-page-media, _:future, :root #global-nav ul li a p {
font-size: 13px;
}

/* Btn Hover */
#global-nav ul li::before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	top: 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;}
#global-nav ul li:hover::before {
	background: #1a1a1a;
	top: 0px;}
/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 0px;
	border-bottom:2px solid #ff752b;
	background: rgba(255,255,255,.7);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;}
#top-head.fixed #mobile-head {
	height: 48px;}
#top-head.fixed .logo {
	font-size: 24px;
	width:112px;
	height:112px;
	padding:18px;
	top:-58px;
	margin-left:-53px;}
#top-head.fixed #pc-head {
	padding:0px;}
#top-head.fixed #pc-head .header-icon {
	font-size:10.5px;}
#pc-head .header-icon li {
    margin: 2px 0 2px 4px;}
#pc-head .header-icon li:first-child {
	margin:3px auto 0 0;}
#top-head.fixed #pc-head .header-icon .int-btn-sp-telephone {
	font-size:23.5px;}
#top-head.fixed #global-nav ul {
	height: 48px;}
#top-head.fixed #global-nav ul li:nth-of-type(4) {
	margin-left:140px;}
#top-head.fixed #global-nav ul li a {
	padding: 8px 19px;
	font-size:13px;
	line-height:1.35em;}
#top-head.fixed #global-nav ul li a p {
	font-size:13px;}
/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: -10px;}
#top-head.fixed #global-nav ul li:hover:after {
	background: #ff752b;
	bottom: -1px;}

/* Sweep To Right */
.button-head-blog {
    padding: 0 1.6em;
	height:34px;
	line-height:34px;
    cursor: pointer;
    background: #fff;
    border:1px solid rgba(166,166,166,0.3);
    text-decoration: none;
    color: #1a1a1a !important;
	font-size:12px;
    -webkit-tap-highlight-color: rgba(0,0,0,0); }
.button-head-blog:after {
	content: "\f0a9";
	font-family: FontAwesome;
	position:absolute;
	right:4px;
	top:16;}
.button-head-sns {
    width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
    cursor: pointer;
    background: #fff;
    border:1px solid rgba(166,166,166,0.3);
    text-decoration: none;
    color: #1a1a1a !important;
	font-size:12px;
    -webkit-tap-highlight-color: rgba(0,0,0,0); }
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ff752b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color:#ffffff !important;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}

.inner {
	width: 1000px;
	margin: 0 auto;}
.inner:after {
	content: "";
	clear: both;
	display: block;}

/* FOOTER
------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 0px !important;
	right: 20px;
	font-size: 77%;
	z-index: 1000;}
#page-top a {
	color: #1a1a1a;
	text-align: center;
	display: block;}
#page-top .arrow-to-top:after {
	display: block;
	content: "\f0aa";
	font-family: FontAwesome;
	font-size: 3.2em;}
	
footer {
	background: #ff9000;
	color:#ffffff;}
.footerNav ul li {
	font-size:.95em;
	margin-bottom: 0px !important;}
.footerNav em {
	font-weight:bold;}
.footerNav ul li div {
	text-align:left;
	line-height:1.6em;}
.footerNav ul li .sns {
	font-size:2.4em;}
.footerNav ul li .footer-sns {
	margin:2px 0 10px !important;}
.footerNav ul li .footer-sns li {
	margin:8px 0 !important;
	padding:10px;}
footer .flex-3-col li a {
	color: #ffffff;
	font-size: .95em;
	text-align: left;
	display: flex;
	align-items: center;     /*上下中央揃え*/}
footer .flex-3-col li a:hover, footer .flex-3-col li a:active {
	color: #1a1a1a;
	opacity: 1.0}
footer .flex-3-col li a i {
	margin-right: 5px;
	font-size: .6em;}
@media screen and (max-width: 768px) {
.footerNav ul li .footer-sns li {
    font-size: .8em;}
}
@media screen and (max-width: 640px) {
.footerNav ul li {
	margin-bottom: 40px !important;}
.footerNav ul li .footer-sns li {
    flex-basis: 16% !important;
    max-width: 16% !important;
    font-size: 11.5px !important;
	padding: 0px;
	text-align: center;}
.footerNav ul li .footer-sns { 
    display: flex !important; 
	justify-content:space-between;}
.footerNav ul li .footer-sns li a {
text-align: center !important;}	
.footerNav .midashi-lines {
	margin-bottom:0px;}
.footerNav .flex-3-col li {
	margin-bottom: 30px !important;}
.footerNav .flex-3-col li p a {
	padding: .55em 6px;
	border-bottom: 0px dotted rgba(255,255,255,0.5);}
.footerNav  ul li.location p {
	padding:0px;}
.footerNav ul li a:hover {
	color:#ffffff;
	background:rgba(255,255,255,0.2);}
.lightorange {
	background-color:#ff752b;}
#page-top {
	bottom: 60px !important;
	right: 10px;}
}

/* flexbox
------------------------------------------------------------*/
.flex-3-col {
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;}
.flex-3-col li {
	flex-basis: 31%;
	max-width:31%;
    margin: 0 0 60px 0;
    align-items: stretch;}
.flex-3-col li:last-child {
    margin: 0px !important;}
.flex-3-col li img {
	max-width: 100%;}
.flex-3-col li.arrow {
	font-size: 2em;
	display: flex;
	justify-content: center; /*左右中央揃え*/
	align-items: center;     /*上下中央揃え*/}
.flex-3-col li figure {
	margin:0 0 8px;}
.flex-6-col {
	font-size: 13.5px;
	margin-bottom: 60px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;}
.flex-6-col li {
	flex-basis: 16.666666%;
	max-width:16.666666%;
	padding: 0 24px;
	text-align: left;}
.flex-6-col li img {
	margin-bottom: 30px;}
.flex-6-col li b {
	display: block;
	font-size: 1.2em;
	margin-bottom: 15px;}
/* 800px */@media screen and (max-width: 50em) {
.flex-3-col {
	font-size: 14px !important;}
.flex-6-col {
	margin-bottom: 0px !important;}
.flex-6-col li {
	flex-basis: 33%;
	max-width: 33%;
	margin-bottom: 50px !important;}
.flex-6-col li img {
	margin-bottom: 15px !important;}
.flex-6-col li b {
	display: block;
	font-size: 1.2em;
	margin-bottom: 15px;}
}
/* 640px */@media screen and (max-width: 40em) {
.flex-3-col {
    display: block;}
.flex-3-col li {
    flex-basis: 100%;
	max-width: 100%;}
.footerNav .flex-3-col li {
	margin-bottom: 30px !important;}
.footerNav .flex-3-col li p a {
	padding: .55em 6px;
	border-bottom: 0px dotted rgba(255,255,255,0.5);}
}
/* 480px */@media screen and (max-width: 30em) {
.flex-6-col li {
	flex-basis: 49% !important;	
	max-width: 49% !important;}
}
/* 400px */
@media (max-width: 25em) {
.flex-6-col li {
	flex-basis: 100% !important;
	margin-bottom: 40px !important;
	padding: 0 10px;}
}

/* 1050px */
@media screen and (max-width: 65.625em) {
    #pc-head .inner,
	#pc-head.fixed .inner {
	width: 100%;
	padding:0 6px}
	.container {
	width:100%;
}
}

/* 1000px */
@media screen and (max-width: 62.5em) {
    .inner, #top-head.fixed .inner {
    width: 100%;}
	#pc-head {
	padding:0 6px;}
	#top-head .logo {
    width: 180px;
    height: 180px;
    padding: 25px;
    top: -67px;
    margin-left: -90px;}
	#global-nav ul li a, #top-head.fixed #global-nav ul li a {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;}
	#global-nav ul li a p {
    font-size: 13px;}
	#pc-head, #top-head.fixed #pc-head {
    padding: 0 16px;}
	#global-nav ul li:nth-of-type(4) {
    margin-left: 200px;}
}

/* 980px */
@media screen and (max-width: 61.250em) {
#mobile-head,
#top-head.fixed #mobile-head {
	height: 42px;}
#top-head .logo {
	font-size: 24px;
	color: #333;
	width:112px;
	height:112px;
	padding:18px;
	top:-58px;
	margin-left:-53px;}
article {
	padding: 0 30px;}
#global-nav ul,
#top-head.fixed #global-nav ul {
	height: 42px;}
#global-nav ul li {
	min-width: auto;}
#global-nav ul li a,
#top-head.fixed #global-nav ul li a {
	font-size:12px;
	padding: 6px 8px;
	line-height:1.3em;}
#global-nav ul li a p,
#top-head.fixed #global-nav ul li a p {
	font-size:12px;}
#global-nav ul li:nth-of-type(4),
#top-head.fixed #global-nav ul li:nth-of-type(4) {
	margin-left:140px;}

.inner,#top-head.fixed .inner {
	width: 100%;}

.site-inner {
margin: 0 auto;}
.container {
	width: 100% !important;
	padding-left: 1em !important;
	padding-right: 1em !important;}
}

/* 800px */
@media (max-width: 50em) {
.int-btn, .int-btn-rvs {
	padding: .9em 3em !important;
	font-size: .85em !important;}
#main-visual {
	height: 300px;}
#top-head, .inner {
	width: 100%;
	padding: 0;}
#top-head .logo,
#top-head.fixed .logo {
	width:90px;
	height:90px;
	padding:10px;
	top:-45px;}
#mobile-head, #top-head.fixed #mobile-head {
    height: 38px;}
#global-nav ul, #top-head.fixed #global-nav ul {
    height: 38px;}
.header-icon li:not(:first-child),
#top-head.fixed .header-icon li:not(:first-child) {
	display:none;}
#global-nav ul li a, 
#top-head.fixed #global-nav ul li a {
	padding:4px 8px;}
#global-nav ul li:nth-of-type(4),
#top-head.fixed #global-nav ul li:nth-of-type(4) {
	margin-left:96px;}
#global-nav ul li a p,
#top-head.fixed #global-nav ul li a p {
	font-size:11px !important;}

#top-head.fixed {
	position:relative;}
#top-head .logo {
	margin:0;
	width: 16%;
	height:100%;
	padding:6px;
	border-left:none;
	border-top:none;
	border-bottom:none;
	border-radius:0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	text-align:center;}
#top-head .logo a {
	display:block;}
#top-head .logo a img {
	width:100%;
	max-width:55px;}	
#pc-head {
	display:none;}
.header-icon div {
	display:none;} 
#mobile-head {
	width:100%;
    height:auto;}
#global-nav {
	float:right;
	width:84%;}
#global-nav ul {
	height: auto;
	display: flex;
    justify-content: space-between;
	flex-wrap:wrap;}
#global-nav ul li {
	flex-basis:33.3333333333%;}
#global-nav ul li a {
	padding:6px 3px;
	line-height:1.15em;}
#global-nav ul li:nth-of-type(1),
#global-nav ul li:nth-of-type(2) {
	border-right:1px solid rgba(166,166,166,0.3);
	border-bottom:1px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(3) {
	border-bottom:1px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(4) {
    margin-left:0px !important;
	border-right:1px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(4),
#global-nav ul li:nth-of-type(5) {
	border-right:1px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(3), #top-head.fixed #global-nav ul li:nth-of-type(3) {
	margin:0 !important;}

#top-head, .inner {
	width: 100%;
	padding: 0;}
.sidebar {
    padding: 0 10px;}
.contents-bg {
	padding: 2em 0;}
}


@media (max-width: 40em) {
article {
padding: 0 10px;}
#global-nav ul li {
	flex-basis:50%;
	font-family:"Courier New", Courier, monospace;}
#global-nav ul li a {
	padding:12px 2px 8px;
	line-height:1.3em;
	font-size:10.5px;}
#global-nav ul li a p {
    font-size:13px !important;}
#global-nav ul li:nth-of-type(2) {
	border-bottom: 1px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(3) {
	border-right: 1px solid rgba(166,166,166,0.3);
	border-bottom: 0px solid rgba(166,166,166,0.3);}
#global-nav ul li:nth-of-type(4) {
	border-right: 0px solid rgba(166,166,166,0.3);}
}


/* 400px */
@media (max-width: 25em) {
#top-head .logo {
	margin:0;
	width: 21%;
	padding:14px 8px 8px;
	top:0px;}
#mobile-head {
	width:100%;}
#global-nav {
	float:right;
	width:79%;}

#global-nav ul li::before{
	position: absolute;
	content: "";
	display: block;
	width:0;
	height:0;
	top: 0px;
	transition:none;
	-webkit-transition:none;
	-moz-transition:none;}
#global-nav ul li:hover::before {
	background:none;
	top: 0px;}
#global-nav ul li a:hover {
	background:rgba(166,166,166,0.3);}
#global-nav ul li a p {
	font-size: 11.5px !important;}
}





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

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

}
/* ========== footer装飾 ========== */

.copyright {
	width:100%;
	height: auto;
	background: #ff752b;
	color:#fff;
	text-align: center;
	padding:10px 0;
}
.copyright p  {
	font-size:11px;
	margin:0 auto;
	padding:0;
}
.copyright a {
	color:#fff;
}


/* =======================================
	スマホ専用 ドロワーメニュー
======================================= */
@media screen and (min-width:801px) {
#mobile-ham {
   display: none;} 
}
@media screen and (max-width:800px) {
#mobile-ham {
  padding:0px;
  display: block;
  border-top: 1px solid rgba(166,166,166,0.3);  }
#nav-drawer {
  position: relative;}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 100%;
  height: 42px;
  vertical-align: middle;
  padding:12px 0 0 10px;
  cursor: pointer;
  margin: 0px;}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #1a1a1a;
  display: block;
  content: '';
  cursor: pointer;}
#nav-open span:before {
  bottom: -8px;}
#nav-open span:after {
  bottom: -16px;}
#nav-open::after {
  content: 'SNSとかはコッチをどうぞ';
  position: absolute;
  top: 16px;
  left: 48px;
  font-weight: bold;
  font-size: 13px;}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 280px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);}

.ul__ham {
  font-size: 13.5px;}
.ul__ham li:not(:last-child) {
  border-bottom: 1px solid rgba(166,166,166,0.3);}
.ul__ham li a {
   display: block;
   padding:14px 0 14px 10px;
   color:#1a1a1a;}
.ul__ham li a i {
   margin-right: 10px;}
}
   
/* =======================================
	スマホ最下部固定メニュー
======================================= */
#footer-fixed3 {
    display:none;
}
#footer-fixed3 ul {
    position: fixed;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    width: 100%;
	z-index:10000;
    background:#f43218;
	border-top:2px solid rgba(255,255,255,0.9);
}
#footer-fixed3 li {
	font-size: 13px;
    width: 33.33333%;
    text-align: center;
}
#footer-fixed3 li:not(:last-child) {
    border-right: 1px solid #f6ddda;
}
#footer-fixed3 a {
    display: block;
    font-size: 1.1em;
    color: #FFF;
    text-decoration: none;
    padding:1.1em 0;
}
#footer-fixed3 a i {
    font-size: 1em;
}
#footer-fixed3 a span {
    line-height: 1;
    margin-top:0.1em;
	font-weight: bold;
	font-size: .9em;
}
#footer-fixed3 ul li:hover {
    background: #ff752b;
}
@media screen and (max-width:640px) {
#footer-fixed3{
    display:block;
}
}


/* ========== 404 ========== */
.contents-wrap {
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	text-align: center;
	overflow: hidden;}
.contents-title-box {
	position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;}
.contents-title {
	    margin-bottom: 30px;}
.contents-title-box::before,
.contents-title-box::after {
    display: block;
    content: '';
    position: relative;
    top: 30px;
    width: auto;
    height: 2px;
    background: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
    -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.1,1), opacity .2s;
    transition: transform .5s cubic-bezier(.4,0,.1,1), opacity .2s;}