@charset "UTF-8";
/*
本WEBサイトで使用しているHTML・CSS・JavaScriptは合同会社ベストブリッジが記述し、その著作権は医療法人済衆館に帰属します。
他者の著作権を侵害しないよう細心の注意を払って掲載した画像や文章についても、その著作権は医療法人済衆館に帰属します。
下記の記載内容はタイムスタンプを付与した電子書類として保管を行っております。
また、公開に至るまでの制作過程全データの保管を行っています。
*/

/*============================================
main
============================================*/
main{
z-index:5000;
/*--*/
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

.anchor{
display:block;
height:30px;
margin-top:-30px;
visibility:hidden;
}

@media screen and (max-width: 959px){
.anchor{
display:block;
height:90px;
margin-top:-90px;
visibility:hidden;
}
}

/*============================================
main>h1
============================================*/
main>h1{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#EFEFEF;
background-image:url(../img/all_h1_pc.png);
background-position:left;
background-repeat:no-repeat;
/*--*/
font-size:100%;
}

@media screen and (max-width: 959px){
main>h1{
background-color:#693;
background-image:url(../img/all_h1_sp.png);
background-position:bottom;
background-repeat:no-repeat;
/*--*/
font-size:100%;
}
}

/*==h1#red==*/
main>h1#red{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#EFEFEF;
background-image:url(../img/all_h1_pc.png);
background-position:left;
background-repeat:no-repeat;
}

@media screen and (max-width: 959px){
main>h1#red{
background-color:#900;
background-image:none;
}
}

/*==h1#top==*/
main>h1#top{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:10px 0 0 10px;
background-color:#EFEFEF;
background-image:none;
/*--*/
text-align:left;
line-height:1;
font-size:14px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 959px){
main>h1#top{
padding:5px 0;
background-color:#693;
background-image:none;
text-align:center;
font-size:12px;
color:#FFF;
}
}

/*--------------------------------------------
main>h1>img（カテゴリトップ挿入画像）
--------------------------------------------*/
main>h1>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

@media screen and (max-width: 959px){
main>h1>img{
display:none;	
}
}

/*--------------------------------------------
main>h1>span.top（カテゴリトップ文字）
--------------------------------------------*/
main>h1>span.top{
position:absolute;
top:40px;
left:20%;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border-bottom:solid 5px #693;
padding:0;
/*--*/
text-align:left;
line-height:1.4;
font-size:26px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 2000px){
main>h1>span.top{
left:15%;
}
}

@media screen and (max-width: 1500px){
main>h1>span.top{
left:10%;
}
}

@media screen and (max-width: 959px){
main>h1>span.top{
position:relative;
top:auto;
left:auto;
/*--*/
display:block;
width:90%;
max-width:1366px;
height:auto;
margin:0 auto;
border:0;
padding:30px 0;
/*--*/
text-align:center;
line-height:1.4;
font-size:22px;
font-weight:normal;
color:#FFF;
}
}

/*--------------------------------------------
main>h1>span（カテゴリサブ文字）
--------------------------------------------*/
main>h1>span{
position:relative;
/*--*/
display:block;
width:90%;
max-width:1366px;
height:auto;
margin:0 auto;
border:0;
padding:46px 0 46px 160px;/*背景の木を考慮*/
/*--*/
text-align:left;
line-height:1.4;
font-size:24px;
font-weight:normal;
color:#333;
}

main>h1>span span.grn{
display:inline-block;
font-size:70%;
color:#396;
}

main>h1>span span.gray{
display:inline-block;
font-size:70%;
color:#666;
}

main>h1>span span.red{
display:inline-block;
font-size:70%;
color:#900;
}

main>h1>span span.blue{
display:inline-block;
font-size:70%;
color:#06C;
}

@media screen and (max-width: 959px){
main>h1>span{
padding:30px 0;
text-align:center;
font-size:22px;
color:#FFF;
}

main>h1>span span.grn{
color:#FFF;
}

main>h1>span span.gray{
color:#FFF;
}

main>h1>span span.red{
color:#FFF;
}

main>h1>span span.blue{
color:#FFF;
}
}

@media screen and (max-width: 400px){
main>h1>span{
padding:30px 0;
text-align:center;
font-size:20px;
color:#FFF;
}
}

/*==========================================================================================
main>div（分割箱1400px）
==========================================================================================*/
main>div{
position:relative;
/*--*/
display:flex;
width:90%;
max-width:1400px;
height:auto;
margin:0 auto;
border:0;
padding:30px 0 0 0;
background-color:#FFF;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==========================================================================================
main>div>section（左内容ページ）
==========================================================================================*/
main>div>section{
position:relative;
/*--*/
display:block;
flex-basis:73%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#FFF;
}

@media screen and (max-width: 959px){
main>div>section{
flex-basis:100%;
}
}

/*==a==*/
main>div>section a{
color:#06F;
text-decoration:underline;
}

main>div>section a:hover{
opacity:.6;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>section a:active{
opacity:.6;
-webkit-transition:0.3s;
transition:0.3s;
}

/*==aの中　span.pdf==*/
main>div>section a span.pdf{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#06F;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

/*==施設aの中　span.honkan span.higashi span.nishi==*/
main>div>section a span.honkan{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#693;
/*--*/
font-size:100%;
font-weight:normal;
color:#FFF;
}

main>div>section a span.honkan70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#693;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

main>div>section a span.higashi{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#69F;
/*--*/
font-size:100%;
font-weight:normal;
color:#FFF;
}

main>div>section a span.higashi70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#69F;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

main>div>section a span.nishi{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#F60;
/*--*/
font-size:100%;
font-weight:normal;
color:#FFF;
}

main>div>section a span.nishi70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px;
background-color:#F60;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

/*==span==*/
main>div>section span.moji80{
font-size:80%;
}

main>div>section span.grn{
font-size:100%;
color:#099;
}

main>div>section span.grn80{
font-size:80%;
color:#099;
}

main>div>section span.pink{
color:#F39;
}

main>div>section span.pink80{
font-size:80%;
color:#F39;
}

main>div>section span.gray80{
font-size:80%;
color:#777;
}

main>div>section span.yel80{
font-size:80%;
color:#C90;
}

main>div>section span.blue80{
font-size:80%;
color:#06C;
}

main>div>section span.red80{
font-size:80%;
color:#900;
}

main>div>section span.red{
color:#900;
}

main>div>section span.blue{
color:#00F;
}

main>div>section span.back_red70{
margin-bottom:5px;
border:0;
padding:2px 5px 0 5px;
/*--*/
font-size:70%;
color:#FFF;
background-color:#900;
}

main>div>section span.back_pink{
margin-bottom:5px;
border:0;
border-radius:5px;
padding:2px 5px 0 5px;
/*--*/
font-size:100%;
font-weight:bold;
color:#FFF;
background-color:#F39;
}

main>div>section span.back_orange{
margin-bottom:5px;
border:0;
border-radius:5px;
padding:2px 5px 0 5px;
/*--*/
font-size:100%;
font-weight:bold;
color:#FFF;
background-color:#F90;
}

main>div>section span.orange80{
font-size:80%;
color:#C60;
}

main>div>section span.white80{
font-size:80%;
color:#FFF;
}

/*==施設span.honkan span.higashi span.nishi==*/
main>div>section span.honkan70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px ;
background-color:#693;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

main>div>section span.higashi70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px ;
background-color:#69F;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

main>div>section span.nishi70{
margin:0 5px;
border:0;
padding:2px 5px 0 5px ;
background-color:#F60;
/*--*/
font-size:70%;
font-weight:normal;
color:#FFF;
}

/*==========================================================================================
main>div>nav（右ナビゲーション、sp非表示）
==========================================================================================*/
main>div>nav{
position:relative;
/*--*/
display:block;
width:22%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:#FFF;
}

@media screen and (max-width: 959px){
main>div>nav{
display:none;
}
}

/*============================================
main>div>nav>ol
============================================*/
main>div>nav>ol{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:0 0 20px 0;
background-color:#E5E5E5;
}

/*--------------------------------------------
普通のli（画像も入れられる）
--------------------------------------------*/
main>div>nav>ol>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

main>div>nav>ol>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-bottom:solid 1px #FFF;
border-radius:0;
padding:12px 20px;
background-color:#E5E5E5;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>a>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

main>div>nav>ol>li>a>span.gray{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:11px;
font-weight:normal;
color:#666;
}

main>div>nav>ol>li>a>span.grn{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#396;
}

main>div>nav>ol>li>a>span.blue{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#09C;
color:#06F;
}

main>div>nav>ol>li>a>span.red{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#900;
}

main>div>nav>ol>li>a>span.orange{
position:relative;
/*--*/
display:block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#09C;
color:#F60;
}

main>div>nav>ol>li>a>span.redback{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin-bottom:5px;
border:0;
padding:2px 5px;
background-color:#900;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#FFF;
}

main>div>nav>ol>li>a:hover{
background-color:#CCC;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>a:active{
background-color:#CCC;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li.on>a{
background-color:#C2D6AD;
}

main>div>nav>ol>li.onred>a{
background-color:#E0B2B2;
}

main>div>nav>ol>li.onblue>a{
background-color:#C5D6DF;
}

/*--------------------------------------------
最初のli
--------------------------------------------*/
main>div>nav>ol>li:nth-of-type(1)>a{
border-radius:10px 10px 0 0;
padding:30px 5px;
background-color:#363;
/*--*/
text-align:center;
line-height:1.2;
font-size:18px;
font-weight:normal;
color:#FFF;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li:nth-of-type(1)>a{
font-size:16px;
}	
}

main>div>nav>ol>li:nth-of-type(1)>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li:nth-of-type(1)>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

/*--------------------------------------------
最初のli（alert）
--------------------------------------------*/
main>div>nav>ol>li#alert>a{
background-color:#900;
}

main>div>nav>ol>li#alert>a>span{
font-size:14px;
}

main>div>nav>ol>li#alert>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li#alert>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

/*--------------------------------------------
担当医のli
--------------------------------------------*/
main>div>nav>ol>li.tantou{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-bottom:solid 5px #FFF;
padding:0;
padding:0;
}

main>div>nav>ol>li.tantou>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:solid 5px #9C3;
padding:0;
opacity:1;
}

main>div>nav>ol>li.tantou>a>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

main>div>nav>ol>li.tantou>a>span{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:7px 0 0 0;
background-color: #9C3;
/*--*/
text-align:center;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#FFF;
opacity:1;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li.tantou>a>span{
font-size:14px;
}	
}

main>div>nav>ol>li.tantou>a:hover{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li.tantou>a:active{
opacity:.7;
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
liの中のラベル（最初は閉じている）
============================================*/
main>div>nav>ol>li>label{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-bottom:solid 1px #FFF;
padding:12px 20px;
background-color:#E5E5E5;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>label{
font-size:14px;
}	
}

main>div>nav>ol>li>label>span.grn{
display:block;
font-size:12px;
color:#396;
}

main>div>nav>ol>li>label:hover{
background-color:#CCC;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>label:active{
background-color:#CCC;
-webkit-transition:0.3s;
transition:0.3s;
}

/*==ラベルのインプットは消す==*/
main>div>nav>ol>li>input{
display:none;
}

/*==プラス印ラベル==*/
main>div>nav>ol>li>label::before{
position:absolute;
top:50%;
right:5px;
/*--*/
display:block;
width:16px;
height:3px;
margin:0;
border:0;
padding:0;
background-color:#363;
/*--*/
content:'';
transform:translateY(-50%);
}

main>div>nav>ol>li>label::after{
position:absolute;
top:50%;
right:5px;
/*--*/
display:block;
width:16px;
height:3px;
margin:0;
border:0;
padding:0;
background-color:#363;
/*--*/
content:'';
transform: translateY(-50%) rotate(90deg);
transition:0.5s;
}

main>div>nav>ol>li>input:checked~label::after {
transform: translateY(-50%) rotate(0);
transition:0.5s;
}

/*============================================
liの中のラベル（最初から開いている入院など）
============================================*/
main>div>nav>ol>li.open>label::before{
position:absolute;
top:50%;
right:5px;
/*--*/
display:block;
width:16px;
height:3px;
margin:0;
border:0;
padding:0;
background-color:#363;
/*--*/
content:'';
transform:translateY(-50%) rotate(0deg);
}

main>div>nav>ol>li.open>label::after{
position:absolute;
top:50%;
right:5px;
/*--*/
display:block;
width:16px;
height:3px;
margin:0;
border:0;
padding:0;
background-color:#363;
/*--*/
content:'';
transform: translateY(-50%);
transition:0.5s;
}

main>div>nav>ol>li.open>input:checked~label::after {
transform: translateY(-50%) rotate(90deg);
transition:0.5s;
}

/*============================================
▲liの中の緑ul
============================================*/
/*==ul（最初は見えない）==*/
main>div>nav>ol>li>ul{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==ul(checkedで見える）==*/
main>div>nav>ol>li>input:checked~ul{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==li==*/
main>div>nav>ol>li>ul>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul>li>a>span.gray{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.2;
font-size:12px;
font-weight:normal;
color:#666;
}

main>div>nav>ol>li>ul>li>a>span.grn{
display:block;
font-size:12px;
color:#396;
}

main>div>nav>ol>li>ul>li>a:hover{
background-color:#C2D6AD;/*==濃緑==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul>/*==濃緑==*/li>a:active{
background-color:#C2D6AD;
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_grn.png);
}

/*============================================
▲liの中の緑[here]ul
============================================*/
/*==ul.here（最初は見える）==*/
main>div>nav>ol>li>ul.here{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==ul.here(checkedで見えない）==*/
main>div>nav>ol>li>input:checked~ul.here{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==li==*/
main>div>nav>ol>li>ul.here>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul.here>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul.here>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul.here>li>a:hover{
background-color:#DAE4CF;/*==淡緑==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.here>li>a:active{
background-color:#DAE4CF;/*==淡緑==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.here>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_grn.png);
}

/*==li.on==*/
main>div>nav>ol>li>ul.here>li.on>a{
background-color:#C2D6AD;/*==濃緑==*/
}

main>div>nav>ol>li>ul.here>li.on>a:hover{
background-color:#C2D6AD;/*==濃緑==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.here>li.on>a:active{
background-color:#C2D6AD;/*==濃緑==*/
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
●liの中の青ul
============================================*/
/*==ul.blue（最初は見えない）==*/
main>div>nav>ol>li>ul.blue{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==ul.blue(checkedで見える）==*/
main>div>nav>ol>li>input:checked~ul.blue{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==li==*/
main>div>nav>ol>li>ul.blue>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul.blue>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul.blue>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul.blue>li>a:hover{
background-color:#CCE5FF;/*==濃ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.blue>li>a:active{
background-color:#CCE5FF;/*==濃ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.blue>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_blue.png);
}

/*============================================
●liの中の青[here]ul
============================================*/
/*==ul.bluehere（最初は見える）==*/
main>div>nav>ol>li>ul.bluehere{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==ul.bluehere(checkedで見えない）==*/
main>div>nav>ol>li>input:checked~ul.bluehere{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==li==*/
main>div>nav>ol>li>ul.bluehere>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul.bluehere>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul.bluehere>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul.bluehere>li>a:hover{
background-color:#DFEBF9;/*==淡ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.bluehere>li>a:active{
background-color:#DFEBF9;/*==淡ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.bluehere>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_blue.png);
}

/*li.on==*/
main>div>nav>ol>li>ul.bluehere>li.on>a{
background-color:#CCE5FF;/*==濃ブル==*/
}

main>div>nav>ol>li>ul.bluehere>li.on>a:hover{
background-color:#CCE5FF;/*==濃ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.bluehere>li.on>a:active{
background-color:#CCE5FF;/*==濃ブル==*/
-webkit-transition:0.3s;
transition:0.3s;
}

/*============================================
■liの中のオレンジul
============================================*/
/*==ul.orange（最初は見えない）==*/
main>div>nav>ol>li>ul.orange{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==ul.orange(checkedで見える）==*/
main>div>nav>ol>li>input:checked~ul.orange{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==li==*/
main>div>nav>ol>li>ul.orange>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul.orange>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul.orange>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul.orange>li>a:hover{
background-color:#FFDAC6;/*==濃オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.orange>li>a:active{
background-color:#FFDAC6;/*==濃オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.orange>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_orange.png);
}

/*============================================
■liの中のオレンジ[here]ul
============================================*/
/*==ul.orangehere（最初は見える）==*/
main>div>nav>ol>li>ul.orangehere{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
/*--*/
opacity:1;
}

/*==ul.orangehere(checkedで見えない）==*/
main>div>nav>ol>li>input:checked~ul.orangehere{
position:relative;
/*--*/
display:block;
width:100%;
height:0;
margin:0;
border:0;
padding:0;
/*--*/
opacity:0;
}

/*==li==*/
main>div>nav>ol>li>ul.orangehere>li{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0; 
}

main>div>nav>ol>li>ul.orangehere>li>a{
position:relative;
/*--*/
display:block;
width:100%;
height:100%;
margin:0;
border-bottom:solid 1px #E5E5E5;
padding:12px 20px 12px 38px;
background-color:#F2F2F2;
/*--*/
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width: 1200px) {
main>div>nav>ol>li>ul.orangehere>li>a{
font-size:14px;
}	
}

main>div>nav>ol>li>ul.orangehere>li>a:hover{
background-color:#F9E6DC;/*==淡オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.orangehere>li>a:active{
background-color:#F9E6DC;/*==淡オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.orangehere>li>a::before{
position:absolute;
top:11px;
left:22px;
/*--*/
content:url(../img/all_icon_yajiright_orange.png);
}

/*li.on==*/
main>div>nav>ol>li>ul.orangehere>li.on>a{
background-color:#FFDAC6;/*==濃オレンジ==*/
}

main>div>nav>ol>li>ul.orangehere>li.on>a:hover{
background-color:#F9E6DC;/*==濃オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}

main>div>nav>ol>li>ul.orangehere>li.on>a:active{
background-color:#F9E6DC;/*==濃オレンジ==*/
-webkit-transition:0.3s;
transition:0.3s;
}