@charset "utf-8";
/* CSS Document */
.box.dvd{background:url(../menu/manner/dvd.png) no-repeat right 10px;}
.youtube{border:1px solid #999;height:300px;margin-bottom:7px;}
.youtube iframe{height:100%;width:100%;border:none;}

/*top*/
#coverIMG{width:70%;margin:0 auto;display:table;height:100%;background:url(../top/topIMG.png) no-repeat right 5%;background-size:auto 180%;position:relative;}
#coverIMG > div{position:absolute;top:0;bottom:0;left:0;height:400px;margin:auto 0;}
#coverIMG h2{font-size:42px;display:table;font-family:'Averia Serif Libre', cursive,"Times New Roman", Times, serif;color:#f99;position:relative;}
#coverIMG h2 span{font-size:25px;color:#666;display:block;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;}
#coverIMG h2:before{content:' ';display:block;position:absolute;left:-103px;top:150px;width:123px;height:105px;background:url(../layout/flowerL.png) no-repeat left center;}
#coverIMG h2:after{content:' ';display:block;position:absolute;right:-74px;top:-10px;width:58px;height:69px;background:url(../layout/flowerR.png) no-repeat left center;}
#coverIMG p#copy{font-size:13px;color:#666;width:auto;line-height:1.75;margin-top:10px;}
#coverIMG ul{margin-top:30px;height:150px;width:550px;border:1px solid #ccc;background:#fff;padding:15px 25px;box-sizing:border-box;overflow-y:scroll;}
#coverIMG ul li{margin:5px 0;padding:5px 2px;box-sizing:border-box;cursor:pointer;}
#coverIMG ul li:hover b.title{color:#09f;}
#coverIMG ul li b.title{font-size:13px;font-weight:normal;line-height:1.5;display:inline-block;padding-left:11em;position:relative;}
#coverIMG ul li b.title time{font-size:13px;display:inline-block;width:10em;font-family:Arial, Helvetica, sans-serif;position:absolute;left:0;top:0;}
#coverIMG ul li.selected b.title{color:#09c;text-decoration:underline;}
#coverIMG ul li span.newsSKIN{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:25;}
#coverIMG ul li div.detail{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:600px;height:300px;border-bottom:1px solid #efefef;margin:auto;padding:50px;background:linear-gradient(to bottom,#eee,#fff);background:-webkit-linear-gradient(top,#eee,#fff);z-index:31;cursor:default;border-radius:0 0 10px 10px;z-index:31;}
#coverIMG ul li div.detail.active section{width:100%;max-height:100%;overflow-y:auto;position:relative;z-index:30;color:#333;animation:detail 0.7s 0.5s forwards;webkit-animation:op01 0.7s 0.5s forwards;opacity:0;}
@keyframes detail{100%{z-index:60;opacity:1;}}@-webkit-keyframes detail{100%{z-index:60;opacity:1;}}
#coverIMG ul li div.detail:after{content:'';width:22px;height:50px;background:url(../top/fusen.png) no-repeat center bottom;position:absolute;left:30px;top:15px;z-index:50;animation:fusen 0.7s 0.8s forwards;webkit-animation:fusen 0.7s 0.8s forwards;opacity:0;}
@keyframes fusen{100%{top:-10px;opacity:1;}}@-webkit-keyframes fusen{100%{top:-10px;opacity:1;}}
#coverIMG ul li div.detail section h3{font-size:25px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;text-align:center;margin-bottom:20px;line-height:1.3;}
#coverIMG ul li div.detail section h3 time{display:block;font-size:13px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;margin-top:7px;}
#coverIMG ul li div.detail section p{font-size:14px;line-height:2;}
#coverIMG ul li div.detail section a.more{display:table;margin:15px auto 0 auto;padding-left:18px;background:url(../top/link.gif) no-repeat left center;color:#333;font-size:14px;}
#coverIMG ul li div.detail section a.more:hover{color:#f69;text-decoration:underline;}
#coverIMG ul li div.futa{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:700px;height:400px;margin:auto;animation:op00 0.5s 0.7s forwards;webkit-animation:op00 0.5s 0.7s forwards;z-index:40;}
@keyframes op00{100%{z-index:27;}}@-webkit-keyframes op00{100%{z-index:27;}}
#coverIMG ul li div.futa fieldset{position:relative;width:100%;height:100%;}
#coverIMG ul li div.futa b{display:block;position:absolute;background:url() no-repeat center top / 100% 100%;transition:0.3s ease-in-out;transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform-style:preserve-3d;perspective:-3000px;opacity:1;}
#coverIMG ul li div.futa b:nth-of-type(1){top:0;left:0;width:100%;height:290px;background-image:url(../top/fu01.png);background-position:center bottom;}
#coverIMG ul li div.futa b:nth-of-type(1){transform-origin:top;z-index:57;}
#coverIMG ul li div.futa b:nth-of-type(1){animation:op01 0.5s 0.2s forwards;webkit-animation:op01 0.5s 0.2s forwards;}
@keyframes op01{100%{transform:rotateX(180deg) rotateY(0deg) rotateZ(0deg);}}@-webkit-keyframes op01{100%{transform:rotateX(180deg) rotateY(0deg) rotateZ(0deg);}}

#coverIMG ul li span.closeBTN{position:absolute;right:20px;bottom:20px;display:block;width:50px;height:50px;text-align:center;padding-top:5px;box-sizing:border-box;z-index:60;cursor:pointer;}
#coverIMG ul li span.closeBTN:hover{opacity:.8;}
#coverIMG ul li span.closeBTN i{color:#666;opacity:0;animation:op02 0.5s 1.8s forwards;webkit-animation:op02 0.5s 1.8s forwards;font-style:normal;}
#coverIMG ul li span.closeBTN:hover i{color:#f69;}
@keyframes op02{100%{opacity:1;}}@-webkit-keyframes op02{100%{opacity:1;}}
#coverIMG ul li span.closeBTN b{display:block;width:0;height:20px;background:url(../top/close.gif) no-repeat left center;margin-bottom:7px;margin-left:10px;animation:op03 0.25s 1.5s forwards;webkit-animation:op03 0.25s 1.5s forwards;}
@keyframes op03{100%{width:30px;}}@-webkit-keyframes op03{100%{width:30px;}}

/*和食･洋食のテーブルマナ－*/
.article .link.manner{background-image:url(../menu/manner/gakubun.gif);padding-left:247px;}

/*お懐紙コンシェルジュ協会*/
.article .link.facebook{background-image:url(../menu/concierge/facebook.gif);padding-left:166px;}
.article .con01-h3{border:none;padding:45px 0 0 0;font-size:30px;line-height:1.5;color:#f99;margin-bottom:15px;}
.article .con02-p{font-size:11px;text-align:right;color:#666;margin-top:25px;}
a.kai{display:block;padding:12px 0 12px 45px;color:#f99;font-size:13px;background:url(../menu/concierge/kai.png) no-repeat left center;}

/*ビジネスマナー*/
.article .link.human{background-image:url(../menu/business-manner/human.gif);}

/*教育現場での礼儀作法サポート*/
.article.school-manner h4.con01-h3{font-family:"メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";padding-top:0;}
.article.school-manner .notice{border:1px solid #928a81;color:#928a81;padding:7px 25px 7px 25px;display:table;width:100%;box-sizing:border-box;}
.article.school-manner .notice h5{font-size:21px;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;display:table-cell;font-weight:500;color:#f99;padding-right:25px;width:3.5em;text-align:center;vertical-align:middle;}
.article.school-manner .notice p{font-size:13px;display:table-cell;vertical-align:middle;}
.article.school-manner .box h3:nth-of-type(1){margin-top:0;}

/*profile*/
a.proImg{display:block;min-height:400px;}
a.proImg img{width:auto;height:100%;}
.box.prof01{width:35%;margin-right:5%;}
.box.prof01 a.proImg{background-position:center;background-size:auto 100%;background-repeat:no-repeat;}
.box.prof02{width:52.5%;}
.box.prof02 h3{border:0;padding:30px 0 0 0;font-size:27px;color:#000;line-height:1.2;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-weight:500;}
.box.prof02 h3 span{display:block;font-size:12px;font-family:"メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";line-height:1.5;margin-bottom:5px;}
.box.prof02 h3 span.kana{font-size:20px;font-family:'Averia Serif Libre', cursive,"Times New Roman", Times, serif;color:#f99;}
.box.prof02 ul.keireki{font-size:13px;line-height:1.75;}
.box.prof02 ul.keireki li{margin-bottom:7px;}
.box.prof02 ul.keireki li span{width:8em;display:inline-block;}

.box.prof02 .profileList{border:none;margin-top:30px;}
.box.prof02 .profileList tr{border:none;background:none;}
.box.prof02 .profileList th{width:1em;padding:5px;border:1px solid #999;}
.box.prof02 .profileList td{width:47%;padding:0 15px;background:none;border:none;line-height:2.0;}
.box.prof03 h4{color:#690;margin:5px 0 0 0;}

/*お問い合わせ*/
.box.cnt01 h4{font-size:17px;font-family:"メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";}
.box.cnt01 h4 span{color:#f99;margin-right:0.25em;}
.box.cnt01 ul{margin-bottom:35px;}
.box.cnt01 li.tel,.box.cnt01 li.fax{background:url() no-repeat left center;font-size:25px;padding:3px 0 3px 40px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;vertical-align:middle;margin-bottom:7px;}
.box.cnt01 li.tel{background-image:url(../aboutus/contact/tel.png);}
.box.cnt01 li.fax{background-image:url(../aboutus/contact/fax.png);}
.box.cnt01 li.tel span,.box.cnt01 li.fax span{font-size:12px;margin-left:1em;font-family:"メイリオ","Meiryo", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";font-weight:normal;}
.article.contact h3{margin-bottom:30px;}
.article.contact form#mailformpro{padding:0;}
.article.contact table{width:100%;}
.article.contact th,.article.contact td{padding:9px 10px;vertical-align:middle;}
.article.contact th{width:80px;background-color:rgba(255,102,153,0.025);}

.article.contact form.mailForm table th{width:150px;}
form.mailForm table th.required{background-image:url(../aboutus/contact/required.gif);background-repeat:no-repeat;background-position:95% center;}
form.mailForm input{margin-right:0.25em;}
form.mailForm input,form.mailForm textarea{vertical-align:middle;font-size:13px;}
form.mailForm td label{margin-right:1em;}
.mfp_buttons{text-align:center;margin-top:40px;}
.mfp_buttons p{font-size:11px;margin-top:5px;}
.mfp_buttons button{font-size:12px;padding:10px 20px;width:140px;cursor:pointer;color:#333!important;}

div#mfp_overlay_inner{padding:50px 20px;}
div#mfp_overlay_inner > h4{text-align:center;margin-bottom:20px;font-size:20px;color:#690;}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td{padding:12px 10px;}
	/*thanks*/
.thanks .notice{width:70%;margin:120px auto 40px auto;border:1px solid #928a81;padding:20px 40px;}
.thanks .notice h4,.thanks .notice h5{text-align:center;}
.thanks .notice h5{color:#f99;font-weight:normal;}
.thanks a.link02.back{margin:0 auto;}