Skip to content

sora / sanitary-net

Go to a project
Commit 66664ea9 by o.kimura
Options

動画ページその１

parent 0c3eabcb
Inline Side-by-side
Showing with 1052 additions and 1484 deletions
clean/css/parts.css
...@@ -987,6 +987,16 @@ body#clean04 div#container div#contents div#main_contents div.content div.right0 ...@@ -987,6 +987,16 @@ body#clean04 div#container div#contents div#main_contents div.content div.right0
position: relative; position: relative;
} }
.font_conditioned .section .flex_wrapper div.max {
width: 100%;
padding: 15px;
position: relative;
}
.font_conditioned .section .flex_wrapper div.max span.notice {
color: #fb0000;
}
.font_conditioned .section .flex_wrapper div a.btn { .font_conditioned .section .flex_wrapper div a.btn {
display: inline-block; display: inline-block;
font-weight: 400; font-weight: 400;
......
clean/public/images/02.jpg
clean/public/images/02.jpg

38.1 KB | W: | H:

clean/public/images/02.jpg

253 KB | W: | H:

clean/public/images/02.jpg
clean/public/images/02.jpg
clean/public/images/02.jpg
clean/public/images/02.jpg
  • 2-up
  • Swipe
  • Onion skin
clean/public/images/09.jpg → clean/public/images/14.jpg
clean/public/images/09.jpg

18.1 KB | W: | H:

clean/public/images/14.jpg

18.1 KB | W: | H:

clean/public/images/09.jpg
clean/public/images/14.jpg
clean/public/images/09.jpg
clean/public/images/14.jpg
  • 2-up
  • Swipe
  • Onion skin
clean/public/images/14.png → clean/public/images/15.png
clean/public/images/14.png

494 KB | W: | H:

clean/public/images/15.png

494 KB | W: | H:

clean/public/images/14.png
clean/public/images/15.png
clean/public/images/14.png
clean/public/images/15.png
  • 2-up
  • Swipe
  • Onion skin
clean/public/index.html
...@@ -117,16 +117,15 @@ ...@@ -117,16 +117,15 @@
<h4 class="label"><span>日常清掃・定期清掃</span></h4> <h4 class="label"><span>日常清掃・定期清掃</span></h4>
<div class="content clearfix"> <div class="content clearfix">
<p class="normal">マニュアルに掲載されたトイレ清掃（日常清掃・定期清掃）の手順をご紹介します。<br> <p class="normal">マニュアルに掲載されたトイレ清掃（日常清掃・定期清掃）の手順をご紹介します。<br>
温水洗浄便座のメーカーは複数あり、機種により清掃のための洗浄ノズルの出し・戻し方法や温水洗浄便座の脱着方法が異 温水洗浄便座のメーカーは複数あり、機種により清掃のための洗浄ノズルの出し・戻し方法や温水洗浄便座の脱着方法が異なります。清掃にあたっては、必ず当該機種の取扱説明書をご確認のうえ操作ください。<br>
なります。清掃にあたっては、必ず当該機種の取扱説明書をご確認のうえ操作ください。<br>
<a href="https://www.sanitary-net.com/clean/manual.html" target="_blank">⇒各社取扱説明書・相談窓口</a> <a href="https://www.sanitary-net.com/clean/manual.html" target="_blank">⇒各社取扱説明書・相談窓口</a>
</p> </p>
<h6>ご準備と清掃のポイント</h6> <h6>ご準備と清掃のポイント</h6>
<p class="normal">・はじめに、指示に従って手袋・防護具を着用ください。清掃される方、ご自身で身を守ることが大切です。</p> <p class="normal">・はじめに、指示に従って手袋・防護具を着用ください。清掃される方がご自身で身を守ることが大切です。</p>
<p class="txt_c"><img src="/clean/public/images/01.jpg" alt="" width="250" height="auto" /></p> <p class="txt_c"><img src="/clean/public/images/01.jpg" alt="" width="250" height="auto" /></p>
<p class="normal"><br>・洗剤拭き用、洗剤拭き後の仕上げ水拭き用、水拭き用、ノズル水拭き用に色分けされた４枚の<br class="pc-only">　マイクロファイバークロスを使い分けて清掃する。</p> <p class="normal"><br>・洗剤拭き用、洗剤拭き後の仕上げ水拭き用、水拭き用、ノズル水拭き用に色分けされた４枚の<br class="pc-only">　マイクロファイバークロスを使い分けて清掃する。</p>
<p class="txt_c"><img src="/clean/public/images/02.jpg" alt="" width="250" height="auto" /></p> <p class="txt_c"><img src="/clean/public/images/02.jpg" alt="" width="300" height="auto" /></p>
<p class="normal"><br><br>・洗剤拭き、水拭き等各々その作業においては原則として「きれいな箇所」から「汚れた箇所」へと<br class="pc-only">　一方方向拭きで清掃する。</p> <p class="normal"><br><br>・洗剤拭き、水拭き等各々その作業においては原則として「きれいな箇所」から「汚れた箇所」へと<br class="pc-only">　一方向拭きで清掃する。</p>
<p class="normal">・マイクロファイバークロスの拭き取り面が汚れたら、拭き取り箇所が変わるタイミングで<br class="pc-only">　新たな面に替えて作業する。</p> <p class="normal">・マイクロファイバークロスの拭き取り面が汚れたら、拭き取り箇所が変わるタイミングで<br class="pc-only">　新たな面に替えて作業する。</p>
<p class="txt_c"><img src="/clean/public/images/03.jpg" alt="" width="480" height="auto" /></p> <p class="txt_c"><img src="/clean/public/images/03.jpg" alt="" width="480" height="auto" /></p>
</div> </div>
...@@ -138,19 +137,21 @@ ...@@ -138,19 +137,21 @@
<div class="content clearfix"> <div class="content clearfix">
<p class="notice">・各製品の取扱説明書に従い必要に応じて電源プラグを抜いて清掃を行う。</p> <p class="notice">・各製品の取扱説明書に従い必要に応じて電源プラグを抜いて清掃を行う。</p>
<p class="normal">ポイント動画で温水洗浄便座の清掃作業をご覧ください。</p> <p class="normal">ポイント動画で温水洗浄便座の清掃作業をご覧ください。</p>
<p class="normal">※動画は、2017年に試験想定会場で撮影された訓練動画を抜粋したものです。<br> <p class="normal">※試験会場を想定した場所で撮影した動画です。<br>
　実際のトイレ清掃では、各施設の状況に応じて行ってください。</p> 　実際のトイレ清掃では、各施設の状況に応じて行ってください。</p>
</div> </div>
<div class="flex_wrapper mb10"> <div class="flex_wrapper mb10">
<div> <div class="side-video">
<p class="normal"><b>① ノズル清掃</b></p> <p class="normal"><b>① ノズル清掃</b></p>
<img src="/clean/public/images/04.jpg" alt="" width="250" height="auto" /> <img src="/clean/public/images/04.jpg" alt="" width="250" height="auto" />
</div> </div>
<div class=""> <div class="">
<p>ノズルを出し、ノズルに手を添えて「ノズル水拭き用マイクロファイバークロス（緑）」でノズル全体を清拭する。その後、ノズルを戻す。</p> <p>ノズルを出し、ノズルに手を添えて「ノズル水拭き用マイクロファイバークロス（緑）」でノズル全体を清拭する。その後、ノズルを戻す。</p>
<img src="/clean/public/images/mov.png" alt="" width="250" height="auto" /> <p class="notice">便器ボウル部の清掃用ブラシでノズルを清掃しない。</p>
<p class="notice">便器ボウル部清掃用具でノズルを清掃しない。</p> <div class="video-wrapper">
<video controls src="/clean/public/mov/nozzle.mp4" preload="auto" class="movie-player-image" id="movie-preview" height="100%" width="100%" muted="" playsinline=""></video>
</div>
</div> </div>
</div> </div>
...@@ -167,10 +168,18 @@ ...@@ -167,10 +168,18 @@
</div> </div>
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div class="max">
<h6>洗剤の使い方に注意しましょう</h6>
<p>洗剤の選択ミスや誤った使い方、便器鉢内に洗剤の放置は、洗剤から発生するガスにより金属部品が腐食・劣化し、
<span class="notice">発煙・発火などの原因</span>となります。使用できる洗剤でも直接かけてしまうと<span class="notice">発煙・発火などの原因</span>となります。</p>
</div>
</div>
<div class="flex_wrapper mb20">
<div> <div>
<p class="normal"><b>③ 便座の裏面,ケース下部,便器リム・側面の清掃</b></p> <p class="normal"><b>③ 便座の裏面,ケース下部,便器リム・側面の清掃</b></p>
<img src="/shared/images/now_printing.png" alt="" class="mb20" /> <img src="/clean/public/images/06.jpg" alt="" class="mb40" width="350" height="auto" />
<img src="/shared/images/now_printing.png" alt="" /> <img src="/clean/public/images/07.jpg" alt="" width="350" height="auto" />
</div> </div>
<div class=""> <div class="">
<p class="normal">上げた便座の裏面、便座本体ケース下部、便器リム部、便器側面を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイクロファイバークロス(赤)」で清拭する。</p> <p class="normal">上げた便座の裏面、便座本体ケース下部、便器リム部、便器側面を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイクロファイバークロス(赤)」で清拭する。</p>
...@@ -211,7 +220,7 @@ ...@@ -211,7 +220,7 @@
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div> <div>
<p class="normal mb20"><b>① 電源プラグを抜く</b></p> <p class="normal mb20"><b>① 電源プラグを抜く</b></p>
<img src="/clean/public/images/09.jpg" alt="" width="150" height="auto" class="ml30" /> <img src="/clean/public/images/09.png" alt="" width="150" height="auto" class="ml30" />
</div> </div>
<div class="mt30"> <div class="mt30">
<p class="normal">運転ランプの点灯を確認し電源プラグを抜く。</p> <p class="normal">運転ランプの点灯を確認し電源プラグを抜く。</p>
...@@ -233,7 +242,7 @@ ...@@ -233,7 +242,7 @@
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div> <div>
<p class="normal mb20"><b>③ 便座本体底面,便座接続部の清掃</b></p> <p class="normal mb20"><b>③ 便座本体底面,便座接続部の清掃</b></p>
<img src="/shared/images/now_printing.png" alt="" /> <img src="/clean/public/images/11.jpg" width="350" height="auto" alt="" />
</div> </div>
<div class=""> <div class="">
<p class="normal mb20">便器上面の便座接続部を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイ <p class="normal mb20">便器上面の便座接続部を適度な濃度に水で希釈された中性洗剤を含ませかたく絞った「洗剤拭き用マイ
...@@ -269,7 +278,7 @@ ...@@ -269,7 +278,7 @@
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div> <div>
<p class="normal mb20"><b>⑥ 電源プラグを差込む</b></p> <p class="normal mb20"><b>⑥ 電源プラグを差込む</b></p>
<img src="/shared/images/now_printing.png" alt="" /> <img src="/clean/public/images/14.jpg" width="150" height="auto" alt="" />
</div> </div>
<div class="mt30"> <div class="mt30">
<p class="notice">※手袋が濡れている場合は、事前に必ず拭く。</p> <p class="notice">※手袋が濡れている場合は、事前に必ず拭く。</p>
...@@ -280,7 +289,7 @@ ...@@ -280,7 +289,7 @@
</div> </div>
<div class="section" id="section_e"> <div class="section" id="section_e">
<h4 class="label"><span>日常清掃・定期清掃</span></h4> <h4 class="label"><span>ビルクリーニング科 実技訓練 DVD教材のご紹介</span></h4>
<div class="content clearfix"> <div class="content clearfix">
<p class="normal">ポイント動画は、「2 級ビルクリーニング科実技訓練」 DVD 教材を二次利用して編集したものです。<br> <p class="normal">ポイント動画は、「2 級ビルクリーニング科実技訓練」 DVD 教材を二次利用して編集したものです。<br>
DVD 教材は、一般社団法人 建築物管理訓練センターから販売されています。トイレ清掃など必要な清掃手順を学べる動画があります。床やガラス面清掃などの実技動画もあり、ビルクリーニング技能検定受験準備や社内教育に活用できます。詳しくは、「申込ページへ」からご覧ください。</p> DVD 教材は、一般社団法人 建築物管理訓練センターから販売されています。トイレ清掃など必要な清掃手順を学べる動画があります。床やガラス面清掃などの実技動画もあり、ビルクリーニング技能検定受験準備や社内教育に活用できます。詳しくは、「申込ページへ」からご覧ください。</p>
...@@ -288,7 +297,7 @@ ...@@ -288,7 +297,7 @@
<div class="flex_wrapper mb20"> <div class="flex_wrapper mb20">
<div> <div>
<img src="/clean/public/images/14.png" alt="" width="300" height="auto" /> <img src="/clean/public/images/15.png" alt="" width="300" height="auto" />
</div> </div>
<div> <div>
<a href="https://bmtc-books.shop-pro.jp/" class="btn btn-primary mb30" target="_blank">申込ページへ</a> <a href="https://bmtc-books.shop-pro.jp/" class="btn btn-primary mb30" target="_blank">申込ページへ</a>
......
shared/css/_parts.css deleted 100644 → 0
/*=========================================================
Site Name toiletnavi
File Name parts.css
Create Date 2013/3/28
Update Date 2013/4/1
==========================================================*/
div#container div#contents div#main_contents{
width: 756px;
float: right;
border-left: 1px solid #ebeced;
border-right: 1px solid #ebeced;
color: #424252;
}
div#container div#contents div#main_contents h2{
width: 766px;
height: 65px;
background: url(../images/content/back_subtitle.jpg) no-repeat top right;
position: relative;
top:0;
right: -10px;
margin-left: -10px;
}
div#container div#contents div#main_contents h2 span{
padding-left: 16px;
padding-top: 17px;
display: block;
}
div#container div#contents div#main_contents h3{
width: 704px;
height: 82px;
margin: 0 auto;
position: relative;
top: -20px;
padding-top: 20px;
}
/* ---------------------------------------------
コンテンツタイトルの背景画像
--------------------------------------------- */
body#eco01 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_eco01.png) no-repeat top right;
}
body#eco02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_eco02.png) no-repeat top right;
}
body#reform01 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_reform.png) no-repeat top right;
}
body#reform02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_reform02.png) no-repeat top right;
}
body#reform03 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_reform03.png) no-repeat top right;
}
body#reform04 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_reform02.png) no-repeat top right;
}
body#data01 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_data01.png) no-repeat top right;
}
body#data02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_data02.png) no-repeat top right;
}
body#data03 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_data03.png) no-repeat top right;
}
body#data04 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_data04.png) no-repeat top right;
}
body#info div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_info.png) no-repeat top right;
}
body#news div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_news.png) no-repeat top right;
}
body#history01 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_history.png) no-repeat top right;
}
body#history02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_history.png) no-repeat top right;
}
body#about_t div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_about_t.png) no-repeat top right;
}
body#about div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_about.png) no-repeat top right;
}
body#clean div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_clean.png) no-repeat top right;
}
body#clean02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_clean.png) no-repeat top right;
}
body#qa div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_qa.png) no-repeat top right;
}
body#qa02 div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_qa_s.png) no-repeat top right;
}
body#safety div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_safe.png) no-repeat top right;
}
body#privacy div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_news.png) no-repeat top right;
}
body#privacy div#container div#contents div#main_contents h3{
background: url(../images/content/back_title_news.png) no-repeat top right;
}
/*----------------------------------------------------------
content common
----------------------------------------------------------*/
div#container div#contents div#main_contents h3 span{
heignt: 19px;
padding: 20px 0 20px 20px;
margin-left: 15px;
background: url(../images/content/icon_cont_title.png) no-repeat center left;
display: block;
}
div#container div#contents div#main_contents div#section_read{
padding: 10px 20px 20px;
background: url(../images/content/line_content.png) no-repeat bottom center;
}
div#container div#contents div#main_contents div#section_read p{
width: 676px;
margin: 0 auto 20px auto;
font-size: 115%;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_read02{
padding: 10px 20px 0 20px;
}
div#container div#contents div#main_contents div#section_read02 p{
width: 676px;
margin: 0 auto 20px auto;
font-size: 115%;
font-weight: bold;
}
div#container div#contents div#main_contents div.section{
width: 696px;
margin: 30px auto;
padding-bottom: 30px;
background: url(../images/content/line_content_s.png) no-repeat bottom center;
}
div#container div#contents div#main_contents div.section2{
width: 696px;
margin: 30px auto 0 auto;
}
.co2{
font-size: 75%;
vertical-align: baseline;
position: relative;
bottom: 0;
}
div#container div#contents div#main_contents h4.blue{
background: url(../images/common/icon_midashi_blue.png) no-repeat left top;
padding: 0 0 0 30px;
height: 30px;
}
div#container div#contents div#main_contents h4.red{
background: url(../images/common/icon_midashi_red.png) no-repeat left top;
padding: 0 0 0 30px;
height: 30px;
}
.link_type_a{
display: block;
margin: 10px 0;
padding: 8px 0 5px 15px;
background: url(../images/common/icon_link.png) no-repeat left 50%;
font-weight: bold;
}
.link_type_b{
display: block;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
background: url(../images/common/icon_link.png) no-repeat left 50%;
font-weight: bold;
}
.link_type_c{
display: block;
margin: 5px 0 0 0;
padding: 0 0 0 15px;
background: url(../images/common/icon_link.png) no-repeat left 5px;
font-weight: bold;
}
.span_caution{
display: block;
font-size: 85%;
color: #187ABF;
margin-top: 20px;
}
.clear{
clear: both;
float: none;
}
div#container div#contents div#main_contents div.section_last{
margin-bottom: 40px;
}
div#container div#contents div#main_contents div.section_last p{
text-align: center;
margin-bottom: 20px;
}
div#container div#contents div#main_contents div.section_last div.section_member{
width: 634px;
margin-left:auto;
margin-right: auto;
padding:20px 10px 15px 20px;
border: solid 1px #d1d1d1;
background: url(../images/content/menmber_box_bk.png) repeat left top;
}
div#container div#contents div#main_contents div.section_last div.section_member ul{
}
div#container div#contents div#main_contents div.section_last div.section_member li{
display: inline;
margin-right: 5px;
}
div#container div#contents div#main_contents div.section_last div.section_member li img{
margin-bottom: 5px;
}
.img_line{
padding: 2px;
border: solid 1px #A4A8B1;
}
/*----------------------------------------------------------
content menu reform
----------------------------------------------------------*/
/* リフォーム */
div#container div#contents div#main_contents div.section_menu{
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
}
div#container div#contents div#main_contents div.section_menu p.index{
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div#container div#contents div#main_contents div.section_menu ul{
background-color: #ECF6F7;
padding: 25px 20px 20px 60px;
}
div#container div#contents div#main_contents div.section_menu li{
width: 320px;
float: left;
}
div#container div#contents div#main_contents div.section_menu li a{
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
font-weight: bold;
}
div#container div#contents div#main_contents div.section_menu03 p.index{
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
/* point　*/
div#container div#contents div#main_contents div#section_menu02{
width: 666px;
margin: 10px auto 30px auto;
}
div#container div#contents div#main_contents div#section_menu02 ul{
margin-left: 30px;
}
div#container div#contents div#main_contents div#section_menu02 li{
padding-top: 5px;
padding-bottom: 3px;
}
div#container div#contents div#main_contents div#section_menu02 h4{
padding-top: 2px;
margin-bottom: 10px;
}
/* 高齢社会のコンテンツメニュー（下部） */
div#container div#contents div#main_contents div.section_menu03{
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
}
div#container div#contents div#main_contents div.section_menu03 ul{
background-color: #ECF6F7;
padding: 25px 40px 20px 40px;
}
div#container div#contents div#main_contents div.section_menu03 li{
background: url(../../shared/images/common/icon_right.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
margin-right: 30px;
font-weight: bold;
float: left;
}
/* インタビュー */
div#container div#contents div#main_contents div.section_menu04{
padding-bottom: 4px;
}
div#container div#contents div#main_contents div.section_menu04 p.index{
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div#container div#contents div#main_contents div.section_menu04 ul{
background-color: #FFF3E6;
padding: 25px 20px 5px 20px;
}
div#container div#contents div#main_contents div.section_menu04 li{
}
div#container div#contents div#main_contents div.section_menu04 li a{
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
font-weight: bold;
}
div#container div#contents div#main_contents div#section_menu05{
width: 696px;
margin: 80px auto 40px auto;
}
div#container div#contents div#main_contents div#section_menu05 ul{
}
div#container div#contents div#main_contents div#section_menu05 li{
padding-top: 5px;
padding-bottom: 3px;
}
div#container div#contents div#main_contents div#section_menu05 h4{
padding-top: 2px;
margin-bottom: 15px;
color: #FF5B4C;
font-weight: bold;
}
/* トイレでエコ */
div#container div#contents div#main_contents div.section_menu06{
background: url(../../shared/images/content/line_content.png) no-repeat bottom center;
padding-bottom: 4px;
}
div#container div#contents div#main_contents div.section_menu06 p.index{
width: 86px;
position: relative;
top: 15px;
left: 35px;
}
div#container div#contents div#main_contents div.section_menu06 ul{
background-color: #ECF6F7;
padding: 25px 20px 20px 60px;
}
div#container div#contents div#main_contents div.section_menu06 li{
}
div#container div#contents div#main_contents div.section_menu06 li a{
background: url(../../shared/images/common/icon_under.png) no-repeat left 50%;
padding: 5px 0 0 18px;
display: block;
font-weight: bold;
}
/* ページトップ */
div#container div#contents p.pagetop{
margin: 20px 0;
text-align: right;
font-size: 90%;
}
div#container div#contents p.pagetop a{
background: url(../../shared/images/common/icon_top.png) no-repeat left 50%;
padding-left: 20px;
}
/* 130808 update */
div#container div#contents div#main_contents div.section_last div.section_member ul.section_member_top{
margin-bottom: 10px;
}
div#container div#contents div#main_contents div.section div.bannerblock{
overflow: hidden;
zoom: 1;
}
div#container div#contents div#main_contents div.section div.bannerblock div.bannerbox01{
float: left;
text-align: center;
width: 210px;
margin-right: 20px;
}
div#container div#contents div#main_contents div.section div.bannerblock div.bannerbox02{
float: left;
width: 160px;
text-align: center;
}
div#container div#contents div#main_contents div.section div.bannerblock div.bannerbox02 .bannerimg{
padding: 7px 0;
}
div#container div#contents div#main_contents div.section div.bannerblock p{
font-weight: bold;
}
/* 130808 update */
/* 130826 update */
div#container div#contents div#main_contents ul li.accessmap_list{
margin-bottom: 10px;
}
/* 130826 update */
sp/shared/css/common.css
...@@ -12,13 +12,13 @@ ...@@ -12,13 +12,13 @@
==========================================================*/ ==========================================================*/
html { html {
font: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; font: 62.5%/1.6 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color: #333; color: #333;
} }
body { body {
font-size: 140%; font-size: 140%;
font-size: 1.4rem; font-size: 1.4rem;
} }
html, html,
...@@ -32,25 +32,25 @@ h3, ...@@ -32,25 +32,25 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
em { em {
font-style: normal; font-style: normal;
} }
ul, ul,
ol { ol {
list-style: none; list-style: none;
} }
img { img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
margin: auto; margin: auto;
border: none; border: none;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -59,77 +59,82 @@ img { ...@@ -59,77 +59,82 @@ img {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
@font-face { @font-face {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('fonts/icomoon.eot?hdlcni'); src: url('fonts/icomoon.eot?hdlcni');
src: url('fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'), src: url('fonts/icomoon.eot?hdlcni#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?hdlcni') format('truetype'), url('fonts/icomoon.ttf?hdlcni') format('truetype'),
url('fonts/icomoon.woff?hdlcni') format('woff'), url('fonts/icomoon.woff?hdlcni') format('woff'),
url('fonts/icomoon.svg?hdlcni#icomoon') format('svg'); url('fonts/icomoon.svg?hdlcni#icomoon') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */ /* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
speak: none; speak: none;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
line-height: 1; line-height: 1;
/* Better Font Rendering =========== */ /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-keyboard_arrow_right:before { .icon-keyboard_arrow_right:before {
content: "\e910"; content: "\e910";
} }
.icon-keyboard_arrow_left:before { .icon-keyboard_arrow_left:before {
content: "\e911"; content: "\e911";
} }
.icon-faq:before { .icon-faq:before {
content: "\e900"; content: "\e900";
} }
.icon-home:before { .icon-home:before {
content: "\e902"; content: "\e902";
} }
.icon-pt_faq:before { .icon-pt_faq:before {
content: "\e903"; content: "\e903";
} }
.icon-pt_ttl:before { .icon-pt_ttl:before {
content: "\e904"; content: "\e904";
} }
.icon-study:before { .icon-study:before {
content: "\e905"; content: "\e905";
} }
.icon-search:before { .icon-search:before {
content: "\e901"; content: "\e901";
}
.icon-technology:before {
content: "\e912";
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
Hypertext Hypertext
-----------------------------------------------------------*/ -----------------------------------------------------------*/
a { a {
color: #4371ba; color: #4371ba;
text-decoration: none; text-decoration: none;
} }
a:visited { a:visited {
color: #4371ba; color: #4371ba;
text-decoration: none; text-decoration: none;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -138,15 +143,15 @@ a:visited { ...@@ -138,15 +143,15 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
.clearfix:after { .clearfix:after {
content: "."; content: ".";
display: block; display: block;
height: 0; height: 0;
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }
.clearfix { .clearfix {
zoom: 1; zoom: 1;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -157,400 +162,400 @@ a:visited { ...@@ -157,400 +162,400 @@ a:visited {
/* !Margin ------------------------------------------------------------------ */ /* !Margin ------------------------------------------------------------------ */
.mt00 { .mt00 {
margin-top: 0 !important; margin-top: 0 !important;
} }
.mt05 { .mt05 {
margin-top: 5px !important; margin-top: 5px !important;
} }
.mt10 { .mt10 {
margin-top: 10px !important; margin-top: 10px !important;
} }
.mt12 { .mt12 {
margin-top: 12px !important; margin-top: 12px !important;
} }
.mt15 { .mt15 {
margin-top: 15px !important; margin-top: 15px !important;
} }
.mt20 { .mt20 {
margin-top: 20px !important; margin-top: 20px !important;
} }
.mt25 { .mt25 {
margin-top: 25px !important; margin-top: 25px !important;
} }
.mt30 { .mt30 {
margin-top: 30px !important; margin-top: 30px !important;
} }
.mt35 { .mt35 {
margin-top: 35px !important; margin-top: 35px !important;
} }
.mt40 { .mt40 {
margin-top: 40px !important; margin-top: 40px !important;
} }
.mt45 { .mt45 {
margin-top: 45px !important; margin-top: 45px !important;
} }
.mt50 { .mt50 {
margin-top: 50px !important; margin-top: 50px !important;
} }
.mr00 { .mr00 {
margin-right: 0 !important; margin-right: 0 !important;
} }
.mr05 { .mr05 {
margin-right: 5px !important; margin-right: 5px !important;
} }
.mr10 { .mr10 {
margin-right: 10px !important; margin-right: 10px !important;
} }
.mr12 { .mr12 {
margin-right: 12px !important; margin-right: 12px !important;
} }
.mr15 { .mr15 {
margin-right: 15px !important; margin-right: 15px !important;
} }
.mr20 { .mr20 {
margin-right: 20px !important; margin-right: 20px !important;
} }
.mr25 { .mr25 {
margin-right: 25px !important; margin-right: 25px !important;
} }
.mr30 { .mr30 {
margin-right: 30px !important; margin-right: 30px !important;
} }
.mr35 { .mr35 {
margin-right: 35px !important; margin-right: 35px !important;
} }
.mr40 { .mr40 {
margin-right: 40px !important; margin-right: 40px !important;
} }
.mr45 { .mr45 {
margin-right: 45px !important; margin-right: 45px !important;
} }
.mr50 { .mr50 {
margin-right: 50px !important; margin-right: 50px !important;
} }
.mb00 { .mb00 {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.mb05 { .mb05 {
margin-bottom: 5px !important; margin-bottom: 5px !important;
} }
.mb10 { .mb10 {
margin-bottom: 10px !important; margin-bottom: 10px !important;
} }
.mb12 { .mb12 {
margin-bottom: 12px !important; margin-bottom: 12px !important;
} }
.mb15 { .mb15 {
margin-bottom: 15px !important; margin-bottom: 15px !important;
} }
.mb20 { .mb20 {
margin-bottom: 20px !important; margin-bottom: 20px !important;
} }
.mb25 { .mb25 {
margin-bottom: 25px !important; margin-bottom: 25px !important;
} }
.mb30 { .mb30 {
margin-bottom: 30px !important; margin-bottom: 30px !important;
} }
.mb35 { .mb35 {
margin-bottom: 35px !important; margin-bottom: 35px !important;
} }
.mb40 { .mb40 {
margin-bottom: 40px !important; margin-bottom: 40px !important;
} }
.mb45 { .mb45 {
margin-bottom: 45px !important; margin-bottom: 45px !important;
} }
.mb50 { .mb50 {
margin-bottom: 50px !important; margin-bottom: 50px !important;
} }
.mb100 { .mb100 {
margin-bottom: 100px !important; margin-bottom: 100px !important;
} }
.ml00 { .ml00 {
margin-left: 0 !important; margin-left: 0 !important;
} }
.ml05 { .ml05 {
margin-left: 5px !important; margin-left: 5px !important;
} }
.ml10 { .ml10 {
margin-left: 10px !important; margin-left: 10px !important;
} }
.ml12 { .ml12 {
margin-left: 12px !important; margin-left: 12px !important;
} }
.ml15 { .ml15 {
margin-left: 15px !important; margin-left: 15px !important;
} }
.ml20 { .ml20 {
margin-left: 20px !important; margin-left: 20px !important;
} }
.ml25 { .ml25 {
margin-left: 25px !important; margin-left: 25px !important;
} }
.ml30 { .ml30 {
margin-left: 30px !important; margin-left: 30px !important;
} }
.ml35 { .ml35 {
margin-left: 35px !important; margin-left: 35px !important;
} }
.ml40 { .ml40 {
margin-left: 40px !important; margin-left: 40px !important;
} }
.ml45 { .ml45 {
margin-left: 45px !important; margin-left: 45px !important;
} }
.ml50 { .ml50 {
margin-left: 50px !important; margin-left: 50px !important;
} }
/* !Padding ---------------------------------------------------------------- */ /* !Padding ---------------------------------------------------------------- */
.pt00 { .pt00 {
padding-top: 0 !important; padding-top: 0 !important;
} }
.pt05 { .pt05 {
padding-top: 5px !important; padding-top: 5px !important;
} }
.pt10 { .pt10 {
padding-top: 10px !important; padding-top: 10px !important;
} }
.pt12 { .pt12 {
padding-top: 12px !important; padding-top: 12px !important;
} }
.pt15 { .pt15 {
padding-top: 15px !important; padding-top: 15px !important;
} }
.pt20 { .pt20 {
padding-top: 20px !important; padding-top: 20px !important;
} }
.pt25 { .pt25 {
padding-top: 25px !important; padding-top: 25px !important;
} }
.pt30 { .pt30 {
padding-top: 30px !important; padding-top: 30px !important;
} }
.pt35 { .pt35 {
padding-top: 35px !important; padding-top: 35px !important;
} }
.pt40 { .pt40 {
padding-top: 40px !important; padding-top: 40px !important;
} }
.pt45 { .pt45 {
padding-top: 45px !important; padding-top: 45px !important;
} }
.pt50 { .pt50 {
padding-top: 50px !important; padding-top: 50px !important;
} }
.pt55 { .pt55 {
padding-top: 55px !important; padding-top: 55px !important;
} }
.pt60 { .pt60 {
padding-top: 60px !important; padding-top: 60px !important;
} }
.pr00 { .pr00 {
padding-right: 0 !important; padding-right: 0 !important;
} }
.pr05 { .pr05 {
padding-right: 5px !important; padding-right: 5px !important;
} }
.pr10 { .pr10 {
padding-right: 10px !important; padding-right: 10px !important;
} }
.pr12 { .pr12 {
padding-right: 12px !important; padding-right: 12px !important;
} }
.pr15 { .pr15 {
padding-right: 15px !important; padding-right: 15px !important;
} }
.pr20 { .pr20 {
padding-right: 20px !important; padding-right: 20px !important;
} }
.pr25 { .pr25 {
padding-right: 25px !important; padding-right: 25px !important;
} }
.pr30 { .pr30 {
padding-right: 30px !important; padding-right: 30px !important;
} }
.pr35 { .pr35 {
padding-right: 35px !important; padding-right: 35px !important;
} }
.pr40 { .pr40 {
padding-right: 40px !important; padding-right: 40px !important;
} }
.pr45 { .pr45 {
padding-right: 45px !important; padding-right: 45px !important;
} }
.pr50 { .pr50 {
padding-right: 50px !important; padding-right: 50px !important;
} }
.pb00 { .pb00 {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
.pb05 { .pb05 {
padding-bottom: 5px !important; padding-bottom: 5px !important;
} }
.pb10 { .pb10 {
padding-bottom: 10px !important; padding-bottom: 10px !important;
} }
.pb12 { .pb12 {
padding-bottom: 12px !important; padding-bottom: 12px !important;
} }
.pb15 { .pb15 {
padding-bottom: 15px !important; padding-bottom: 15px !important;
} }
.pb20 { .pb20 {
padding-bottom: 20px !important; padding-bottom: 20px !important;
} }
.pb25 { .pb25 {
padding-bottom: 25px !important; padding-bottom: 25px !important;
} }
.pb30 { .pb30 {
padding-bottom: 30px !important; padding-bottom: 30px !important;
} }
.pb35 { .pb35 {
padding-bottom: 35px !important; padding-bottom: 35px !important;
} }
.pb40 { .pb40 {
padding-bottom: 40px !important; padding-bottom: 40px !important;
} }
.pb45 { .pb45 {
padding-bottom: 45px !important; padding-bottom: 45px !important;
} }
.pb50 { .pb50 {
padding-bottom: 50px !important; padding-bottom: 50px !important;
} }
.pl00 { .pl00 {
padding-left: 0 !important; padding-left: 0 !important;
} }
.pl05 { .pl05 {
padding-left: 5px !important; padding-left: 5px !important;
} }
.pl10 { .pl10 {
padding-left: 10px !important; padding-left: 10px !important;
} }
.pl12 { .pl12 {
padding-left: 12px !important; padding-left: 12px !important;
} }
.pl15 { .pl15 {
padding-left: 15px !important; padding-left: 15px !important;
} }
.pl20 { .pl20 {
padding-left: 20px !important; padding-left: 20px !important;
} }
.pl25 { .pl25 {
padding-left: 25px !important; padding-left: 25px !important;
} }
.pl30 { .pl30 {
padding-left: 30px !important; padding-left: 30px !important;
} }
.pl35 { .pl35 {
padding-left: 35px !important; padding-left: 35px !important;
} }
.pl40 { .pl40 {
padding-left: 40px !important; padding-left: 40px !important;
} }
.pl45 { .pl45 {
padding-left: 45px !important; padding-left: 45px !important;
} }
.pl50 { .pl50 {
padding-left: 50px !important; padding-left: 50px !important;
} }
...@@ -560,243 +565,279 @@ a:visited { ...@@ -560,243 +565,279 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
#header { #header {
position: fixed; position: fixed;
top: 0; top: 0;
height: 85px; height: 85px;
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
line-height: 1; line-height: 1;
z-index: 100; z-index: 100;
} }
#header .description { #header .description {
padding: 7px 4%; padding: 7px 4%;
background-color: #00b7ce; background-color: #00b7ce;
font-size: 85.7%; font-size: 85.7%;
color: #fff; color: #fff;
} }
#header .logo { #header .logo {
position: relative; position: relative;
left: 4%; left: 4%;
display: block; display: block;
width: 40%; width: 40%;
height: 60px; height: 60px;
padding: 0; padding: 0;
} }
#header .logo img { #header .logo img {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
} }
.menu-link { .menu-link {
position: absolute; position: absolute;
display: block; display: block;
top: 25px; top: 25px;
right: 0; right: 0;
background-color: #657a85; background-color: #657a85;
z-index: 10; z-index: 10;
width: 60px; width: 60px;
height: auto; height: auto;
padding: 22px 0 10px; padding: 22px 0 10px;
} }
.menu-link:after { .menu-link:after {
content: "MENU"; content: "MENU";
display: block; display: block;
padding: 14px 0 0; padding: 14px 0 0;
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
font-size: 10px; font-size: 10px;
color: #fff; color: #fff;
} }
.menu-link span { .menu-link span {
position: relative; position: relative;
display: block; display: block;
width: 50%; width: 50%;
} }
.menu-link span, .menu-link span,
.menu-link span:before, .menu-link span:before,
.menu-link span:after { .menu-link span:after {
background-color: #fff; background-color: #fff;
height: 4px; height: 4px;
margin: auto; margin: auto;
} }
.menu-link span:before, .menu-link span:before,
.menu-link span:after { .menu-link span:after {
position: absolute; position: absolute;
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
content: ""; content: "";
left: 0; left: 0;
} }
.menu-link span:after { .menu-link span:after {
margin-top: -10px; margin-top: -10px;
} }
.menu-link.active { .menu-link.active {
padding-top: 0; padding-top: 0;
line-height: 1; line-height: 1;
} }
.menu-link:hover, .menu-link:hover,
.menu-link.active:hover { .menu-link.active:hover {
text-decoration: none; text-decoration: none;
} }
.menu-link.active:before { .menu-link.active:before {
content: "×"; content: "×";
display: block; display: block;
margin: 8px auto 0; margin: 8px auto 0;
line-height: 32px; line-height: 32px;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
color: #fff; color: #fff;
} }
.menu-link.active:after { .menu-link.active:after {
padding-top: 0; padding-top: 0;
} }
.menu-link.active span { .menu-link.active span {
display: none; display: none;
} }
#global_nav { #global_nav {
position: absolute; position: absolute;
top: 85px; top: 85px;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
display: none; display: none;
padding-bottom: 2em; padding-bottom: 2em;
background-color: #00b7ce; background-color: #00b7ce;
z-index: 10; z-index: 10;
overflow-y: scroll; overflow-y: scroll;
} }
#global_nav > ul { #global_nav > ul {
width: 92%; width: 92%;
margin: auto; margin: auto;
} }
#global_nav li a { #global_nav li a {
position: relative; position: relative;
display: block; display: block;
padding: 16px 0; padding: 16px 0;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
#global_nav li a span { #global_nav li a span {
font-size: 80%; font-size: 80%;
} }
#global_nav > ul > li > a { #global_nav > ul > li > a {
border-bottom: solid 1px #fff; border-bottom: solid 1px #fff;
} }
#global_nav > ul > li > a:before { #global_nav > ul > li > a:before {
margin-right: 6px; margin-right: 6px;
margin-left: 2%; margin-left: 2%;
vertical-align: top; vertical-align: top;
font-size: 120%; font-size: 120%;
} }
#global_nav > ul > li li {} #global_nav > ul > li > a.icon-manual img {
display: inline;
margin-left: 2%;
margin-right: 6px;
}
#global_nav > ul > li li a { #global_nav > ul > li li a {
padding: 14px 16% 14px 4%; padding: 14px 16% 14px 4%;
background-color: #fff; background-color: #fff;
border-bottom: solid 1px #00b7ce; border-bottom: solid 1px #00b7ce;
line-height: 1.2; line-height: 1.2;
color: #333; color: #333;
} }
#global_nav > ul > li li a span { #global_nav > ul > li li a span {
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
} }
#global_nav > ul > li > a.pc_site { #global_nav > ul > li > a.pc_site {
margin-top: 1em; margin-top: 1em;
padding: 14px 16% 14px 4%; padding: 14px 16% 14px 4%;
background-color: #657a85; background-color: #657a85;
border: none; border: none;
} }
#global_nav > ul > li > a.icon-home:after, #global_nav > ul > li > a.icon-home:after,
#global_nav > ul > li > a.icon-faq:after, #global_nav > ul > li > a.icon-faq:after,
#global_nav > ul > li > a.pc_site:after, #global_nav > ul > li > a.pc_site:after,
#global_nav > ul > li li a:after { #global_nav > ul > li li a:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
right: 4%; right: 4%;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
width: 30px; width: 30px;
height: 14px; height: 14px;
padding: 8px 0; padding: 8px 0;
border: solid 2px #fff; border: solid 2px #fff;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
font-family: "icomoon" !important; font-family: "icomoon" !important;
}
#global_nav > ul > li > a.icon-study:after,
#global_nav > ul > li > a.icon-technology:after,
#global_nav > ul > li > a.icon-maintenance:after {
content: "\e910";
position: absolute;
right: 4%;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 30px;
height: 14px;
padding: 8px 0;
border: solid 2px #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
font-family: "icomoon" !important;
/* transform: rotateZ(90deg);*/
}
#global_nav > ul > li > a.icon-manual:before {
background-image: url(fonts/book.png);
}
#global_nav .study-contents,
#global_nav .technology-contents,
#global_nav .maintenance-contents {
display: none;
} }
#global_nav > ul > li li a:after { #global_nav > ul > li li a:after {
border-color: #00b7ce; border-color: #00b7ce;
color: #00b7ce; color: #00b7ce;
} }
#global_nav > ul > li li:nth-child(2) a:after { #global_nav > ul > li li:nth-child(2) a:after {
border-color: #ff7270; border-color: #ff7270;
color: #ff7270; color: #ff7270;
} }
#search_area { #search_area {
width: 92%; width: 92%;
margin-left: auto; margin-left: auto;
padding: 1em 4%; padding: 1em 4%;
background-color: #73d7e5; background-color: #73d7e5;
} }
#search_area form.gsc-search-box, #search_area form.gsc-search-box,
#search_area table.gsc-search-box { #search_area table.gsc-search-box {
margin-bottom: 0; margin-bottom: 0;
} }
#search_area .gsc-input { #search_area .gsc-input {
padding: 0; padding: 0;
border-spacing: 0 !important; border-spacing: 0 !important;
width: 98% !important; width: 98% !important;
height: 23px !important; height: 23px !important;
} }
#search_area .gsc-input-box { #search_area .gsc-input-box {
border: none !important; border: none !important;
padding: 0 !important; padding: 0 !important;
margin: 0 !important; margin: 0 !important;
height: 32px !important; height: 32px !important;
} }
#search_area .gsc-search-box-tools .gsc-search-box .gsc-input { #search_area .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 0 !important; padding-right: 0 !important;
} }
#search_area table.gsc-search-box td { #search_area table.gsc-search-box td {
vertical-align: top; vertical-align: top;
} }
/*#search_area .gsc-input-box { /*#search_area .gsc-input-box {
...@@ -804,60 +845,60 @@ a:visited { ...@@ -804,60 +845,60 @@ a:visited {
}*/ }*/
/*#search_area input[type="text"]*/ /*#search_area input[type="text"]*/
#search_area #gs_tti50 { #search_area #gs_tti50 {
/*background: url(../images/head/search_box.jpg) no-repeat center left;*/ /*background: url(../images/head/search_box.jpg) no-repeat center left;*/
border: none; border: none;
line-height: 20px !important; line-height: 20px !important;
/*height: 20px !important;*/ /*height: 20px !important;*/
outline: none; outline: none;
} }
#search_area input[type="text"] { #search_area input[type="text"] {
background: none !important; background: none !important;
} }
#search_area .gsib_b .gsst_b { #search_area .gsib_b .gsst_b {
padding: 0 !important; padding: 0 !important;
} }
#search_area td.gsc-search-button { #search_area td.gsc-search-button {
width: 32px !important; width: 32px !important;
height: 20px !important; height: 20px !important;
/*background:url(../images/head/icon_search_off.jpg) no-repeat;*/ /*background:url(../images/head/icon_search_off.jpg) no-repeat;*/
background: #657A85; background: #657A85;
border: none; border: none;
line-height: 14px; line-height: 14px;
height: 14px; height: 14px;
outline: none; outline: none;
/*text-indent: -9999px;*/ /*text-indent: -9999px;*/
padding: 3px 0 !important; padding: 3px 0 !important;
margin: 9px 2px 0 2px !important; margin: 9px 2px 0 2px !important;
border: none; border: none;
} }
#search_area td.gsc-search-button input.gsc-search-button { #search_area td.gsc-search-button input.gsc-search-button {
padding: 3px 8px !important; padding: 3px 8px !important;
/*margin-left: 5px !important;*/ /*margin-left: 5px !important;*/
} }
#search_area td.gsc-search-button input.gsc-search-button input { #search_area td.gsc-search-button input.gsc-search-button input {
background: none !important; background: none !important;
border: none !important; border: none !important;
} }
#search_area td.gsc-clear-button { #search_area td.gsc-clear-button {
line-height: 14px; line-height: 14px;
height: 14px; height: 14px;
background: #e5e5e5; background: #e5e5e5;
} }
.gsc-result .gs-title { .gsc-result .gs-title {
height: 1.5em !important; height: 1.5em !important;
} }
#search_area td.gsib_a { #search_area td.gsib_a {
padding-right: 1%; padding-right: 1%;
padding-left: 1%; padding-left: 1%;
padding-bottom: 4px; padding-bottom: 4px;
} }
...@@ -867,29 +908,29 @@ a:visited { ...@@ -867,29 +908,29 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
#footer .bnr { #footer .bnr {
padding: 2em 0; padding: 2em 0;
border-top: solid 1px #ddd; border-top: solid 1px #ddd;
} }
#footer .bnr img { #footer .bnr img {
max-width: 92%; max-width: 92%;
} }
#footer #subnavi { #footer #subnavi {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
} }
#footer #subnavi strong, #footer #subnavi strong,
#footer #subnavi em { #footer #subnavi em {
display: block; display: block;
color: #fff; color: #fff;
} }
#footer #subnavi strong { #footer #subnavi strong {
padding: .7em 0; padding: .7em 0;
background-color: #657a85; background-color: #657a85;
font-size: 128.6%; font-size: 128.6%;
} }
/* /*
...@@ -909,100 +950,100 @@ a:visited { ...@@ -909,100 +950,100 @@ a:visited {
}*/ }*/
#footer #subnavi strong.active:after { #footer #subnavi strong.active:after {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
#footer #subnavi em { #footer #subnavi em {
padding: 1em 0; padding: 1em 0;
background-color: #00b7ce; background-color: #00b7ce;
} }
#footer #subnavi ul:after { #footer #subnavi ul:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#footer #subnavi li { #footer #subnavi li {
display: block; display: block;
width: 50%; width: 50%;
float: left; float: left;
border-bottom: solid 1px #00b7ce; border-bottom: solid 1px #00b7ce;
} }
#footer #subnavi li:nth-child(3), #footer #subnavi li:nth-child(3),
#footer #subnavi li:nth-child(4), #footer #subnavi li:nth-child(4),
#footer #subnavi ul.news li { #footer #subnavi ul.news li {
border-bottom: none; border-bottom: none;
} }
#footer #subnavi li a { #footer #subnavi li a {
display: block; display: block;
padding: 1em 0; padding: 1em 0;
color: #00b7ce; color: #00b7ce;
} }
#footer #subnavi li:nth-child(2n+1) a { #footer #subnavi li:nth-child(2n+1) a {
border-right: solid 1px #00b7ce; border-right: solid 1px #00b7ce;
} }
#footer #subnavi .about { #footer #subnavi .about {
padding: 1em 3%; padding: 1em 3%;
background-color: #73d7e5; background-color: #73d7e5;
} }
#footer #subnavi .about li { #footer #subnavi .about li {
border: none; border: none;
} }
#footer #subnavi .about a { #footer #subnavi .about a {
width: 92%; width: 92%;
margin: auto; margin: auto;
background-color: #fff; background-color: #fff;
border: solid 1px #00b7ce; border: solid 1px #00b7ce;
color: #333; color: #333;
} }
#footer .links { #footer .links {
padding: 1em 4%; padding: 1em 4%;
margin: auto; margin: auto;
background-color: #f2f3f6; background-color: #f2f3f6;
} }
#footer .links > div { #footer .links > div {
padding: 1em; padding: 1em;
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px #e1e4ed; border: solid 1px #e1e4ed;
} }
#footer .links strong { #footer .links strong {
display: block; display: block;
padding-bottom: .5em; padding-bottom: .5em;
margin-bottom: .5em; margin-bottom: .5em;
border-bottom: solid 1px #ddd; border-bottom: solid 1px #ddd;
} }
#footer .links li a { #footer .links li a {
display: block; display: block;
padding: .5em 0; padding: .5em 0;
} }
#footer .links li a:before { #footer .links li a:before {
content: "\e910"; content: "\e910";
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-weight: bold; font-weight: bold;
color: #bbb; color: #bbb;
} }
#footer #copyright { #footer #copyright {
padding: 1em; padding: 1em;
background-color: #00b7ce; background-color: #00b7ce;
text-align: center; text-align: center;
font-size: 85.7%; font-size: 85.7%;
color: #fff; color: #fff;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -1011,30 +1052,30 @@ a:visited { ...@@ -1011,30 +1052,30 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
#main { #main {
position: relative; position: relative;
margin-top: 85px; margin-top: 85px;
} }
#main .ttl_header { #main .ttl_header {
padding: 1.5em 0; padding: 1.5em 0;
background: -moz-linear-gradient(left, #00b7ce, #84e0ed); background: -moz-linear-gradient(left, #00b7ce, #84e0ed);
background: -webkit-gradient(linear, left top, right bottom, from(#00b7ce), to(#84e0ed)); background: -webkit-gradient(linear, left top, right bottom, from(#00b7ce), to(#84e0ed));
line-height: 1.4; line-height: 1.4;
text-align: center; text-align: center;
font-size: 171.4%; font-size: 171.4%;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
} }
#main .content, #main .content,
#aside .content { #aside .content {
width: 92%; width: 92%;
margin: auto; margin: auto;
} }
#main .content .list p { #main .content .list p {
text-indent: -1em; text-indent: -1em;
margin-left: 1em; margin-left: 1em;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -1043,621 +1084,621 @@ a:visited { ...@@ -1043,621 +1084,621 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
#main #study_index .section { #main #study_index .section {
margin: 2em auto; margin: 2em auto;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px #ddd; border: solid 1px #ddd;
} }
#main #study_index .section .content { #main #study_index .section .content {
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
width: 88%; width: 88%;
} }
#main #study_index .section h2 { #main #study_index .section h2 {
margin-bottom: 1em; margin-bottom: 1em;
padding-bottom: .5em; padding-bottom: .5em;
border-bottom: solid 2px #00b7ce; border-bottom: solid 2px #00b7ce;
line-height: 1.2; line-height: 1.2;
font-size: 128.6%; font-size: 128.6%;
} }
#main #study_index .section h2 span { #main #study_index .section h2 span {
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
font-size: 75%; font-size: 75%;
} }
#main #study_index .section a { #main #study_index .section a {
display: block; display: block;
margin-top: 1em; margin-top: 1em;
} }
#main #study_index .section a:before { #main #study_index .section a:before {
content: "\e910"; content: "\e910";
display: block; display: block;
width: 34px; width: 34px;
padding: 3px 0; padding: 3px 0;
border: solid 3px #00b7ce; border: solid 3px #00b7ce;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
font-family: "icomoon" !important; font-family: "icomoon" !important;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #00b7ce; color: #00b7ce;
} }
#main #study_index .section .pink h2 { #main #study_index .section .pink h2 {
border-color: #ff7270; border-color: #ff7270;
} }
#main #study_index .section .pink a:before { #main #study_index .section .pink a:before {
border-color: #ff7270; border-color: #ff7270;
color: #ff7270; color: #ff7270;
} }
#main #study .lead { #main #study .lead {
padding: 1em 4%; padding: 1em 4%;
} }
#main #study .lead .ttl { #main #study .lead .ttl {
display: block; display: block;
line-height: 1.4; line-height: 1.4;
font-size: 128.6%; font-size: 128.6%;
font-weight: bold; font-weight: bold;
color: #00b7ce; color: #00b7ce;
} }
#main #study .lead .ttl span { #main #study .lead .ttl span {
display: block; display: block;
font-size: 66.6%; font-size: 66.6%;
} }
#main #study .lead p { #main #study .lead p {
margin-top: .5em; margin-top: .5em;
font-size: 114.3%; font-size: 114.3%;
} }
#main #study .section { #main #study .section {
padding: 2em 0; padding: 2em 0;
border-top: solid 1px #ddd; border-top: solid 1px #ddd;
} }
#main #study .section .pt { #main #study .section .pt {
margin-bottom: 1em; margin-bottom: 1em;
margin-left: 2.3em; margin-left: 2.3em;
text-indent: -2.3em; text-indent: -2.3em;
line-height: 1; line-height: 1;
font-size: 128.6%; font-size: 128.6%;
} }
#main #study .section .pt:before { #main #study .section .pt:before {
content: "\e904"; content: "\e904";
display: inline; display: inline;
margin-right: 8px; margin-right: 8px;
padding: 2px 2px 1px 1px; padding: 2px 2px 1px 1px;
vertical-align: middle; vertical-align: middle;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0)); background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
font-size: 32px; font-size: 32px;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
} }
#main #study .section .block:after { #main #study .section .block:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#main #study .section .lft { #main #study .section .lft {
width: 36%; width: 36%;
float: left; float: left;
} }
#main #study .section .rgt { #main #study .section .rgt {
width: 60%; width: 60%;
float: right; float: right;
} }
#main #study .section ul { #main #study .section ul {
margin-top: 1.5em; margin-top: 1.5em;
border: solid 1px #ddd; border: solid 1px #ddd;
} }
#main #study .section li a { #main #study .section li a {
position: relative; position: relative;
display: block; display: block;
padding: 1em 18% 1em 4%; padding: 1em 18% 1em 4%;
border: solid 1px #ddd; border: solid 1px #ddd;
line-height: 1.4; line-height: 1.4;
font-weight: bold; font-weight: bold;
font-size: 128.6%; font-size: 128.6%;
color: #333; color: #333;
} }
#main #study .section li a:after { #main #study .section li a:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
right: 4%; right: 4%;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
width: 34px; width: 34px;
height: 18px; height: 18px;
padding: 8px 0; padding: 8px 0;
border: solid 3px #00b7ce; border: solid 3px #00b7ce;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
font-family: "icomoon" !important; font-family: "icomoon" !important;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #00b7ce; color: #00b7ce;
} }
#main #study .section li a span { #main #study .section li a span {
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
font-size: 66.6%; font-size: 66.6%;
} }
#main #study.study02 .box { #main #study.study02 .box {
margin-bottom: 1em; margin-bottom: 1em;
} }
#main #study.study02 .box em { #main #study.study02 .box em {
display: block; display: block;
font-weight: bold; font-weight: bold;
} }
#main #study.study02 table { #main #study.study02 table {
border-spacing: 0; border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
font-size: 85%; font-size: 85%;
} }
#main #study.study02 table td { #main #study.study02 table td {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
#main #study.study02 table td.tr02, #main #study.study02 table td.tr02,
#main #study.study02 table td.tr03 { #main #study.study02 table td.tr03 {
width: 31%; width: 31%;
} }
#main #study.study02 table td.tr04 { #main #study.study02 table td.tr04 {
width: 18%; width: 18%;
} }
#main #study.study02 table .blue { #main #study.study02 table .blue {
background-color: #cef9ff; background-color: #cef9ff;
} }
#main #study.study02 table .red { #main #study.study02 table .red {
background-color: #ffc5c1; background-color: #ffc5c1;
} }
#main #study.study02 table .center { #main #study.study02 table .center {
text-align: center; text-align: center;
} }
#main #study.study02 table .right { #main #study.study02 table .right {
text-align: right; text-align: right;
} }
#main #study.pink .lead .ttl, #main #study.pink .lead .ttl,
#main #study.pink .lead p { #main #study.pink .lead p {
color: #ff7270; color: #ff7270;
} }
#main #study.pink .section .pt:before { #main #study.pink .section .pt:before {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a93), to(#fd675d)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a93), to(#fd675d));
} }
#main #study.pink .section li a:after { #main #study.pink .section li a:after {
border-color: #ff7270; border-color: #ff7270;
color: #ff7270; color: #ff7270;
} }
#main #study.interview .section .page_ttl { #main #study.interview .section .page_ttl {
margin-bottom: 1em; margin-bottom: 1em;
line-height: 1.4; line-height: 1.4;
font-weight: bold; font-weight: bold;
font-size: 128.6%; font-size: 128.6%;
} }
#main #study.interview .section .page_ttl:after { #main #study.interview .section .page_ttl:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#main #study.interview .section .page_ttl em { #main #study.interview .section .page_ttl em {
display: block; display: block;
float: left; float: left;
padding: 28px 0; padding: 28px 0;
margin-right: 10px; margin-right: 10px;
margin-bottom: 1em; margin-bottom: 1em;
width: 70px; width: 70px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0)); background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
line-height: 1; line-height: 1;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
color: #fff; color: #fff;
} }
#main #study.interview .section .page_ttl span { #main #study.interview .section .page_ttl span {
display: block; display: block;
margin-top: 4px; margin-top: 4px;
font-size: 77.7%; font-size: 77.7%;
} }
#main #study.interview .section .box { #main #study.interview .section .box {
padding: 1em; padding: 1em;
} }
#main #study.interview .section .profile { #main #study.interview .section .profile {
margin: 1em 0 3em; margin: 1em 0 3em;
border: solid 2px #ddd; border: solid 2px #ddd;
} }
#main #study.interview .section .profile em { #main #study.interview .section .profile em {
font-weight: bold; font-weight: bold;
} }
#main #study.interview .section .profile p { #main #study.interview .section .profile p {
font-size: 85.7%; font-size: 85.7%;
} }
#main #study.interview .section .index { #main #study.interview .section .index {
position: relative; position: relative;
background-color: #fff3e6; background-color: #fff3e6;
} }
#main #study.interview .section .index strong { #main #study.interview .section .index strong {
position: absolute; position: absolute;
top: -1em; top: -1em;
left: 1em; left: 1em;
display: inline-block; display: inline-block;
padding: .2em 1em; padding: .2em 1em;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a93), to(#fd675d)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a93), to(#fd675d));
border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
font-size: 142.9%; font-size: 142.9%;
color: #fff; color: #fff;
} }
#main #study.interview .section .index ul { #main #study.interview .section .index ul {
border: none; border: none;
} }
#main #study.interview .section .index li a { #main #study.interview .section .index li a {
padding: 0 0 .5em 0; padding: 0 0 .5em 0;
margin-left: 2.5em; margin-left: 2.5em;
text-indent: -2.5em; text-indent: -2.5em;
border: none; border: none;
font-size: 114.3%; font-size: 114.3%;
color: #4371be; color: #4371be;
} }
#main #study.interview .section .index li a:before { #main #study.interview .section .index li a:before {
content: "\e910"; content: "\e910";
display: inline-block; display: inline-block;
width: 34px; width: 34px;
padding: 6px 0; padding: 6px 0;
margin-right: .5em; margin-right: .5em;
transform: rotate(90deg); transform: rotate(90deg);
background-image: -webkit-gradient(linear, left top, left bottom, from(#68b7f0), to(#1d84ce)); background-image: -webkit-gradient(linear, left top, left bottom, from(#68b7f0), to(#1d84ce));
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
text-indent: 0; text-indent: 0;
font-family: "icomoon" !important; font-family: "icomoon" !important;
color: #fff; color: #fff;
} }
#main #study.interview .section .index li a:after { #main #study.interview .section .index li a:after {
content: none; content: none;
} }
#main #study.interview .section .faq .q, #main #study.interview .section .faq .q,
#main #study.interview .section .faq .a { #main #study.interview .section .faq .a {
font-size: 114.3%; font-size: 114.3%;
} }
#main #study.interview .section .faq .q { #main #study.interview .section .faq .q {
margin-bottom: .5em; margin-bottom: .5em;
font-weight: bold; font-weight: bold;
color: #00b7cc; color: #00b7cc;
} }
#main #study.interview .section .faq .q:after { #main #study.interview .section .faq .q:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#main #study.interview .section .faq .q .q_no { #main #study.interview .section .faq .q .q_no {
display: block; display: block;
width: 14%; width: 14%;
float: left; float: left;
} }
#main #study.interview .section .faq .q .q_text { #main #study.interview .section .faq .q .q_text {
display: block; display: block;
width: 86%; width: 86%;
float: left; float: left;
} }
#main #study.interview .section .faq .a { #main #study.interview .section .faq .a {
margin-bottom: 1em; margin-bottom: 1em;
} }
#main #study.interview .section .faq .a p { #main #study.interview .section .faq .a p {
margin-bottom: 1em; margin-bottom: 1em;
} }
#main #study.interview .section .faq .a .sub_text { #main #study.interview .section .faq .a .sub_text {
padding: 1em; padding: 1em;
background-color: #eee; background-color: #eee;
font-size: 87.5%; font-size: 87.5%;
} }
#main #study.interview .section .faq .a .sub_text .text { #main #study.interview .section .faq .a .sub_text .text {
display: block; display: block;
font-weight: bold; font-weight: bold;
color: #ff7270; color: #ff7270;
} }
#main #study.interview .section .faq .a .answer_ul { #main #study.interview .section .faq .a .answer_ul {
margin: 0 0 1em; margin: 0 0 1em;
padding: 1em; padding: 1em;
border: double #ccc; border: double #ccc;
} }
#main #study.interview .section .faq .a .answer_ul li { #main #study.interview .section .faq .a .answer_ul li {
margin-left: 1em; margin-left: 1em;
text-indent: -1em; text-indent: -1em;
} }
#main #study.interview .section .faq .notes { #main #study.interview .section .faq .notes {
font-size: 87.5%; font-size: 87.5%;
} }
#main #study.interview .section .faq .notes h3 { #main #study.interview .section .faq .notes h3 {
padding: .3em; padding: .3em;
margin: 1em 0; margin: 1em 0;
background-color: #edecfc; background-color: #edecfc;
font-size: 100%; font-size: 100%;
color: #0244a4; color: #0244a4;
} }
#main #study.interview .section .faq .notes strong { #main #study.interview .section .faq .notes strong {
display: block; display: block;
margin-bottom: 1em; margin-bottom: 1em;
border-bottom: 1px solid #3252a6; border-bottom: 1px solid #3252a6;
color: #3252a6; color: #3252a6;
} }
#main #study.interview .section .faq .notes dt span { #main #study.interview .section .faq .notes dt span {
padding: .1em .5em; padding: .1em .5em;
background-color: #00b7cc; background-color: #00b7cc;
border-radius: 3px; border-radius: 3px;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
font-size: 80%; font-size: 80%;
color: #fff; color: #fff;
} }
#main #study.interview .section .faq .notes dd { #main #study.interview .section .faq .notes dd {
margin: 0; margin: 0;
} }
#main #study.interview.pink .section .page_ttl em { #main #study.interview.pink .section .page_ttl em {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa7a0), to(#fd5e54)); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa7a0), to(#fd5e54));
} }
#main #study.interview.pink .section .profile em { #main #study.interview.pink .section .profile em {
color: #ff7270; color: #ff7270;
} }
#main #study.interview.pink .section .faq .q { #main #study.interview.pink .section .faq .q {
color: #ff7270; color: #ff7270;
} }
#main #study.interview .news { #main #study.interview .news {
padding: 1em; padding: 1em;
border: double 3px #fcb6b4; border: double 3px #fcb6b4;
font-size: 114.3%; font-size: 114.3%;
} }
#main #study.interview .news strong { #main #study.interview .news strong {
display: block; display: block;
margin-bottom: 1em; margin-bottom: 1em;
text-align: center; text-align: center;
line-height: 1.4; line-height: 1.4;
font-size: 112.5%; font-size: 112.5%;
color: #ff7270; color: #ff7270;
} }
#main #study.interview .news em { #main #study.interview .news em {
display: block; display: block;
font-weight: bold; font-weight: bold;
color: #ff7270; color: #ff7270;
} }
#main #study.interview .news > em { #main #study.interview .news > em {
margin: 1em 0 1em 1em; margin: 1em 0 1em 1em;
text-indent: -1em; text-indent: -1em;
} }
#main #study.interview .news p { #main #study.interview .news p {
margin-bottom: .5em; margin-bottom: .5em;
} }
#main #study.interview .news .box { #main #study.interview .news .box {
padding: 1em; padding: 1em;
background-color: #eee; background-color: #eee;
font-size: 87.5%; font-size: 87.5%;
} }
#main #study.interview .news { #main #study.interview .news {
margin-bottom: 1em; margin-bottom: 1em;
} }
#main #study.interview .news .notice { #main #study.interview .news .notice {
font-size: 60%; font-size: 60%;
} }
#main #study.interview .news .ok { #main #study.interview .news .ok {
color: #66a1cc; color: #66a1cc;
} }
#main #study.interview .news .no { #main #study.interview .news .no {
color: #ff5b4b; color: #ff5b4b;
} }
#main #study.interview .news table { #main #study.interview .news table {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
margin-bottom: 1em; margin-bottom: 1em;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
font-size: 60%; font-size: 60%;
} }
#main #study.interview .news table th { #main #study.interview .news table th {
word-wrap: break-word; word-wrap: break-word;
} }
#main #study.interview .news table th, #main #study.interview .news table th,
#main #study.interview .news table td { #main #study.interview .news table td {
border: solid 1px #ccc; border: solid 1px #ccc;
} }
#main #study.interview .news table td { #main #study.interview .news table td {
text-align: center; text-align: center;
} }
#main #study.interview .news .list_num:after { #main #study.interview .news .list_num:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
#main #study.interview .news .list_num p { #main #study.interview .news .list_num p {
margin-bottom: 0; margin-bottom: 0;
} }
#main #study.interview .news .list_num .num { #main #study.interview .news .list_num .num {
display: block; display: block;
float: left; float: left;
width: 14%; width: 14%;
text-align: right; text-align: right;
} }
#main #study.interview .news .list_num .text { #main #study.interview .news .list_num .text {
display: block; display: block;
float: left; float: left;
width: 86%; width: 86%;
} }
#aside { #aside {
margin: 3em 0; margin: 3em 0;
} }
#aside .ttl { #aside .ttl {
display: block; display: block;
line-height: 1.4; line-height: 1.4;
font-size: 128.6%; font-size: 128.6%;
font-weight: bold; font-weight: bold;
} }
#aside .ttl span { #aside .ttl span {
display: block; display: block;
font-size: 66.6%; font-size: 66.6%;
} }
#aside nav ul { #aside nav ul {
margin-top: 1.5em; margin-top: 1.5em;
border: solid 1px #ddd; border: solid 1px #ddd;
} }
#aside nav li a { #aside nav li a {
position: relative; position: relative;
display: block; display: block;
padding: 1em 18% 1em 4%; padding: 1em 18% 1em 4%;
border: solid 1px #ddd; border: solid 1px #ddd;
line-height: 1.4; line-height: 1.4;
font-weight: bold; font-weight: bold;
font-size: 128.6%; font-size: 128.6%;
color: #333; color: #333;
} }
#aside nav li a:after { #aside nav li a:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
right: 4%; right: 4%;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
width: 34px; width: 34px;
height: 18px; height: 18px;
padding: 8px 0; padding: 8px 0;
border: solid 3px #00b7ce; border: solid 3px #00b7ce;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
line-height: 1; line-height: 1;
font-family: "icomoon" !important; font-family: "icomoon" !important;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #00b7ce; color: #00b7ce;
} }
#aside nav li a span { #aside nav li a span {
display: block; display: block;
margin-bottom: 4px; margin-bottom: 4px;
font-size: 66.6%; font-size: 66.6%;
} }
#aside .pink .ttl { #aside .pink .ttl {
color: #ff7270; color: #ff7270;
} }
#aside .pink nav li a:after { #aside .pink nav li a:after {
border-color: #ff7270; border-color: #ff7270;
color: #ff7270; color: #ff7270;
} }
.interview01 #aside nav li:first-child { .interview01 #aside nav li:first-child {
display: none; display: none;
} }
.interview02 #aside nav li:nth-child(2) { .interview02 #aside nav li:nth-child(2) {
display: none; display: none;
} }
.interview03 #aside nav li:nth-child(3) { .interview03 #aside nav li:nth-child(3) {
display: none; display: none;
} }
.interview04 #aside nav li:nth-child(4) { .interview04 #aside nav li:nth-child(4) {
display: none; display: none;
} }
...@@ -1667,330 +1708,330 @@ a:visited { ...@@ -1667,330 +1708,330 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
.qa #main .lead { .qa #main .lead {
padding: 1em; padding: 1em;
text-align: center; text-align: center;
} }
.qa #main .lead p { .qa #main .lead p {
font-size: 114.3%; font-size: 114.3%;
} }
.qa .submenu ul:after { .qa .submenu ul:after {
content: ""; content: "";
display: block; display: block;
clear: both; clear: both;
} }
.qa .submenu ul { .qa .submenu ul {
border-right: solid 1px #e1e4ed; border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed; border-left: solid 1px #e1e4ed;
} }
.qa .submenu li { .qa .submenu li {
display: block; display: block;
width: 33.33%; width: 33.33%;
border-top: solid 1px #e1e4ed; border-top: solid 1px #e1e4ed;
float: left; float: left;
font-size: 85.7%; font-size: 85.7%;
} }
.qa .submenu li a, .qa .submenu li a,
.qa .section .ttl { .qa .section .ttl {
display: block; display: block;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
color: #00b7ce; color: #00b7ce;
} }
.qa .submenu li a { .qa .submenu li a {
padding: 1em 0; padding: 1em 0;
border-right: solid 1px #e1e4ed; border-right: solid 1px #e1e4ed;
} }
.qa .submenu li:nth-child(3n) a { .qa .submenu li:nth-child(3n) a {
border-right: none; border-right: none;
} }
.qa .section .ttl { .qa .section .ttl {
padding: 1em 0; padding: 1em 0;
background-color: #fff; background-color: #fff;
border-bottom: solid 1px #e1e4ed; border-bottom: solid 1px #e1e4ed;
font-size: 128.6%; font-size: 128.6%;
} }
.qa .submenu li a:before, .qa .submenu li a:before,
.qa .section .ttl:before { .qa .section .ttl:before {
content: ""; content: "";
display: block; display: block;
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 0 auto .5em; margin: 0 auto .5em;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 100% auto; background-size: 100% auto;
} }
.qa .section .ttl:before { .qa .section .ttl:before {
width: 78px; width: 78px;
height: 78px; height: 78px;
} }
.qa .submenu li.toilet a:before, .qa .submenu li.toilet a:before,
.qa .section .ttl.toilet:before { .qa .section .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png); background-image: url(/sp/shared/images/icon_qa_toilet.png);
} }
.qa .submenu li.seat a:before, .qa .submenu li.seat a:before,
.qa .section .ttl.seat:before { .qa .section .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png); background-image: url(/sp/shared/images/icon_qa_seat.png);
} }
.qa .submenu li.urinal a:before, .qa .submenu li.urinal a:before,
.qa .section .ttl.urinal:before { .qa .section .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png); background-image: url(/sp/shared/images/icon_qa_urinal.png);
} }
.qa .submenu li.etc a:before, .qa .submenu li.etc a:before,
.qa .section .ttl.etc:before { .qa .section .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png); background-image: url(/sp/shared/images/icon_qa_etc.png);
} }
.qa .submenu li.pro a:before, .qa .submenu li.pro a:before,
.qa .section .ttl.pro:before { .qa .section .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png); background-image: url(/sp/shared/images/icon_qa_pro.png);
} }
.qa section { .qa section {
background-color: #f2f3f6; background-color: #f2f3f6;
border-top: solid 1px #e1e4ed; border-top: solid 1px #e1e4ed;
} }
.qa .section { .qa .section {
margin-top: -85px; margin-top: -85px;
padding-top: 85px; padding-top: 85px;
} }
.qa .section > .content { .qa .section > .content {
padding: 1em 0; padding: 1em 0;
} }
.qa .section .pt { .qa .section .pt {
margin-top: .8em; margin-top: .8em;
margin-bottom: .6em; margin-bottom: .6em;
margin-left: 2.3em; margin-left: 2.3em;
text-indent: -2.3em; text-indent: -2.3em;
line-height: 1; line-height: 1;
font-size: 128.6%; font-size: 128.6%;
} }
.qa .section .pt:before { .qa .section .pt:before {
content: "\e900"; content: "\e900";
display: inline; display: inline;
margin-right: 8px; margin-right: 8px;
padding: 2px 2px 1px 1px; padding: 2px 2px 1px 1px;
vertical-align: middle; vertical-align: middle;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0)); background-image: -webkit-gradient(linear, left top, left bottom, from(#7ddeeb), to(#08b9d0));
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
-webkit-background-clip: text; -webkit-background-clip: text;
font-size: 32px; font-size: 32px;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
} }
.qa .section .question_list { .qa .section .question_list {
margin-bottom: 2em; margin-bottom: 2em;
border-top: solid 1px #e1e4ed; border-top: solid 1px #e1e4ed;
} }
.qa .section h4 { .qa .section h4 {
position: relative; position: relative;
padding: .5em 1em; padding: .5em 1em;
background-color: #c8e9fb; background-color: #c8e9fb;
border-right: solid 1px #e1e4ed; border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed; border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #ddd; border-bottom: solid 1px #ddd;
font-size: 128.6%; font-size: 128.6%;
color: #0070b0; color: #0070b0;
} }
.qa .section h4:after { .qa .section h4:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
right: 4%; right: 4%;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: auto; margin: auto;
display: block; display: block;
width: 14px; width: 14px;
height: 22px; height: 22px;
padding: 3px 8px 5px; padding: 3px 8px 5px;
transform: rotate(90deg); transform: rotate(90deg);
border: solid 2px #0070b0; border: solid 2px #0070b0;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
font-family: "icomoon" !important; font-family: "icomoon" !important;
font-size: 16px; font-size: 16px;
font-weight: normal; font-weight: normal;
} }
.qa .section h4.active { .qa .section h4.active {
border-bottom-color: #e1e4ed; border-bottom-color: #e1e4ed;
} }
.qa .section h4.active:after { .qa .section h4.active:after {
transform: rotate(-90deg); transform: rotate(-90deg);
} }
.qa .section ul { .qa .section ul {
display: none; display: none;
} }
.qa .section li { .qa .section li {
position: relative; position: relative;
padding: 1em 4em 1em 1em; padding: 1em 4em 1em 1em;
background-color: #fff; background-color: #fff;
border-right: solid 1px #e1e4ed; border-right: solid 1px #e1e4ed;
border-left: solid 1px #e1e4ed; border-left: solid 1px #e1e4ed;
border-bottom: solid 1px #e1e4ed; border-bottom: solid 1px #e1e4ed;
} }
.qa .section li:after { .qa .section li:after {
content: "\e910"; content: "\e910";
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
right: .6em; right: .6em;
margin: auto; margin: auto;
display: inline-block; display: inline-block;
width: 34px; width: 34px;
height: 28px; height: 28px;
padding: 3px 0; padding: 3px 0;
border: solid 3px #00b7ce; border: solid 3px #00b7ce;
border-radius: 50%; border-radius: 50%;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
text-align: center; text-align: center;
font-family: "icomoon" !important; font-family: "icomoon" !important;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #00b7ce; color: #00b7ce;
} }
.qa .section li .q { .qa .section li .q {
display: block; display: block;
font-size: 128.6%; font-size: 128.6%;
font-weight: bold; font-weight: bold;
color: #00b7ce; color: #00b7ce;
} }
.qa .section li a { .qa .section li a {
color: #333; color: #333;
} }
.qa .submenu li.pro a, .qa .submenu li.pro a,
.qa .section .ttl.pro { .qa .section .ttl.pro {
color: #fba800; color: #fba800;
} }
.qa .section .pro .pt:before { .qa .section .pro .pt:before {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5d068), to(#eaa417)) background-image: -webkit-gradient(linear, left top, left bottom, from(#f5d068), to(#eaa417))
} }
.qa .section .pro h4 { .qa .section .pro h4 {
background-color: #ffe9bd; background-color: #ffe9bd;
color: #f97d15; color: #f97d15;
} }
.qa .section .pro li .q { .qa .section .pro li .q {
color: #f97d15; color: #f97d15;
} }
.qa .section .pro li:after { .qa .section .pro li:after {
border-color: #f97d15; border-color: #f97d15;
color: #f97d15; color: #f97d15;
} }
.qa .pagenation ul { .qa .pagenation ul {
background-color: #f2f8fb; background-color: #f2f8fb;
} }
.qa .pagenation ul li { .qa .pagenation ul li {
display: inline-block; display: inline-block;
padding: .5em 2em .5em 1em; padding: .5em 2em .5em 1em;
background: url(/faq/shared/images/page_nation_nav.png) no-repeat right top; background: url(/faq/shared/images/page_nation_nav.png) no-repeat right top;
background-color: transparent; background-color: transparent;
background-size: auto 100%; background-size: auto 100%;
border: none; border: none;
font-weight: bold; font-weight: bold;
font-size: 85.7%; font-size: 85.7%;
color: #00b7ce; color: #00b7ce;
} }
.qa .pagenation ul li:after { .qa .pagenation ul li:after {
content: none; content: none;
} }
.qa .pagenation ul li a { .qa .pagenation ul li a {
color: #4371be; color: #4371be;
} }
.qa .section .qa_box { .qa .section .qa_box {
padding-top: 2em; padding-top: 2em;
padding-bottom: 2em; padding-bottom: 2em;
background-color: #fff; background-color: #fff;
} }
.qa .section .qa_box h1 { .qa .section .qa_box h1 {
margin-left: 2em; margin-left: 2em;
text-indent: -2em; text-indent: -2em;
font-size: 114.3%; font-size: 114.3%;
} }
.qa .section .qa_box h1 span { .qa .section .qa_box h1 span {
margin-right: .5em; margin-right: .5em;
color: #00b7ce; color: #00b7ce;
} }
.qa .section .qa_box .a { .qa .section .qa_box .a {
margin: 1.5em 0 0; margin: 1.5em 0 0;
padding: 1.5em 1em 1.5em 4.5em; padding: 1.5em 1em 1.5em 4.5em;
background: url(/faq/shared/images/common/bk_a.png) no-repeat left 1em #e3e6e9; background: url(/faq/shared/images/common/bk_a.png) no-repeat left 1em #e3e6e9;
} }
.qa .section .each h2 { .qa .section .each h2 {
margin-top: .5em; margin-top: .5em;
margin-bottom: .5em; margin-bottom: .5em;
font-size: 128.6%; font-size: 128.6%;
color: #00b7ce; color: #00b7ce;
} }
.qa .section .each h2::before { .qa .section .each h2::before {
content: "\e903"; content: "\e903";
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-size: 30px; font-size: 30px;
} }
.qa .pro .pagenation ul { .qa .pro .pagenation ul {
background-color: #fdf6e9; background-color: #fdf6e9;
} }
.qa .pro .pagenation ul li { .qa .pro .pagenation ul li {
color: #f9a700; color: #f9a700;
} }
.qa .pro .pagenation ul li a { .qa .pro .pagenation ul li a {
color: #e26700; color: #e26700;
} }
.qa .pro .section .qa_box h1 span { .qa .pro .section .qa_box h1 span {
color: #e26700; color: #e26700;
} }
.qa .pro .section .each h2 { .qa .pro .section .each h2 {
color: #e26700; color: #e26700;
} }
/*---------------------------------------------------------- /*----------------------------------------------------------
...@@ -1999,202 +2040,202 @@ a:visited { ...@@ -1999,202 +2040,202 @@ a:visited {
-----------------------------------------------------------*/ -----------------------------------------------------------*/
.toppage #showcase p { .toppage #showcase p {
padding: 10px 10px 0 10px; padding: 10px 10px 0 10px;
font-size: 85.7%; font-size: 85.7%;
color: #00b7ce; color: #00b7ce;
} }
.toppage #showcase p:nth-child(2) { .toppage #showcase p:nth-child(2) {
padding-bottom: 10px; padding-bottom: 10px;
color: #333; color: #333;
} }
.toppage #showcase p:nth-child(3) { .toppage #showcase p:nth-child(3) {
padding-top: .5em; padding-top: .5em;
} }
.toppage .section_ttl { .toppage .section_ttl {
padding-top: 1.5em; padding-top: 1.5em;
text-align: center; text-align: center;
font-size: 171.4%; font-size: 171.4%;
} }
.toppage .section_ttl:after { .toppage .section_ttl:after {
content: "―"; content: "―";
display: block; display: block;
width: 50%; width: 50%;
margin: auto; margin: auto;
transform: scaleX(2); transform: scaleX(2);
line-height: 1; line-height: 1;
color: #00b7ce; color: #00b7ce;
} }
.toppage .section.qa { .toppage .section.qa {
padding-bottom: 2em; padding-bottom: 2em;
background-color: #f2f3f6; background-color: #f2f3f6;
} }
.toppage .section .tbl { .toppage .section .tbl {
display: block; display: block;
margin: 10px auto; margin: 10px auto;
} }
.toppage .section .tbl .row { .toppage .section .tbl .row {
display: flex; display: flex;
} }
.toppage .section .tbl .box { .toppage .section .tbl .box {
display: table-cell; display: table-cell;
padding: 10px; padding: 10px;
background-color: #fff; background-color: #fff;
box-sizing: border-box; box-sizing: border-box;
border: solid 1px #e1e4ed; border: solid 1px #e1e4ed;
width: 33.3333%; width: 33.3333%;
} }
.toppage .section .tbl .box .ttl { .toppage .section .tbl .box .ttl {
text-align: center; text-align: center;
font-size: 110%; font-size: 110%;
color: #00b7ce; color: #00b7ce;
} }
.toppage .section .tbl .box .ttl.pro { .toppage .section .tbl .box .ttl.pro {
color: #fba800; color: #fba800;
} }
.toppage .section .tbl .box .ttl:before { .toppage .section .tbl .box .ttl:before {
content: ""; content: "";
display: block; display: block;
width: 50px; width: 50px;
height: 50px; height: 50px;
margin: 0 auto 8px; margin: 0 auto 8px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 100% auto; background-size: 100% auto;
} }
.toppage .section .tbl .box .ttl.toilet:before { .toppage .section .tbl .box .ttl.toilet:before {
background-image: url(/sp/shared/images/icon_qa_toilet.png); background-image: url(/sp/shared/images/icon_qa_toilet.png);
} }
.toppage .section .tbl .box .ttl.seat:before { .toppage .section .tbl .box .ttl.seat:before {
background-image: url(/sp/shared/images/icon_qa_seat.png); background-image: url(/sp/shared/images/icon_qa_seat.png);
} }
.toppage .section .tbl .box .ttl.urinal:before { .toppage .section .tbl .box .ttl.urinal:before {
background-image: url(/sp/shared/images/icon_qa_urinal.png); background-image: url(/sp/shared/images/icon_qa_urinal.png);
} }
.toppage .section .tbl .box .ttl.etc:before { .toppage .section .tbl .box .ttl.etc:before {
background-image: url(/sp/shared/images/icon_qa_etc.png); background-image: url(/sp/shared/images/icon_qa_etc.png);
} }
.toppage .section .tbl .box .ttl.pro:before { .toppage .section .tbl .box .ttl.pro:before {
background-image: url(/sp/shared/images/icon_qa_pro.png); background-image: url(/sp/shared/images/icon_qa_pro.png);
} }
.toppage .section .tbl .box li a { .toppage .section .tbl .box li a {
display: block; display: block;
margin-bottom: .5em; margin-bottom: .5em;
margin-left: 1.2em; margin-left: 1.2em;
text-indent: -1.2em; text-indent: -1.2em;
} }
.toppage .section .tbl .box li a:before { .toppage .section .tbl .box li a:before {
content: "\e910"; content: "\e910";
display: inline-block; display: inline-block;
margin-right: 2px; margin-right: 2px;
text-indent: 0; text-indent: 0;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
font-weight: bold; font-weight: bold;
color: #bbb; color: #bbb;
} }
.toppage .section .btn { .toppage .section .btn {
width: 70%; width: 70%;
margin: 1em auto; margin: 1em auto;
} }
.toppage .section .btn a { .toppage .section .btn a {
display: block; display: block;
padding: .5em; padding: .5em;
background-color: #00b7ce; background-color: #00b7ce;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 114.3%; font-size: 114.3%;
color: #fff; color: #fff;
} }
.toppage .section .btn a:after { .toppage .section .btn a:after {
content: "\e910"; content: "\e910";
display: inline-block; display: inline-block;
margin-right: 2px; margin-right: 2px;
vertical-align: middle; vertical-align: middle;
text-indent: 0; text-indent: 0;
font-family: 'icomoon' !important; font-family: 'icomoon' !important;
} }
/* 2018.3.26 update */ /* 2018.3.26 update */
.qa .section .qa_box .a .products_ttl { .qa .section .qa_box .a .products_ttl {
display: block; display: block;
border-bottom: solid 1px #424252; border-bottom: solid 1px #424252;
margin: 2em 0 .5em; margin: 2em 0 .5em;
line-height: 1.2; line-height: 1.2;
} }
/* 2018.10.16 update */ /* 2018.10.16 update */
.study03-1_gray { .study03-1_gray {
padding: 1em; padding: 1em;
background: #f2f2f2; background: #f2f2f2;
font-size: 86%; font-size: 86%;
} }
.study03-2_line { .study03-2_line {
padding: 1em; padding: 1em;
border: 1px solid #333; border: 1px solid #333;
font-size: 86%; font-size: 86%;
} }
/* 20201001 */ /* 20201001 */
table#table02 { table#table02 {
clear: both; clear: both;
margin-bottom: 15px; margin-bottom: 15px;
} }
table#table02 th, table#table02 th,
table#table02 td { table#table02 td {
padding: 5px 10px; padding: 5px 10px;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
font-size: 77%; font-size: 77%;
} }
table#table02 th.nb { table#table02 th.nb {
border: none; border: none;
} }
table#table02 td.ok { table#table02 td.ok {
font-size: 120%; font-size: 120%;
color: #66a1cc; color: #66a1cc;
font-weight: bold; font-weight: bold;
} }
table#table02 td.no { table#table02 td.no {
font-size: 120%; font-size: 120%;
color: #ff5b4b; color: #ff5b4b;
font-weight: bold; font-weight: bold;
} }
/* slilder */ /* slilder */
.slick-dotted.slick-slider { .slick-dotted.slick-slider {
padding: 5p 0 10px 0; padding: 5p 0 10px 0;
} }
.slick-dots { .slick-dots {
position: relative; position: relative;
} }
.main-MV img { .main-MV img {
width: 99%; width: 99%;
} }
sp/shared/css/fonts/icomoon.svg
...@@ -15,4 +15,5 @@ ...@@ -15,4 +15,5 @@
<glyph unicode="&#xe905;" glyph-name="study" d="M755.302 340.685v0h-562.79v609.894h187.597v-609.69h46.899v609.69h164.25v-609.69h46.899v609.69h187.597v-609.69h-70.451zM591.258 129.741l164.25 211.149h70.246l-316.621-398.746-316.621 398.541h70.246l164.25-211.149h164.25z" /> <glyph unicode="&#xe905;" glyph-name="study" d="M755.302 340.685v0h-562.79v609.894h187.597v-609.69h46.899v609.69h164.25v-609.69h46.899v609.69h187.597v-609.69h-70.451zM591.258 129.741l164.25 211.149h70.246l-316.621-398.746-316.621 398.541h70.246l164.25-211.149h164.25z" />
<glyph unicode="&#xe910;" glyph-name="keyboard_arrow_right" d="M366 240.667l196 196-196 196 60 60 256-256-256-256z" /> <glyph unicode="&#xe910;" glyph-name="keyboard_arrow_right" d="M366 240.667l196 196-196 196 60 60 256-256-256-256z" />
<glyph unicode="&#xe911;" glyph-name="keyboard_arrow_left" d="M658 252.667l-60-60-256 256 256 256 60-60-196-196z" /> <glyph unicode="&#xe911;" glyph-name="keyboard_arrow_left" d="M658 252.667l-60-60-256 256 256 256 60-60-196-196z" />
<glyph unicode="&#xe912;" glyph-name="technology" d="M415.594,93.344l-18.906-62.563c4.625-2.969,7.75-8.156,7.75-14.078C404.438,7.469,396.969,0,387.719,0,H129.891C112.5,0,96.609,7.094,85.25,18.5c-11.406,11.359-18.516,27.25-18.5,44.625V470.75C66.75,493.531,85.219,512,108,512h302.5,c19.188,0,34.75-15.547,34.75-34.734V127.578C445.25,110.125,432.344,95.844,415.594,93.344z M129.891,92.844,c-8.266,0-15.594-3.313-21.016-8.703c-5.406-5.453-8.719-12.766-8.719-21.016s3.313-15.578,8.719-21.016,c5.422-5.391,12.75-8.703,21.016-8.703h241.984l17.969,59.438H129.891z" />
</font></defs></svg> </font></defs></svg>
\ No newline at end of file
sp/shared/inc/header.php
...@@ -16,13 +16,26 @@ ...@@ -16,13 +16,26 @@
<li><a href="/" class="icon-home">HOME</a></li> <li><a href="/" class="icon-home">HOME</a></li>
<li><a href="/sp/faq/" class="icon-faq">トイレQ＆A</a></li> <li><a href="/sp/faq/" class="icon-faq">トイレQ＆A</a></li>
<li><a href="/sp/trend/study.php" class="icon-study">研究など<span>（インタビュー）</span></a> <li><a href="/sp/trend/study.php" class="icon-study">研究など<span>（インタビュー）</span></a>
<ul> <ul class="study-contents">
<li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li> <li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
<li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li> <li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
<li><a href="/sp/trend/study_03.php">感染症の基礎知識と、トイレにおける感染症（対策と清掃管理）</a></li> <li><a href="/sp/trend/study_03.php">感染症の基礎知識と、トイレにおける感染症（対策と清掃管理）</a></li>
<li><a href="/sp/trend/study/study02-6.php">ユニバーサルデザインに関する研究<br>車椅子使用者用便房における適切な便座高さの検証（2019年12月受理）</a></li> <li><a href="/sp/trend/study/study02-6.php">ユニバーサルデザインに関する研究<br>車椅子使用者用便房における適切な便座高さの検証（2019年12月受理）</a></li>
</ul> </ul>
</li> </li>
<li><a href="/sp/trend/study.php" class="icon-technology">お掃除らくらく新技術</a>
<ul class="technology-contents">
<li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
<li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
</ul>
</li>
<li><a href="/sp/trend/study.php" class="icon-maintenance">トイレのメンテナンス</span></a>
<ul class="maintenance-contents">
<li><a href="/sp/trend/study02.php">温水洗浄便座に関する医学研究</a></li>
<li><a href="/sp/trend/study01.php">温水洗浄便座の適切な使い方</a></li>
</ul>
</li>
<li><a href="/sp/faq/" class="icon-maintenance">各社取扱説明書</a></li>
<li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li> <li><a href="#subnavi" class="pc_site">PCサイトを見る</a></li>
</ul> </ul>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment