@charset "utf-8";
/*
Theme Name: Lightning Child by ZIUS _vor.0.1.5
Theme URI: 
Template: lightning
Description: Speeverホームページ作成サービスZIUS顧客専用　Lightning子テーマです。
Author: ZIUSチーム
Tags: 
Version: 0.1.5
*/


/*/////ヘッダー////////////////////////////////////////////////////////*/

@media (min-width: 480px){
    .businesshours{
        float: right;
		padding: 10px 15px;
		background: url(https://koyano.to/zius_strawberry/wp-content/uploads/2020/02/300_100_bords.png);
		width: 300px;
		height: 100px;
		font-size: 15px;
    }
    .businesshours .textwidget{
        max-height: 80px;
    }
    .businesshours .textwidget p{
        margin: 0;
    }
}
@media (max-width: 480px){
    .businesshours{
		font-size:14px;
		padding: 12px;
        text-align: center;
		background: url(https://koyano.to/zius_strawberry/wp-content/uploads/2020/02/bords_sp.png);
		background-size: contain;
		background-repeat: no-repeat;
    }
    .businesshours .textwidget{
        max-height: 120px;
		margin-top: -8px;
    }
    .businesshours .textwidget p{
        margin: 0;
        line-height: 1.0;
    }
}

/*サイトタイトルとヘッダーメニューのセンタリング*/

@media (min-width: 992px){
.navbar-header {
    float: none;
}
 
.navbar-brand {
    text-align: center;
    float: none;
}
 
.navbar-brand img {
    display: inline;
    text-align: center;
}
 
ul.gMenu {
    float: none;
    position: relative;
    left: 50%;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
 
}


/*ヘッダーナビの下の影*/

.siteHeader {
	padding-bottom: 5px;
    box-shadow: 0 1px 7px rgba(24, 24, 24, 0.56);
}

/*/////メインに動画掲載の場合/////////////////////////////////////////////////////////*/

/*メイン動画の設置*/

 video {
    width: 120%;
    height: auto;
    left: 0;
    z-index: -1;
    margin: 0 -10%;
}

/*動画内テキスト*/

.main_title {
    font-size: 300%;
    position: absolute;
    margin-top: 20%;
    color: #fff;
    text-shadow: 2px 2px 6px #000;
}

/*動画と隙間サイズ ・動画内テキストサイズ*/


@media screen and (min-width:1600px) {
	video { width: 140%; margin: 0 -20%; margin-top: -20%;}
}

@media screen and (min-width:1400px) and ( max-width:1599px){
	video { width: 140%;  margin: 0 -20%; margin-top: -20%;}
	.main_title {font-size: 300%;}
}

@media screen and (min-width:1200px) and ( max-width:1399px){
	video { width: 130%; margin: 0 -15%; margin-top: -20%;}
	.main_title {font-size: 300%;}
}

@media screen and (min-width:1170px) and ( max-width:1199px){
	video {width: 120%; margin: 0 -10%;}
	.main_title {font-size: 200%;}
}

@media screen and (min-width:769px) and ( max-width:1170px){
	.main_title {font-size: 140%;}
}

@media screen and ( max-width:768px){
	.main_title {font-size: 200%;}

}

/*/////お問い合わせフォーム デザインとモバイル /////////////////////////////////////////////////////////*/

table th{
padding: 1em;
border: 1.5px solid #e5e5e5;
background-color: #f0f0f0;
}

table td{
border: 1.5px solid #e5e5e5;
}

@media screen and ( max-width:768px){
	.form-mobile-block th{ width:100%; float:left;}
	.form-mobile-block td{ width:100%; float:left;}
}

h3 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #F7EDEE;/*背景色*/
  border-left: solid 5px #B5495B;/*左線（実線 太さ 色）*/
}
h3::after {
  border-bottom: 0px;
}


/*/////テーブルレスポンシブ /////////////////////////////////////////////////////////*/

@media screen and ( max-width:480px){
	table.half td,table.half th{display:block}
}