@charset "utf-8";
/*version:20190707*/



@media screen and (min-width:768px){
/*-------------------------------------------*/
/*	#パソコンのみ設定　ナビゲーション　
/*-------------------------------------------*/
#menu-glnv { position: relative; }
ul.sub-menu { visibility: hidden; opacity: 0; z-index: 1; }
.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-glnv li:first-child { border:none; }/*仕切り線を最初だけ削除*/

li ul.sub-menu { position: absolute; top: 50px; width:200px; background-color:rgba( 255, 255, 255, 0.8 );  transition: all 0.5s ease-out;
padding-left:15px; padding-right:15px; text-align:left; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { position: relative; padding-top:10px; padding-bottom:10px; }
.init-right:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

 /*ナビゲーション　アイコン設定*/	
li.menu-item-has-children > a:after { font-family: 'Material Icons';  content: "\e313"; font-weight: 900; padding-left:5px;} 
#menu-glnv li.yajirusiue > a:after {font-family: "Material Icons"; content: "\e5ce"; font-weight: 900; padding-left:5px;}
}


/*-------------------------------------------*/
/*	▼TOPページへのスクロール
/*-------------------------------------------*/
#page-top { position: fixed; bottom: 50px; right: 20px; font-size: 67%; opacity:0.7; z-index:200;}
#page-top a { text-decoration: none; color: #fff; width: 70px; padding:20px 0; text-align: center; display: block; border-radius: 5px; cursor:pointer;}
#page-top a:hover { text-decoration: none; background: #999; }


/*-------------------------------------------*/
/*	#テーブルをスクロールさせる　tablescrollをつけるだけでOK
/*-------------------------------------------*/
table.tablescroll {	overflow: auto;	white-space: nowrap;	display:block;	width:auto;}
table.tablescroll tbody {	width: 100%;	display:table;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar {	height: 5px;}
 /*tableにスクロールバーを追加*/table::-webkit-scrollbar-track {	background: #F1F1F1;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar-thumb {	background: #BCBCBC;}
table.tablescroll td  ,table.tablescroll th { display: table-cell !important;}




/*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
form label { cursor:pointer; display:block;}
form input , form textarea {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
form input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
input:focus , input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,textarea:focus , select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }


/*-------------------------------------------*/
/*	クリック 表示 折りたたみ　アニメーション
/*-------------------------------------------*/
/*全体*/
.hidden_box {    margin: 2em 0;    padding: 0;}
/*ボタン装飾*/
.hidden_box label { display:block; text-align:left; padding: 15px;    font-weight: bold; border-radius: 5px; cursor :pointer; border:#CCC solid 1px;}
/*アイコンを表示*/
.hidden_box label:before { display: inline-block; content: '\f054'; font-family: 'FontAwesome'; padding-right: 5px; color:#999;}
/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before { content: '\f078'; color: #668ad8;}
/*チェックは見えなくする*/
.hidden_box input { display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show { height: 0;    padding: 0;    overflow: hidden;    opacity: 0;    transition: 0.4s;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {  padding: 10px 0;    height: auto;    opacity: 1;}


 


/* テーブルデザイン */
/******************************************************************/
.t_design { table-layout: auto; margin-right:auto; margin-left:auto;}
.t_design p { margin:0 !important;}
.t_design th { padding:20px 15px; text-align: left; vertical-align: top; font-weight:bold; white-space:nowrap; background-color:#EFEFEF;}
.t_design td { padding:12px 15px; text-align:left;}


/*-------------------------------------------*/
/*	ログイン時の編集ボタン
/*-------------------------------------------*/
.hensyuu { font-size:10px; color:#FFF; background-color: #EEE; border: #E1E1E1 1px solid; display:inline-block; font-weight:bold; text-align:center; border-radius: 3px; cursor:pointer; padding-left:3px; padding-right:3px; position: absolute; bottom:0px; right:0px; z-index:100;}
.hensyuu a { color:#FFF; text-decoration:none; }
.hensyuu:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.log_tensen { border: #E1E1E1 dashed 1px; margin-left:3px; margin-right:3px; position:relative; }




/*lay-qa001*/
.lay-qa001_q { cursor:pointer;}
.lay-qa001_a_open { display:block !important;animation: fade001 1s ease 0s 1 normal;}




/*-------------------------------------------*/
/*	styleタグの詳細
/*-------------------------------------------*/
.sty-bg_order{  wight: 100%; background-size:cover;
  background-position:50%;  position: relative;}
.sty-bg_order::after {  content: '';    position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;}


/*	モーダルウィンドウ*/
.lay-modal_btn { border:#F2F2F2 solid 1px; padding:5px; display:inline-block; cursor:pointer;} 
.lay-modal_btn:before{	font-family: "FontAwesome"; content: "\f24d"; font-weight: 900; padding-right:5px; color:#CCC;} 
.lay-modal { z-index:200 !important;
  display: none;
  height: 100vh;
  width: 100%;
  background: black;
 background-color: rgba( 0, 0, 0, 0.7 );
  position: fixed;
  top: 0;
  left: 0;
}
.lay-modal_box {
  background: #fff; padding:20px; overflow:scroll; max-height:80vh;
  width: 80%;
}
.lay-modal_show {
  display: flex;
  justify-content: center;
  align-items: center;
}


.price::after { content:"円"; font-size: 70%;}



/*-------------------------------------------*/
/*	WordPressネイティブ
/*-------------------------------------------*/
strong { font-weight: bold; } em { font-style: italic; } blockquote {    display: block;    -webkit-margin-before: 1em;    -webkit-margin-after: 1em;    -webkit-margin-start: 40px;    -webkit-margin-end: 40px;}
.aligncenter {    display: block;    margin: 0 auto;}.alignright { float: right; }.alignleft { float: left; }
img[class*="wp-image-"],img[class*="attachment-"] {    height: auto;    max-width: 100%;}
 /* mwフォーム　エラー表記スタイル */
.mw_wp_form .error { color:#F00 !important; font-weight:bold; font-size:16px !important;}

 /* clearfix */
 .clearfix {    overflow: hidden;    zoom: 1;}.clearfix:after {    content: "";    display: block;    clear: both;}
 
 
 
 
 /*-------------------------------------------*/
/*	アニメーション
/*-------------------------------------------*/
@keyframes fade001 {0% {opacity: 0; }    100% {opacity: 1;}  }