html{font-size: 62.5%;}
body {color: #000;margin: 0px;padding: 0px;background:url("../images/contents_bg.png"); background-attachment: fixed;z-index: 0;font-size:1.6em;font-family: "tbudgothic-std", sans-serif; font-weight: 400;font-style: normal;}
img{width: 100%;}

.wrap{width: 90%;margin: 0 auto;max-width: 980px;box-shadow: 0px 0px 19px 10px #DDE39F;background:rgba(255,255,255,0.6);}
.wrap p{text-align: justify;font-family: "tbudgothic-std", sans-serif; font-weight: 400;font-style: normal; line-height: 2.8rem; margin: 20px 10px; font-size: 1.4rem; padding:10px;}
.forsp {display: block;}
.forpc{display: none;}
.img_right {float:none;width: 100%;margin: 0 auto 2rem auto;}
.img_left {float:none;width: 100%;margin: 0 auto 2rem auto;}

/* フォント*/
.brown{color:#5D4100;}
.red{color:#B93437;}
.l-red{color:#FF9395;}
.l-blue{color: #AFEEFB;}
.pink{color: #AE6082;}
.green{color: #4E8E70;}
.blue{color: #007EAC;}
.orange{color:#FF7C09;}
.gold{color: #8A7E44;}
.white{color: #fff;}
.yellow{color:#FFFA60;}
.under{text-decoration: underline;}
.marker{background-image: linear-gradient(transparent 70%, #FFFA60 70%);}
.bold{font-weight: 700;}
.fontL{font-size: 1.8rem;}
.fontLL{font-size: 2rem; line-height: 4rem;}
.txt-min{font-family: "yu-mincho-pr6n", sans-serif;}

[data-ruby] { position: relative;}
[data-ruby]::before { content: attr(data-ruby); position: absolute; top: -3em; left: 0; right: 0; margin: auto; font-size: 0.5em;}

/***************
     btn
***************/
.top-btn{ text-align: center;}
.cont-btn{text-align:right; padding:10px;}
img.s-btn{width: auto; max-width: 200px;}

/***************
     main
***************/
.main {background: url("../images/top_bg.png");background-size: cover; background-repeat: no-repeat;width: 100%; margin: 0 auto;background-position: center top;padding: 20px 0 40px 0;}
.main-title {padding:0; width: 95%; margin: 0 auto;}


/***************
     form
***************/
.sec-form{background: url("../images/bk-form.jpg"); padding:30px 0;background-repeat: no-repeat; margin: 0 auto; background-size: cover; border:solid 5px #9C936D;box-sizing: border-box;}
.sec-form02{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#880092+0,060c6d+100 */
background: #880092; /* Old browsers */
background: -moz-linear-gradient(top,  #880092 0%, #060c6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #880092 0%,#060c6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #880092 0%,#060c6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880092', endColorstr='#060c6d',GradientType=0 ); /* IE6-9 */
padding:20px 0;background-repeat: no-repeat; margin: 0 auto; background-size: cover; border:solid 5px #9C936D;box-sizing: border-box;}
.form-box{ text-align: center; width: 90%; margin: 0 auto; max-width: 680px;}
.form-title{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; color: #fff; text-align: center; font-size: 20px;}
.submit-btn{margin: 0 auto; background: none; border: none;}
.icon-btn{width: 30px;}
.input-txt{background:#D7ECF1; border: none; line-height: 60px; font-size: 14px;width: 100%;max-width: 480px; margin: 10px auto 20px auto; text-align: center;}
.input-kiyaku{ width: 100%; margin: 10px auto; max-width: 460px; height: 100px; overflow-y: scroll; overflow-x: hidden;  background:#D7ECF1; line-height: 200%;}
.input-kiyaku p{padding:0 10px; text-align: justify; margin: 10px 0; font-size: 12px;}

/***************
    contents
***************/
.contain{padding:0; margin-top:-70px}
.hl{background: url("../images/bk-hl.png"); background-size: cover; background-position: center; text-align: center; color: #fff; padding:10px 0;margin: 0 auto; height: 230px; display: flex; align-items: center;background-repeat: no-repeat; max-width: 1920px;}
.hl-txt{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; padding:15px 0; color: #516C9B; font-size: 2rem; width: 90%; margin: 0 auto;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;line-height: 2.8rem;}
.hl-txt span{font-size: 1.4rem;}


/*oishi*/
.oishi-history{background:url("../images/bk-oishi.jpg"),#3A4E72; border-radius: 10px; border: solid 5px #DFD293;width:95%; margin: 0 auto; background-size: cover;}
.oishi-history p{color: #fff;font-family: "yu-mincho-pr6n", sans-serif;font-weight: 300;font-style: normal;text-shadow: 0px 0px 6px #3A4E72,0px 0px 6px #3A4E72,0px 0px 6px #3A4E72,0px 0px 6px #3A4E72;}


/*recolte*/
.recolte{background:url("../images/bk-recolte.png");background-size: cover; border-radius: 10px; border:solid 1px #DFD293; width: 90%; margin: 20px auto 20px auto; padding:10px}
.m01-image{text-align: justify; background:url("../images/bk-m01.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:10px ;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.m01b-image{background:url("../images/bk-m01b.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:10px ;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}


.recolte-box{background:rgba(223,210,147,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
	
.recolte-box-v{display: flex; align-items: center; background:rgba(223,147,165,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}	
.recolte-box-b{display: flex; align-items: center; background:rgba(104,203,183,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
.recolte-box-o{display: flex; align-items: center; background:rgba(95,149,188,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
.couse-cach{background:rgba(255,255,255,1.00); border-radius: 10px; text-align: center; padding: 10px; margin-right: 10px;}

.gassyuku01-image{text-align: justify;background:url("../images/bk-gassyuku.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:5px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku02-image{text-align: justify;background:url("../images/bk-gassyuku02.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku03-image{text-align: justify;background:url("../images/bk-gassyuku03.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku04-image{text-align: justify;background:url("../images/bk-gassyuku04.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
	
.racolte-main-image{text-align: justify;background:url("../images/bk-recolte-main.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:10px;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.recolte-txt{background:rgba(255,255,255,0.53);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 2rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 10px;}
.recolte-box{text-align: justify;background:rgba(223,210,147,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}

/*gift*/
.sec-gift{ padding:30px 0px;background-size: cover;}
.head-line_gift{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 20px; line-height: 150%;}
.icon{width: 60px;margin: 0 auto 10px auto;}	
.gift-box{padding:10px; margin: 20px auto;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e490+0,fffdd1+51,f8e490+100 */
background: #f8e490; /* Old browsers */
background: -moz-linear-gradient(top,  #f8e490 0%, #fffdd1 51%, #f8e490 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e490', endColorstr='#f8e490',GradientType=0 ); /* IE6-9 */
}
.gift-title{background:#3A4E72; display: flex;
color: #fff; font-size: 20px; font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; align-items: center;padding:10px; justify-content: space-around; line-height: 150%;}
.icon-gift{width: 50px; margin: 0 10px 0 0;}
.gift-label{background:#fff; font-weight: 700; padding:20px; margin: 10px auto 10px auto; line-height: 200%;}
.index-title{text-align: center; font-size: 20px;}
.gift-index{background:#F9DC63; padding:20px; margin: 10px auto 20px auto}
ul.index-list{list-style-type: decimal; padding-left: 30px;}
ul.index-list li{font-weight: 500; line-height: 200%; font-size: 14px;}	


/*change*/
.sec-change{padding:20px 0; color: #060C6D;}
.hl-change{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; align-items: center; text-align: center; font-size: 20px; line-height: 150%; width: 90%; margin: 0 auto;}
.change-box{background:#fff; border-radius: 10px; margin: 10px auto 20px auto;box-shadow: 0px 0px 16px -6px #EB8007; width: 90%;}
 ul.change-list{ list-style: none;padding:10px 10px 10px 20px;margin: 0 auto; text-indent: -1em;}
 ul.change-list li{font-family: "yu-mincho-pr6n", sans-serif;font-style: normal;font-size:16px; font-weight: bold; text-align: justify;color: #000;padding:15px 0; line-height: 200%;}
 ul.change-list li::before {left: 1.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f304'; color: #973E62;}


/*price*/
.price{background:url("../images/bk-recolte.png");background-size: cover; border-radius: 10px; border:solid 1px #DFD293; width: 90%; margin: 20px auto 20px auto; padding:10px}
.price-box{background:rgba(255,255,255,0.53);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 2rem; line-height: 2rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 12px;}
.dousa{background:#fff; boeder:solid thin #3B3B3B;}

/*table*/
table{width: 95%; margin: 20px auto 0 auto;}
th{
font-size: 1rem;
width: auto;
text-shadow: 3px 3px 1px rgba(81,81,81,0.3);
padding:5px 0px;
border: solid thin;
color: #fff;
line-height: 2rem;
text-align: center;
vertical-align: middle;
background: #918961;
}
th.vip{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c87f98+1,db6196+100 */
background: #c87f98; /* Old browsers */
background: -moz-linear-gradient(top,  #c87f98 1%, #db6196 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c87f98 1%,#db6196 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c87f98 1%,#db6196 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c87f98', endColorstr='#db6196',GradientType=0 ); /* IE6-9 */
}
th.basic{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#76c17d+1,73c594+99 */
background: #76c17d; /* Old browsers */
background: -moz-linear-gradient(top,  #76c17d 1%, #73c594 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #76c17d 1%,#73c594 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #76c17d 1%,#73c594 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c17d', endColorstr='#73c594',GradientType=0 ); /* IE6-9 */
}
th.online{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#758cc4+1,6e89a1+99 */
background: #758cc4; /* Old browsers */
background: -moz-linear-gradient(top,  #758cc4 1%, #6e89a1 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #758cc4 1%,#6e89a1 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #758cc4 1%,#6e89a1 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758cc4', endColorstr='#6e89a1',GradientType=0 ); /* IE6-9 */
}
td{font-size: 1rem; line-height: 2.4rem; background:#fff;box-shadow: 0px 0px 5px 0px rgba(71,71,71,0.2) inset; padding:20px 10px; vertical-align: middle;}
td.couse{text-align: center; vertical-align: middle;}
td.end{background:rgba(31,31,31,0.96); color: #fff;font-size: 2rem;
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; line-height: 8rem;}

/*sec-profile*/
.sec-profile{
background-repeat: no-repeat; background-size: cover;
padding:30px 0}
.profile-name{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;  text-align: center; color: #060C6D; font-size: 20px;}
.profile-copy{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-weight: 700;  color: #060C6D; font-size: 18px; line-height: 150%;}
.profile-pic{width: 90%; margin: 20px auto; min-max-width: 200px;}


 /*footer*/
footer {background-color: #007EAC;margin: 0 auto;padding:0 0 2rem 0;color: #fff;font-size: 14px; line-height: 150%;}
footer p {padding:2rem 0 0 0;text-align: center; line-height: 150%;}
footer a, footer a:active, footer a:visited {color: #fff;text-decoration: underline;}
footer a:hover {color: #bbb;}

/********
    PC
*********/

@media screen and (min-width: 720px) {
.wrap{width: 100%;margin: 0 auto 0 auto;max-width: 1100px;box-shadow: 0px 0px 19px 10px #DDE39F;background:rgba(255,255,255,0.6);padding:20px 0;}
.wrap p{text-align: left;font-family: "vdl-v7gothic", sans-serif; font-weight: 400;font-style: normal;  padding:10px 20px; font-size: 1.4rem; line-height: 4rem;}
.fontL{font-size: 1.8rem;}
.fontLL{font-size: 3rem; line-height: 6rem;}
.c-center{text-align: center!important;padding: 0;}
.forsp {display: none;}
.forpc{display: block;}
.head-line{background: url("../images/bk-hl.jpg"); background-size: cover; background-position: center; text-align: center; color: #fff; padding:10px 0;margin: 0 auto;}
.img_right {float:right;width: auto;}
.img_herf{width: 100%; min-width: 300px; max-width: 800px; margin: 0 auto;}


/***************
     main
***************/
.head{background: #007EAC;padding:10px 0 0 0; position: relative;}
.head-txt01{background:#fff; border-radius: 150px; padding:10px; max-width: 300px; margin: 0 auto;}
.head-txt02{display: flex; color:#FFFA60; font-size: 30px; font-weight: bold; margin: 0 auto; max-width: 980px;justify-content: center; align-items: center;}
.head-pic{width: 80px;bottom: 0;right: 0;}
.main{margin: 0 auto;background: url("../images/top_bg.png"); background-size:cover; background-position:center top;background-repeat: no-repeat; width: 100%; padding: 0 0 100px 0;}
.main-txt{margin: 0 auto; max-width: 980px; width: 100%;}

/***************
     btn
***************/
.top-btn{ text-align: center;}
.cont-btn{text-align:right; padding:0 20px;}
img.s-btn{width: auto; max-width: 300px;}

/***************
     form
***************/
.sec-form{background: url("../images/bk-form.jpg");  padding:40px 0 40px 0;background-repeat: no-repeat; width: 100%; margin: 0; background-size: cover;border:solid 5px #9C936D;box-sizing: border-box;}
.sec-form02{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#880092+0,060c6d+100 */
background: #880092; /* Old browsers */
background: -moz-linear-gradient(top,  #880092 0%, #060c6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #880092 0%,#060c6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #880092 0%,#060c6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#880092', endColorstr='#060c6d',GradientType=0 ); /* IE6-9 */
  padding:40px 0 40px 0;background-repeat: no-repeat; width: 100%; margin: 0; background-size: cover;border:solid 5px #9C936D;box-sizing: border-box;}
.form-box{text-align: center; width: 100%; margin: 0 auto; max-width: 720px;}
.form-title{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; color: #fff; font-size: 30px;} 
.submit-btn{margin: 10px auto 0 auto; max-width: 620px;}
.input-txt{background:#D7ECF1; border: none; line-height: 90px; font-size: 20px;width: 100%;max-width: 720px; margin: 10px auto 20px auto; text-align: center;}
.input-kiyaku{ width: 100%; margin: 40px auto 10px auto; max-width: 700px; font-size: 14px; line-height: 150%; height: 100px; overflow-y: scroll;  background:#D7ECF1; padding:10px;}
.input-kiyaku p{padding:0 10px;}

/***************
     contain
***************/
	
.contain{padding:0; margin-top:-100px;}
.hl{background: url("../images/bk-hl.png"); background-size: cover; background-position: center; text-align: center; color: #fff; padding:10px 0;margin: 0 auto; height: 436px; display: flex; align-items: center;background-repeat: no-repeat; max-width: 1920px;}
.hl-txt{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; padding:30px 0; color: #516C9B; font-size: 3rem; width: 90%; margin: 0 auto;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;line-height: 6rem;}
.hl-txt span{font-size: 2rem;}


/*gift*/
.sec-gift{padding:0; background-size: cover;}
.head-line_gift{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 30px; line-height: 150%; color: #060C6D;}
.icon{width: 80px;margin: 0 auto 10px auto;}	
.gift-box{width: 90%; padding:10px; margin: 20px auto;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e490+0,fffdd1+51,f8e490+100 */
background: #f8e490; /* Old browsers */
background: -moz-linear-gradient(top,  #f8e490 0%, #fffdd1 51%, #f8e490 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e490', endColorstr='#f8e490',GradientType=0 ); /* IE6-9 */}
.gift-title{background:#3A4E72; display: flex;
color: #fff; font-size: 30px; font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; align-items: center;padding:10px; justify-content: space-around; line-height: 150%; border-radius: 10px;text-align: center;padding:20px 0;}
.icon-gift{width: 80px;}
.gift-label{background:#fff; font-weight: 700; padding:20px; margin: 10px auto 10px auto; line-height: 200%;}
.index-title{text-align: center; font-size: 24px;}
.gift-index{background:#F9DC63; padding:20px; margin: 10px auto 20px auto}
ul.index-list{list-style-type: decimal; padding-left: 30px}
ul.index-list li{font-weight: 500; line-height: 200%;font-size: 16px;}

/*oishi*/
.oishi-history{background:url("../images/bk-oishi.jpg"),#3A4E72; border-radius: 10px; border: solid 5px #DFD293;width:95%; margin: 0 auto; background-size: cover;}
.oishi-history p{color: #fff;font-family: "yu-mincho-pr6n", sans-serif;font-weight: 300;font-style: normal;text-shadow: 0px 0px 6px #3A4E72,0px 0px 6px #3A4E72,0px 0px 6px #3A4E72,0px 0px 6px #3A4E72;}


/*recolte*/
.recolte{text-align: center;background:url("../images/bk-recolte.png");background-size: cover; border-radius: 10px; border:solid 1px #DFD293; width: 90%; margin: 20px auto 20px auto; padding:20px}
.m01-image{text-align: center; background:url("../images/bk-m01.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.m01b-image{background:url("../images/bk-m01b.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}

.recolte-box{background:rgba(223,210,147,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
	
.recolte-box-v{display: flex; align-items: center; background:rgba(223,147,165,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}	
.recolte-box-b{display: flex; align-items: center; background:rgba(104,203,183,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
.recolte-box-o{display: flex; align-items: center; background:rgba(95,149,188,0.66);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;font-size: 1.6rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 16px; border:solid 1px #DFD293; text-align: left;text-shadow: none; max-width: 90%; margin: 20px auto 0 auto;}
.couse-cach{background:rgba(255,255,255,1.00); border-radius: 10px; text-align: center; padding: 10px; margin-right: 10px;}
	
.gassyuku01-image{text-align: center;background:url("../images/bk-gassyuku.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku02-image{text-align: center; background:url("../images/bk-gassyuku02.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku03-image{text-align: center; background:url("../images/bk-gassyuku03.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.gassyuku04-image{text-align: center; background:url("../images/bk-gassyuku04.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
	
.racolte-main-image{text-align: center;background:url("../images/bk-recolte-main.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
.recolte-txt{background:rgba(255,255,255,0.53);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 2rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 20px;}

.end-image{text-align: center;background:url("../images/bk-end.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}

.kyouka-image{text-align: center;background:url("../images/bk-kyouka.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}

.couse-image{text-align: center;background:url("../images/bk-couse.png"); background-size: cover; border-radius: 10px; border:solid 1px #DFD293; margin: 0 auto; padding:20px 0;text-shadow: 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe, 0px 0px 11px #fefefe;}
	
.recolte-txt{background:rgba(255,255,255,0.53);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 2rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 20px;}

/*table*/
table{width: 95%; margin: 20px auto 0 auto;}
th{
font-size: 1.4rem;
width: 150px;
text-shadow: 3px 3px 1px rgba(81,81,81,0.3);
padding:20px 5px;
border: solid thin;
color: #fff;
line-height: 2rem;
text-align: center;
vertical-align: middle;
background: #918961;
}
th.vip{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c87f98+1,db6196+100 */
background: #c87f98; /* Old browsers */
background: -moz-linear-gradient(top,  #c87f98 1%, #db6196 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c87f98 1%,#db6196 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c87f98 1%,#db6196 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c87f98', endColorstr='#db6196',GradientType=0 ); /* IE6-9 */
}
th.basic{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#76c17d+1,73c594+99 */
background: #76c17d; /* Old browsers */
background: -moz-linear-gradient(top,  #76c17d 1%, #73c594 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #76c17d 1%,#73c594 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #76c17d 1%,#73c594 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c17d', endColorstr='#73c594',GradientType=0 ); /* IE6-9 */
}
th.online{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#758cc4+1,6e89a1+99 */
background: #758cc4; /* Old browsers */
background: -moz-linear-gradient(top,  #758cc4 1%, #6e89a1 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #758cc4 1%,#6e89a1 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #758cc4 1%,#6e89a1 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#758cc4', endColorstr='#6e89a1',GradientType=0 ); /* IE6-9 */
}
td{font-size: 1.2rem; line-height: 2.4rem; background:#fff;box-shadow: 0px 0px 5px 0px rgba(71,71,71,0.2) inset; padding:20px 10px; vertical-align: middle;}
td.couse{text-align: center; vertical-align: middle;}
td.end{background:rgba(31,31,31,0.96); color: #fff;font-size: 4rem;
-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; line-height: 8rem!important;}
	
	
/*step*/
.sec-step{padding:20px 0; background:url("../images/bk-body.jpg");background-repeat: no-repeat; background-size: cover;}
.step-box{background:#060C6D;display: flex; border: solid 5px #9C936D; align-items: center; justify-content: space-between; padding:10px; margin: 10px auto; flex-wrap: nowrap;}
.step-no{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8e490+0,fffdd1+51,f8e490+100 */
background: #f8e490; /* Old browsers */
background: -moz-linear-gradient(left,  #f8e490 0%, #fffdd1 51%, #f8e490 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f8e490 0%,#fffdd1 51%,#f8e490 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e490', endColorstr='#f8e490',GradientType=1 ); /* IE6-9 */
border-radius: 150px; padding:10px 0;
font-weight: 700; font-size:20px; width: 100%; text-align: center; max-width: 120px; margin-bottom: 10px;}
.step-txt{width: 65%; font-weight: 700; font-size: 20px; color: #fff;margin: 0; padding: 0; line-height: 150%;}
.step-icon{width: 100px;}
.step-arrow{width: 0;height: 0;border-style: solid;border-width: 25px 40px 0 40px;border-color: #007eac transparent transparent transparent;
margin: 0 auto;}

/*change*/
.sec-change{padding:30px 0; color: #060C6D;}
.hl-change{font-weight: 700; text-align: center; font-size: 30px; line-height: 150%;}
.change-box{background:#fff; border-radius: 10px; margin: 30px auto 20px auto;box-shadow: 0px 0px 16px -6px #EB8007; max-width: 1100px;}
 ul.change-list{ list-style: none;padding:20px 0;;width: 90%;margin: 0 auto; padding-left: 1em;text-indent: -1em;}
 ul.change-list li{font-size:20px; font-weight: bold; text-align: justify;color: #000;padding:15px 0; line-height: 150%;}
 ul.change-list li::before {left: 1.5rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f304'; color: #973E62;}
/*price*/
.price{background:url("../images/bk-recolte.png");background-size: cover; border-radius: 10px; border:solid 1px #DFD293; width: 90%; margin: 20px auto 20px auto; padding:20px}
.price-box{background:rgba(255,255,255,0.53);font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-size: 2rem; line-height: 4rem;box-shadow: 0px 0px 16px -6px rgba(46,46,46,0.1); padding: 20px;}
.dousa{background:#fff; boeder:solid thin #3B3B3B;}

/*sec-profile*/
.sec-profile{padding:30px 0;}
.head-line_prof{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; color: #060C6D; text-align: center; font-size: 30px;
font-style: normal; text-align: center; line-height: 150%; max-width: 980px; margin: 0 auto;}
.profile-box{
padding: 20px 10px; margin: 20px auto 0;}
.profile-name{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal;  text-align: center; color: #060C6D; font-size: 30px;}
.profile-copy{font-family: "yu-mincho-pr6n", sans-serif;font-weight: 600;font-style: normal; text-align: center; font-weight: 700;  color: #060C6D; font-size: 20px; line-height: 150%;}
.profile-pic{ max-height: 290px; max-width: 290px; margin: 20px auto; width: 100%;}
}