@charset "UTF-8";

/* ロゴ色
rgba(208, 17, 27, 1)
#d0111b */
body,html { height:100%; width:100%;}
body { font-size: 16px; color: #444; line-height: 2.0; background: #f6f6f6;}
body#pageIndex { background: #fff;}
#wrapper { position:relative; height:100%;}
.contents { position:relative; width:100%;}
.contentsInner { width:100%; margin:0 auto; padding: 40px 20px;}
a:hover { opacity:0.8; }
#pageTop { background: rgba(208, 17, 27, 0.9); color:#fff; border-radius:5px; text-align:center; line-height:50px; position:fixed; bottom:10px; right:10px; z-index:400; cursor:pointer; width:50px; }
#pageTop:hover { opacity: 0.8;}
.mincho { font-family: "A1明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#pageRecruit2 b, #pageMessage b, #pageBusiness b, #pageHuman b, #pageInterview b, #pageInterviewSingle b, #pageNewgraduate b, #pageCareer b, #singleCareer b, #pageTaxonomy b { font-family: "見出しゴMB31", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

/* contents-hole */
#contents-hole { background-image: url("../images/recruit/message-back.jpg");}

/* ドロワー */
.drawer-hamburger { top: 4px;}
.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after { background-color: #444;}
.drawer-open .drawer-hamburger-icon, .drawer-open .drawer-hamburger-icon:before, .drawer-open .drawer-hamburger-icon:after { background-color: #fff;}
.drawer-menu { padding: 10px 30px;}
.drawer-nav { background-color: #eee;}
.drawer-menu-item { font-size: 15px; display: block; padding: .75rem; text-decoration: none; color: #444; border-bottom: 1px solid #ccc; font-family: 'Lato', sans-serif;}
.drawer-menu-item:hover { color: #444;}

/* drawerMenu */
.drawer-menu-item { font-size: 12px; color: #888;}
.drawer-menu-item span { display: block; font-size: 14px; color: #444; font-weight: bold; letter-spacing: 1px;}
.drawer-menu-item.recruit { border-bottom: 0;}
.drawer-menu-item.contact { border-top: 1px solid #ccc;}
.drawer-menu-item.topics { border-top: 1px solid #ccc;}
ul.drawer-menu li ul { padding-left: 20px; list-style: none;}
ul.drawer-menu li ul li a { color: #444; font-size: 14px;}
ul.drawer-menu li ul li:first-child a.drawer-menu-item { border-top: 1px solid #ccc;}
ul.drawer-menu li ul li:last-child a.drawer-menu-item { border-bottom: 0;}

/* pageRecruit2 */
#pageRecruit2 .contents { overflow: hidden;}
#recruit-home-img011, #recruit-home-img021, #recruit-home-img031 { width: 100%; height:100vh; background-position: center center; background-repeat:no-repeat; background-size:cover; position: absolute; top: 0; left: 0; animation: imgFade 3s ease 1.5s; animation-fill-mode: forwards; }
#recruit-home-img012, #recruit-home-img022, #recruit-home-img032 { width: 100%; height:100vh; background-position: center center; background-repeat:no-repeat; background-size:cover; position: relative;}

/* imgFade */
@keyframes imgFade { 0% { opacity: 1;} 100% { opacity: 0;} }

#pageRecruit-block01, #pageRecruit-block03, #pageRecruit-block05, #pageRecruit-block07 { padding: 20px 0 145px 0; text-align: right;}
#pageRecruit-block02, #pageRecruit-block04, #pageRecruit-block06 { padding: 20px 0 145px 0; text-align: left;}

#pageRecruit2 .square { position: absolute; bottom: 0px; width: 90%; background: #dcdcdc; height: 300px;}
#pageRecruit-block01 .square { left: 0; background: rgb(242,222,190,0.5);}
#pageRecruit-block02 .square { right: 0; background: rgb(244,217,238,0.5);}
#pageRecruit-block03 .square { left: 0; background: rgb(197,242,223,0.5);}
#pageRecruit-block04 .square { right: 0; background: rgb(174,224,240,0.5);}
#pageRecruit-block05 .square { right: 0; background: rgb(235,242,174,0.5);}
#pageRecruit-block06 .square { right: 0; background: rgb(245,229,211,0.5);}
#pageRecruit-block07 .square { right: 0; background: rgb(220,220,220,0.5);}
#pageRecruit2 .block01-img, #pageRecruit2 .block02-img { display: block; width: 100%; position: relative;}
#pageRecruit2 .block01-img img, #pageRecruit2 .block02-img img { width: 90%;}
#pageRecruit2 .block01-img .block, #pageRecruit2 .block02-img .block { position: absolute; top: 65%; background: #fff; box-shadow:0 0 8px #666; padding: 20px 20px; width: 85%; text-align: left;}
#pageRecruit2 .block01-img .block { left: 10px;}
#pageRecruit2 .block02-img .block { right: 10px;}
#pageRecruit2 .block01-img .block h2, #pageRecruit2 .block02-img .block h2 { padding: 10px; text-align: center; width: 100%; color: #fff; font-size: 20px; font-weight: normal; background: repeating-linear-gradient(-45deg, rgb(222,101,74), rgb(222,101,74) 3px,#eb816e 3px, #eb816e 7px); margin-bottom: 10px; letter-spacing: 1px; line-height: 1.0;}
#pageRecruit2 .block01-img .block p, #pageRecruit2 .block02-img .block p { font-size: 16px; line-height: 1.4; color: rgb(222,101,74); font-feature-settings: "palt";}
#pageRecruit2 .block01-img a.link, #pageRecruit2 .block02-img a.link { font-family: Arial, sans-serif; position: absolute; top: 90%; padding: 20px; width: 100%; text-align: center; background: #fff; font-size: 18px; color: rgb(222,101,74); outline: dashed 2px rgb(222,101,74); outline-offset: -3px;}
#pageRecruit2 .block01-img a.link { left: 20px;}
#pageRecruit2 .block02-img a.link { right: 20px;}
#pageRecruit2 .block01-img a.link:hover, #pageRecruit2 .block02-img a.link:hover { background: rgb(222,101,74); color: #fff; opacity: 1;}

/* delighter */
/* pageRecruit2 */
.anime1.delighter { transition: all 1.2s ease-out; transform: scaleX(0.1); transform-origin: left; opacity: 0;}
.anime1.delighter.started { transform: none; opacity: 1;}
.anime1.delighter.started.ended { transform: scaleX(0.1); transform-origin: left; opacity: 0;}
.anime2.delighter { transition: all 0.5s ease-out; transform: translateX(50px); opacity: 0;}
.anime2.delighter.started { transform: none; opacity: 1;}
.anime3.delighter { transition: all 0.6s ease-out; transform: translateX(100px); opacity: 0;}
.anime3.delighter.started { transform: none; opacity: 1;}
.anime4.delighter { transition: all 0.7s ease-out; transform: translateX(-100px); opacity: 0;}
.anime4.delighter.started { transform: none; opacity: 1;}
.anime5.delighter { transition: all 0.8s ease-out; transform: translateX(100px); opacity: 0;}
.anime5.delighter.started { transform: none; opacity: 1;}
.anime6.delighter { transition: all 1.2s ease-out; transform: scaleX(0.1); transform-origin: right; opacity: 0;}
.anime6.delighter.started { transform: none; opacity: 1;}
.anime6.delighter.started.ended { transform: scaleX(0.1); transform-origin: right; opacity: 0;}
.anime7.delighter { transition: all 0.5s ease-out; transform: translateX(-50px); opacity: 0;}
.anime7.delighter.started { transform: none; opacity: 1;}
.anime8.delighter { transition: all 0.6s ease-out; transform: translateX(-100px); opacity: 0;}
.anime8.delighter.started { transform: none; opacity: 1;}
.anime9.delighter { transition: all 0.7s ease-out; transform: translateX(100px); opacity: 0;}
.anime9.delighter.started { transform: none; opacity: 1;}
.anime10.delighter { transition: all 0.8s ease-out; transform: translateX(-100px); opacity: 0;}
.anime10.delighter.started { transform: none; opacity: 1;}
.anime11.delighter { transition: all 0.5s ease-out; transform: translateX(-50px); opacity: 0;}
.anime11.delighter.started { transform: none; opacity: 1;}
.anime12.delighter { transition: all 0.5s ease-out; transform: translateX(50px); opacity: 0;}
.anime12.delighter.started { transform: none; opacity: 1;}

/* recruit-main-img */
#recruit-main-img { position: relative; background: #eee;}
#pageMessage #recruit-main-img { background: rgb(242,222,190,0.2);}
#pageBusiness #recruit-main-img { background: rgb(244,217,238,0.2);}
#pageHuman #recruit-main-img { background: rgb(197,242,223,0.2);}
#pageInterview #recruit-main-img { background: rgb(174,224,240,0.2);}
#pageNewgraduate #recruit-main-img { background: rgb(235,242,174,0.2);}
#pageCareer #recruit-main-img { background: rgb(245,229,211,0.2);}
#recruit-main-img .inner { position: relative; display: block; width: 100%; padding-bottom: 150px; }
#recruit-main-img .inner img { width: 80%;}
#recruit-main-img .page-title { position: absolute; bottom: 10px; right: 10px; background: rgba(255,2555,255,0.9); box-shadow:0 0 8px #ccc; padding: 20px; width: 95%;}
#recruit-main-img .page-title span.title { font-size: 24px; line-height: 1.2; font-weight: normal;}
#recruit-main-img .page-title span.title b { color: rgb(222,101,74);}
#recruit-main-img .page-title span.page { display: inline-block; line-height: 1.0; padding: 10px; text-align: center; color: #fff; font-size: 20px; font-weight: normal; background: repeating-linear-gradient(-45deg, rgb(222,101,74), rgb(222,101,74) 3px,#eb816e 3px, #eb816e 7px); margin-bottom: 10px; letter-spacing: 1px;}

/* pageMessage */
#pageMessage #contents-hole { padding-bottom: 30px;}
#pageMessage h2 { margin-bottom: 30px; font-size: 20px; line-height: 1.2; padding: 10px; background: #fff; outline: dashed 2px rgb(222,101,74); outline-offset: 3px; text-align: center; background: rgb(222,101,74); color: #fff;}
#pageMessage .block-first { padding-top: 30px;}
#pageMessage .block1:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageMessage .block2:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageMessage .block1 img { width: 100%;}
#pageMessage .block1 .txt { width: 100%; padding: 20px; font-size: 15px;}
#pageMessage .block2 img { width: 100%;}
#pageMessage .block2 .txt { width: 100%; padding: 20px; font-size: 15px;}
#pageMessage p.name { text-align: center; font-weight: bold; font-size: 18px; line-height: 1.4;}

/* pageBusiness */
#pageBusiness .contentsInner { padding: 10px 20px 40px 20px;}
#pageBusiness h2 { margin: 30px 0 0 0; font-size: 20px; padding: 10px; background: #fff; outline: dashed 2px rgb(222,101,74); outline-offset: -3px; text-align: center; color: rgb(222,101,74);}
#pageBusiness p.lead { font-size: 16px; font-weight: bold; color: rgb(222,101,74);}
#pageBusiness p { margin: 20px 0; font-size: 15px;}
#pageBusiness .brands { list-style: none;}
#pageBusiness .brands:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageBusiness .brands li { float: left; width: 32.5%; margin-right: 1%; margin-bottom: 10px;}
#pageBusiness .brands li:nth-child(3n) { margin-right: 0;}
#pageBusiness .brands li img { width: 100%;}
#pageBusiness .brands li span { display: block; background: rgb(222,101,74); color: #fff; padding: 3px; line-height: 1.0; font-size: 12px; margin-top: -10px; text-align: center;}
#pageBusiness #pageBusiness-block01 .hole:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageBusiness #pageBusiness-block01 .left { width: 100%;}
#pageBusiness #pageBusiness-block01 .right { width: 100%;}

/* pageHuman */
#pageHuman .contentsInner { padding: 10px 20px 40px 20px;}
#pageHuman h2 { margin: 30px 0 0 0; font-size: 20px; padding: 10px; background: #fff; outline: dashed 2px rgb(222,101,74); outline-offset: -3px; text-align: center; color: rgb(222,101,74);}
#pageHuman p.lead { font-size: 16px; font-weight: bold; color: rgb(222,101,74);}
#pageHuman p { margin: 20px 0; font-size: 15px;}
#pageHuman #pageHuman-block01 .img { width: 100%; text-align: center;}
#pageHuman #pageHuman-block01 .img img { width: 70%;}
#pageHuman #pageHuman-block01 .hole:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageHuman #pageHuman-block01 .left { width: 100%;}
#pageHuman #pageHuman-block01 .right { width: 100%;}

/* pageInterview */
#pageInterview p.lead { font-size: 16px; font-weight: bold; color: rgb(222,101,74);}
#pageInterview .block { margin: 30px 0; background: #fff; box-shadow:0 0 8px #666; padding: 20px; display: flex; flex-wrap: wrap; outline: dashed 2px rgb(222,101,74); outline-offset: -10px; position: relative; overflow: hidden;}
#pageInterview .block:after { content:""; position: absolute; top: -25px; right: -25px; border: 35px solid transparent; border-left: 35px solid rgb(222,101,74); transform: rotate(-45deg);}
#pageInterview .block:before { font-family: FontAwesome; content:"\f061"; position: absolute; top: 10px; right: 15px; color: #fff; z-index: 2;}
#pageInterview .block { color: #444;}
#pageInterview .contentsInner a:hover { opacity: 1 !important;}
#pageInterview .contentsInner a:hover .block { color: rgb(222,101,74);}
#pageInterview .block .left { width: 100%;}
#pageInterview .block .left img { width: 100%;}
#pageInterview .block .right { width: 100%; padding: 10px;}
#pageInterview .block .title { font-size: 30px; font-weight: normal; margin-bottom: 20px; line-height: 1.2;}
#pageInterview .block .name { font-size: 20px; line-height: 1.2;}
#pageInterview .block .year { font-size: 14px; line-height: 1.5;}
#pageInterview .block .title b { color: rgb(222,101,74);}

/* pageInterviewSingle */
#pageInterviewSingle #recruit-main-img .page-title span.title { display: inline-block; padding-bottom: 5px;}
#pageInterviewSingle #recruit-main-img .page-title span.name { display: inline-block; padding-top: 5px; border-top: dashed 1px rgb(222,101,74); line-height: 1.2;}
#pageInterviewSingle .contents { padding: 20px 0;}
#pageInterviewSingle .block-first { padding: 0 0 20px 0;}
#pageInterviewSingle .block1:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageInterviewSingle .block2:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageInterviewSingle .block1 img { width: 100%;}
#pageInterviewSingle .block1 .txt { width: 100%; padding: 20px; font-size: 15px;}
#pageInterviewSingle .block2 img { width: 100%;}
#pageInterviewSingle .block2 .txt { width: 100%; padding: 20px; font-size: 15px;}
#pageInterviewSingle .contents p b { font-size: 20px; color: rgb(222,101,74);}
#pageInterviewSingle .career-top-btn { text-align: center; padding-bottom: 30px;}
#pageInterviewSingle .career-top-btn a { display: inline-block; color: #fff; background: rgb(222,101,74); padding: 10px 50px;}

/* pageNewgraduate */
#pageNewgraduate p.lead { font-size: 16px; font-weight: bold; color: rgb(222,101,74);}
#pageNewgraduate h2 { margin: 20px 0; font-size: 20px; text-align: center; color: rgb(222,101,74);}

/* 募集要項 */
#recruit-data { background: #fff; box-shadow:0 0 8px #ccc; overflow: hidden;}
#recruit-data .hole { border-bottom: 2px solid #eee; font-size: 15px;}
#recruit-data .hole:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
#recruit-data .hole .left { width: 100%; background: rgb(222,101,74); color: #fff; font-weight: bold; padding: 10px; line-height: 1.4;}
#recruit-data .hole .right { width: 100%; padding: 10px;}
#recruit-data .hole .right a { text-decoration: underline;}
#recruit-data #apply-bt { width: 100%; text-align: center; padding: 20px;}
#recruit-data #apply-bt button { display: block; width:100%; line-height:50px; font-size:18px; background:#222; letter-spacing: 2px; cursor: pointer; border-radius: 5px; color: #fff;}
#recruit-data #apply-bt button:hover { opacity: 0.9;}

/* pageCareer */
#pageCareer p.lead { font-size: 16px; font-weight: bold; color: rgb(222,101,74); margin-bottom: 30px;}
.searchBlock { width:100%; margin-bottom:5px; border:solid 2px #fff; background: rgb(222,101,74);}
.searchBlock a { color: rgb(222,101,74);}
.searchBlock a:hover { text-decoration: underline;}
.searchBlockInner { }
.searchBlockLeft { width: 100%; padding: 10px; font-size: 16px; color: #fff; letter-spacing: 1px;}
.searchBlockRight { width: 100%; padding: 10px; font-size: 16px; background: #fff; border: dashed 2px rgb(222,101,74); border-top: 0;}
.searchBlockRight ul { list-style: none;}
.searchBlockRight ul li { float:left; display:inline-block; padding:0 10px; font-feature-settings: "palt";}
.searchBlockRight ul li:after { content: "│"; color: rgb(222,101,74); margin-left: 8px;}
.searchBlockRight ul li:last-child:after { content: "";}
.searchBlockRight ul:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
.searchBlock:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
#pageCareer h2 { font-size: 20px; font-weight: normal; margin: 30px 0; color: rgb(222,101,74); text-align: center;}

/* spacer */
.spacer { width: 100%; height: 50px; background: #ccc;}

/* pageTaxonomy */
#pageTaxonomy h1 { text-align: center; font-size: 24px; line-height: 1.2; margin-bottom: 30px;}
#pageTaxonomy-block01 .contentsInner { padding: 30px 10px;}
#pageTaxonomy .career-top-btn { text-align: center; padding: 0 30px 50px 30px;}
#pageTaxonomy .career-top-btn a { display: inline-block; color: #fff; background: rgb(222,101,74); padding: 10px 50px;}

/* careers-list */
ul#careers-list { list-style: none; display: flex; flex-wrap: wrap;}
ul#careers-list:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
ul#careers-list li { width: 100%; margin-bottom: 20px;}
ul#careers-list li a:after { content:""; position: absolute; top: -25px; right: -25px; border: 35px solid transparent; border-left: 35px solid rgb(222,101,74); transform: rotate(-45deg);}
ul#careers-list li a:before { font-family: FontAwesome; content:"\f061"; position: absolute; top: 10px; right: 15px; color: #fff; z-index: 2;}
ul#careers-list li .hole:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
ul#careers-list li a { display: block; color: #444; padding: 20px; background: #fff; box-shadow:0 0 8px #666; outline: dashed 1px rgb(222,101,74); outline-offset: -10px; position: relative;}
ul#careers-list li a:hover { color: rgb(222,101,74); background: #f6f6f6; opacity: 1;}
ul#careers-list li .hole .left { float: left; width: 25%;}
ul#careers-list li .hole .left img { width: 100%;}
ul#careers-list li .hole .right { float: right; width: 75%; padding: 0 20px 0 10px;}
ul#careers-list li .hole .right h3 { font-size: 18px; line-height: 1.2; margin-bottom: 5px;}
ul#careers-list li .hole .right .category { line-height: 1.4;}
ul#careers-list li .hole .right span { display: inline-block; font-size: 10px; background: rgb(222,101,74); color: #fff; margin-right: 5px; border-radius: 3px; padding: 3px 7px; }

/* singleCareer */
#singleCareer h1 { margin: 30px 10px; text-align: center; font-size: 28px; line-height: 1.2;}
#singleCareer-block01 .contentsInner { padding: 0 10px 30px 10px;}
#singleCareer-block01 .contentsInner:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
#singleCareer-block01 .img01 { width: 100%; margin: 0 0 20px 0;}
#singleCareer-block01 .img01 img { width: 100%;}
#singleCareer-block01 .comment-block { width: 100%; padding: 0; color: #444; font-size: 15px;}
#singleCareer-block01 h2 { font-size: 20px; padding: 10px; background: #fff; outline: dashed 2px rgb(222,101,74); outline-offset: -3px; color: rgb(222,101,74); line-height: 1.2; margin-bottom: 20px;}
#singleCareer-block02 .contentsInner { padding: 0 10px 30px 10px;}
#singleCareer-block02 .contentsInner:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
#singleCareer-block02 .img02 { width: 100%; margin: 0 0 20px 0;}
#singleCareer-block02 .img02 img { width: 100%;}
#singleCareer-block02 .comment-block { width: 100%; padding: 0; color: #444; font-size: 15px;}
#singleCareer-block02 h2 { font-size: 20px; padding: 10px; background: #fff; outline: dashed 2px rgb(222,101,74); outline-offset: -3px; color: rgb(222,101,74); line-height: 1.2; margin-bottom: 20px;}
#singleCareer-block03 .contentsInner { padding: 0 10px 30px 10px;}
#singleCareer-block03 h3 { margin: 0 0 20px 0; text-align: center; font-size: 20px; color: rgb(222,101,74);}

/* pageIndeed */
#pageIndeed .contentsInner ul li { list-style: disc; font-size: 18px;}
#pageIndeed .contentsInner ul li a { color: #0066ff;}

/* pageEntry */
#pageEntry h2 { font-size: 30px; line-height: 1.4; margin-bottom: 30px; letter-spacing: 1px; text-align: center; color: rgb(222,101,74);}
#pageEntry .contentsInner div.leadtxt { margin-bottom: 10px; line-height: 1.4; font-size: 15px;}
#entry-form { background: #fff; box-shadow:0 0 8px #ccc;}
/* formデザイン*/
#pageEntry .formblockhole { border-bottom: 1px solid #ddd; display:flex; flex-wrap:wrap;}
#pageEntry .formblockhole:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
#pageEntry .formblockleft { width: 100%; color: #fff; font-size: 15px; font-weight: bold; padding: 10px; display:flex; align-items:center; background: rgb(222,101,74); line-height: 1.4;}

#pageEntry #thanks { text-align: center; padding: 30px 0;}
#pageEntry #thanks a { display: inline-block; background: rgb(222,101,74); font-size: 18px; color: #fff; padding: 10px 50px; margin-top: 50px; letter-spacing: 1px;}
#pageEntry #thanks a:hover { background: #444; opacity: 1;}

/* input[type="radio"] */
input[type="checkbox"], input[type="radio"] { display: none;}
span.mwform-checkbox-field-text, span.mwform-radio-field-text { position: relative; display: inline-block; padding-left: 30px;}
span.mwform-checkbox-field-text::before, span.mwform-radio-field-text::before { content: ""; position: absolute; top: 6px; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #eee;}
input[type="checkbox"]:checked + span.mwform-checkbox-field-text::after { content: ""; position: absolute; top: 11px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: #000;}
input[type="radio"]:checked + span.mwform-radio-field-text::after { content: ""; position: absolute; top: 11px; left: 5px; width: 10px; height: 10px; border-radius: 50%; background: #000;}

/* 応募フォーム */
.hidden-params { display: none;}
input[type="text"].zip1 { width:60px;}
input[type="text"].zip2 { width:80px;}
input[type="text"].address { width:100%;}
#pageEntry select { margin-bottom: 5px;}
select.pref { width:150px; background: #f3f3f3; height:50px;}
select#birth-year, select#birth-month, select#birth-date, select#start-month { width:100px; background: #f3f3f3; height:50px;}
textarea#qualification, textarea#career, textarea#reason { height:150px; width:100%; padding: 10px; background: #f3f3f3;}
input[type="text"]#start-year, input[type="text"]#start-month { width:100px;}

/* header */
header nav ul { display: none;}
header { position:fixed; z-index:60; top:0; width:100%; height: 50px; transition-duration: 0.5s;}
header #header-inner { width:100%; padding: 0 20px;}
header #header-inner:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
header #header-inner #logo { float: left; height: 50px; padding: 10px 0;}
header #header-inner #logo img { height: 30px;}
header.after { background:#eee; transition-duration: 0.5s;}

/* pageNotfound */
#pageNotfound .contents { text-align: center; padding: 30px 0;}
#pageNotfound .contents span { display: block; width: 100%; font-weight: bold; font-size: 38px; color: rgb(222,101,74,0.5); line-height: 1;}
#pageNotfound .contents h2 { letter-spacing: 1px;}
#pageNotfound .contents p { margin: 30px 0; font-size: 15px;}
#pageNotfound .contents a { background: rgb(222,101,74); font-size: 18px; color: #fff; padding: 10px 50px; letter-spacing: 1px;}

/* main-img */
.desktop { display: none;}
#main-img { width: 100%; background: #000; position: relative;}
#main-img h1 { position: absolute; font-family: 'Noto Serif', serif; font-weight: 300; font-size: 32px; color: rgba(255, 255, 255, 0.9); line-height: 1.2; top:50%; left: 50%; transform: translate(-50%, -50%); text-align: center; letter-spacing: 2px; z-index: 99; width: 100%; padding: 20px;}
#main-img h1 span { font-size: 16px; font-family:Arial, sans-serif; font-weight: normal;}
#main-img img { opacity: 0.8;}
#pageIndex h2 { font-size: 34px; color: #777; margin: 0 0 50px 0; font-family: 'Noto Serif', serif; font-weight: 400; text-align: center;}

/* トップトピックス一覧 */
ul#top-topics-list { list-style: none;}
ul#top-topics-list li { padding: 5px; box-shadow:0 0 8px #ccc;}
ul#top-topics-list li:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
ul#top-topics-list li { width: 100%; margin-bottom: 10px; position: relative; background: #f6f6f6;}
ul#top-topics-list li div.img { width: 35%; float: left;}
ul#top-topics-list li div.img img { width: 100%;}
/* トピックスマウスオーバー時キャプション */
ul#top-topics-list li p.cap { display: none;}
/* トピックス右ブロック */
span.category { display: inline-block; padding: 5px 0px; color: #fff; font-size: 12px; letter-spacing: 1px; text-align: center; width: 45%; margin-bottom: 5px; border-radius: 5px; line-height: 1.0;}
span.category-event { background: #c0dd0d;}
span.category-news { background: #2184ba;}
span.category-jackpot { background: #d0111b;}
span.category-newopen { background: #e05db0;}
span.category-other { background: #79b586;}
span.category-limited { background: #c3a848;}
span.category-add { background: #ee8f4a;}
ul#top-topics-list li p.txt { float: right; width: 65%; padding: 0 10px 10px 10px; text-align: left;}
ul#top-topics-list li p.txt span.post-date { display: inline-block; color: #444; font-size: 12px; margin-bottom: 5px; margin-bottom: 5px;}
ul#top-topics-list li a { color: #444; font-size: 15px; line-height: 1.4;}
ul#top-topics-list li.before { opacity:0; transform:translate(0, 50px); transition:all 300ms; }
ul#top-topics-list li.after { opacity:1; transform:translate(0, 0); }
/* リンク */
#pageIndex div.link-txt { text-align: center; margin-top: 50px;}
#pageIndex .topics-to { background: #9dd2e3; font-size: 14px; color: #fff; padding: 20px 30px; letter-spacing: 1px; margin-top: 50px;}

/* トップブランド一覧 */
#brand-list-block { background: #f6f6f6;}
div#top-brand-list { overflow: hidden; margin-bottom: 0;}
div#top-brand-list a { color: #222;}
div#top-brand-list div.hole { border: 1px solid #ccc; padding: 10px; background: #fff; box-shadow:0 0 8px #ccc; margin-right: 20px;}
div#top-brand-list div.hole img { width:100%; margin-bottom:5px;}
div#top-brand-list div.hole div { text-align: center;}
div#top-brand-list div.hole div img { width:50%; margin: 0 auto;}
div#top-brand-list div.hole p.brandname { font-size:17px; font-weight:bold; margin-bottom:0; text-align:left; line-height: 1.2;}
div#top-brand-list div.hole a:hover p.brandname { text-decoration: underline;}
div#top-brand-list div.hole p.brandcom  { font-size:14px; line-height:1.5; text-align:left; }
#brand-list-block .slickslider { background: #f6f6f6;}
.slick-prev:before, .slick-next:before { display: none;}

/* footer */
#mailmagazine { background: #222;}
#mailmagazine .contentsInner { padding: 20px 20px 10px 20px; text-align: center;}
#mailmagazine .hole { display: inline-block; font-size: 15px; border: 1px solid #e36006; overflow: hidden;}
#mailmagazine .hole .left { width: 100%; padding: 10px 10px; background: url("../images/back-img.jpg"); line-height: 1.4;}
#mailmagazine .hole .right { width: 100%; }
#mailmagazine .hole .right a { display: block; width: 100%; padding: 10px 30px; color: #fff; background: #e36006;}
#footer-link, #footer-link2 { padding: 10px 0; background: #fff;}
#footer-link-inner { text-align: center; padding: 0 20px;}
#footer-link-inner p.fb a { font-size: 24px; color: #ccc;}
#footer-link-inner a { display: inline-block; font-size: 14px; color: #666;}
footer { background:#222;}
#footer-inner { padding: 50px 20px; text-align: center;}
#footer-inner p.link a { font-size: 14px; color: #eee;}
#footer-inner p.copyright { font-size: 12px; color: #eee;}

#pageIndex #footer-link2, #pageTopics #footer-link2, #singleTopics #footer-link2, #pageAbout #footer-link2, #pagePromise #footer-link2, #pageBrands #footer-link2, #pageSingleBrands #footer-link2, #pageCompany #footer-link2, #pageContact #footer-link2 { display: none;}

#pageRecruit2 #footer-link, #pageMessage #footer-link, #pageBusiness #footer-link, #pageHuman #footer-link, #pageInterview #footer-link, #pageInterviewSingle #footer-link, #pageNewgraduate #footer-link, #pageCareer #footer-link, #singleCareer #footer-link, #pageEntry #footer-link { display: none;}

/* main-img共通設定 */
.main-img-common { width: 100%; height:250px; background-position: center center; background-repeat:no-repeat; background-size:cover; display:flex; justify-content:center; align-items:center; text-align: center;}
.main-img-common span:first-child { display: block; font-family: 'Noto Serif', serif; font-size: 40px; line-height: 1.0; font-weight: bold; color: #fff; margin-top: 40px;}
.main-img-common span:last-child { font-size: 16px; color: #fff;}
#pageAbout .main-img-common { background-image:url("../images/header-img-about.jpg");}
#pagePromise .main-img-common { background-image:url("../images/header-img-promise.jpg");}
#pageTopics .main-img-common { background-image:url("../images/header-img-topics.jpg");}
#singleTopics .main-img-common { background-image:url("../images/header-img-topics.jpg");}
#pageBrands .main-img-common { background-image:url("../images/header-img-brands.jpg");}
#pageSingleBrands .main-img-common { background-image:url("../images/header-img-brands-single.jpg");}
#pageCompany .main-img-common { background-image:url("../images/header-img-company.jpg");}
#pageRecruit .main-img-common { background-image:url("../images/header-img-recruit-sp.jpg");}
#pageCareer .main-img-common { background-image:url("../images/header-img-career-sp.jpg");}
#pageContact .main-img-common { background-image:url("../images/header-img-contact.jpg");}
#pagePrivacy .main-img-common { background-image:url("../images/header-img-privacy.jpg");}

/* サブイメージ */
.sub-img-common { width: 100%; height:400px; background-position: center center; background-repeat:no-repeat; background-size:cover; display:flex; justify-content:center; align-items:center; text-align: center;}
@media screen and (min-width:1024px){
.sub-img-common { background-attachment:fixed;}
	}
#pageAbout .sub-img-common { background-image:url("../images/sub-img-about01.jpg");}
#pagePromise .sub-img-common { background-image:url("../images/sub-img-promise01.jpg");}
#pageRecruit .sub-img-common { background-image:url("../images/sub-img-recruit01.jpg");}

/* breadcrumb */
#breadCrumbs { background: #fff; font-size: 14px; border-bottom: 1px solid #eee;}
#breadCrumbs-inner { padding: 10px;}
#breadCrumbs { color: #666; line-height: 1.4;}
#breadCrumbs a { color: #666; font-weight: normal;}
#breadCrumbs a.home { font-size: 16px;}
#breadCrumbs span { display: inline-block; margin: 0 2px;}
#breadCrumbs span:first-child { margin: 0 2px 0 0;}
#breadCrumbs a:hover { opacity: 0.8;}

/* pageBrands */
#pageBrands-block01 p.leadtxt { margin-bottom: 40px;}
#pageBrands-block01 ul#brand-list { list-style: none; display: flex; flex-wrap: wrap;}
#pageBrands-block01 ul#brand-list > li { width: 100%; position: relative; margin-bottom: 60px;}
#pageBrands-block01 ul#brand-list > li div.img-block { position: relative;}
#pageBrands-block01 ul#brand-list > li div.img-block img { width: 100%; margin-bottom: 0;}
#pageBrands-block01 ul#brand-list > li .hole { overflow: hidden;}
#pageBrands-block01 ul#brand-list > li .left { float: left; width: 20%;}
#pageBrands-block01 ul#brand-list > li .left  img.logo { width: 100%;}
#pageBrands-block01 ul#brand-list > li .right { float: right; width: 80%; padding: 10px 5px 0 10px;}
#pageBrands-block01 ul#brand-list > li h2 { font-size: 18px; line-height: 1.4; text-align: left;}
#pageBrands-block01 ul#brand-list > li p { width: 100%; text-align: left; font-size: 14px; line-height: 1.4; margin-bottom: 20px;}

/* リンク一覧 */
#pageBrands-block01 ul#brand-list > li div.link-block { width: 100%; position: absolute; bottom: -30px; background: rgba(255, 255, 255, .8); padding: 10px; box-shadow:0 0 8px #ccc;}
#pageBrands-block01 ul.child-list { list-style: none;}
#pageBrands-block01 ul.child-list li { width: 100%; background: #40a1d9; margin-bottom: 1px;}
#pageBrands-block01 ul.child-list li a { text-align: center; font-size: 15px; display: block; padding: 10px 5px; width: 100%; color: #fff; line-height: 1.4;}
#pageBrands-block01 ul.child-list li a:hover { background: #d0111b; color: #fff;}
.anchor { display: inline-block; width:100%; position:absolute; top:-70px; }
/* リンク一覧調整 */
#pageBrands-block01 ul#brand-list > li#oyster_bar_jackpot-adjustment { margin-bottom: 300px;}
#pageBrands-block01 ul#brand-list > li#oyster_bar_jackpot-adjustment div.link-block { bottom: -270px;}
#pageBrands-block01 ul#brand-list > li#kakigoya-adjustment { margin-bottom: 300px;}
#pageBrands-block01 ul#brand-list > li#kakigoya-adjustment div.link-block { bottom: -270px;}
#pageBrands-block01 ul#brand-list > li#la_befana-adjustment { margin-bottom: 100px;}
#pageBrands-block01 ul#brand-list > li#la_befana-adjustment div.link-block { bottom: -70px;}
#pageBrands-block01 ul#brand-list > li#tsuge-adjustment { margin-bottom: 100px;}
#pageBrands-block01 ul#brand-list > li#tsuge-adjustment div.link-block { bottom: -70px;}

/* pageSingleBrands */
#store-main-img { width: 100%; position: relative;}
#store-main-img img { width: 100%;}
#store-main-img div.main-img { position: relative;}
#store-main-img div.main-img div.brands-title { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
#store-main-img div.main-img div.brands-title span:first-child { display: block; font-family: 'Noto Serif', serif; font-size: 40px; line-height: 1.0; font-weight: bold; color: #fff; margin-top: 40px;}
#store-main-img div.main-img div.brands-title span:last-child { font-size: 16px; color: #fff;}
#store-main-img .pr-txt { background: rgba(255, 255, 255, 1); padding: 20px; box-shadow:0 0 8px #ccc; text-align: center; margin-top: -10px;}
#store-main-img .pr-txt .title-block { display: inline-block;}
#store-main-img .pr-txt img.logo { width: 80px; height: 80px;}
#store-main-img .pr-txt p.store-name { font-size: 22px; line-height: 1.4;}
#store-main-img .pr-txt h1 { font-size: 22px; line-height: 1.4; text-align: left; margin-top: 30px; margin-bottom: 10px;}
#store-main-img .pr-txt p { text-align: left; font-size: 15px;}

#pageSingleBrands #breadCrumbs { background: none; border-bottom: none;}
#pageSingleBrands #breadCrumbs-inner { padding: 10px;}

#pageSingleBrands-block01 .contentsInner { padding: 30px 20px;}
#store-info .hole { margin-bottom: 30px; font-size: 15px;}
#store-info .hole:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
#store-info .hole01 .left, #store-info .hole03 .left { width: 100%; padding: 10px 0;}
#store-info .hole01 .right, #store-info .hole03 .right { width: 100%; }
#store-info .hole02 .left { width: 100%; padding: 10px 0;}
#store-info .hole02 .right { width: 100%; }
#store-info h2 { font-size: 18px; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
#store-info img { width: 100%; }

.reserve-link { margin: 5px 0; box-shadow: 0 0 5px #ccc;}
.reserve-link .inner { padding: 5px 0; background: #cc0000;}
.reserve-link h3 { color: #fff; font-size: 16px; line-height: 1.4; text-align: center; padding: 0 0 5px 0; font-weight: normal; letter-spacing: 1px;}
.reserve-link p { text-align: center; color: #000; font-size: 18px; background: #fff; line-height: 1.4; padding: 5px 20px;}
.reserve-link a { background: #fff;}
.reserve-link a img { width: 100%;}

/* メニュースライダー */
#menuslider-hole { margin-bottom: 10px; position: relative;}
#menuslider { margin-bottom: 0; overflow: hidden;}
#menuslider div.menu { border: 1px solid #ccc; padding: 0; background: #fff; box-shadow:0 0 8px #ccc; margin-right: 20px; position: relative;}
#menuslider div.menu img { width: 100%;}
#menuslider div.menu p { position: absolute; bottom: 0; left: 0; padding: 10px; font-size: 14px; line-height: 1.4; background: rgba(0, 0, 0, 0.7); color: #fff; width: 100%;}
#menuslider-hole div.arrow { background: rgba(0, 0, 0, 0.7); display: inline-block; position: absolute; top: 50%; z-index: 100; cursor: pointer; color: #fff; padding: 5px; transform: translateY(-50%);}
#menuslider-hole div.next { right: 0;}
#menuslider-hole div.prev { left: 0;}

/* 店舗情報 */
#brand-data-hole { background: #fff; box-shadow: 0 0 5px #ccc;}
#brand-data { width: 100%;}
#brand-data .hole { border-bottom: 2px solid #eee; font-size: 15px;}
#brand-data .hole .left { width: 100%; color: #000; font-weight: bold; padding: 10px 20px; background: #fff; line-height: 1.4; background: url("../images/back-img.jpg");}
#brand-data .hole .right { width: 100%; padding: 10px 20px; line-height: 1.4;}
#brand-data .hole .right a { color: #0099ff;}
#brand-data-map { width: 100%;}
#brand-data-map iframe { width: 100%; height: 300px;}
.recruit_bnr { padding: 0 10px;}
.recruit_bnr img { width: 100%;}

/* pageTopics */
#topics-list { list-style: none;}
#topics-list li { margin-bottom: 20px; background: #fff; box-shadow:0 0 8px #ccc; border-radius: 5px;}
#topics-list li a { color: #444;}
#topics-list .left { width: 100%;}
#topics-list .left span { font-size: 12px; display: block; width: 100%;}
#topics-list .right { width: 100%; padding: 5px 20px 20px 20px;}
#topics-list .right span.time { display: inline-block; padding: 2px 10px; color: #fff; font-size: 12px; letter-spacing: 1px; margin-bottom: 5px; line-height: 1.0; background: #ccc;}
#topics-list .right h3 { font-size: 18px; line-height: 1.4; margin-bottom: 10px;}
#topics-list li:hover h3 { text-decoration: underline;}
#topics-list .right p.excerpt { font-size: 12px; line-height: 1.4;}
/* ページング */
#pager-block { text-align: center;}
#pager-block .contentsInner { padding: 0 20px 40px 20px;}
.wp-pagenavi a, .wp-pagenavi span { color: #fff; display: inline-block; font-size: 18px; border:none !important; background: #222; width: 40px; height: 40px;}
.wp-pagenavi span.current { font-weight: normal; background: #d0111b;}
.wp-pagenavi span.pages, a.nextpostslink, a.previouspostslink, a.last, a.first { display: none;}

/* singleTopics */
#singleTopics-block01 .contentsInner .hole { margin-bottom: 30px; background: #fff; box-shadow:0 0 8px #ccc; overflow: hidden; display: flex; flex-wrap: wrap; border-radius: 5px;}
#singleTopics-block01 .contentsInner .left { width: 100%;}
#singleTopics-block01 .contentsInner .left span { font-size: 12px; display: block; width: 100%;}
#singleTopics-block01 .contentsInner .right { width: 100%; padding: 5px 20px 20px 20px;}
#singleTopics-block01 .contentsInner .right span.time { display: inline-block; padding: 2px 10px; color: #fff; font-size: 12px; letter-spacing: 1px; margin-bottom: 5px; line-height: 1.0; background: #ccc;}
#singleTopics-block01 .contentsInner .right h1 { font-size: 20px; line-height: 1.4;}
#singleTopics-block01 .contentsInner #content { padding: 0 10px;}
/* ページング */
#navi-link-block .contentsInner { padding: 30px 20px; overflow: hidden;}
#navi-link-block span.left { float: left; font-weight: normal; text-align: center;}
#navi-link-block span.right { float: right; font-weight: normal; text-align: center;}
#navi-link-block span.left a, #navi-link-block span.right a { color: #fff; display: block; font-size: 16px; border:none !important; background: #222; width: 40px; height: 40px; line-height: 40px;}

/* pageAbout */
#pageAbout-block01 .contentsInner h1 span { color: rgba(208, 17, 27, 0.7);}
#pageAbout-block01 .contentsInner h2, #pageAbout-block02 .contentsInner h2 { font-size: 18px; line-height: 1.4; margin: 20px 0;}
#pageAbout-block01 .contentsInner p, #pageAbout-block02 .contentsInner p { font-size: 15px;}
#pageAbout-block02 .contentsInner p span { background: #222; font-size: 15px; color: #fff; padding: 0 5px; margin-right: 5px;}

/* pagePromise */
#pagePromise-block01 .contentsInner p, #pagePromise-block02 .contentsInner p { font-size: 15px;}
#pagePromise-block02 .contentsInner p { margin-bottom: 30px;}
#pagePromise-block02 .contentsInner p:last-child { margin-bottom: 0;}
#pagePromise-block02 .contentsInner p span { background: #222; color: #fff; padding: 0 5px; margin-right: 5px;}
#pagePromise-block03 { background: #222; padding: 0;}
#pagePromise-block03 div { overflow: hidden;}
#pagePromise-block03 div div.img { width: 100%; position: relative; margin-top: 10px; margin-bottom: 10px;}
#pagePromise-block03 div div.img img { width: 100%;}
#pagePromise-block03 div div.img span { background: #222; color: #fff; padding: 0 8px; margin-right: 5px; position: absolute; top:0; left: 0; font-size: 15px;}

/* h1 */
#pageAbout h1, #pagePromise h1, #pageTopics h1, #pageBrands h1, #pageCompany h1, #pageRecruit h1, #pageContact h1, #pagePrivacy h1 { font-size: 22px; line-height: 1.4; margin-bottom: 30px; letter-spacing: 1px;}
#pageTopics h1, #pageBrands h1, #pageCompany h1, #pageRecruit h1, #pageContact h1, #pagePrivacy h1 { text-align: center;}

/* pageCompany */
#pageCompany-block01 #company-data { background: #fff; box-shadow:0 0 8px #ccc; overflow: hidden;}
#pageCompany-block01 #company-data > .hole { font-size: 15px; border-bottom: 2px solid #eee; display:flex; flex-wrap:wrap;}
#pageCompany-block01 #company-data > .hole:after { content:","; display:block; height:0; clear:both; visibility:hidden; }
#pageCompany-block01 #company-data > .hole > .left { width: 100%; color: #000; font-weight: bold; padding: 15px; background: #fff; line-height: 1.4; background: url("../images/back-img.jpg");}
#pageCompany-block01 #company-data > .hole > .right { width: 100%; padding: 15px;}
#pageCompany-block01 #company-data > .hole > .right iframe { width: 100%; height: 300px;}
#pageCompany-block01 #company-data > .hole > .map { padding: 0;}
#pageCompany-block01 #company-data > .hole > .history .hole { overflow: hidden; line-height: 1.4; margin-bottom: 5px;}
#pageCompany-block01 #company-data > .hole > .history .left { width: 100%; font-weight: bold;}
#pageCompany-block01 #company-data > .hole > .history .right { width: 100%;}

/* pageRecruit */
/* #pageRecruit-block01 .contentsInner h2 { font-size: 20px; margin: 30px 0; line-height: 1.4;}
#pageRecruit-block02 .contentsInner ul { list-style: none;}
#pageRecruit-block02 .contentsInner ul li { width: 100%; position: relative; overflow: hidden; margin-bottom: 10px;}
#pageRecruit-block02 .contentsInner ul li a { color: #fff;}
#pageRecruit-block02 .contentsInner ul li img { width: 100%; transition-duration:0.3s;}
#pageRecruit-block02 .contentsInner ul li .en { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; margin-top: -20px; font-size: 20px;}
#pageRecruit-block02 .contentsInner ul li .jp { position: absolute; background: rgba(0, 0, 0, 0.7); bottom: 0; width: 100%; padding: 10px; color: #fff; text-align: center;}
#pageRecruit-block02 .contentsInner ul li:hover img { transform:scale(1.1); transition-duration:0.3s;} */

/* pageCareer */
/* #pageCareer-block01 .contentsInner h2 { font-size: 18px; line-height: 1.4; margin-bottom: 20px;}
#recruit-data { background: #fff; box-shadow:0 0 8px #ccc; overflow: hidden;}
#recruit-data .hole { border-bottom: 2px solid #eee; display:flex; flex-wrap:wrap;}
#recruit-data .hole .left { width: 100%; color: #444; font-weight: bold; padding: 15px; background: #fff; line-height: 1.4; background: url("../images/back-img.jpg");}
#recruit-data .hole .right { width: 100%; padding: 15px;}
#recruit-data .hole .right img { width: 100%;}
#recruit-data .formbt { width: 100%;}
#recruit-data .formbt a { display: block; width:100%; line-height:70px; font-size:18px; background:#222; letter-spacing:2px; cursor:pointer; border-radius:5px; color: #fff;} */

/* pageContact */
#pageContact-block01 .contentsInner div.leadtxt { margin-bottom: 30px; font-size: 15px;}
#contact-form { background: #fff; box-shadow:0 0 8px #ccc;}
#thanks p { text-align: center;}
#thanks div.link-txt { text-align: center; margin-top: 50px;}
#thanks .topics-to { background: #9dd2e3; font-size: 14px; color: #fff; padding: 20px 30px; letter-spacing: 1px; margin-top: 50px;}

/* formリセット */
input[type="text"],input[type="email"],button,select,textarea { margin:0; padding:0; background:none; border:none; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand { display:none; }
input[type="text"],input[type="email"] { height:50px; width:100%; text-indent:10px; background: #f3f3f3;}
textarea { height:300px; width:100%; padding: 10px; background: #f3f3f3;}
select { padding: 10px;}

/* formデザイン*/
.formblockhole { border-bottom: 1px solid #ddd;}
.formblockleft { width: 100%; color: #444; font-size: 15px; font-weight: bold; padding: 15px; background: #fff; line-height: 1.4; background: url("../images/back-img.jpg");}
span.required { background: #d0111b; padding: 2px 7px; color: #fff; margin-right: 8px;}
span.any { background: #e0e0e0; padding: 2px 7px; color: #555; margin-right: 8px;}
.formblockright { width: 100%; padding: 15px;}
.formbt { text-align: center; padding: 20px;}
form button { background:#000; color:#fff; text-align:center; width:100%; border-radius:5px; padding:15px 0; cursor:pointer; letter-spacing:5px; margin-bottom: 5px;}
form button:hover { opacity:0.8; }
span.error { display: inline-block !important;}

/* pagePrivacy */
#privacy { padding: 20px; background: #fff; box-shadow:0 0 8px #ccc;}
#privacy ol { padding-left: 30px; margin-top: 30px;}
#privacy ol li { list-style-type: decimal; margin-bottom: 20px;}
#pagePrivacy-block01 p { margin: 20px 0; font-size: 15px;}
#pagePrivacy-block01 { font-size: 15px;}

/* ネイティブCSS */
#singleTopics-block01 .contentsInner p { display: block; margin: 15px 0;}
#singleTopics-block01 .contentsInner strong { font-weight: bold; }
#singleTopics-block01 .contentsInner em { font-style: italic; }
#singleTopics-block01 .contentsInner h1 { font-size: 2em; }
#singleTopics-block01 .contentsInner h2 { font-size: 1.5em; }
#singleTopics-block01 .contentsInner h3 { font-size: 1.125em; }
#singleTopics-block01 .contentsInner h4 { font-size: 1em; }
#singleTopics-block01 .contentsInner h5 { font-size: 0.75em; }
#singleTopics-block01 .contentsInner h6 { font-size: 0.625em; }
#singleTopics-block01 .contentsInner ul { padding-left: 30px;}
#singleTopics-block01 .contentsInner ol { padding-left: 30px;}
#singleTopics-block01 .contentsInner blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
#singleTopics-block01 .contentsInner img.aligncenter { display: block; margin: 0 auto;}
#singleTopics-block01 .contentsInner img.alignright { float: right; margin: 0 0 10px 20px;}
#singleTopics-block01 .contentsInner img.alignleft { float: left; margin: 0 20px 10px 0;}
#singleTopics-block01 .contentsInner img { height: auto; max-width: 100%;}
#singleTopics-block01 .contentsInner .wp-caption { border: 1px solid #ddd; text-align: left; background-color: #f3f3f3; padding: 5px; border-radius: 3px;}
#singleTopics-block01 .contentsInner .wp-caption img { margin: 0; padding: 0; border: 0 none;}
#singleTopics-block01 .contentsInner .wp-caption p.wp-caption-text { font-size: 14px; line-height: 1.5; margin: 0; padding: 0;}