@charset "UTF-8";


/* 共通
------------------------------------------------------------------ */
section,
.cont{
max-width:1000px;
height:auto;
margin:0.5em auto 2em;
padding:0.5em;
border:solid 1px #FFF;
-webkit-box-shadow:0 0 10px 0 rgba(102,102,102,0.3);
box-shadow:0 0 10px 0 rgba(102,102,102,0.3);
background-color:rgba(255,255,255,1);
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

#content-main section p{
text-indent:1em;
margin-bottom:0.8em;
line-height:1.8;
}

p.note{
margin:5px 20px;
padding-left:1em;
text-indent:-1em;
font-size:90%;
}

.img-box-center{
margin:10px auto;
text-align:center;
}

.img-box-center img{
display:inline-block;
max-width:100%;
height:auto;
margin:5px;
}

.explanatory-chart{
margin:1em 0;
padding:1em;
border:#CCC solid 5px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.explanatory-chart figcaption{
margin-bottom:10px;
padding:10px 5px;
background-color:#F3F3F3;
font-weight:700;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:#CCC solid 1px;
}


.br-pc{
display:none;
}

mark{
font-weight:700;
}

.marker_pale-pink{ 
background: -webkit-linear-gradient(transparent 80%, #FFCCFF 80%);
background:    -moz-linear-gradient(transparent 80%, #FFCCFF 80%);
background:      -o-linear-gradient(transparent 80%, #FFCCFF 80%);
background:     -ms-linear-gradient(transparent 80%, #FFCCFF 80%);
background:         linear-gradient(transparent 80%, #FFCCFF 80%); 
}

.marker_pale-pink-w{ 
background: -webkit-linear-gradient(transparent 20%, #FFDFFF 20%);
background:    -moz-linear-gradient(transparent 20%, #FFDFFF 20%);
background:      -o-linear-gradient(transparent 20%, #FFDFFF 20%);
background:     -ms-linear-gradient(transparent 20%, #FFDFFF 20%);
background:         linear-gradient(transparent 20%, #FFDFFF 20%); 
}

.marker_pink{ 
background: -webkit-linear-gradient(transparent 80%, #FF6699 80%);
background:    -moz-linear-gradient(transparent 80%, #FF6699 80%);
background:      -o-linear-gradient(transparent 80%, #FF6699 80%);
background:     -ms-linear-gradient(transparent 80%, #FF6699 80%);
background:         linear-gradient(transparent 80%, #FF6699 80%);
}
 
.marker_yellow{ 
background: -webkit-linear-gradient(transparent 80%, #FFCC00 80%);
background:    -moz-linear-gradient(transparent 80%, #FFCC00 80%);
background:      -o-linear-gradient(transparent 80%, #FFCC00 80%);
background:     -ms-linear-gradient(transparent 80%, #FFCC00 80%);
background:         linear-gradient(transparent 80%, #FFCC00 80%);
}

.marker_yellow-w{ 
background: -webkit-linear-gradient(transparent 20%, #FFDC73 20%);
background:    -moz-linear-gradient(transparent 20%, #FFDC73 20%);
background:      -o-linear-gradient(transparent 20%, #FFDC73 20%);
background:     -ms-linear-gradient(transparent 20%, #FFDC73 20%);
background:         linear-gradient(transparent 20%, #FFDC73 20%);
}

.marker_orange{ 
background: -webkit-linear-gradient(transparent 80%, #FF9900 80%);
background:    -moz-linear-gradient(transparent 80%, #FF9900 80%);
background:      -o-linear-gradient(transparent 80%, #FF9900 80%);
background:     -ms-linear-gradient(transparent 80%, #FF9900 80%);
background:         linear-gradient(transparent 80%, #FF9900 80%);
}

.marker_orange-w{ 
background: -webkit-linear-gradient(transparent 20%, #FFB973 20%);
background:    -moz-linear-gradient(transparent 20%, #FFB973 20%);
background:      -o-linear-gradient(transparent 20%, #FFB973 20%);
background:     -ms-linear-gradient(transparent 20%, #FFB973 20%);
background:         linear-gradient(transparent 20%, #FFB973 20%);
}


.top-title{
padding:3px 6px;
background-color:#669966;
color:#FFF;
text-align:right;
}

.notes-area{
margin:1em 0;
padding:1em;
background-color:#F6F6F6;
font-size:90%;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.notes-area .note{
margin-left:4em;
text-indent:-4em;
}



/*レイアウト
----------------------------------------------------*/
#wrapper{
margin:0;
padding:5px;
}


/*ヘッダー
----------------------------------------------------*/
.sp-logo{
max-width:50px;
height:50px;
text-align:left;
}

.sp-title{
max-width:270px;
height:50px;
text-align:left;
}

.paradeiser i{
font-size:180%;
color:#666;
}

.paradeiser_children i{
font-size:120%;
color:#FC3;
}

#paradeiser-more{
background:none;
background-color:rgba(0,0,0,0.7);
overflow:auto;
}

#paradeiser-more li{
display:block;
}

#paradeiser-more li a{
display:block;
width:100%;
width:75%;
padding:10px 0 10px 0.5em;
border-bottom:#999 solid 1px;
text-align:left;
}

#paradeiser-more li.bn a{
border:none;
}

#paradeiser-more li.link-tel{
padding:10px 0 10px 0;
border-top:#CCC solid 1px;
border-bottom:#C00 solid 3px;
background-color:#333;
color:#FFF;

text-align:left;
}

#paradeiser-more li.link-tel a{
display:block;
border-bottom:none;
text-align:left;
}

span.call{
color:#FC0;
font-size:90% !important;
}

header{
display:none;
}



/* グローバルナビゲーション
----------------------------------------------------*/
#gnav-base,
#gnav-base-top{
display:none;
}

/* ナビコンテンツ
----------------------------------------------------*/
#navi-cont{
position:relative;
clear:both;
margin:0 auto;
padding:0 0.5em;
}

/* トピックパス
----------------------------------------------------*/
#topicPath{
margin:0 0 5px;
padding:15px 0 15px 6px;
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;
}



/*コンテンツ
----------------------------------------*/
#content{
position:relative;
clear:both;
width:auto;
margin:0 auto;
padding:10px 0;
text-align:center;

background-color:#FBFAF5;
}

#content h1{
overflow:hidden;
text-align:center;
margin:5px 0 10px;
padding:5px 10px;
font-size:120%;
font-weight:normal;
color:#FFF;
background:repeating-linear-gradient(-45deg, rgba(102,153,102,1), rgba(102,153,102,1) 10px, rgba(102,153,102,0.9) 0, rgba(102,153,102,0.9) 20px);
}



/* メインコンテンツ
--------------------------------------------------------- */
#content-main{
text-align:left;
margin:0 auto;
padding:0.5em;
}


#content-main h2{
position:relative;
margin:5px 0 10px;
padding:5px 10px;
color:#FFF;
font-size:120%;
font-weight:normal;
letter-spacing:1px;
text-align:center;
}


#content-main p{
padding:5px 10px;
font-size:100%;
}


#content-main h3{
margin:0 0.5em 1em;
padding:0 0.2em 0.4em;
color:#333;
font-size:140%;
border-bottom:#71BA58 solid 3px;
text-align:center;
}


/* nav-bottom
-------------------------------------- */
#nav-bottom{
display:block;
width:100%;
z-index:100;
list-style-type:none;
margin:0;
padding:0;
}

#nav-bottom ul{
width:100%;
margin:0;
padding:0;
background-color:#FFF !important;
box-shadow:rgba(3, 5, 8, 0.5) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(3, 5, 8, 0.5) 0px 0px 6px 3px;
-moz-box-shadow:rgba(3, 5, 8, 0.5) 0px 0px 6px 3px;
}

#nav-bottom li{
display:block;
float:left;
width:33.33% !important;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing::border-box;
text-align:center;
vertical-align:middle;
}

#nav-bottom li a{
font-size:11px;
display:block;
margin:2px 2px;
padding:8px 2px;
color:#000;
box-shadow:2px 2px 3px rgba(0,0,0,0.3);
text-align:center;
text-decoration:none;
border:#FFF solid 1px;
}

.hp{
background-color:rgba(231,162,82,0.3);
}

.sm{
background-color:rgba(94,199,163,0.3);
}

.cu{
background-color:rgba(88,194,207,0.3);
}

#nav-bottom .hp:hover, #nav-bottom .hp:focus,
#nav-bottom .sm:hover, #nav-bottom .sm:focus,
#nav-bottom .cu:hover, #nav-bottom .cu:focus{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}



/*フッター
----------------------------------------------------*/
footer{
position:relative;
clear:both;
height:100%;
padding:10px 0;
text-align:center;
background-color:#669966;
}

#footer_inner{
width:100%;
max-width:100%;
margin:0 auto;
padding:10px 0;
font-size:90%;
text-align:left;
background-color:#669966;
}

#logo-col{
padding:0 0.5em;
}

#logo-col img{
max-width:300px;
height:auto;
}

.text{
color:#FFF;
padding:1em;
}


/* footer_inner_bottom
-------------------------------------- */
#footer_inner_bottom{
position:relative;
clear:both;
float:none;
width:98%;
margin:0 auto;
padding:10px 0;
}

ul.footer-support{
margin:10px 5px;
padding:0 5px;
line-height:1.4;

}

ul.footer-support li{
border-top:#588E44 solid 1px;
}

ul.footer-support li:last-child{
border-bottom:#588E44 solid 1px;
}

ul.footer-support li a{
position:relative;
display:block;
padding:10px 10px 10px 25px;
color:#FFF;
text-decoration:none;
}

ul.footer-support li a:before{
position:absolute;
left:10px;
top:12px;
content:'\f0da';
color:#FFCC00;
font-family:'FontAwesome';
line-height:1;
}

ul.footer-support li a:hover {
background-color:rgba(0,0,0,0.1);
}


/* shop-info
-------------------------------------- */
.shop-info{
margin:1em auto;
clear:left;
padding:1em;
border:#FFF solid 1px;
background-color:rgba(255,255,255,0.8);
font-size:120%;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}

.shop-info dt{
font-weight:700;
padding:0.3em 0.6em 0.3em 0;
border-bottom:#408080 solid 1px;
}

.shop-info dt:before {
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
font-size:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f138";
margin-right:5px;
color:#66CC66;
}

.shop-info dd{
margin-bottom:1em;
padding-left:0;
}



/* p.copyright
-------------------------------------- */

p.copyright{
margin-top:10px;
padding:10px;
color:#FFF;
}

#return-top {
position:fixed;
display:block;
z-index:10;
right:10px;
bottom:50px;
background:#111;
background:rgba(0,0,0,.6);
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
box-shadow: 0px 0px 3px rgba(0,0,0,.4);
list-style-type:none;
margin:0;
padding:0;
line-height:1;
}

#return-top li {
display:block;
margin:4px;
text-align:center;
}

#return-top a {
display:block;
color:#fff;
padding:0 12px 4px;
font-size:16px;
text-decoration:none;
opacity:0.8;
-ms-filter: "alpha( opacity=80 )";
filter: alpha( opacity=80 );
}

#return-top a i{
display:block;
font-size:30px;
margin-bottom:2px;
}

#return-top a:hover {
text-decoration:none;
opacity:1.0;
-ms-filter: "alpha( opacity=100 )";
filter: alpha( opacity=100 );
}




@media (min-width:700px) {
	
body{
margin-top:-10px !important;
}
	
.br-sp{
display:none;
}

.br-pc{
display:block;
}

.explanatory-chart{
width:600px;
height:auto;
margin:1em auto;
}


#nav-sp{
display:none;
}

#gnav-base,
#gnav-base-top{
display:block;
}

.top-title{
padding:3px 6px;
color:#FFF;
margin-top:10px;
}

/* link-text
------------------------------------- */
.link-text{
width:60%;
}


/*レイアウト
----------------------------------------------------*/
#wrapper{
position:relative;
margin:0;
padding:5px 0 0;
}

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

main h1{
margin-bottom:1em !important;
}


/*ヘッダー
----------------------------------------------------*/
header{
display:block;
position:relative;
margin-bottom:0;
min-height:80px;
}

#header_inner{
position:relative;
width:100%;
max-width:1200px;
height:auto;
margin:0 auto;
padding:0;
}

#header-logo{
float:left;
padding:1em;
max-width:30%;
height:auto;
z-index:1000;
}

#header-logo img{
max-width:100%;
height:auto;
z-index:1000;
}

#header-text{
float:left;
margin-top:5px;
padding:1em;
max-width:30%;
height:auto;
}

#header_inner p#name{
font-size:140%;
font-weight:700;
}

#header_inner p#catch{
font-size:120%;
}

#header_inner p#contact{
float:right;
padding:1em 0.5em;
max-width:30%;
height:auto;
}

#header_inner p#contact img{
max-width:100%;
height:auto;
}

/*コンテンツ
----------------------------------------*/
#content{
position:relative;
clear:both;
margin:0 auto;
padding:0;
}


#content h1{
font-size:200%;
}

/*グローバルナビ
----------------------------------------*/
#gnav-base.fixed,
#gnav-base-top.fixed{
position:fixed;
left:0;
top:0;
z-index:10000;
}

#gnav-base,
#gnav-base-top{
position:relative;
width:100%;
margin:0 auto;
background-color:rgba(95,75,62,0.8);
text-align:center;
}

#gnav-cont{
max-width:1200px;
height:auto;
margin:0 auto;	
}

.gnav{
list-style-type:none;
text-align:center;
z-index:50;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.gnav li a{
display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
width:11.1%;
margin:0;
padding:1.5em 0.1em;
text-decoration:none;
color:#FFF;
background-color:rgba(255,255,255,0);
border-left:rgba(255,255,255,0.2) solid 1px;
}

.gnav li:last-child a{
border-right:rgba(255,255,255,0.2) solid 1px;
}

.gnav li a:hover{
background-color:rgba(95,75,62,0.9);
-moz-transition:0.25s linear;
-webkit-transition:0.25s linear;
-o-transition:0.25s linear;
transition:0.25s linear;
}

.gnav li.current a{
background-color:rgba(95,75,62,0.9);
-moz-transition:0.25s linear;
-webkit-transition:0.25s linear;
-o-transition:0.25s linear;
transition:0.25s linear;
}


/* ナビコンテンツ
----------------------------------------------------*/
#navi-cont{
position:relative;
max-width:1200px;
margin:0 auto 5px;
}

/* トピックパス
----------------------------------------------------*/
#topicPath{
text-align:left;
font-size:90%;
}


/*コンテンツ
----------------------------------------*/
#content-main{
max-width:1200px;
height:auto;
margin:0 auto;
}

/* nav-bottom
-----------------------------------------------*/
#nav-bottom ul{
display:none;
}

/*フッター
----------------------------------------------------*/
footer{
height:100%;
}

#footer_inner{
max-width:1200px;
margin:0 auto;
padding:10px auto;
font-size:11px;
height:100%;
}

#logo-col img,
#logo-col div{
display:inline-block;
vertical-align:middle;
}

#logo-col img{
max-width:300px;
height:auto;
}

#logo-col .text{
padding:1em;
font-size:120%;
}


/* footer_inner_bottom
-------------------------------------- */
#footer_inner_bottom{
min-height:300px;
text-align:left;
color:#FFF;
}

ul.footer-support{
margin:1em;
display:inline-block;
*display:inline;
*zoom:1;
border-bottom:none;
}

ul.footer-support li{
float:left;
margin:5px 0;
border-top:none;
}

ul.footer-support li:last-child{
border-bottom:none;
}

ul.footer-support li a{
padding:5px 10px;
}

ul.footer-support li a:hover{
background-image:rgba(0,0,0,0.1);
}

ul.footer-support li:last-child a{
border-right:none;
}

ul.footer-support li a:before{
display:none;
}


/* shop-info
-------------------------------------- */
.shop-info{
padding:1em 2em;
font-size:120%;
color:#333;
}

.shop-info dt{
border:none;
clear:left;
float:left;
width:20.5em;
margin:0;
padding:0;
}

.shop-info dd{
margin-left:20em;
margin-bottom:5px;
zoom:1;
}

}


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

#header-logo img{
max-width:350px;
height:auto;
}

#header_inner p#contact img{
max-width:350px;
height:auto;
}


/* p.copyright
-------------------------------------- */
p.copyright{
position:absolute;
left:0;
bottom:0;
margin:0;
padding:0	
}


}