@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ----------------------------------------------------------------------
タイトル&背景

-------------------------------------------------------------------------*/

.lp-title {
 height: 500px; 
 background-image: url("../supersummersale/images/sss_bg2025.jpg");
 background-size: cover;
 background-position: center center;
}

.lp-title div{
  text-align: center;
  padding: 50px 10px;
}

.lp-title div img {
  width: 60%;
	max-width: 800px;
  margin: auto;
}


#lp_bg {
	background-size: cover;
	margin:0;
	padding: 15px 10px;
	background-image: url("images/sss_bg2-2025.jpg");
	background-size: cover;
	background-attachment: fixed;
}


/* ----------------------------------------------------------------------
ナビ

-------------------------------------------------------------------------*/
#sss_nav {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0px 0 0px 0;
	background:#0f4bd2;
	height: 80px;
	width: 100%;
}

#sss_nav.fixed {
	position: fixed;
	z-index: 999;
	top:0;
}

#sss_nav ul {
  position: relative;
  left: 50%;
  float: left;
}

#sss_nav li {
  position: relative;
  right: 50%;
  float: left;
}

.navi_link a {
	display: inline-block; 
    text-align: center;
    text-decoration: none; 
	width:200px; 
    padding: 25px 0px 30px 0px;
    color: #FFF;
	font-weight: bolder;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.navi_link {
  float:left;
  border-left: 1px solid #fff;
}

.navi_link:last-child {
  border-right: 1px solid #fff;}

#sss_nav li:hover{
background: #7adbfb;
}

#sss_nav li:active{
background: #7adbfb;
}




/* ----------------------------------------------------------------------
全般　（フォント、クリアなど）

-------------------------------------------------------------------------*/

.clear {
	clear: both;
}
	

h2 {
font-family:'Noto Sans JP'
               sans-serif !important; 
}

h4 {
font-family: 'Noto Sans JP', sans-serif !important;
	}

h3 {
font-family: 'Noto Sans JP', sans-serif !important;
	}

h5 {
font-family:'Noto Sans JP', sans-serif !important;
	}

p {
font-family:'Noto Sans JP', sans-serif !important;
	}

h1 {font-family:'Noto Sans JP'
               sans-serif;
	text-align: center;
	font-size: 1.5em;
	color: #e94d55;
	padding: 30px 120px;
}


/* ----------------------------------------------------------------------
フェードイン　アニメーション

-------------------------------------------------------------------------*/
.fadein{
  -webkit-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 1s linear;
  opacity: 0;
}
.fadein.active{
  opacity: 1;
}





/* ----------------------------------------------------------------------
商品　共通部分

-------------------------------------------------------------------------*/

.content-wrapper h2 {
	font-size: 2.2em;
	text-align: center;
	padding:50px 0px 10px 0px;
	color: #2934AF;
	font-family: 'Noto Sans JP', sans-serif !important;
}
.content_block {
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
	text-align: center;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	-webkit-justify-content: space-between;
	font-family: 'Noto Sans JP', sans-serif !important;
	
}

.content_block p {
	padding: 10px 0 20px 0;
	font-size: 0.9em;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.land_block {
	width: calc(100% / 3 - 20px);
    margin: 20px auto;
	padding: 0 0 50px 0;
    min-height: 500px;
     position: relative;
  overflow: hidden;
	background-color: aliceblue;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.land_block img {
	width: 100%;
	margin: 0;
}

.land_block h3 {
	font-size: 1em;
	padding: 10px 0;
	margin: 0 25px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.land_block p {
    padding: 10px 5px;
	margin: 0 15px;
	text-align: center;
	
	font-family: 'Noto Sans JP', sans-serif !important;
}


.mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.mask-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: yellow;
  z-index: 3;
  font-size: 1.5em;
    font-weight:900;
  text-align: center;
  pointer-events: none;
}





#ua_main, #tour{
	margin: 40px auto;
	padding: 20px 10px;
	background-color:#fffae5;
	max-width: 1280px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

#ua_main h4 {
  margin: 15px;
  font-size: 2.0em;
 font-weight: 900; 
  text-align: center;
  color: #000;
	padding:20px 0px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.ua-container {
	max-width: 960px;
  margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.ua-container img {
	width: 100%;
}

.ua-container p{
	margin: 20px 10px;
	padding: 20px 30px;
  font-size: 1.2em;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif !important;
}



.ua_block {
	width: calc(100% / 3 - 20px);
    margin: 20px auto;
	padding: 0 0 50px 0;
    min-height: 300px;
	background-color: aliceblue;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.ua_block img {
	width: 100%;
	margin: 0;
}

.ua_block h3 {
	font-size: 1em;
	padding: 10px 0;
	margin: 0 25px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.ua_block p {
    padding: 10px 5px;
	margin: 0 15px;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif !important;
}





#sonota_main{
	margin: 20px auto 30px auto;
	padding: 30px 10px 60px 10px;
background-color:#fff;
	font-family: 'Noto Sans JP', sans-serif !important;
	max-width: 1280px;
	text-align: center;
}


#sonota_main h2 {
  margin: 15px;
  font-size: 2.0em;
 font-weight: 900; 
  text-align: center;
  color: #000;
	padding:20px 0px;
	font-family: 'Noto Sans JP', sans-serif !important;
}



#sonota_main h4 {
  margin: 15px;
  font-size: 2.0em;
 font-weight: 900; 
  text-align: center;
  color: #000;
	padding:20px 0px;
	font-family: 'Noto Sans JP', sans-serif !important;
}


.sonota-container {
	max-width: 960px;
  margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif !important;
	text-align: center;
}

.sonota-container img {
	width: 80%;
	margin: 20px auto;
}



.sonota-container p{
	margin: 20px 10px;
	padding: 20px 30px;
  font-size: 1.2em;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif !important;
}



 button {
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 5px;
      border: none;
      background-color: #007BFF;
      color: white;
      cursor: pointer;
    }
    button:hover {
      background-color: #0056b3;
    }
    #coupon {
      margin-top: 20px;
      font-size: 20px;
		font-weight: 700;
      color: #333;
      display: none;
    }





/*--------
     商品タグ
----------*/



.cuntag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #F24BD8;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.chitag {
   font-size: 0.9em;
  color: #FFF;
  background-color: #0064BF;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}


.bostag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #e72855;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.nytag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #F99837;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.latag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #2CA629;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}


.lastag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #A55A34;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}



.sfotag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #0B4C29;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.orltag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #0E76CB;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.santag {
  font-size: 0.9em;
  color: #FFF;
  background-color: #75488B;
  float: left;
  margin: 3px;
  font-weight: bolder;
  padding: 5px 5px;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.price {
  font-size: 0.9em;
  color: #000;
  margin: 0 20px 10px 20px;
  font-weight: bolder;
	text-align: center;
font-family: 'Noto Sans JP', sans-serif !important;
}

.price_num {
  font-size: 1.2em;
  font-weight: bolder;
  letter-spacing: 0;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif !important;

}

.small_price {
  font-size: 1em;
}



/* -------------------------------
ボタン
------------------------------*/


.btn {
  font-size: 1em;
  margin: 20px;
  background-color: #e1b811;
  font-weight: bolder;
  border-radius: 30px;
  color: #FFF;
  padding: 10px 20px;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.btn:hover {
   background-color: #ffcc66;
}

.btn_s {
	display: inline-block;
  font-size: 14px;
	text-decoration: none;
  margin-top: 5px;
  background-color: #294ce4;
  font-weight: bolder;
  border-radius: 5px;
  color: #FFF;
  padding: 10px 20px;
}

.btn_l {
  font-size: 1.6em;
  margin: 20px;
  background-color: #e1b811;
  font-weight: bolder;
  border-radius: 30px;
  color: #FFF;
  padding: 10px 20px;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif !important;	
}

.txt {
  font-size: 1em;
  font-weight: bolder;
	text-decoration: none;
	font-family: 'Noto Sans JP', sans-serif !important;
}


.products {
	display: block;
	margin: 30px
}

.products h3 {
	font-size: 20px;
	text-align: center;
	margin: 20px auto 15px auto;
	color: #10069F;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.prod_box {
	border: solid 1px #DEDEDE;
	padding: 20px;
}

.prod_img {
	float: left;
	width: 40%;
	margin: 0 15px 15px 0;
}

.products h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 10px 0;
	letter-spacing: normal;
	font-family: 'Noto Sans JP', sans-serif !important;
}

.prod_icons {
	width: 15px;
}

.prod_info {
	margin: 20px 0 0 0;
}

.prod_price {
	font-size: 24px;
	color: #F25749;
}

.prod_btn {
	background-color: #F90;
	border-radius: 4px;
	padding: .5rem;
	font-weight: bold;
	display: inline-block;
	width: 30%;
	margin: 10px 0;
	text-align: center;
}

.prod_btn a {
	color: #FFF;
	text-decoration: none;
}


.buttons02 {
text-align: center;
  position: relative;
  overflow: hidden;
}


.buttons02 a {
	display: inline-block; 
    text-align: center;
    text-decoration: none; 
	width:620px; 
    padding: 20px;
	margin: 20px;
	border-radius: 10px;
	font-size: 1.8em;
    color: #FFFFFF;
	font-weight: bolder;
	background-color:#00a1e9;
	font-family: 'Noto Sans JP', sans-serif !important;
}





/* ----------------------------------------------------------------------


media Queries


-------------------------------------------------------------------------*/


/* スマホに適用するCSS */
@media screen and ( max-width:640px ) {
	
.lp-title {
 height: 350px; 
 background-image: url("../supersummersale/images/ssstoptitle1sp-min.jpg");
 background-size:cover;
 background-position: center center; 
}
	
	
h1 {
	padding: 30px 30px;
	font-size:1.2em; 
}

	
.lp-title div{
padding: 90px auto;
}


.lp-title div img {
  width: 50%;
  margin: auto;
}


#lp_bg {
	background-image: url("images/bg_pool_sp.jpg");
	background-size: cover;
}
	
.content-wrapper h2 {
	font-size: 1.2em;	
	}

#ua_main, #tour, #sonota_main{
	margin: 20px auto;
	padding: 0 10px 20px 10px;
	max-width: 90%;
}
	
.land_block {
	width: 45%;
    margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
    min-height: 300px;
}

.land_block h3 {
	font-size: 0.8em;
}
	
	
.land_block p	{
	font-size: 0.8em;
}
	
.ua_block {
	width: 45%;
    margin: 0 auto 20px auto;
	padding: 0 0 20px 0;
    min-height: 280px;
}

.ua_block h3 {
	font-size: 0.8em;
}
	
	
.ua_block p	{
	font-size: 0.8em;
	padding: 3px
}
	
	
	
.ua-container p{
	padding: 20px 10px;
  font-size: 1em;
	}

	
.sonota-container p{
	padding: 20px 10px;
  font-size: 1em;
	}

.sonota-container img {
	width: 90%;
	margin: 10px auto;
}
	
.cuntag {
   font-size: 0.8em;
}		
	
.chitag {
   font-size: 0.8em;
  
}


.bostag {
   font-size: 0.8em;
}

.nytag {
   font-size: 0.8em;
}

.latag {
    font-size: 0.8em;
}

.lastag {
   font-size: 0.8em;
}		

.sfotag {
   font-size: 0.8em;
}			

.orltag {
   font-size: 0.8em;
}		

.santag {
   font-size: 0.8em;
}	
	

.btn {
  font-size: 0.7em;
  margin: 15px;
  border-radius: 30px;
  padding: 7px 10px;
}

.txt {
  font-size: 0.7em;
  margin: 15px;
  padding: 0px 0px;
}
.products {
	margin: 10px;
}

.prod_box {
	padding: 10px;
	margin: 0 20px;
}

.prod_img {
	width: 100%;
	margin: 0;
}
	
.products p {
	margin: 0;	
}

.products h4 {
	font-size: 18px;
	margin: 0 auto 0 auto;
}
	
.prod_btn {
	width: 50%;
}

	.buttons02 a {
	display: inline-block; 
    text-align: center;
    text-decoration: none; 
	width:80%; 
    padding: 10px;
	margin: 10px 20px 10px 35px;
	border-radius: 10px;
	font-size: 1.0em;
}


		
/* タブレットに適用するCSS */
@media screen and (max-width: 768px){

	
	
.lp-title {
 height: 350px; 
 background-image: url("../supersummersale/images/ssstoptitle1sp-min.jpg");
 background-size:cover;
 background-position: center center; 
}
	
.lp-title div{
padding: 160px auto;
}

.lp-title div img {
    width: 100%;
}	
	
	

#sss_nav {
	margin: 0px 0 0px 0;
	height: 50px;
	width: 100%;
}

.navi_link a {
	width: 90%;
    padding: 10px 0px 10px 0px;
	font-size: 40%;
}
	

	
	
	.land_block h3 {
	font-size: 0.8em;
}
	
	
.land_block p {
font-size: 0.8em;
}