@charset "utf-8";
/* CSS Document */
/*
Theme Name: maripoza-WP
Description:honeyのテンプレート
Theme URI:
Author:
Author URI:
Version: 1.0.0
License:
License URI:
*/

body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:1.4rem;
    color:#2c2c2c;
    background-color:#fafafa;

    }


a{color:#4888e5;text-decoration:none; }

a:hover{color:#c6c6c6;}

a img{
    opacity:1;
    -webkit-transition: all 0.5s ease 0.5s;
    -js-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
    }

a:hover img{
    opacity:0.6;
    }

.sns_icon a:hover{
    opacity: 0.6;
}

.font-el{font-family: 'Palanquin Dark', sans-serif;}
.font-mr{font-family: 'Palanquin Dark', sans-serif;
}

.bg_moz{font-size:1.8rem;
    }



/*page top*/

#page-top{
  width:40px;
  height:auto;
  position:fixed;
  right:20px;
  bottom:70px;
  display:none;
    z-index: 10;
}

#page-top img{
    width:100%;height:auto;
}

#page-top p a{
  line-height:20px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}


@media screen and (max-width:768px){

#page-top{
  width:40px;
}

}



/*header*/

header {
    padding: 0px;
    width: 100%;
    top: 0;
    right: 0;
    background-color:#dff5ff;
}


#header_erea {
    margin:0px auto;
    width: 100%;
    background-color:#dff5ff;
}

#header_text{padding:5px;font-size:0.6vw;background-color:rgb(255, 253, 253,0.6);
}



#title_logo{
    width:100%;
    text-align: center;
    font-size:3rem;

    color:#080808;
}




@media screen and (max-width:768px){
    


#header_erea{
    width: 100%;
    

    }

#title_logo{
    font-size:2rem;
}

}

/*menu erea*/

.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

#nav_area{
    width: 100%;
    margin: 0px auto;
    z-index: 100;
    background-color:#dff5ff;
    
}
nav {
    width: 100%;
    padding: 10px    0px;
    margin:0px auto;
    background-color:#dff5ff;
    
    

}

nav ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display:-webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
}
nav ul li {
    padding: 0px;
    margin: 0px;
    position: relative;
}
nav ul li a {
    font-family: 'Palanquin Dark', sans-serif;
    display: block;
    margin: 0px;
    padding: 10px 50px;
    font-size:1.4rem;
    text-align: center;
    text-decoration: none;
    color: #2c2c2c;
    white-space: nowrap;
    opacity:1;
    -webkit-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}

#mobi_nav{display:none;}

@media screen and (min-width:769px){

nav ul li a:hover {
    color: #a5a5a5;
    opacity:0.6;

}

#mobi_nav ul li a:hover {
    color: #a5a5a5;
    opacity:0.6;

}

}

@media screen and (max-width:768px){

#nav_area{
width: 100%;

}

.mobi{display:none;}

nav ul li a {
    -webkit-box-flex: 1;
    font-size:1.8rem;
    width: auto;
    border-style:none;
    white-space:nowrap;
    margin:0px;
    padding: 5px;
}

#mobi_nav{
    display:block;
    position:fixed;
    bottom:0px;
    margin: 0px;
    width: 100%;
    padding: 5px 0px 5px;
    background-color:rgb(255, 253, 253,0.6);
    
    z-index: 100;
}

#mobi_nav ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display:-webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
    -webkit-flex-wrap:wrap;
    -js-flex-wrap:wrap;
    flex-wrap:wrap;
}
#mobi_nav ul li {
    padding: 0px;
    margin: 0px;
    display: block;
    position: relative;
}
#mobi_nav ul li a {
    font-family: 'Palanquin Dark', sans-serif;
    display: block;
    font-size:2rem;
    width: auto;
    border-style:none;
    margin:0px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #2c2c2c;
    white-space: nowrap;
    opacity:1;
    -webkit-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}



}

@media screen and (max-width:540px){


nav ul li a {
    font-size:1.8rem;
    width: auto;
    border-style: none;
}

#mobi_nav ul li a {
    font-size:1.8rem;
    width: auto;
    border-style: none;
}


}

/*  menu end*/

/* extra menu */

nav ul li ul {
    position: absolute;
    top: 100%;
    left: 5px;
    flex-direction: column;
    -webkit-flex-direction: column;
    -js-flex-direction: column;
}

nav ul li ul li {
    float: none;
    margin: 10;
    padding:10px;
    background-color: #ffffff;
}

nav ul li ul li a{
    font-size:1.2rem;
}

nav ul li ul li a:hover{
    font-size:1.2rem;
}

nav ul ul {
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
    transform: translateY(-20px);
}
nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}



/* extra menu */

/*main*/
main{width:100%;
}


section{width:100%;padding:0px;}

section h1{
    width: 100%;
    padding: 20px;
    text-align: center;
    font-family: 'Palanquin Dark', sans-serif;
    color: #2c2c2c;
    font-size:3vw;
    font-weight: bold;
    }

section h2{
    color: #2c2c2c;
    font-family: 'Palanquin Dark', sans-serif;
}



@media screen and (max-width:768px){


section h1{font-size:6vw;}

}

.bg-slider{
    width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color:background-color:#fafafa;

    z-index: 1;
    top:0px;
    left:0px;
    
}

.bg-p{
    width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
background-image: url(img/bg_p.png);
    z-index: 2;
    top:0px;
    left:0px;
    
}

.top_area{display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
    width:100%;
}

.logo{
    width: 30%;
    opacity: 0.9;
    
}
.logo img{
    width: 100%;
    height:auto;
    
}

.top_text h2{
    color:#fafafa;
    font-size:2vw;
}


    

.top_comment{
    width:60%;
    padding:20px;
    font-size:3vw;
    color:#fafafa;
    margin:0px auto;
    text-align: center;
    filter: drop-shadow(2px 2px 2px rgba(0, 48, 88, 0.6));
}

.top_bot{
    width:60%;
    margin:0px auto;
    
}

.top_bot ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
}

.top_bot ul li{
    padding:10px;
    width:33%;
    height:auto;
}

.top_bot ul li a img{width:100%;
height:auto;}

.top_bot ul li a:hover img{width:100%;
height:auto;transform-origin: 50% 50%;
  animation-name:big;
  animation-duration:1s;}

@keyframes big{
  0%{
    transform: scale(1);
  }
    50%{
    transform: scale(.8);
  }
 100%{
    transform: scale(1);
  }
}





@media screen and (max-width:768px){

.logo{
    width: 60%;
    }
    
.top_bot{
    width:80%;
    
}

}

.blog_icon{
    width:200px;height:auto;
    z-index:100;
    top:300px;
    left:100px;
    position: absolute;
    background-color: rgba(255,254,254,1);
    border-radius:100px;

}
.blog_icon img{
    width:100%;height:auto;
    transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
}

.blog_icon a{
    opacity:1;
    -webkit-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
.blog_icon a:hover{
    opacity: 0.3;
}

.img_photo{
padding:50px;
width:800px;
height:auto;
margin:0px auto;
}

.img_photo img{
    width:100%;
    border-radius:50%;
    border:10px solid #fff;
}

@media screen and (max-width:768px){

.blog_icon{
    width:100px;height:auto;
    z-index:100;
    top:200px;
    left:20px;
    position: absolute;
    background-color: rgba(255,254,254,1);
    border-radius:100px;

}

 .img_photo{
padding:50px;
width:100%;
}

}

.contents{
    width:1080px;
    margin:-1px auto;
    border-left:1px solid #fafafa;
    border-right:1px solid #fafafa;
    border-top:2px solid #fafafa;
    border-bottom:2px solid #fafafa;
    box-sizing: border-box;
    border-radius:2px;
    }

.contents_page{
    width:1080px;
    margin:-1px auto;
    box-sizing: border-box;
    background:#fcfeff;
    padding:20px;
    }

.contents_page h1{
    color:#2c2c2c;
border-bottom: 1px dotted #2c2c2c;
    font-family: 'Palanquin Dark', sans-serif;
margin:0px;
padding:10px;}

.contents_page h1 a{
    color:#2c2c2c;
}

.page_box{
    width:80%;
    padding:10px;
    margin:0px auto;
    font-size:1.6rem;
}


.page_box img{
    width:100%;
    height:auto;
    display:block;
    margin:0px auto;}

.page_box h2{
    color:#2c2c2c;
border-bottom: 1px dotted #2c2c2c;
padding:10px;}

.page_box h3{
color:#2c2c2c;
border-bottom: 1px dotted #2c2c2c;
padding:10px 0px;}

.page_box table{width:100%;height:auto;font-size:1.2vw;}

.page_box td{padding:5px 10px;}
.page_box tr:nth-child(odd){background-color:#dff5ff;}
.page_box tr:nth-child(even){background-color:#eefaff;}

.bus_box{padding:20px 0px;}

.single_date{
font-size:1.8rem;}

.care{background-color:#dff5ff;padding:10px;}


@media screen and (max-width:768px){

 .contents{
    width:100%;
     padding:10px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    }
    
 .contents_page{
    width:90%;
    }
    
.page_box{
    width:100%;
    padding:10px;
    font-size:2.8vw;
}
    
.page_box table{font-size:2vw;}

}

.sns_box{}
.sns_icon{
    width:50px;height:50px;
    padding:5px;
}
.sns_icon img{width:100%;height:auto;}


.box01{
    width:100%;
    padding:30px;
    background-color:#fafafa;
    z-index:1;
    }
.box01 img{width:100%;height:auto;}

.inbox30{width:30%;padding:5px;}

.inbox30 img{width:100%;height:auto;}

.inbox50{width:50%;padding:5px;}

.inbox50 img{width:100%;height:auto;}

.inbox70{width:70%;padding:5px;}

.inbox70 img{width:100%;height:auto;}



.about_box{
    width:100%;
    background-color:#fafafa;
    border:1px solid #fafafa;
    line-height:200%;
    z-index:1;
    margin:-1px 0px;
    }
.about_box img{width:100%;height:auto;}

.about_box h2{text-align: center;margin:0px padding:10px;font-size:2vw;}

.text_box{padding:10px 30px;font-size:1.2vw;line-height:150%;}

.info_box{
    width:33%;height:auto;
    background-color:#fafafa;
    line-height:200%;
    z-index:1;
    border:1px solid #fafafa;
    position: relative;
    margin:-1px 0px;
    
    }
.info_box img{width:100%;height:auto;}

.overbox a:hover{color:#318c9d;}

.box01 table{width:100%;height:auto;table-layout: fixed;}
.box01 table{width:100%;height:auto;table-layout: fixed;}

.box01 td{padding:5px 10px;}
.box01 tr:nth-child(odd){background-color:#dff5ff;}
.box01 tr:nth-child(even){background-color:#eefaff;}

.photo_box{padding:10px 0px;}

.photo_inbox{
    width:33%;
    padding:5px;
}

.photo_inbox:hover{opacity:0.4;}

.photo_inbox img{width:100%;height:auto;}

@media screen and (max-width:768px){
    .box01{font-size:3vw;padding:10px;}
    .tect_box{font-size: 2.6vw;}
    .info_box{width:50%;}
    .info_box a{font-size:4vw;}
    .text_box{font-size:3vw;}

}

/*news*/

.news_box{
  width : 50%;padding:10px;
box-sizing: border-box;
}
.news_box img{width:100%;height:auto;}
/*news end*/

.item_box{}

.item_box li{
    
width : 33.33333% ;
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
padding:2px;
  box-sizing: border-box;

}

.item_box img{width:100%;height:auto;}

/*main end*/

/*footer*/
footer{
 width:100%;
    margin:0px auto;
    background-color:#318c9d;

color:#fafafa;
}

#footer_menu{
   width:1080px;
   margin:0px auto;
   padding:10px;

}

#footer_menu ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display: -webkit-box;
    -webkit-box-pack:center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
    -webkit-flex-wrap:wrap;
    -js-flex-wrap:wrap;
    flex-wrap:wrap;
}
#footer_menu ul li {
    padding: 0px;
    margin: 0px;

}
#footer_menu ul li a {
    display: block;
    margin: 0px;
    padding: 10px;
    font-size:1.2rem;
    text-align: center;
    text-decoration: none;
    color: #fafafa;
    white-space: nowrap;

}

#footer_menu ul li a:hover {
    color: #fafafa;

}

@media screen and (max-width:768px){
footer{
 width:100%;
}
#footer_menu{
   width:100%;

}
}

#footer_copy{
   width:100%;
    padding:10px;
font-size:1rem;
    color: #fafafa;
    text-align: center;


}

@media screen and (max-width:768px){
#footer_copy{
    padding:10px 10px 60px 10px;

}

}


/*footer end*/

/*youtube flex*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*youtube flex end*/

/*google map flex*/



.google_map {
  width: 100%;
  height:300px;
}

/*google map end*/


/*contact form*/
.c_box{
    display:flex;

    }
    .c_left{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    -js-flex: 1;
    flex: 1;
    background-color: #dff5ff;
    color: #2c2c2c;
    text-align: center;
    padding: 5px 10px;
    border-bottom:#318c9d solid 1px;

    }
    .c_right{
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    -js-flex: 2;
    flex: 2;
    background-color: #eefaff;
    color: #0E0E0E;
    padding: 5px 10px;
    border-bottom:#318c9d solid 1px;
    }

.bx80p{width:80%;}

@media screen and (max-width:768px){
   .c_box{
    flex-direction: column;
    -webkit-flex-direction: column;
    -js-flex-direction: column;
    }

   .c_left{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#7fb78e solid 1px;
    }
    .c_right{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#7fb78e solid 1px;
    }

}

/*contact form end*/

/*company*/
.com_box{
    display:flex;
     margin:5px 40px 5px 40px;

    }
    .com_left{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    -js-flex: 1;
    flex: 1;
    background-color: #4c6a67;
    color: #fafafa;
    text-align: center;
    padding: 5px;
    border-bottom:#4c6a67 solid 1px;


    }
    .com_right{
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    -js-flex: 2;
    flex: 2;
    background-color: #fafafa;
    color: #0E0E0E;
    padding: 5px;
    border-bottom:#4c6a67 solid 1px;
    }

@media screen and (max-width:768px){
   .com_box{
    flex-direction: column;
    -webkit-flex-direction: column;
    -js-flex-direction: column;
    }

   .com_left{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#4c6a67 solid 1px;
    }
    .com_right{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#4c6a67 solid 1px;
    }

}

/*company end*/

/* sns */
.fb-page{
    padding:10px;
    margin:0px auto;
}

/*blog*/

.size-full{
    width:60%;
    height:auto;
    padding:10px;
    border-radius:20px;
}

/*blog end*/

/*page*/

.order_btn{}

.order_btn a{
    display: block;
    margin:10px auto;
    background-color:#318c9d;
    color:#dff5ff;
    padding:10px 20px;
    font-size:1.6vw;
    text-align:center;
    border-radius:10px;
}

.order_btn a:hover{
    background-color:#dff5ff;
    color:#318c9d;
}

/*page end*/



/*category*/

#column{width:800px;
margin:0px auto;}

.cat_title{
    color:#242424;
    padding:1px 0px 1px 15px;
    width:100%;
    font-family: 'Montserrat', sans-serif;
}

.category_erea{
    display:flex;
    -js-display:flex;
    -webkit-display:flex;

    -webkit-flex-wrap:wrap;
    -js-flex-wrap:wrap;
    flex-wrap:wrap;
    width:80%;
    margin:0px auto;
}

.cat_list{
    padding: 1px;
    width:32%;
    box-sizing:border-box;
}

.cat_list img{width:100%;height:auto;}

.item_title{
    font-size:1.2rem;
    font-weight:bold;
    padding:0px 5px;
}
.item_txt{
font-size:1rem;
padding:0px 5px;
}

.cat_eyecatch{
        width:100%;
        height:auto;
        margin-bottom:5px;
        object-fit: cover;
        }

.old_note{
    padding:10px 100px 10px 10px;
    text-align: right;
    font-size:0.8rem;

}

@media screen and (max-width:768px){

#column{width:100%;}
    
.cat_title{
    color:#242424;
    padding:30px 0px 1px 15px;
    font-size:5vw;
}

.cat_list{
    width:32%;
}

.item_title{
    font-size:2vw;
}

}

/*category end*/

/*pager*/

.pager_box{
    text-align:center;
    width:80%;
    margin:10px auto;
    padding:5px;
}

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}

/*pager end*/

.font01{color:#ff9797;font-weight:bold;}