@charset "euc-jp";
/* CSS Document */

#bodyClump .w950{
	margin: 0 auto;
	width: 950px;
}


/* header */
#templateFlame{
	width: 100%;
    background: #C4E6EC;
	background-size: 25px;
	padding: 0 0;
}
#template h1{
	width: 950px;
    margin: 0 auto;
	    padding: 10px 0;
	text-align: center;
	    font-size: 30px;
    letter-spacing: 5px;
}
#template h1 img{
	width: 950px;
}
#template .h1-bg{
	background: #37BCD4;
    background-size: cover;
    box-shadow: 0px 5px 12px rgb(120 120 120 / 20%);
}


/*--------- pageTop-------------- */
.pageTop {
    bottom: 20px;
    right: 26px;
    position: fixed;
    filter:alpha(opacity=50);
    z-index: 90;
	transition: 0.3s;
}

.pageTop:hover {
    filter:alpha(opacity=100);
	margin-bottom: 5px;
}


/*--------- main -------------- */
#bodyClump .box01, #bodyClump .box02{
	background: #fff;
	box-shadow: 0px 5px 12px rgba(120,120,120,0.2);
	margin: 50px 0;
}
#template #bodyClump .box01 h2{
	color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    background: #222222;
    padding: 10px 0px 12px 20px;
    font-size: 20px;
    position: relative;
    text-align: center;
    line-height: 1.6;
}
#template #bodyClump .box01 .img img,
#template #bodyClump .box02 .img img{
	width: 850px;
}
#template #bodyClump .box01 .img,
#template #bodyClump .box02 .img{
	text-align: center;
        margin: 25px 0 15px;
}
#template #bodyClump .box01 p{
	padding: 10px 30px 30px;
    font-size: 14px;
    color: #333;
	line-height: 1.6;
}
#template #bodyClump .small{
	font-size: 12px;
	color: #464646;
}
#template #bodyClump .box01 h3{
	color: #fff;
    font-size: 17px;
    text-align: center;
    margin: 30px 0px 0px;
    background: #ffc3cd;
    padding: 10px;
    border-radius: 50px;
}
#template #bodyClump .box01 h3 span{
	display:none;
}

#template #bodyClump .box02,#template #bodyClump .box03{
	padding-bottom: 30px;
	box-shadow: 0px 5px 12px rgba(120,120,120,0.2);
}

#template #bodyClump .box02 h2{
	    background: #222222;
    border-radius: 0px;
    font-size: 20px;
    padding: 15px 10px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 25px;
}
#template #bodyClump .box02 h3,#template #bodyClump .box03 h3{
	color: #08acc9;
    font-size: 17px;
    border-bottom: 2px solid #C4E6EC;
    text-align: center;
    background: #eaf7f9;
    margin: 30px 30px 0;
    padding: 10px;
    font-weight: bold;
}
#template #bodyClump .box02 p,#template #bodyClump .box03 p{
	padding: 15px 40px 10px;
    font-size: 13px;
    color: #333;
	line-height: 1.8;
}
#template #bodyClump .box02 .border{
	border-bottom: 1px solid #464646;
}
#template #bodyClump .box02 .red{
	color: #e70404;
}
#template #bodyClump .box02 .bold{
	font-weight: bold;
    font-size: 14px;
}
/*#template #bodyClump .box02 .bold a{
	color: #e70404;
}*/
#template #bodyClump .box02 .day{
	padding: 10px 40px 0;
}
#template #bodyClump .box02 h4{
    font-size: 15px;
    color: #D7BE2E;
    padding: 5px 30px;
    margin: 15px 30px 0;
    /* width: 950px; */
    border: 1px #D7BE2E dotted;
    border-width: 1px 0;

}
#template #bodyClump .box02 .h4-box{
        margin: 25px 40px 0;
} 
#template #bodyClump .box02 .h4-box .txt-item{
padding: 10px;
    margin: 0 30px;
    background: #fdffe0;
    margin-top: 15px;
    font-size: 13px;
}
#template #bodyClump .box02 .h4-box .day{
	    color: #464646;
}

#template #bodyClump .blue{
       background: none;
    padding: 0;
    text-align: center;
    font-size: 29px;
    letter-spacing: 3px;
    color: #08acc9;
    margin-bottom: 5px;
}
#template #bodyClump .box03{
	margin: 15px 0 50px;
	background: #fff;
}
#template #bodyClump .box03 p a{
	font-weight: bold;
}
#template #bodyClump .link{
    display: flex;
    justify-content: center;
    padding: 20px;
}
#template #bodyClump .link li:nth-child(2){
   margin-left: 30px;
}
#template #bodyClump .link li a{
    background: #ffffff;
    border: 1px solid #000;
    color: #222;
    padding: 5px 20px;
    box-shadow: 0px 5px 12px rgba(120,120,120,0.2);
}
#template #bodyClump .box03 h2.yellow{
       background: #222;
    border-radius: 0px;
    font-size: 20px;
    padding: 15px 10px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 25px;
    color: #fff;
}
#bodyClump h3.yellow span{
        display: none;
}
#bodyClump h3.yellow{
   background: #fffdf1;
}
#bodyClump .itemTypeD ul{
        background: none;
            padding: 20px 30px;
}
#bodyClump .itemTypeD li{
   margin-left: 10px;
       width: 170px;
}

#template #bodyClump .box03 .itemTypeD .image a:hover{
    opacity:0.8;
}
/* ==============================================================================
  nav
============================================================================== */
#templateWrap #templateFlame #bodyClump nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1080px;
  margin: 0 auto;
  font-weight: bold;
}
#templateWrap #templateFlame #bodyClump nav ul li {
  text-align: center;
  display: table;
  transition: .3s;
  line-height: 1.3;
}
#templateWrap #templateFlame #bodyClump nav ul li a {
  display: table-cell;
  vertical-align: middle;
  color: #08acc9;
  font-size: 20px;
  padding-top: 2px;
}
#templateWrap #templateFlame #bodyClump nav ul li:hover {
  transform: translateY(3px);
}
#templateWrap #templateFlame #bodyClump nav ul li a:hover {
  text-decoration: none;
}
#templateWrap #templateFlame #bodyClump nav .navTtl {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 28px;
  color: #e97990;
  margin-bottom: 56px;
  font-weight: bold;
}
#templateWrap #templateFlame #bodyClump nav .navTtl::before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 40vw;
  height: 16px;
  top: 7px;
  left: 110%;
  background-color: #08acc9;
  vertical-align: middle;
  background-repeat: no-repeat;
}
#templateWrap #templateFlame #bodyClump nav .navTtl::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 40vw;
  height: 16px;
  top: 7px;
  right: 110%;
  background-color: #08acc9;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.navHeight {
  display: block;
  margin-top: -90px;
  padding-top: 90px;
  line-height: 0;
}
.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 1200px;
}
.dummy {
  display: none;
}
/*.¸ÇÄê¥Ê¥Ó
========================================================================*/
#templateWrap #templateFlame #bodyClump #navArea {
  background: #C4E6EC;
  padding: 12px 0;
}
#templateWrap #templateFlame #bodyClump #navArea ul {
  padding: 0;
}
#templateWrap #templateFlame #bodyClump #navArea ul li {
  position: relative;
  width: 49%;
  height: 60px;
  background: #eaf7f9;
  border-radius: 100px;
}
#templateWrap #templateFlame #bodyClump #navArea ul li::after {
  content: "";
  position: absolute;
  top: 48.5%;
  margin: -6px auto 0;
  right: 28px;
  width: 8px;
  height: 8px;
  border-top: 3px solid #08acc9;
  border-right: 3px solid #08acc9;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  transition-duration: 0.3s;
  transition-property: all;
}
/*--------- ?????-------------- */
#bodyClump .item .itemTypeE{
	padding: 0px 20px;
}
#template #bodyClump .item p{
	    padding: 10px;
    background: #fdffe0;
    margin: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}
#bodyClump .itemTypeE .genre{
	 margin-bottom: 10px;
}
#bodyClump .itemTypeE .price{
	margin-top: 10px;
}
#bodyClump .itemTypeE .image img{
	width: 300px;
}


/*--------- ????-------------- */
#template #templateWrap #templateFlame #bodyClump .rbcomp__campaign__item .date {
    display: block;
    font-size: 13px;
    background: #ffee94;
    text-align: center;
    color: #222 !important;
    padding: 8px 0;
    margin: 16px 0 !important;
}

/*--------- item-two-------------- */
/*#template #templateWrap #templateFlame #bodyClump .item-two {
    width: 950px;
    margin: 24px 0 0 30px !important;
    justify-content: space-between;
}
*/
#template #templateWrap #templateFlame #bodyClump .item-two {
    margin-left: 30px !important;
}
#template #templateWrap #templateFlame #bodyClump [class^="itembox"] .item-two .rbcomp__campaign__item {
    width: 30%;
}
#template #templateWrap #templateFlame #bodyClump .item-two .rbcomp__campaign__item > span {
    display: inline-block;
    width: 460px;
    margin-bottom: 30px;
    padding: 0;
}

#template #templateWrap #templateFlame #bodyClump .item-two .rbcomp__campaign__item {
    width: 455px !important;
}

#template #templateWrap #templateFlame #bodyClump .item-two .rbcomp__campaign__item{
    margin-right: 0px !important;
    margin-bottom: 20px!important;
}
/*--------- item-three-------------- */
#templateWrap #templateFlame #bodyClump .item-three{
    width: 950px;
    margin: 24px auto 0 !important;
    justify-content: space-between;
    padding: 0 40px;
}



#template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item {
    width: 240px;
    margin: 0 75px 30px 0;
  }
  #template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item .item-img {
    display: grid;
    text-align: center;
    margin: auto;
    width: 280px;
    float: none;
  }
  #template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item .item-img a {
    transition: .2s all;
  }
  #template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item .item-img a:hover {
    opacity: .8;
  }
  #template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item .item-detail {
    margin: 10px 0 0;
  }


  #template #templateWrap #templateFlame #bodyClump .item-three .rbcomp__campaign__item .item-main .item-img img {
    max-width: 240px!important;
    max-height: 240px!important;
  }
  


#template #templateWrap #templateFlame #bodyClump .about b{
       font-size: 18px;
}
#template #templateWrap #templateFlame #bodyClump .stepbox{
       margin: 20px 30px 0;
    padding: 15px;
    background: #eaffff;
    border: 2px solid #b4cccc;
}
#template #templateWrap #templateFlame #bodyClump .stepbox b{
       display: block;
    color: #fff;
    font-size: 15px;
    margin: 0 0 -14px;
    padding: 6px 16px 4px;
    background: #568989;
}



/*
#template #templateWrap #templateFlame #bodyClump [class^="itembox"] .item-three .rbcomp__campaign__item .item-main .item-img {
    height: 280px;
    width: 280px;
    background: #fff;
}
#template #templateWrap #templateFlame #bodyClump [class^="itembox"] .item-three .rbcomp__campaign__item .item-main .item-img img {
    max-width: 250px !important;
    max-height: 250px !important;
}
*/