/*==================================
画面の横幅が768pxまで（タブレット用）
===============================================*/
@media screen and (max-width: 768px){
div#main{
	margin: 0 auto;
	width: 100%;
	background: #fff;
    }
    .left{ display: none;}
    .right{
        float: left;
        width: 65%;
    }
 }

/* 　スライド　*/
.slider{display: block;position: relative;}
#mainslide{margin:0px !important;padding:0 !important;}
#mainslide img{width:1230px;}
.bx-wrapper{border:none !important;}
div.bx-viewport{margin-top: 0;}

/*---　商品画像と複数サムネイル　------------------*/
.imagelists{}
.imagelists ul{display:flex;flex-wrap:wrap;}
.imagelists li{display:flex-box;width:32%;margin:0 5px 5px 0;text-align:center;}
.imagelists li:last-child{display:flex-box;width:32%;margin:0 1px 5px 0;text-align:center;}
.imagelists img{width:100%;margin-bottom:5px;}
.imagelists a img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　升目状ボックス　------------------*/
.boxes ul{display: flex;  flex-flow: row; flex-wrap: wrap;}
.boxes li{flex-flow: column wrap; text-align:center;margin: 4px 8px;width: 152px;font-size:85%;}
.boxes li img{width:100%;}

.sekouimage img{width:100%;}

/* アンカーリンク */
.unker li{
    display: inline-block;
    margin: 1em;
}

/* ポップアップ表示 */
#pop11{
    
}

.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label { 
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 90%;
    height: 80%;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 600px;
         height: 600px;
         padding: 30px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    width: 44pt;
    height: 44pt;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 14px;
     line-height: 1.8em;
}

/* toppageback */
#pageTop {
  position: fixed;
  bottom: 40%;
  right: 0em;
}
 
#pageTop a {
  display: block;
  z-index: 1000;
  padding:  0 0 ;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  background-color: orange;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* スライド表示 */
.tum{
	list-style-type: none;
	overflow: hidden;

}
.tum li{
	transition: .8s;
	width: 18%;
}

.list{
	list-style-type: none;
	overflow: hidden;
	display: flex;
}
.list li{
	transition: .8s;
	width: 18%;
	display: inline-block;
	list-style: none
}


.item{
	text-align: center;
}
/*--- ランダム関連商品 ---*/
.rondom{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
}

.rondom li{
    width: 25%;
}


/*---　公式サイト　------------------*/
aside.officialsites table{width: 100%;display: table;margin:1em 0 2em 0;}
aside.officialsites table tr{border-bottom:1px solid #ccc;display: block;}
aside.officialsites table tr.lasttr{border-bottom:0px !important;}
aside.officialsites table th{padding:0.5em 0.8em;vertical-align: top;width: 20%;}
aside.officialsites table th img{width: 100%;}
aside.officialsites table td{padding:0.5em 0.2em;vertical-align: top;width: 80%;line-height: 2em;}
aside.officialsites table td a{font-size: 120%;width: 100%;margin-bottom: 0.5em;}

/* search */

dl.search{
	background-color:#fff;
	border-radius:5px;
	overflow: hidden;
	top:14px;display:flex;
}

dl.search dt{
	padding:3px;margin:0;
	border:none;
	overflow: hidden;display:flex-box;
}
dl.search dt input{
	height:30px;
	background:none;
	border:none;
	width: 100%;
	transform: scale(0.8);
}

.foldingmenu{display:flex;margin-top:20px;margin-left:10px;flex-wrap:end;}
.foldingmenu li{display:flex-box;}
.foldingmenu a{padding:20px 10px;}

dl.search dt input[type=text]{font-size:16px;padding:0 0.5em;transform: scale(1);width:220px;}
dl.search dd{
	top:0px;
	right:0px;
	width:50px;margin:0;
}
dl.search dd button{
	display:block;
	background:#FFCA3D;
	width:100%;
	height:38px;
	line-height:36px;
	border:none;
	border-radius: 0 6px 6px 0;display:flex-box;
}
dl.search dd button:hover {
	background:#E8B875;cursor:pointer;
}
dl.search dd button span{
	display:block;
	color:#FFF;
}

li{
    list-style: none;
}

.situmon{
    font-size: 16px;
}
/*---　ページトップアイコン　------------------*/
.pageback {position: fixed;bottom: 0px;right: 10px; display:none;}

/*---　リンクテキスト　------------------*/
a:link{color:#0080FF;text-decoration:underline;}
a:visited{color:#0080FF;text-decoration:underline;}
a:hover{color:#003399;text-decoration:underline;}

/*---　BODYタグ　------------------*/
body {
    margin: 0;
    font-family: "Noto Sans Japanese";
    font-size:13px;background: #eee;}

a img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/* categorybar */
.categorybar{background:#B70000;width:100%;display:block;position:relative;top:85px;z-index:1000;}
.wrapper{width:1230px;z-index:1000;position:relative;margin:auto;}
.categorybar .wrapper{height:50px;}

.menu {	position:absolute;	z-index:1;width: 1230px;height: auto;max-width: 100%;text-decoration: none;margin: 0 auto;   list-style: none;}
.menu > li {float: left;   width: 12.5%;height: 50px;line-height: 50px;background-color: #B70000;text-decoration: none;text-align: center;}
.menu > li a {display: block;color: #fff;text-decoration: none;}

ul.menu__second-level {visibility: hidden;opacity: 0;z-index: 1;}
ul.menu__second-level li a{color: black;}

ul.menu__third-level {visibility: hidden;opacity: 0;}
ul.menu__fourth-level {visibility: hidden;opacity: 0;}

.menu > li:hover {background: #0092B0;-webkit-transition: all .5s;transition: all .5s;}
.menu__second-level li {}
.menu__third-level li {}
.menu__second-level li a{padding:12px 11px 2px 11px;}
.menu__second-level li a:hover {background: #eee;}
.menu__third-level li a:hover {background: #2a1f1f;}
.menu__fourth-level li a:hover {background: #1d0f0f;}

/* 下矢印 */
.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);}

/* floatクリア */
.menu:before,
.menu:after {content: " ";display: table;}
.menu:after {clear: both;}
.menu {*zoom: 1;}

li.menu__mega ul.menu__second-level {position: absolute;left: 0;box-sizing: border-box;width: 100%;background: #fff;-webkit-transition: all .2s ease;transition: all .2s ease;list-style: none;}
li.menu__mega:hover ul.menu__second-level {top: 50px;visibility: visible;opacity: 1;display:flex;flex-wrap:wrap;}
li.menu__mega ul.menu__second-level > li {width: 205px;display:flex-box;}
li.menu__mega ul.menu__second-level > li img{width:100%;display:block;}
li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {}

/* end */

/* 3colums */
div.cover {
   display: table;
   border-spacing: 1em 3px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

div.cover div.box1 {
   display: table-cell;
   width: 33.3%;
}
div.cover div.box2 {
   display: table-cell;
   width: 33.3%
}
div.cover div.box3 {
   display: table-cell;
    width: 33.3%;
}

/* button */
.square_btn {
    position: relative;
    display: block;
    padding: 1.0em 0.5em;
    text-decoration: none;
    color: #fff;
    background: #fd9535;/*背景色*/
    border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    font-size: 16px;
    width: 50%;
    height: auto;
}

.square_btn:hover{overflow: hidden;display:block;position:relative;filter: none;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.square_btn:active {
    border-bottom: solid 2px #fd9535;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/* よくある質問 */
.row { display: flex; background-color: #eee; }
.col { width: 100%; }
.col img{
    width: 95%;
    padding: 0.5em;
}

/*---　WEBフォントの読み込み　------------------*/
@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('media/NotoSansCJKjp-Regular_0.otf');}
@font-face {
    font-family: 'yumindb';
    src: url('media/yumindb.ttf');}

@font-face {
    font-family: 'NotoSansCJKjp-Light';
    src: url('media/NotoSansCJKjp-Light.otf');
}
@font-face {
    font-family: 'NotoSansCJKjp-Medium';
    src: url('media/NotoSansCJKjp-Medium.otf');
}


h2.blueline{
    background-color: #004CA3; 
    color: #fff;
    margin:0 0 4em 0;
    padding: 0.6em 0.8em 0.8em 0.6em;
    position: Noto Sans Japanese;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    border-radius:  5px 0px 0px 5px;
	font-size:130%;
}
h2.blueline big{color: #ccc;font-family:Century Gothic,NotoSansCJKjp-Light;font-weight: normal;text-align: right;display: block;font-size: 65px;margin-top: -35px;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}


/*---　ヘッダー　------------------*/
div#header {height:126px;color: #FFF;background-image: url(ico/head_back.jpg);background-repeat: no-repeat;}
.z_header {height:126px;background-image: url(ico/back2.jpg);}

/*---　ヘッダー中央寄せ命令　------------------*/
.my-header {margin:0 auto;width:1000px;}

/*---　サイトロゴ　------------------*/
.top_logo{float:left;margin-right:420px;margin-top:19px;}

/*---　Hタグ　------------------*/
h1 {font-size:16px;margin:0px;font-weight:normal;}
h2 {font-size:14px;}
h3 {font-size:13px;}

/*---　段落タグ　------------------*/
p {line-height: 175%;}


.kouen_title ul{overflow:hidden;width:100%;display:block;margin-left:10px;margin-bottom:20px;line-height:1.5em;padding-left:0;}
.kouen_title li{display:block;padding-left:0;float:left;overflow:hidden;margin-right:10px;}
.kouen_title li p{padding-right:32px;padding-top:0;margin-top:0;text-align:center;}
.kouen_title li img{display:block;margin:0;border:none;}
.kouen_title li a img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　テキスト装飾　------------------*/
.black{font-size: 14px;color: #000;font-weight:bold;}
.blue{font-size: 14px;color: #0066FF;font-weight:bold;}
.pink{font-size: 14px;color: #FF00FF;font-weight:bold;}

/*---　フリーダイヤル　------------------*/
.dial{float:left;margin-top:10px;}



.jumpb{border-collapse:separale;line-height:2em;position:relative;overflow: hidden;}
.jumpb:after {content:"";}
.jumpb li:after {content:"";}
.jumpb{margin-left:0; margin-right:0;clear:both;margin-bottom:15px;padding:0px;display:block;overflow: hidden;width:100%;}
.jumpb li{margin:0px;padding:0px;padding:2px;border:1px #ccc solid;float:left;display:block;margin-right:3px;margin-bottom:3px;overflow: hidden;text-align:center;}
.jumpb li:hover{padding:2px;border:1px #e9e9e9 solid;position:relative;}
.jumpb li img{margin-bottom:0.5em;}
.jumpb a{display:block;}
.jumpb a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.jumpb span.tax8{font-size:15px;font-weight:bold;color:red;}


.vbox dl{line-height:1.8em;border:2px solid #A4E9FF;margin-top:10px;margin-bottom:30px;width:100%;}
.vbox dt{padding: 5px;background:#A4E9FF;}
.vbox dd{padding: 5px;background:#DDF7FF;margin:0;}


/*---　親ボックス　------------------*/
.sum{overflow: hidden;}
.sum:after {content:"";}

.onbar{border:none;}
.onbar:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

/*---　アイテムボックス　------------------*/


/*---　左ボックス　------------------*/
.lefts{ width: 45%;height: auto;display: table-cell;padding: 0.5em;}
.lefts img{}
.rights{width: 45%;height: auto;display: table-cell;padding: 0.5em}
.rights img{}
.rights table{width:100%;}

/*---　マウスホバ−　------------------*/
.alink{text-align:center;border:none;}
.alink a:hover *{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.alink td{margin:5px;}
.alink img{border:none;margin-bottom:5px;}

.nsc{text-align:center;}
.nsc img{border:1px solid #ccc;margin-bottom:3px;height:35px;}

/*---　見積りフォーム　------------------*/
.order{background-image:url(../ico/mform.jpg);border:none;display:block;width:351px;height:70px;}
.order:hover{background-image:url(../ico/mformh.jpg);cursor:pointer;}

.orderh{background-image:url(https://gakuensai-stage.jp/ico/sale_form.jpg);border:none;display:block;width:351px;height:70px;}
.orderh:hover{background-image:url(https://gakuensai-stage.jp/ico/sale_formh.jpg);cursor:pointer;}


/*---　メニューバー　------------------*/
.menubar{background-image: url(ico/menuback.jpg);height:45px;padding:0px;}

/*---　メイン部分　------------------*/
div#main {
    margin: 60px auto;padding-top:5px;
    width: 1230px;
    background-color: #fff !important;
    display: flex;
	justify-content: space-between;
}

/*---　左側部分　------------------*/
.left{ 
    width:260px;
 
}
.left img{
	border:none;
}

.bunner li{
	text-align: center;
	padding-bottom: 2px;
}
/* sidebar*/
ul{
    padding: 0;
}

.side li {
  font-size: 15px;
  color: #404040;
  border-bottom: solid 1px #dadada;/*下に灰色線*/
  background: whitesmoke;
  margin-bottom: 0px;/*下のバーとの余白*/
  line-height: 1.5;
  padding: 1em;
  list-style-type: none!important;/*ポチ消す*/
  font-weight: bold;
  height: 25px;
  text-decoration: none;
}

.side li i{margin-right:0.2em;width:20px;text-align:center;}

.side li:hover{
    border-left:solid 20px #0092B2; 
}
/* tel */
.tel {
    text-align: center;
    background-color: #fff;
}

.tel h3{
display:block;
padding-top:12px;
}
.tel img{
    width:50px;
    vertical-align: middle;
}

.tel aside a{
	vertical-align:middle;font-family:Century Gothic;color:#222;font-weight:bold;
}

.kantoudial{
    background: orange;
    border-radius: 2px;
    color: #fff;
    padding: 0.1em 0.4em;margin-right:0.3em;
    font-size: 95%;
	vertical-align:middle;
}

.kansaidial{
    background: green;
    border-radius: 2px;
    color: #fff;
    padding: 0.1em 0.4em;margin-right:0.3em;
    font-size: 95%;
	vertical-align:middle;
}

.day{
    background-color: dimgray;
    color: #fff;
}


.tel a{
    text-decoration: none;
    font-size: 18px
}

/*---　右側部分　------------------*/
.right{
    width:80%;padding:20px;margin:15px 20px;
    height:auto;
    padding-left: 1.25em;
	overflow:hidden;
    display: table-cell;
}
.right h3{font-size:1.4em;}

.right img{
    height: auto;
}

.parent {
  overflow: hidden;
}
.child1 {
  float: left;
  width: 50%;
  background-color: aqua;
}
.child2 {
  float: right;
  width: 50%;
  background-color: bisque;
}

/*---　コンテンツ部分　------------------*/
.contents{margin: 0 auto;width:1000px;height:45px;background-repeat: no-repeat;}
.contentsmenu a img {
    display: block;
    margin: 15px auto;
    border: 2px solid #94c4f4;
}
.contentsmenu a img:hover {
    overflow: hidden;display:block;filter: none;filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
}


/*---　サムネイル外枠　------------------*/
.tumb{border-bottom:1px solid #ccc;float:left;padding:3px;text-align:center;margin-right:2px;}

/*---　サムネイルの画像　------------------*/
.tumbimg{margin-bottom:2px;border:0px;}
.list{vertical-align:middle;margin-right:7px;text-align:center;}

/*---　ピクトマーク付きテキスト　------------------*/
.mark{vertical-align:middle;margin-right:8px;}

/*---　マウスホバー画像切り替え部分外枠　------------------*/
.mouselist{width:200px;height:40px;padding:3px;border:solid 1px #C0C0C0;display:block;}

/*---　マウスホバーのピクトマークアイコン　------------------*/
.mouseover{vertical-align:middle;margin-right:5px;height:40px;}

/*---　品番　------------------*/
.bangou {background:#AAECFF;padding:3px;font-weight:bold;}

/*---　詳細表　------------------*/
.spec{border:1px solid #ccc;}
.spec td{padding:5px;}

/*---　価格表　------------------*/
.titlebar{background:url(ico/titlebar_item.jpg);font-size:17px;font-weight:bold;font-family:'Meiryo UI';text-shadow:1px 1px 1px #000;padding:2px 3px 8px 20px;color:#fff;margin-bottom:40px;}
.titlebar a{color:#fff;}
.titlebar a:hover{color:#FFFF00;}

/*---　価格表　------------------*/

#pricelist th {
    padding: 5px 10px;
background-color: darkgray;
    	border-spacing: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: separate;
}

#pricelist_easy table {
	border-spacing: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: separate;
	width:100%;
}

.table{
    width: 100%;
}

#pricelist table {
	border-spacing: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: separate;
}

#pricelist td {
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	line-height: 150%;
    background:#fff;
}
#pricelist td.d1{
	padding: 3px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	width:80px;
	background:#FFEAD5;
}
#pricelist td.d2{
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	width:140px;
}

#pricelist td.d3{
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;font-family:'Century Gothic';text-shadow:3px 3px 1px #ccc;
	font-size:15px;
	width:140px;
}


#pricelist td.d4{
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;font-family:'Meiryo UI';text-shadow:3px 3px 1px #ccc;
	font-size:13px;
	width:140px;
}

/*---　パンくず　------------------*/
.bread{padding-right:10px;padding-top:1px;height:16px;text-align:right;margin-bottom:10px;}

#pricelist form{margin:0;width:130px;}
#pricelist input{margin:0;width:130px;}
#pricelist select{margin:0;width:130px;}

/*---　価格表の先頭行　------------------*/

.ttop{background:#E9E9E9;}
.tleft{text-align:left;}

#pricelist2 table {
	width: 750px;
	border-spacing: 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-collapse: separate;
}
#pricelist2 td {
	padding: 6px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
	line-height: 180%;
}
#pricelist2 td.head{background:#E9E9E9;}
#pricelist2 td.1st{text-align:left;}
#pricelist2 td.final{text-align:left;}

.cinema{text-align:center;background:#111;padding:3px;line-height:1.3em;}
.cinema div{margin-bottom:5px;}

.settings{line-height:2em;overflow:hidden;margin-bottom:1em;}
.settings img{width:320px;display:block;float:left;margin-right:0.5em;}
.settings div{width:410px;display:block;float:left;margin,padding:0;background:#eee;height:230px;padding:5px;}

.c_profilel{background:#eee;padding:0.6em;width:25%;line-height:1.9em;}
.c_profiler{padding:0.6em;width:630px;margin-bottom:5px;line-height:1.9em;}
.c_profiler dl{overflow:hidden;display:block;}
.c_profiler dt{padding:0.6em;width:80px;float:left;display:block;height:90px;margin-right:10px;}
.c_profiler dd{padding:0;margin-bottom:20px;height:80px;padding-left:10px;float:left;display:block;width:400px;margin-left:0;}

table.spec{border-spacing: 0;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;border-collapse: separate;}
.spec th {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;background:#f4f4f4;}
.spec td {padding: 3px 10px;border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;line-height: 180%;font-size:13px;}
.spec td.d1{text-align: center;vertical-align: middle;	width:120px;background:#E9E9E9;	font-weight: bold;}
.spec td.d2{width:240px;}
.spec td.d3{text-align: center;vertical-align: middle;background:#D5DFFF;	font-weight: bold;}
.spec td.d4{text-align: center;vertical-align: middle;background:#eee;font-size:15px;}

/*---　コメント　------------------*/
.comment{font-size:12px;display:block;padding:0.5em;box-shadow:0px 2px 5px #ccc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#fff));
background-image: -moz-linear-gradient(top, #e9e9e9, #fff);
background-image: -ms-linear-gradient(top, #e9e9e9, #fff);
background-image: -o-linear-gradient(top, #e9e9e9, #fff);
background-image: linear-gradient(top, #e9e9e9, #fff);
-pie-background: linear-gradient( #e9e9e9, #fff);
behavior: url(PIE.htc);position:relative;}

/*---　実績リスト　------------------*/
.jisseki{line-height:2em;overflow:hidden;display:block;}
.jisseki li{float:left;width:33%;overflow:hidden;display:block;}
.jisseki li:after{content:"";}

.jis{line-height:2em;overflow:hidden;display:block;border-bottom:1px dotted #ccc;padding:0;margin:0;}
.jis li{float:left;width:49%;overflow:hidden;display:block;}
.jis li:after{content:"";}


/*---　ご利用の流れフローチャート　------------------*/
.flowc img{border:none;}
.flowc img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}


.kaisya{list-style:none;overflow: hidden;display:block;text-align:center;display:block;margin:0;padding:0;}
.kaisya ul{margin:0;}
.kaisya li{margin:0;padding:0;width:170px;float:left;overflow: hidden;display:block;border:#eee solid 1px;margin:5px;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding: 0px;box-shadow:0px 0px 2px #000;background:#fff;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;position:relative;behavior:url(PIE.htc);line-height:1.8em;}
.kaisya li:hover{overflow: hidden;display:block;border:#fff solid 1px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;position:relative;behavior:url(PIE.htc);filter: none;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
.kaisya img{width:170px;border:none;}
.kaisya a{display:block;color:#fff;}


/*---　フッター部分　------------------*/

div#footer {position: relative; bottom: 0px;padding-top: 5px;background-color: #333;color: #FFF;}
.footer2 {padding-top:22px;padding-bottom:22px;width: 950px;margin: 0 auto;bottom: 0px;color: #F4F4F4;}
.footer2 a:link{color:#66ffff;text-decoration:underline;}
.footer2 a:visited{color:#66ffff;text-decoration:underline;}
.footer2 a:hover{color:#ffffff;text-decoration:underline;}
.footer3 {padding-top:15px;padding-bottom:22px;width: 950px;margin: 0 auto;bottom: 0px;color: #F4F4F4;}
.footlink1{float:left;border:#ccc solid 1px;margin-right:3px;}
.footlink2{text-align:center;display:block;}
.footlink3{text-align:center;display:block;text-align:center;background:#DFDFDF;line-height:180%;display:block;font-size:95%;font-family:MS UI Gothic;}
.footlink4{text-align:center;font-size:12px;background:#ccc;background:#F4F4F4;line-height:180%;padding:3px;font-size:95%;font-family:MS UI Gothic;}
.footlink5{text-align:center;font-size:12px;background:#ccc;background:#F4F4F4;line-height:180%;border-top:#ccc solid 1px;padding:3px;font-size:95%;font-family:MS UI Gothic;}

.commentcmes{font-size:15px;display:block;padding:0.5em;box-shadow:0px 2px 5px #999999;behavior:url(PIE.htc);border:1px solid #999;font-weight:bold;background:#eee;}

.flow{display:block;text-align:center;}
.flow:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}

.ntable{border-collapse: collapse;width:99%;line-height:2em;}
.ntable td{padding:0.5em;border:1px #ccc solid;}
.ntable td.c{text-align:center;width:40px;}
.ntable td.ce{text-align:center;}
.ntable td.d{background:#f4f4f4;width:120px;}
.ntable th{padding:0.5em;border:1px #ccc solid;background:#eee;}
.ntable img{border:none;display:block;margin:0 auto;}

.number{margin:0px;text-align:center;font-size:17px;font-weight:bold;font-family:'Meiryo UI';text-shadow:3px 3px 1px #ccc;}
.century{margin:0px;text-align:center;font-size:14px;font-weight:bold;font-family:'Century Gothic';text-shadow:3px 3px 1px #ccc;}



/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('js/ps/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('js/ps/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}


/*--用途別ページ--*/

.use_image_list{
list-style-type:none;
padding:0;
margin:0;
overflow:hidden;
}

.use_image_list li{
float:left;
padding:0;
margin:0;
}

.use_explanation{
margin-bottom:20px;
}

.use_explanation_tt{
font-size:135%;
font-weight:bold;
}

.use_explanation img{
vertical-align:middle;
margin-right:10px;
}

.use_explanation_text p{
margin:0;
padding:0;
}





/*--------------------------------------stageHeightData-----*/

#stageHeightData{
padding-top:30px;
margin-bottom:30px;
font-family:"メイリオ";
}

#stageHeightDataTable{widtrh:100%;}

#stageHeightDataTable tr#trFirst th{
text-align:center;
padding:12px 20px !important;
}

#stageHeightData img{
margin-right:5px;
vertical-align:middle;

}

#stageHeightDataTable{
/*border-collapse:collapse;*/
/*font-size:100%;*/
/*padding:5px;*/
/*border:1px solid #af9b76;*/
/*background:#999;*/
border-spacing:3px;
/*box-shadow:13px 13px 0 #eee;*/
margin-bottom:33px;
border-collapse:collapse;
font-size:90%;
}

#stageHeightDataTable tr th{
text-align:left;
/*background:#efc;*/
background:#EAEFFF;
border:1px solid #ccc;
padding:2px 3px 2px 3px;
/*border-collapse:collapse;*/
/*
background: #d6efff;
background: -moz-linear-gradient(top,  #d6efff 0%, #aad3f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6efff), color-stop(100%,#aad3f7));
background: -webkit-linear-gradient(top,  #d6efff 0%,#aad3f7 100%);
background: -o-linear-gradient(top,  #d6efff 0%,#aad3f7 100%);
background: -ms-linear-gradient(top,  #d6efff 0%,#aad3f7 100%);
background: linear-gradient(to bottom,  #d6efff 0%,#aad3f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6efff', endColorstr='#aad3f7',GradientType=0 );
*/
}

#stageHeightDataTable tr th img{
border:none;
}

#stageHeightDataTable td{
width:30px;
text-align:center;
font-size:130%;
/*border:1px solid #888;*/
font-weight:bold;
padding:2px 20px;
background:#fff;
/*border:1px dashed #aaa;*/
}

#stageHeightDataTable th,#stageHeightDataTable td{
border:1px solid #ccc;
}

.alignRight{
text-align:right;
}

.tax8{font-style:italic;padding-right:3px;}

.jumpc{border-collapse:separale;line-height:2em;position:relative;padding-bottom:2em;overflow: hidden;}
.jumpc:after {content:"";}
.jumpc li:after {content:"";}
.jumpc ul{margin-left:auto; margin-right:auto;clear:both;margin-bottom:15px;padding:0px;display:block;overflow: hidden;}
.jumpc li{margin:0px;padding:0px;padding:2px;border:1px #ccc solid;text-align:;float:left;display:block;margin-right:3px;margin-bottom:3px;overflow: hidden;text-align:center;}
.jumpc li img{margin-bottom:0.5em;}
.jumpc a{display:block;text-align:center;}

.headlineitem{background:url(ico/headline_item.jpg);padding:5px 5px 50px 18px;color:#fff;font-family:Meiryo;font-size:14px;text-shadow:1px 1px 1px #000;}


.tyuiten 	{
				background: url("pic/tyui_mark.jpg") no-repeat 0 10px;
				color: #FF32A9;
				font-size: 1.5em;
				line-height: 2.3em;
				padding-left: 60px;
				padding-bottom: 10px;
}

.syousaihyou {
				width: 98%;
				
}


.syousaihyou dt {
                    border-top-left-radius: 5px;
					background: #2578F2;
					color: #ffffff;
					font-weight: bold;
					font-size: 1.075em;
                    padding: 2%;
				}

.syousaihyou dd {
    margin-left: 2%;
    font-size: 1.0em;
    padding: 0.3em;
}





/*---　見積りフォーム　------------------*/
.mitumori{background-image:url(ico/mform.jpg);border:none;display:block;width:350px;height:64px;}
.mitumori:hover{background-image:url(ico/mformh.jpg);cursor:pointer;}

.orderh{background-image:url(https://gakuensai-stage.jp/ico/sale_form.jpg);border:none;display:block;width:351px;height:68px;}
.orderh:hover{background-image:url(https://gakuensai-stage.jp/ico/sale_formh.jpg);cursor:pointer;}



.tyui {
		background: url(pic/mark_tyui.jpg) no-repeat;
		line-height: 3em;
		font-size: 1.475em;
		padding-left: 65px;
		font-weight:bold;
		color: #FF689E;
}

.queslist{line-height:1.5em;margin-top:10px;}
.queslist dl{overflow:hidden;display:block;margin-bottom:20px;}
.queslist dd{float:left;}
.queslist dt{float:left; width: 50%; margin-left: -40px;}
.queslist ul{margin-top:18px;display:block;}
.queslist li{padding-left:7px;padding-top:4px;padding-bottom:4px;padding-right:4px;margin-bottom:7px;width: 600px;display:block;}
.queslist li.cust{background:#ffccff;margin-left:2.5em;font-weight:bold;}
.queslist li.cust:hover{background:#ffa7ff;}
.queslist li.answ{background:#ccffcc;}
.queslist li.answ:hover{background:#9cff9c;}


.migishirushi {
	background: url(pic/mark_t001.jpg) no-repeat ;
	line-height: 2.425em;
	font-size: 1.575em;
	padding-left: 75px;
}

.links ul{overflow:hidden;display:block;list-style:none;margin:0;padding:0;margin-bottom:5px;text-align:center;}
.links li{float:left;overflow:hidden;list-style:none;margin-right:5px;display:block;text-align:center;width:150px;}

.links li span{}
.links li a{color:#0066FF;}
.links li a:hover{color:#0099FF;}

.links li p{margin-top:0;text-align:left;margin-bottom:0;padding:0;}

.links li img{display:block;margin-bottom:5px;border:none;width:150px;}
.links li a img:hover{filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;display:block;}

.jump{width:700px;border-collapse:separale;line-height:2em;position:relative;padding-bottom:2em;overflow: hidden;}
.jump:after {content:"";}
.jump li:after {content:"";}
.jump ul{margin-left:auto; margin-right:auto;clear:both;margin-bottom:15px;padding:0px;display:block;overflow: hidden;}
.jump li{margin:0px;padding:0px;padding:2px;border:1px #ccc solid;text-align:center;float:left;display:block;margin-right:2px;width:120px;overflow: hidden;}
.jump li:hover{padding:2px;border:1px #e9e9e9 solid;position:relative;color:#3333cc;background:#ddd;}
.jump li img{margin-bottom:0.5em;}
.jump a{display:block;}


h2.select_i{
	background: url(pic/selection1.jpg) no-repeat 0 3px;
	line-height: 2.575em;
	font-size: 1.875em;
	padding-left: 80px !important;
	color: #FF5CAD;
	width: 540px;
	margin: 0px auto 25px;
	width: 380px;
}



.ma_pa001{
	padding-top: 15px;
	margin-bottom: -15px;
}

/*---　フッター部分　------------------*/

div#footer {
    display: flex;
    color: #FFF;
    background-color: #333;
	text-align: center;
}

.footer2 {
    padding: 1em;
    width: 90%;
    margin: 0 auto;
    bottom: 0px;
    color: #F4F4F4;
}


.footer2 a:link {
    color: #66ffff;
    text-decoration: underline;
}

.footer2 a:visited {
    color: #66ffff;
    text-decoration: underline;
}

.footer2 a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footerlink li{
        display: inline-block;
        list-style-type: none;
     box-sizing: border-box;
    text-decoration: none;
}

.footerlink li a{
    text-decoration: none;
    color: #fff;
}

.footerlink li a:hover{
    text-decoration: none;
    color: darkblue;
}

.footerrow { display: flex;}
.footercol { width: 100%; }

/* 3colums */
div.cover {
   display: table;
   width: 100%;
    text-align: center
}

div.cover div.box1 {
   display: table-cell;
   width: 33.3%;

}
div.cover div.box2 {
   display: table-cell;
   width: 33.3%;


}
div.cover div.box3 {
   display: table-cell;
    width: 33.3%;

}

/* フッター */
.footersiten{
	display:flex;
	margin-top:0.5em;
	width: 1000px
}
.footersiten ul{display:flex;}

/* フッターのサイドバー */
.footersiten div{width:220px;margin-top:1em;text-align:left;}
.footersiten div img{height:auto;margin:0.4em 0;}
.footersiten div hr{border-left:0;border-right:0;border-bottom:0;margin:1em 0;}

.footersiten h4{font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;font-size:120%;}
.footersiten h4 i{width:15px;text-align:center;margin-right:0.2em;}

/* フッターの支店リスト */
.siten{flex-wrap:wrap;text-align:left;margin:1em 0em 1em 2.4em;vertical-align:top;width: 80%}
.siten h4{font-family:NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;font-size:120%;}
.siten li{display:flex-box;padding:0 0.7em 0 0.7em;margin-bottom:2em;width:206px;vertical-align:top;line-height:1.6em;}
.siten i{width:14px;text-align:center;margin-right:0.2em;}
.siten li img{display:block;width:100%;margin-bottom:1em;}
.siten li a.mappop{display:block;width:100%;margin-top:0.4em;}

/* フッターのサイドバーの検索 */
.footersearch{position:relative;}
.footersearch input[type="text"]{background:#eee;border:none;height:23px;position:relative;width:203px;padding:0.2em 0.4em ;font-family:FontAwesome,NotoSansCJKjp-Regular,HGｺﾞｼｯｸE;}
.footersearch input[type="text"]:hover{background:#fff;margin:0;}
.footersearch input[type="submit"]{background:#ccc;border:none;height:28px;margin:0;position:absolute;right:0px;top:0;padding:0.2em 0em;cursor:pointer;}

/* フッターサイドバーのバナー */
.footerbunners{display:block;}
.footerbunners li{display:block !important;margin-bottom:2em;}
.footerbunners li img{display:block !important;}

/* フッター一番下のメニューリスト */
.footermenu{display:block;text-align:center;letter-spacing: -.4em;padding:0em 0.4em;width:96%;margin:10px 33px;}
.footermenu li{display:inline-block;letter-spacing: normal;line-height:2em;}
.footermenu li:after{content:"│";}
.footermenu li:last-child:after{content:"";}

/* フッターのCopyright */
.copyright{text-align:center;font-family:Century Gothic;font-size:14px;margin-top:0.4em;}
.copyright i{color:#0099ff;font-style:normal;}

/* フッターのSNS */
.snslist{display:block !important;}
.snslist li a{color:#ccc !important;text-decoration:none;}
.snslist li a:hover{color:#99ff99 !important;}
.snslist i{margin-right:0.2em;width:16px;font-size:16px;text-align:center;line-height:1.6em;}
.snslist i.fa-facebook-square{}
.snslist i.fa-twitter-square{}
.snslist i.fa-youtube-play{}

/* 詳細情報：フッター */
#my_footer0 { font-size: 9pt; color: #CCCCCC; border-top: 3px solid #339933;width: 100%; background-color: #333333; clear: right;}
#my_footer {width:920px; background-color:#333333; color:#cccccc; margin:0 auto; padding:1em 0; font-size:9pt; text-align:right; padding-right: 35px;}
#my_footer a:link{color:#99ff99;}
#my_footer a:visited{color:#99ff99;}
#my_footer a:hover{color:#ffffcc;}

.smartsearch{display: none !important;}
.smartonly{display: none !important;}