@charset "UTF-8";


/* 共通
------------------------------------------------------------------ */
section{
padding:1em;
}

.inner-col{
max-width:1100px;
margin:0 auto;
padding:1em;
}



/* パンくずリスト
----------------------------------------------------*/
#topicPath{
margin:10px 0 5px;
padding:10px 5px;
text-align:left;
font-size:90%;
}

#topicPath li{
display:inline;
font-size:1.0em;
}

#topicPath li a{
background:url(../images/common/img_topicpath.png) no-repeat right 5px;
padding-right:10px;
}

#topicPath li:last-child a{
background:none;
}

a.disabled{
pointer-events:none;
color:#333;
text-decoration:none;
}


/*.top-visual
----------------------------------------------------*/
.top-visual{
margin-top:45px;
width:100%;
height:80px;
background-size:cover;
background-position:center;

/*filter:opacity(0.5);*/

-webkit-filter:grayscale(1);
-moz-filter:grayscale(1);
-ms-filter:grayscale(1);
filter:grayscale(1);


}



/*メインコンテンツ
----------------------------------------------------*/
#all{
clear:left;
text-align:left;
}


#main h1,
#all h1{
margin:0 auto 0;
padding:0.5em;
background-color:rgb(248,245,234);
color:#000;
font-size:200%;
font-weight:normal;
text-align:center;
}

#all h2{
position:relative;
margin-top:3em;
margin-bottom:1em;
color:#333;
font-size:150%;
border-bottom:#CCCCCC solid 3px;
text-align:center;
}

#all h2:first-child{
margin-top:0;
}


#all h2 span{
position:absolute;
left:0;
bottom:-3px;
width:100%;
border-bottom:#807174 solid 3px;
}


#all p{
padding:5px 10px;
font-size:120%;
}

#all h3{
margin-top:2em;
margin-bottom:1em;
padding:0.5em 0.2em 0.4em 0.8em;
color:#000;
font-size:120%;
background-color:#F8F5ED;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#all h3:before{
padding-right:0.2em;
text-indent:-1em;
display:inline-block;
margin:0 0.3em 0 1em;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f111";
color:#FF96AA;
font-size:80%;
}


.topmenu{
width:94%;
margin:2em auto;
padding:0.5em;
background-color:rgba(255,153,0,0.1);
border:rgba(255,153,0,0.2) solid 1px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}

.topmenu ul{
margin:0 0 0 -1em;
padding:0;
font-size:100%;
line-height:1.2;
list-style:none;
}

.topmenu ul li{
text-align:left;
padding:0;
font-size:120%;
}



.topmenu ul li a:before {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
font-size:120%;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0ab";
margin-right:5px;
color:#FF9900;
}

.topmenu ul li a{
display:block;
padding:10px 10px 10px 1.5em;
color:#000;
text-decoration:none;
text-indent:-0.6em;
margin-left:1em;
-moz-transition:0.25s linear;
-webkit-transition:0.25s linear;
-o-transition:0.25s linear;
transition:0.25s linear;
}

.topmenu ul li a:hover:before {
color:#FFF;
}

.topmenu ul li a:hover{
background-color:#FF9900;
color:#FFF;
}



#all table{
margin:10px auto;
text-align:left;
border:1px solid rgba(128,113,116,0.8);
border-collapse: collapse;
background-color:#FFF;
}

#all table th,
#all table td{
padding:5px;
border:1px dashed rgba(128,113,116,0.8);
text-align:center;
}

#all table th{
font-size:100%;
font-weight:bold;
color:#111;
background-color:rgba(128,113,116,0.2);
text-align:center;
}

#all table td{
font-size:100%;
font-weight:normal;
color:#111;
text-align:left;
}


#all table td.title{
font-weight:700;
background-color:rgba(128,113,116,0.1);
}

#all table td li{
padding:6px 0;
}


blockquote{
padding:1em;
background-color:#F7F7F7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;	
border:#E2E6EA solid 4px;	
}

#content-main{
text-align:left;
}

/* .image-col-c2
------------------------------- */
.image-col-c2{
margin:1em auto;
text-align:center;
}

.image-col-c2 img{
max-width:80%;
height:auto;
margin:3%;
border:#FC0 solid 10px;
}

/* .image-col-c2-02
------------------------------- */
.image-col-c2-02{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin:1em auto;
text-align:center;
}

.image-col-c2-02 figure{
flex:25%;
max-width:290px;
height:auto;
margin:3%;
}




/* .ex-col
------------------------------- */

.ex-col{
margin:1em auto;
padding:0.5em;
border:#CCC dashed 2px;
background-color:#F8F7F5;
font-size:110%;
line-height:1.4;
}


.ex-col dl{
border:#CCC solid 1px;
margin:1em;
padding:1em;
background-color:#FFF;
}

.ex-col dt{
font-weight:700;
}

.ex-col dt:before{
display:inline-block;
margin:-1em 10px 0 -30px;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0c6";
color:#F90;

font-size:400%;
}

.ex-col dd{
margin-left:1.2em;
margin-bottom:0.5em;
font-size:90%;
}



/* figure
------------------------------- */

.figure-col{
margin:20px auto;
padding:10px 5px;
text-align:center;
}

figure{
margin:0 auto;
padding:0.5em;
}

figure figcaption{
margin-bottom:10px;
padding:10px 5px;
}





@media all and (min-width:700px) {

/* 共通
------------------------------------------------------------------ */	

#gnav-base{
position:absolute;
left:0;
top:0;
z-index:9000;
}


section{
padding:2em;
}

.inner-col{
padding:1em 2em 3em;
}

	
/*シェアボタン
----------------------------------------------------*/
#share{
position:absolute;
bottom:-105px;
right:5px;
}


/* .top-visual
----------------------------------------------------*/
.top-visual{
margin-top:20px;
width:100%;
height:160px;
background-size:contain;
}


/* パンくずリスト
----------------------------------------------------*/
#topicPath{
margin:0;
padding:10px 0;
border:none;
background-color:transparent;

max-width:1200px;
height:auto;
margin:0.5em auto;
padding:0.5em;
}


#main h1,
#all h1{
margin:0 auto 1em;
}

#all h2{
text-align:left;
}

#all h2 span{
width:15em;
}

#all .cont,
#all section{
max-width:980px;
margin:25px auto;
}



.topmenu ul{
display:flex;
}

.topmenu ul li{
flex:1;
}



/* .image-col-c2
------------------------------- */
.image-col-c2{
display:flex;
justify-content:center;
}

.image-col-c2 img{
flex:1;
max-width:360px;
height:auto;
}

/* .image-col-c2-02
------------------------------- */
.image-col-c2-02 figure{
flex:1;
max-width:290px;
height:auto;
margin:3%;
}


}