@charset "utf-8";
/* CSS Document */

html {
   overflow-y: scroll;
   height: 100%;
 }
 body {
   margin: 0;
   padding: 0;
   /*font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   *font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
   color: #333;
   font-size: 16px;
   line-height: 125%;
   text-align: center;
   -webkit-text-size-adjust: 100%;
   background-color: #FFFFFF;
   height: 100%;
   word-wrap: break-word;
 }

 div, dl, dt, dd, ul, ul li, ol, ol li, h1, h2, h3, h4, h5, h6,
 pre, form, fieldset, p, blockquote, th, td,
 section, nav, article, aside, hgroup, header, address,
 figure, figcaption {
   margin: 0;
   padding: 0;
 }



/*上部母の日バナー*/

.top_banner{
	display: grid;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}


.top_banner img{
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.top_banner img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}

.top_banner_box{
   background: #2695a0;
   display: flex;
   margin: 5px auto;
   max-width: 100%;
   text-align: center;
}

@media screen and (max-width: 768px) {
	.top_banner_box{
	background: #2695a0;
   display: flex;
   margin: 0px auto;
   max-width: 100%;
   text-align: center;
}
}

.top_banner_box a{
    color: #FFFFFF;
	text-decoration: none;
}

.top_banner_box .wrap {
   width: 1200px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
   text-align: center;
 }

@media screen and (max-width: 768px) {
	.top_banner_box .wrap {
   width: 100%;
   margin: 0 auto;
   padding: 10px 0;
   text-align: center;
 }
}


.top_banner_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   color: #FFFFFF;
   padding-left: 0;
   font-size: 13px;
	text-align: center;
 }

@media screen and (max-width: 768px) {
	.top_banner_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   color: #FFFFFF;
   padding-left: 0;
   font-size: 13px;
	text-align: center;
 }
}



 .top_banner_box ul li {
   width: 10%;
   margin-bottom: 40px;
   list-style: none;
   text-align: center;
 }


@media screen and (max-width: 768px) {
	.top_banner_box ul li {
   width: 10%;
   margin-bottom: 40px;
   list-style: none;
   text-align: center;
 }
}


/*上部母の日バナー*/

.line{
	display: grid;
	max-width: 100%;
	margin: 20px auto;
	text-align: center;
	border-top: dashed 3px #2695a0;
}


.line img{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.line img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}

.contents_box{
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 20px auto 0;
    text-align: center;
	border-top: dashed 3px #2695a0;
 }

@media screen and (max-width: 768px) {
	.contents_box{
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	margin: 0px auto 0;
    text-align: center;
	border-top: dashed 3px #2695a0;
 }
}

.contents_box img{
	display: flex;
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.contents_box img{
	display: flex;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
}


.contents_box h1{
   text-align: center;
   margin: 0px auto;
   margin-top: 10px;
   margin-bottom: 10px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 20px;
   line-height: 3;
   font-weight: normal;
   border-top: solid 4px #2695a0;
   border-bottom: solid 2px #2695a0;
   color: #2695a0;
   background-color: #FFFFFF;
}
 @media screen and (max-width: 768px) {
.contents_box h1{
   text-align: center;
   margin: 0px auto;
   margin-top: 5px;
   margin-bottom: 5px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 16px;
   line-height: 2.5;
   font-weight: normal;
   border-top: solid 4px #2695a0;
   border-bottom: solid 2px #2695a0;
   color: #2695a0;
   background-color: #FFF;
 }
}


.contents{
	display: inline-block;
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
    text-align: center;
}

 @media screen and (max-width: 768px) {
    .contents{
	display: grid;
	width: 95%;
	margin: 0 auto;
    text-align: center;
}
}

.contents_itembox{
	display: inline-block;
	max-width: 32%;
	margin: 0 auto;
    margin-bottom: -20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .contents_itembox{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents_itembox p{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin-top: 10px;
	color: #000000;
}

.contents_itembox2{
	display: inline-block;
	max-width: 49%;
	margin: 0 auto;
    margin-bottom: -20px;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .contents_itembox2{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents_itembox2 p{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	margin-top: 10px;
	color: #000000;
}

.contents img{
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0;
    margin-bottom: -20px;
    text-align: center;
}

 @media screen and (max-width: 768px) {
    .contents img{
	max-width: 100%;
	margin: 0 auto;
	padding: 5px 0;
    text-align: center;
}
}

.contents h1{
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color: #2695a0;
}

.contents p{
	margin-top: 10px;
	text-align: left;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 15px;
	color: #000000;
}

.contents h2{
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 50%;
	text-align: center;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	font-size: 18px;
	background-color: #2695a0;
	color: #FFFFFF;
	padding: 10px 20px;
	border-radius:20px 20px 20px 20px;
}

.contents a{
	text-decoration: none;
}

.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}



/*---------ここからフッター用---------------------------------------*/

.footer_userguide{
	background-color: #ece9e2;
	display: grid;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer_userguide{
	display: none;
}
}

.footer_banner{
	background-color: #ece9e2;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer_banner{
	display: none;
}
}


.footer_banner img{
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.footer_banner_1{
	background-color: #ece9e2;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.footer_banner_1{
	display: none;
}
}


.footer_banner_1 img{
	width: 80%;
	margin: 10px auto;
	text-align: center;
}


/*
@media screen and (max-width: 768px) {
	.footer_userguide img{
	max-width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
}
*/

.footer_userguide p{
	width: 1200px;
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	color: #000000;
}

/*
@media screen and (max-width: 768px) {
	.footer_userguide p{
	text-align: left;
	font-size: 13px;
	color: #000000;
}
}
*/

.footer_userguide logobox{
	max-width: 1200px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

/*
@media screen and (max-width: 768px) {
	.footer_userguide logobox{
	max-width: 80%;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}
}
*/



/*フッターご利用案内PCのみ表示(5分割)------------------------------*/

 #footer_userguide_box{
	background-color: #ece9e2;
	display: flex;
	max-width: 100%;
	margin: 0px auto;
 }

 @media screen and (max-width: 768px) {
   #footer_userguide_box {
    display: none;
   }
 }

#footer_userguide_box .wrap {
   background-color: transparent;
   display: flex;
   width: 1160px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
 }

#footer_userguide_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 #footer_userguide_box ul li {
   width: 18%;
   margin-bottom: 10px;
   list-style: none;
 }

#footer_userguide_box p{
   text-align: left;
   width: 100%;
   font-size: 13px;
   line-height: 1.8;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-weight: normal;
   color: #000000;
}

#footer_userguide_box h1{
   text-align: center;
   margin: 0px auto;
   max-width: 1200px;
   width: 100%;
   font-family: "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size: 20px;
   line-height: 1.8;
   font-weight: normal;
   color: #000000;
}


#footer_userguide_box img{
	text-align: center;
	margin: 10px auto 0px;
	max-width: 1200px;
	width: 100%;
}


 /*フッターご利用案内PCのみ表示(5分割底面揃え)テスト------------------------------*/

 .text_link_box{
	background-color: #ece9e2;
	display: flex;
	max-width: 100%;
	margin: 0px auto;
 }

 @media screen and (max-width: 768px) {
   .text_link_box {
    display: none;
   }
 }

.text_link_box .wrap {
   background-color: transparent;
   display: flex;
   width: 1160px;
   max-width: 100%;
   margin: 0 auto;
   padding: 20px 0;
 }

.text_link_box .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 .text_link_box ul li {
   width: 18%;
   margin-bottom: 40px;
   list-style: none;
 }

.text_link_box img{
	width: 100%;
	text-align: center;
}


 /*フッターー------------------------------*/
 .shop_footer_block {
   background: #ece9e2;
   display: grid;
   width: 100%;
   height: auto;
   padding: 40px 0px 10px;
   margin: 0;
   text-align: center;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block {
   background: #ece9e2;
   display: grid;
   max-width: 75%;
   margin: 0 auto;
   text-align: center;
 }
 }

 .shop_footer_block div p {
     padding-top: 5px;
     font-size: 12px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block div p {
     padding-top: 5px;
     font-size: 12px;
	 text-align: center;
 }
 }


 .shop_footer_block p img {
     width: 300px;
     height: 39px;
     margin-bottom: 15px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block p img {
     width: 300px;
     height: 39px;
     margin-bottom: 15px;
	 text-align: center;
 }
 }


 /*フッターSNSアイコン用------------------------------*/

.shop_footer_block .wrap {
   background-color: transparent;
   display: flex;
   width: 220px;
   max-width: 100%;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 0px;
 }

 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
   background-color: transparent;
   display: flex;
   width: 220px;
   max-width: 100%;
   margin: 0 auto;
   margin-bottom: 10px;
   padding: 0px;
   text-align: center;
 }
 }

/*
 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
     display: none;
   }
 }
*/

.shop_footer_block .wrap ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-flow: row wrap;
   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;
   -ms-justify-content: space-between;
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -ms-align-items: flex-start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   margin-bottom: -40px;
   padding-left: 0;
 }

 .shop_footer_block ul li {
   width: 22%;
   margin-bottom: 40px;
   list-style: none;
 }

.shop_footer_block img{
	width: 100%;
	text-align: center;
}


 /*フッターSNSアイコン用------------------------------*/



 @media screen and (max-width: 768px) {
   .shop_footer_block{
     padding: 20px 40px;
   }
   .shop_footer_block div p {
     padding-top: 0;
   }
   .shop_footer_block div p span {
     white-space: nowrap;
   }
   .shop_footer_block p img {
       margin-bottom: 10px;
   }
 }
 @media screen and (max-width: 768px) {
   .shop_footer_block .wrap {
     padding: 0px;
/*     border-top: solid 1px #CCC;*/
   }
 }