@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/
.slid_hide,
.disp_p { display:none; }
.disp_s { display:block; }
.disp_tp { display:none; }
.disp_ts { display:block; }

#disp_fix { position:fixed; top:0; left:0; z-index:1000; width:100%; }
#main { overflow: hidden; }

/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#525252; }

/***  ヘッダー  ***/
#head00s { width:100%; margin:0 auto; height: auto; height: auto; }
/*.head01s { margin:0; width:72.549%; height: auto; }*/
.head01s { margin:0; width:58.8235%; padding-right: 13.7255%; }

.head02s { margin:0; width:13.7255%; height: auto;}
.head03s { margin:0; width:13.7255%; height: auto;}
.head01s img { width:auto; margin:0; }
.head02s img,
.head03s img { width:auto; margin:0 auto; }

/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
	position:fixed;
	top:0; left:0; z-index:1000;
	padding:0;
	margin:0;
	width:100%;
	display:block;
}

.slideout-menu {
	position: absolute;
	top:1em; left:0;
	width:98%; margin:0 1%;
	padding:1.5em 0 0.7em;
	background:rgba(255,255,255,0.7);
	display:none;
}

.slideout-menu-up { width:96%; margin:0 2%; }
.slideout-menu-up img { width:70%; margin:0 auto; }

.slideout-menu_in { width:100%; margin:0; }
.slideout-menu_in .menu_in01  { width:96%; margin:0 1% 0.5em; padding:0 1%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:rgba(255,127,0,0.8); }
.slideout-menu_in .menu_in02  { width:96%; margin:0 1% 0.5em; padding:0 1% 1em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:rgba(141,141,141,0.8); }
.slideout-menu_in ul { width:96%; margin:0 1%; padding:1em 1% 0.5em; }
.slideout-menu_in li { width:43%; margin:0 0.5%; float:left; padding-left:5%; padding-bottom:0.2em; background:url(../img/common/smenu_icon.png) no-repeat 2% 0.3em; background-size:3%; letter-spacing:-0.1em; }
.slideout-menu_in li a { text-decoration:none; font-size:110%; color:#FFFFFF; }

/***  サブページタイトル　***/
#title_sub { width:100%; margin:0 auto; text-align:center; }
#pankuzu_line { width:94%; margin:0 auto; color:#FF4E00; text-align:left; }
#pankuzu_line li { float:left; }
#pankuzu_line li a { font-weight:bold; color:#FF4E00; }

/*** 固定バナー ***/
#kote_block{
	width:100%;
	position: fixed;
	bottom:0;
	z-index:1000;
}

.kote_pagetop{ width:15%; margin:0.3em 1% 0.3em 84%; }

#kote_block ul { padding:0.3em 0; background:rgba(255,255,255,0.7);}
#kote_block li { width:47%; margin:0 26.5%; float:left; }


/*** ページTOPバナー用 ***/
.page_topA { position:relative; }

/***  フッダー  ***/
#foot01 {
	width:92%;
	text-align:left;
	margin:0 auto;
	padding:1em 0 7em 0 ;
	color:#FFFFFF;
	overflow: hidden;
}

#foot01 a { color:#FFFFFF; font-weight:bold; }
.foot01_01 { float:right; }
.foot01_02 dt { background:url(../img/common/foot_arro.png) no-repeat left 0.4em; background-size:5%; padding-left:7%; }
.foot01_02 li { padding-bottom:0.8em; }
.foot01_03 li { padding-bottom:0.4em; background:url(../img/common/foot_arro.png) no-repeat left 0.4em; background-size:5%; padding-left:7%; }

.foot01_02 { width:48%; margin-right:2%; }
.foot01_03 { width:100%; }
.foot01_04 { width:48%; margin-right:2%; }
.foot01_05 { width:70%; margin:0 15%; }

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.r_kote{
    position: fixed;
    top:40%;
    right:0;
    width:12%;
    z-index: 3000;
    
}
.r_kote img{
    width:100%;
}

.foot_bnr_block{
	width:100%;
	margin:0;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
.disp_p { display:block; }
.disp_s { display:none; }

h1 { font-size:90%; padding:0; }

/*==================
  電話番号タップ
==================*/
a.telLink0 { display: inline-block; cursor: default; pointer-events: none; text-decoration:none; }

/***  ヘッダー  ***/
#head01 { width:96.4912%; margin:0 auto; padding-top:0.5em; } /* ヘッダー上段 */

.head01_01 { width:61.7273%; } /* H1 */
.head01_02 { width:38.2727%; } /* サイトマップ 会社概要 提携をご希望の方へ */

.head01_0101 { width:97.9381%; margin-right:2.0619%; } /* H1 */
.head01_0201 { width:20.0665%; margin-right:4.7505%; } /* サイトマップ */
.head01_0202 { width:17.5771%; margin-right:4.7505%; } /* 会社概要 */
.head01_0203 { width:34.2042%; margin-right:18.0527%; }/* 提携をご希望の方へ */

#head02 { width:96.4912%; margin:0 auto; padding:0.5em 0; } /* ヘッダー下段 */

.head02_01 { width:24.3636%; } /* ロゴ */
.head02_02 { width:36.0909%; font-size:85%; line-height:1.2em;} /* テキスト */
.head02_03 { width:39.5454%; } /* お問い合わせ　よくある質問　電話番号 */

.head02_0101 { width:87.6865%; margin-right:12.3135%; } /* ロゴ */
.head02_0201 { width:95.7178%; margin-right:4.2822%; } /* テキスト */
.head02_0202 { width:25.5263%; } /* TOPページ */
.head02_0301 { width:35.8620%; margin-right:3.4484%; } /* お問い合わせ　よくある質問 */
.head02_0302 { width:60.6896%; margin-right:0; } /* 電話番号 */


/***  新しヘッダー　2020.05.08  ***/
.head91 { width:22.2727%; } /* ロゴ　デリバリーバナー */
.head92 { width:36.1818%; padding: 0 1%; font-size: 90%;} /* H1　テキスト　TOPページ */
.head92 img { width:auto; max-width: 100%;} /* H1　テキスト　TOPページ */

.head93 { width:39.5454%; } /* サイトマップ 会社概要 提携をご希望の方へ */
.head93_01 { width:20.0665%; margin-right:4.7505%; margin-left:2%;} /* サイトマップ */
.head93_02 { width:17.5771%; margin-right:4.7505%; } /* 会社概要 */
.head93_03 { width:34.2042%; margin-right:16.0527%; }/* 提携をご希望の方へ */
/*.head93_04 { width:35.8620%; margin-right:3.4484%; } /* お問い合わせ　よくある質問 */
.head93_04 { width:35.8620%; margin-left:64.138%; } /* お問い合わせ　よくある質問 */
/*.head93_05 { width:60.6896%; margin-right:0; } /* 電話番号 */

/***  PC&タブレット用メニュー  ***/
#headover0 { position:relative; }
.back_nav{ width:100%; padding:0.5em 0; }

#p_navi { width:96.8421%; margin:0.5em auto; } 
#p_navi ul { list-style-type: none; }
#p_navi li {
	width: 14.2857%;/* 157px × 7メニュー*/
	box-sizing:border-box; border-left:#AAAAAA dotted 1px;
	float:left;
}
#p_navi li:nth-child(7) { border-right:#AAAAAA dotted 1px; } 

#p_navi li .naviin { width:76.4331%; margin:0 auto; }
#p_navi li a { display: block; }

#p_navi li:nth-child(1) .naviin { background:url(../img/common/navi01o.png) no-repeat center center; background-size:100%; }
#p_navi li:nth-child(2) .naviin { background:url(../img/common/navi02o.png) no-repeat center center; background-size:100%; } 
#p_navi li:nth-child(3) .naviin { background:url(../img/common/navi08o.png) no-repeat center center; background-size:100%; } 
#p_navi li:nth-child(4) .naviin { background:url(../img/common/navi03o.png) no-repeat center center; background-size:100%; } 
#p_navi li:nth-child(5) .naviin { background:url(../img/common/navi04o.png) no-repeat center center; background-size:100%; } 
#p_navi li:nth-child(6) .naviin { background:url(../img/common/navi06o.png) no-repeat center center; background-size:100%; } 
#p_navi li:nth-child(7) .naviin { background:url(../img/common/navi07o.png) no-repeat center center; background-size:100%; } 

#p_navi .p_navi01 .naviin a:hover img,
#p_navi .p_navi02 .naviin a:hover img,
#p_navi .p_navi03 .naviin a:hover img,
#p_navi .p_navi04 .naviin a:hover img,
#p_navi .p_navi05 .naviin a:hover img,
#p_navi .p_navi06 .naviin a:hover img,
#p_navi .p_navi07 .naviin a:hover img,
#p_navi .p_navi01a .naviin img, 
#p_navi .p_navi02a .naviin img, 
#p_navi .p_navi03a .naviin img, 
#p_navi .p_navi04a .naviin img, 
#p_navi .p_navi05a .naviin img, 
#p_navi .p_navi06a .naviin img,
#p_navi .p_navi07a .naviin img { visibility:hidden; }

#pankuzu_line { width:100%; }

/*** 固定バナー ***/
#kote_block{
	width:5%;
	position: fixed;
	top:20%; right:0;
	background:none;
}

#kote_block ul { padding:0; background:none;}
#kote_block li { width:100%; margin:0; float:none; }

/***  フッター  ***/
#foot01 { width:96.4912%; margin:0 1.7543%; padding:1.5em 0 2.5em 0; }
.foot01_02 { width:35%; margin-right:4%; }
.foot01_02 dt { background-position:left 0.3em; background-size:4%; padding-left:7%; }
.foot01_03 { width:22%; }
.foot01_03 li { background-position:left 0.3em;; background-size:7%; padding-left:10%; }
.foot01_04 { width:100%; margin-right:0; }
.foot01_05 { width:100%; margin:0; }

.r_kote{
    position: fixed;
    top:10em;
    right:0;
    width:7%;
    
}
    
.foot_bnr_block{/*815 530*/
	width:65.030674846%;
	margin:0;
}
    
}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 1140px) {
.disp_tp { display:block; }
.disp_ts { display:none; }
h1 { font-size:100%; }

/****  ヘッダー　**/ 
#head01 { width:1110px; }
#head02 { width:1110px; }
.head02_02 { font-size:100%;} /* テキスト */

.back_nav{width:1100px; margin:0 auto; }

/***  PC&タブレット用メニュー  ***/
#p_navi { width:1099px; } 
#p_navi li { width: 157px; } /* 157px × 7メニュー*/
#p_navi li .naviin { width:120px; }

/***  サブページタイトル　 ***/
#title_sub{ width:1140px; }
#pankuzu_line { width:1140px; }

/*** 固定バナー ***/
#kote_block{ width:97px; }

/***  フッター  ***/
#foot01 {
	width:1140px;
	margin:0 auto;
	padding:30px 0 40px 0;
}
.foot01_02 dt { background-size:auto; padding-left:5%; }
.foot01_03 li { background-size:auto; padding-left:9%; }

    
.r_kote{
    position: fixed;
    top:10em;
    right:0;
    width:97px;
    
}
.r_kote img{
    width:auto;
    
}
    
    
}