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

/*　　　－－－－－　　▼　全体　▼　　　－－－－－　　*/
body{
    /*background-color:#000;*/
  background-image: url("img/bg.jpg");
　　background-size:cover;/*背景画像で全体を覆う*/
 color:#fff;
	margin:0 auto;
margin-top:0;
padding-top:0;
    font-family: 'Noto Serif JP', serif;
color: #000; }


/*ホバーして色を白くする*/
a:hover img.over {
	opacity: 0.4;  
	filter: alpha(opacity=60);
	background-color:#fff;
	display:block;
}




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

    
.cont{padding:0.3em;margin-bottom:0.5em;
	 font-size: 2.3em;
}  

.box{width:95%;
	margin-bottom:2%;
	  display: flex;
        flex-wrap: wrap;
        margin:0 auto;
	padding:0 auto;}
    
.zoomslider{ position: relative;height: 90vw;width:100%;
/*z-index: 100;*/}

.ttl_img{
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
width: 45%;}
 .box0 {
    margin:0 auto;
width:100%;
}
    
    
.cont00{
	width: 100%;
	margin:0 auto;
	margin-bottom:15%;
}
/* #budget */
#budget {
  width: 100%;
  text-align: center; }
  #budget li {
    list-style: none; }


 /* #budget */
  #budget h2 img {
    width: 98%;
 }
  #budget ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    /*background-color: #000;*/
   /* padding: 2%;*/
    margin-bottom: 2%; }
    #budget ul li {
      width: 80%;
      display: inline-block;
      /*float: left;*/
      /*margin-right: 2%;*/
      margin-bottom: 2%; }
      #budget ul li .ss {
        font-size: 17px; }
    #budget ul li:first-child {
      margin-left: 0px; }
    #budget ul li:last-child {
      margin-right: 0px; }

  /*予算からギフトを探すのボタン*/
  /* .budget_btn */
  .budget_btn {
    display: block;
    text-decoration: none;
    width: 100%;
    padding: 0.3em;
    text-align: center;
	color: #000;
    border-radius: 8px;
   /*border: solid 2px #892f53;*/
    overflow: hidden;
    font-size:  1.0rem; }
    .budget_btn span {
      display: inline-block;
      transition: 0.5s; }
    .budget_btn span:hover {
	transform: rotateX(360deg); }     
    
/*PC非表示*/
.pc_hidden{
	margin:0;
	display:none;}      
    
    
}

@media screen and (min-width: 601px) and (max-width: 979px){
    
.cont{padding:0.3em;margin-bottom:0.5em;
	 font-size: 3.0em;}  

.box{width:95%;
	margin-bottom:2%;
	  display: flex;
        flex-wrap: wrap;
        margin:0 auto;
	padding:0 auto;}

.zoomslider{ position: relative;height: 65vw;width:100%;
/*z-index: 100;*/}

.ttl_img{
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
width: 45%;}
    
 .box0 {
    margin:0 auto;
width:100%;
}
    
.cont00{
	width: 100%;
	margin:0 auto;
	margin-bottom:15%;
}
/* #budget */
#budget {
  width: 100%;
  text-align: center; }
  #budget li {
    list-style: none; }


 /* #budget */
  #budget h2 img {
    width: 98%;
 }
  #budget ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    /*background-color: #000;*/
   /* padding: 2%;*/
    margin-bottom: 2%; }
    #budget ul li {
      width: 80%;
      display: inline-block;
      /*float: left;*/
      /*margin-right: 2%;*/
      margin-bottom: 2%; }
      #budget ul li .ss {
        font-size: 17px; }
    #budget ul li:first-child {
      margin-left: 0px; }
    #budget ul li:last-child {
      margin-right: 0px; }

  /*予算からギフトを探すのボタン*/
  /* .budget_btn */
  .budget_btn {
    display: block;
    text-decoration: none;
    width: 100%;
    padding: 0.3em;
    text-align: center;
	color: #000;
    border-radius: 8px;
   /*border: solid 2px #892f53;*/
    overflow: hidden;
    font-size:  1.0rem; }
    .budget_btn span {
      display: inline-block;
      transition: 0.5s; }
    .budget_btn span:hover {
	transform: rotateX(360deg); }        
    
/*PC非表示*/
.pc_hidden{
	margin:0;
	display:none;}      
    
}
    
@media screen and (min-width: 980px){

    #side{
	position:fixed;
	bottom:20px;
	right:0px;
	z-index:2;
	text-align:center;
	}
    
.cont{	padding:0.3em;margin-bottom:0.5em;
	 font-size: 3.5em;}

.box {  width: 940px;
        display: flex;
        flex-wrap: wrap;
        margin:0 auto;
	padding:0 auto;
     padding-bottom: 50px;}

 .zoomslider{position: relative; height: 50vw; max-width: 100%;
/*    overflow: hidden;*/}

.ttl_img{
position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
width: 33%;}

    
 .box0 {
    margin:0 auto;
width:940px;
}
  
 .cont00{
	position: center;
/*	background-color:#ffc8d0;*/
	width: 940px;
	margin-top: 100px;
	padding-bottom: 50px;
    margin: 0 auto 50px auto;
    padding: 10px;
}

/* #budget */
#budget {
  width: 100%;
  text-align: center; }
  #budget li {
    list-style: none; }

 /* #budget */
  #budget h2 img {
    width: 98%;
    margin: 5% 0; }
  #budget ul {
    display: block;
    width: 100%;
    margin: 0 auto;
    /*background-color: #000;*/
    padding: 2%;
    margin-bottom: 2%; }
    #budget ul li {
      width: 40%;
      display: inline-block;
      /*float: left;*/
      /*margin-right: 2%;*/
      margin-bottom: 2%; }
      #budget ul li .ss {
        font-size: 17px; }
    #budget ul li:first-child {
      margin-left: 0px; }
    #budget ul li:last-child {
      margin-right: 0px; }

  /*予算からギフトを探すのボタン*/
  /* .budget_btn */
  .budget_btn {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 70px;
	 position: center;
    padding-top: 30px;
    text-align: center;
   /* color: #000;*/
	color: #000;
    border-radius: 8px;
/*   border: solid 2px #892f53;*/
    overflow: hidden;
    font-size: 23px; }
    .budget_btn span {
      display: inline-block;
      transition: 0.5s; }
    .budget_btn span:hover {
	transform: rotateX(360deg);
}    
        
    
/*スマホ非表示*/
.sp_hidden{
	margin:0;
	display:none;}    
    
    
}

.cont{border-bottom: solid 2px #c19e33;
	text-align:center;}  


 .box1 {
        flex: auto;
     margin:0 auto;
        width: 46%;
        margin: 2%;
        padding: 0;
      }