/*
Theme Name: Lightning Child
Version: 1.0
Template: lightning
*/

/* animation時のにじみ防止 */
*{
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:sans-serif;
}
.page-header{background:
linear-gradient(27deg, #0e0f14 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #0e0f14 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #14151f 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #14151f 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #14151c 10px, transparent 10px),
linear-gradient(#15151c 25%, #12131a 25%, #12131a 50%,
transparent 50%, transparent 75%, #191b24 75%, #191b24);
background-color: #0c0d12;
background-size: 20px 20px;
}
.searchform input,.form input{
font-family:sans-serif !important;
}
.vk_post_title_new{
border-radius: unset;
    border: none;
    color: #fff;
    margin: 7px 0 0 6px;
    font-size: 10px;
    padding: 3px;
    line-height: 1;
    position: relative;
    top: -3px;
    background: #1e73be;
    min-width: auto;
}
.searchform form{
width:100%;
display: flex;
justify-content: space-between;
margin: 0 0 2em;
}
.searchform input {
flex-basis: 63%;
}
.searchform label{
flex-basis: 25%;
min-width:180px;
}
.searchform select {
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom, #fff 0%,#e6e6e6 100%);
	padding: 10px 10px 10px 20px;
	cursor: pointer;
}
.searchform button {
flex-basis: 10%;
background: #524930;
    background: -webkit-linear-gradient(top, #aeaeae 0%,#464646 100%);
    background: linear-gradient(to bottom, #aeaeae 0%,#464646 100%);
    color: #fff;
    cursor: pointer;
	min-width: 95px;
}
.searchform input,.searchform select,.searchform button{
min-height:60px;
margin: 0;
	position: relative;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	border-radius: 8px !important;
font-size: 18px;
    line-height: 20px;
}
.searchform label {
	position: relative;
}
.searchform label:after {
	display: block;
	font-family: "FontAwesome";
	content: "\f13a";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background-size: 20px;
	pointer-events: none;
}
.breadcrumb {
background: #efefef;
border: none;
}
.breadcrumb a{
text-decoration:none;
}
h2 {
    border: none;
    position: relative;
    padding: 0.3em 0 0.2em 1em !important;
    border-bottom: 3px solid #bbbbbb;
    color: #333333 !important;
    margin: 2em 0 1em 0 !important;
	line-height:1.25em !important;
}

h2::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #bbbbbb;
    content: '';
}

h2::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #bbbbbb;
    content: '';
}
.shop img{
float: right;
padding: 0 0 0 3em;
width: 40%;
}
.profile{
border:none;
}
.profile td{
border:none;
padding: 0.3rem 0.5rem;
font-size: 13px;
}
.profile td:first-child{
white-space: nowrap;
}
.profile .tel{
font-size:1.8em;
font-weight:900;
margin: 0;
}
.profile .tel span{
font-size:0.9em;
}
.xo-event-calendar{
padding:0 1.0em;
margin:0 auto;
}
.xo-month caption{
margin:0 0 .5em 0 !important;
}
.xo-event-calendar table.xo-month .month-header>span {
line-height: 2em;
}
.entry-footer{
margin: 2em 0 4em 0;
}
.entry-footer .entry-meta-data-list:first-child{
display:none;
}

.h2_link h2{
display: flex;
justify-content: space-between;
}

.h2_link h2 .example_link a{
display: block;
font-size: 14px;
padding: 8px 10px 8px 27px;
line-height: 10px;
border: 1px solid #555;
border-radius: 20px;
color: #fff;
font-weight: 100;
transition: .5s;
position: relative;
background:#555;
}
.h2_link h2 .example_link a::before{
font-family: "FontAwesome";
content: "\f0ad";
color: #fff;
display: block;
position: absolute;
top: 7px;
left: 8px;
transition: transform 0.3s ease;
}

.h2_link h2 .example_link a:hover{
background:#fff;
border: 1px solid #555;
color:#555;
border-radius: 20px;
}
.h2_link h2 .example_link a:hover::before{
color:#555;
transform:rotate(270deg);
}
.vk_post .vk_post_btn{
position:relative;
padding-left: 2rem;
}
.vk_post .vk_post_btn::before{
content: "";
width:8px;
height:8px;
border-top:1px solid #fff;
border-right:1px solid #fff;
position:absolute;
top: 9px;
left: 7px;
transform:rotate(45deg);
transition: transform 0.3s ease;
}
.vk_post .vk_post_btn:hover::before{
transform: translate(5px) rotate(45deg);
}
.car_news {
    margin: 0;
    padding: 0;
}
.car_news li {
    list-style: none;
    border-bottom: 1px dotted #ccc;
    padding: 1em;
    margin: 0;
	display: flex;
    flex-wrap: wrap;
}
.car_news li a{
color:#1e73be;
}
.car_news li a:hover{
color:#ff9300;
}
.car_news li span {
margin: 0 1em 0 0;
border: 1px solid #1e73be;
color: #1e73be;
padding: 0 1em;
display: block;
font-size: 0.8em;
border-radius: 20px;
line-height: 1.8em;
min-width: 160px;
text-align: center;
}
.car_example{
    margin: 0;
    padding: 0;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.car_example li {
	list-style: none;
	width: calc(100% / 4 - 2%);
	transition: all 0.3s ease;
}
.car_example li::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.car_example::after{
  content:"";
  display: block;
  width:23%;
}
.car_example li a:hover{
	opacity:.9;
}
.car_example div{
height: 180px;
border: 1px solid #eee;
background-position: center;
background-size: cover;
margin:0;
padding:0;
}
.car_example h3 {
    position: relative;
    padding: 0.5rem 0.5rem calc(0.5rem + 10px);
    border: 2px solid #000;
    font-size: 1.2em;
    margin: 0.5em 0;
}
.car_example li:hover{
transform:scale(1.1);
}
.car_example h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  border-top: 2px solid #000;
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.car_example h3 span{
    font-size: 14px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
.car_example h3 ul{
margin:0;
padding:0;
}
.car_example h3 li{
width: 100%;
font-weight: 100;
margin: 0.5em 0;
font-size: 0.8em;
line-height: 0.8em;
text-align: center;
}
ul.car_news li span.new{
border-radius: unset;
border: none;
color: #fff;
margin: 9px 6px 0 0;
font-size: 9px;
padding: 4px 3px 0 3px;
line-height: 1;
position: relative;
top: -5px;
background: #1e73be;
min-width: auto;
}
.youtube h2{
color:#DA1725;
}
.youtube h2 span{
color:#DA1725;
}
.youtube h2 span i{
margin: 0 7px 0 0;
}
.global-nav-list>li:nth-last-of-type(2) img{
min-width: 24px;
}
.global-nav-list>li:nth-last-of-type(3) img{
min-width: 60px;
}
.device-mobile .global-nav-list>li:last-child{
padding: 14px 14px 14px 36px;
}
.device-mobile .global-nav-list>li:last-child::before{
top: 12px;
}
.global-nav-list>li:last-child{
background:#00659f;
padding: 0 0 0 20px;
margin: 0 0 0 20px;
transition: all .3s ease;
}
.global-nav-list>li:last-child::before{
border: none;
font-family: "FontAwesome";
content: "\f0e0";
color: #fff;
top: 14px;
left: 13px;
font-size: 15px;
width:auto;
}
.global-nav-list>li:last-child:hover::before{
transform: rotateY(180deg);
}
.global-nav-list>li:last-child:hover{
background:#0082ff;
}
.global-nav-list>li:last-child a{
color:#fff;
}
.reservation a{
position: fixed;
    right: 0;
    bottom: 110px;
    width: 50px;
    z-index: 1;
    padding: 20px 0;
    font-size: 17px;
    line-height: 53px;
    writing-mode: vertical-rl;
    letter-spacing: 4px;
    background: #70513b !important;
    border-radius: unset !important;
	color: #fff;
	transition: all .1s ease-in
}
.reservation a:hover {
    text-decoration: none;
    filter: brightness(1.1) saturate(2)
}
.page_top_btn {
background-color:#333;
box-shadow: unset;
right: 0;
bottom: 60px;
width: 50px;
height: 50px;
opacity:1;
}
.xo-event-calendar table.xo-month .month-dayname td div{
z-index: 1;
position: relative;
}
.cta_h5{
border:none;
}
.kizai{
border-collapse: collapse;
width: 100%;
border: none;
margin:1.0em 0;
}
.kizai th,
.kizai td{
padding: 1.0em;
font-size:0.8em;
border: none;
border-bottom:1px dotted #ddd;
text-align:center;
box-sizing:border-box;
}
.kizai th {
background: #e5e5e5;
border:none;
}
.kizai_img1 i{
margin-right:0;
}
.kizai_img2 dt{
margin:0;
}
.kizai_img2 dl:first-child{
padding:0 0.5em 0 0;
}
.kizai_img2 dl:nth-child(2){
padding:0 0 0 0.5em;
}

.mobile_menu{
text-align:center;
margin-top: -38px;
}
.mobile_menu img{
height:60px;
}
.mobile_menu a.button1{
background:#00659f;
}
.mobile_menu a.button2{
background:#70513b;
margin: 0.5em 0 0;
}
.mobile_menu a{
color:#fff;
display: block;
padding: 1.0em;
border-radius: 5px;
}


@media (max-width: 991px) {
.searchform form{
flex-wrap: wrap;
}
.searchform input {
flex-basis: 100%;
margin:0 0 1.0em 0;
}
.searchform label{
flex-basis: 60%;
}
.searchform button{
flex-basis: 20%;
}
.car_news li{
padding:1.0em 0;
}
.car_news li span {
width:100%;
margin: 0 0 0.5em 0;
}
}
.site_button a{
width:100% !important;
text-align: left;
padding: 2em !important;
}
.history {
border-bottom:1px dashed #e8e8e8;
}
.history p{
margin:0;
}
@media (max-width: 782px) {
.vk-mobile-nav-menu-btn {
    top: 15px;
}
}
@media (max-width: 767px) {
*{
font-size:102%;
}
.mobile_access_btn{
width:100%;
}
.mobile_access_btn a{
width:100%;
padding: 1.5em 0;
margin: -0.5em 0 0 0;
}
.car_example li {
    list-style: none;
    width: 100%;
}
.car_example li img{
    width: 100%;
}
	h2{
	line-height: 1.3em !important;
    font-size: 1.5em;
    padding: 1.5em 0 0.5em 0em !important;
	}
	.reservation a{
	display:none;
	}

.searchform button{
flex-basis: 38%;
}
.vk_post.media{
flex-wrap: wrap;
}
.vk_post h5,.vk_post_date,.vk_post_excerpt{
font-size:102% !important;
}
.vk_post .vk_post_title {
margin: 1em 0 0.5em 0;
}
.vk_post .media-img {
width: 100%;
margin: 0;
}
.vk_post-btn-display .vk_post_btnOuter {
position: relative;
margin: 1em 0 0 0;
text-align: left !important;
}
.shop img{
float: unset;
width: 100%;
padding: 0;
}
.profile .tel {
font-size: 2.2em;
}
.profile td {
font-size: 1.1em;
}
.site-footer-title {
font-size: 1.5em;
}
.kizai .head{
display:none;
}
.kizai {
width: 100%;
}
.kizai td {
display: block;
width: 100%;
border-bottom:none;
}
.kizai td:first-child{
background: #e5e5e5;
font-weight:bold;
}
.kizai tr:last-child{
border-bottom: solid 1px #ccc;
}
}
@media (max-width: 360px) {
	.h2_link h2{
		display:block;
	}
	.h2_link h2 .example_link a{
		display:inline-block;
	}
	.searchform input,.searchform label,.searchform button{
width:100%;
flex-basis: unset;
}
	.searchform label{
		margin:0 0 1.0em 0;
	}
}


#lineup_toppage ul {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding: 0;
}
#lineup_toppage ul li{
	width:calc( ( 100% / 3) - .6em );
	text-align:center;
	background:linear-gradient(#fefefe, #d7d7d7);
	border:1px solid #d7d7d7;
	border-radius:4px;
	margin-bottom: 1.2em;
	padding: .2em 0 .5em;
	list-style:none;
}
#lineup_toppage ul li a {
	display: block;
    width: auto;
    height: auto;
	color:#262626;
}
#lineup_toppage ul li a:hover {
	text-decoration:none;
	color:#7d7d7d;
}
#lineup_toppage ul li img:hover {
	opacity: .6;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
}

@media (max-width: 767px) {
#lineup_toppage ul li{
	width:calc( ( 100% / 2) - .6em );
}
#lineup_toppage ul li{
	font-size:70%;
}
}