@charset "UTF-8";
/* 全ページ共通CSS */
/* -----------------------------------------------
リセット
----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,p,th,td {
padding: 0;
margin: 0;
}
html {
height: 100%;
margin-bottom: 1px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
vertical-align:bottom;
}
th,address {
font-style: normal;
font-weight: normal;
}
ul{
list-style: none;
}
th {
text-align: left;
}
h1,h3,h6 {
font-size: 100%;
letter-spacing: 0.1em;
font-weight: normal;
}
h2 {font-size:200%;font-weight:normal;line-height:4em;}
h4 {font-size:130%;font-weight:normal;line-height:2em;width:80%; margin:0 auto 20px;}
h5 {font-size:120%;font-weight:normal;line-height:2.5em;border-bottom:1px dashed #b9a493;}
.bold{
font-weight: bold;
}
br {
letter-spacing: 0;
}
a:focus {
outline:none
}
.boldnone{
font-weight: normal;
}


/* -----------------------------------------------
リンク
----------------------------------------------- */
a:link, a:visited{
text-decoration: none;
/*color: #c21b20;*/
color:#000000;
text-decoration: underline;
}
a:active
{
text-decoration: underline;
}
a:hover{ 
text-decoration: none;
color: #f0831e;
transition: opacity 0.3s ease-out;
opacity: 0.8;
}

a:hover img {
 opacity: 0.8;
}

a img {
 transition: opacity 0.3s ease-out;
}
/* -----------------------------------------------
共通レイアウト
----------------------------------------------- */
/*改行*/
@media screen and (min-width: 768px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 768px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
/**/
a{
color:#7d5731!important;
}

body, a, p {
font-family: 'Zen Kaku Gothic New', sans-serif;
}


body{
width:100%;
margin: 0px 0;
font-size:15px;
text-align: center;
line-height: 1.8em;
-webkit-text-size-adjust: 100%;
color:#7d5731;
/*background:url(../images/common/p-an_bk.jpg) repeat-y center;
background-size:contain;*/

}
header{
position:relative;
}

header h1{
display: none;
}

/**/
header{
background:#FFFFFF;
}
header h1{
display:none;
}

h3 img {
height:45px;
width:auto;
}
article h3 {
margin-bottom: 30px;
}

/*main nav*/
#top-head {
width: 100%;
padding-top:10px;
background:#FFFFFF;
border-bottom: solid 0.5px #bda4c0;
z-index: 999;
}

/*main nav Fixed */
#top-head.fixed {
margin-top: 0;
top: 0;
position: fixed;
padding-top: 10px;
background: #fff;
background: #fff;
transition: top 0.65s ease-in;
-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;
}

#top-head.fixed h2 a img {
width:80px;
height:auto;
transition: all .2s ease-out;
}

#top-head.fixed #global-nav ul {
margin:15px auto 10px;
}


header h2{
text-align:center;
}
#wrapper nav #menulist{
line-height:120%;
}
#wrapper nav ul .manulist{
display:inline-block;
vertical-align:middle;
margin:0 10px;
}

#wrapper nav ul .manulist dl {
	padding:15px;
}

#wrapper nav ul .manulist dt{
vertical-align:middle;
margin-right:0px;
margin-bottom:5px; 
}
#wrapper nav ul .manulist dd{
vertical-align:middle;
}
#wrapper nav ul .manulist .fontsize_s{
font-size:80%;
}


#wrapper nav ul li a{
font-size:100%;
text-decoration:none;
}
#wrapper .telno{
display:block;
width:30%;
padding:10px;
position:absolute;
right:0;
top:0;
text-align:right;
}
#wrapper .telno dt {
font-size:90%;
line-height: 1.3em;
	}

#wrapper .telno a{
font-size:130%;
display:inline-block;
text-decoration:none;
line-height:150%;
padding-top:5px;
}
#wrapper .telno img{
display:inline-block;
vertical-align:middle;
padding-right:5px;
padding-bottom:5px;
}

.border{
line-height:250%;
margin:0 auto;
font-size:150%; 
}


article{
width:1200px;
padding-bottom:30px;
margin:50px auto;
}

.bg{
background: rgb(255, 161, 174, 0.1);
padding: 30px 0;
}

#n_mainimg{
background-image: url(../images/top/p-an_mainbkillust.jpg);
    height: 250px;
    overflow: hidden;
    background-position:bottom center;
    background-repeat: no-repeat;
    width: 100%;
	position:relative;
	background-color: rgba(0,0,0,.2);
    background-blend-mode: multiply;
    background-size: cover;
}
#n_mainimg img{
width:100%;
height:auto;
}

.slider-p p {
font-size:220%;
letter-spacing:2px;
position:absolute;
left:35%;
right:35%;
top:45%;
color:#fff;
}







.submenu li{
width:22%;
display:inline-block;
margin:5px;
padding:10px 5px;
}
.submenu li a{
display:block;
font-size:110%;
color:#FFFFFF!important;
text-decoration:none;
display: inline-block;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}
.submenu li a:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}


.submenu .submenu01{
background: #ffa1ae;
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
 border: 3px solid #ffa1ae;  
  }






footer{
background:url(../images/common/p-an_footerbk.jpg) repeat-y center;
background-size:contain;
padding: 30px 0 0;
}

footer .logo img {
margin-bottom:10px; 
	}


footer ul{
padding:30px 0 80px 0;
}


footer ul li{
display:inline-block;
margin:0 30px;
font-size:110%;
}
footer ul li a{
text-decoration:none!important;
}
footer dl{
padding-bottom:10px;
}
footer dl dt,footer dl dd{
vertical-align:middle;
}
footer dl dd a{
font-size:150%;
text-decoration:none!important;
}

footer .copyright {
font-size:10px;
background:#fff; 
}

.sp{
display:none;
}

/***/
/*----- ページTOPへ -----*/
#page-top {
z-index:2;
position: fixed;
bottom: 20px;
right: 30px;
font-size: 77%;
}
#page-top a {
display:block;
}
#page-top a:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.swing {
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -24px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -24px 0;
/*     display: block; */
}
 
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(5deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes swing {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(5deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-5deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(5deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}




/**/


/*アニメーション*/

.purun {
      -webkit-animation: purun 0.8s linear 0s 1;
      animation: purun 0.8s linear 0s 1;
animation-iteration-count:infinite;
    }
    @-webkit-keyframes purun {
      0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      15%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 5%); }
      30%  { -webkit-transform: scale(1.3, 0.8) translate(0%, 10%); }
      50%  { -webkit-transform: scale(0.8, 1.3) translate(0%, -10%); }
      70%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes purun {
      0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
      15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
      30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
      50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
      70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }

.puyon {
      -webkit-animation: puyon 1.0s linear 0s 1;
      animation: puyon 1.0s linear 0s 1;
animation-iteration-count:infinite;
    }
    @-webkit-keyframes puyon {
      0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      40%  { -webkit-transform: scale(0.95, 1.2) translate(0%, -10%); }
      50%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
      60%  { -webkit-transform: scale(0.95, 1.05) translate(0%, -3%); }
      70%  { -webkit-transform: scale(1.05, 0.95) translate(0%, 3%); }
      80%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes puyon {
      0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
      40%  { transform: scale(0.95, 1.2) translate(0%, -10%); }
      50%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
      60%  { transform: scale(0.95, 1.05) translate(0%, -3%); }
      70%  { transform: scale(1.05, 0.95) translate(0%, 3%); }
      80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }


.purupuru {
margin-left:-10px;
padding-top:20px;
-webkit-animation: purupuru 0.8s linear 0s 1;
animation: purupuru 0.8s linear 0s 1;
animation-iteration-count:infinite;
}
    @-webkit-keyframes purupuru {
      0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      20%  { -webkit-transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
      50%  { -webkit-transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
      65%  { -webkit-transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
      80%  { -webkit-transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes purupuru {
      0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
      20%  { transform: scale(1.0, 1.06) translate(-5%, -4%) skew(6deg, 0deg); }
      50%  { transform: scale(1.0, 0.94) translate(5%, 4%) skew(-6deg, 0deg); }
      65%  { transform: scale(1.0, 1.03) translate(2%, -2%) skew(-3deg, 0deg); }
      80%  { transform: scale(1.0, 0.97) translate(-2%, 2%) skew(3deg, 0deg); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }

.korokoro {
      -webkit-animation: korokoro 2.5s linear 0s 1;
      animation: korokoro 2.5s linear 0s 1;
	  animation-iteration-count:infinite;
    }
    @-webkit-keyframes korokoro {
      0%   { -webkit-transform: translate(0%, 0%); }
      5%   { -webkit-transform: translate(10%, 0%) rotate(10deg); }
      25%  { -webkit-transform: translate(20%, 0%) rotate(20deg); }
      30%  { -webkit-transform: translate(-10%, 0%) rotate(-10deg); }
      35%  { -webkit-transform: translate(-15%, 0%) rotate(-15deg); }
      45%  { -webkit-transform: translate(10%, 0%) rotate(10deg); }
      50%  { -webkit-transform: translate(15%, 0%) rotate(15deg); }
      60%  { -webkit-transform: translate(-5%, 0%) rotate(-5deg); }
      65%  { -webkit-transform: translate(-7%, 0%) rotate(-7deg); }
      75%  { -webkit-transform: translate(0%, 0%) rotate(0deg); }
      100% { -webkit-transform: translate(0%, 0%) rotate(0deg); }
    }
    @keyframes korokoro {
      0%   { transform: translate(0%, 0%); }
      5%   { transform: translate(10%, 0%) rotate(10deg); }
      25%  { transform: translate(20%, 0%) rotate(20deg); }
      30%  { transform: translate(-10%, 0%) rotate(-10deg); }
      35%  { transform: translate(-15%, 0%) rotate(-15deg); }
      45%  { transform: translate(10%, 0%) rotate(10deg); }
      50%  { transform: translate(15%, 0%) rotate(15deg); }
      60%  { transform: translate(-5%, 0%) rotate(-5deg); }
      65%  { transform: translate(-7%, 0%) rotate(-7deg); }
      75%  { transform: translate(0%, 0%) rotate(0deg); }
      100% { transform: translate(0%, 0%) rotate(0deg); }
    }




@media screen and (max-width: 1199px) {
#wrapper .telno { display:none;}
	
article{width:90%; padding:10px;}
}
@media screen and (max-width: 1016px) {
h2 {line-height:2em;}
article #aboutpan dl {width:23%;}
}


/*スマホ*/
@media screen and (max-width: 780px) {
	
h2 {font-size:180%;font-weight:normal;line-height:2em;margin-bottom:20px;}
h4 {font-size:120%;font-weight:normal;line-height:2em;width:90%; margin:0 auto 20px;}
h5 {font-size:110%;font-weight:normal;line-height:2em;}
	
article {margin:30px auto; width:90%;}
.bg {padding:10px 0;}

.submenu li {width:50%;}
.submenu li a {font-size:100%; }
	
	
header h2{
padding:10px 0;
}

#n_mainimg{height:150px;}
.slider-p p {font-size: 150%;top: 40%;}

	
.border {
font-size:120%; }
	
#wrapper nav {
position: fixed;
top: 0;
right: -3250px;
width: 250px;
height: 100%;
padding-top: 50px;
background:rgba(255,255,255,0.8);
box-sizing: border-box;
z-index: 2;
}
#wrapper nav ul li{
display:block !important;
padding:0;
margin:20px;
}
 
#wrapper nav ul li a {
text-decoration: none;
}

 
#wrapper .btn-gnavi {
position: fixed;
top: 20px;
right: 20px;
width: 30px;
height: 24px;
z-index: 3;
box-sizing: border-box;
cursor: pointer;
-webkit-transition: all 400ms;
transition: all 400ms
}
 
#wrapper .btn-gnavi span {
position: absolute;
width: 30px;
height: 2px;
background: #f2a2ac;
border-radius: 10px;
-webkit-transition: all 400ms;
transition: all 400ms
}
 
#wrapper .btn-gnavi span:nth-child(1) {
top: 0
}
 
#wrapper .btn-gnavi span:nth-child(2) {
top: 10px
}
 
#wrapper .btn-gnavi span:nth-child(3) {
top: 20px
}
 
#wrapper .btn-gnavi.open {
-webkit-transform: rotate(180deg);
    }
 
#wrapper .btn-gnavi.open span {
background: #666
}
 
#wrapper .btn-gnavi.open span {
width: 24px;
}
 
#wrapper .contents section:nth-child(odd) p {
    left: 10%
}
 
#wrapper .contents section:nth-child(even) p {
    right: 10%
}


/**/

footer{
}

footer ul{
padding:30px 0 50px 0;
}


footer ul li{
display:inline-block;
margin:0 10px;
font-size:80%;
}
footer ul li a{
text-decoration:none!important;
}
footer dl{
padding-bottom:10px;
font-size:80%;
}

footer dl dd a{
font-size:120%;
text-decoration:none!important;
}


/*----- ページTOPへ -----*/
#page-top {
width:15%;
position: fixed;
bottom: 5px;
right: 0px;
font-size: 77%;
}
#page-top img{
width:100%;
height:auto;
}
#page-top a:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
.swing {
    margin:0px;
    -ms-animation: swing linear 5s infinite;
    -ms-transform-origin: center -24px 0;
    animation: swing linear 5s infinite;
    transform-origin: center -24px 0;
/*     display: block; */
}
 



/**/




}


/**/