@charset "UTF-8";
/* CSS Document */
/********************
	共通
********************/
#Contents {
	margin-bottom: 0;
}
#aquary {
	width:100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	padding-top: 0;
	padding-bottom: 0;
    background-color: #002792;
}
.p_wrap {
	width:1280px;
	margin:0 auto;
}
.wp_in {
	padding-left: 80px;
	padding-right: 80px;
}
#aquary .pc{display: block;}
#aquary .sp{display: none;}
#aquary img{
	width: 100%;
}
#aquary a {
	transition: all .5s ease-out;
}
#aquary a:hover {
	opacity: 0.7;
	cursor: pointer;
}
.pagetop {
	text-align: center;
	margin: 55px auto 55px;
}
.pagetop a {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
#aquary div,
#aquary ul {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#aquary .mt01 {
	margin-top: 1em;
}
#aquary .kk {
	padding-left: 1em;
	text-indent: -1em;
}
#aquary .sp {
	display: none;
}
/********************
	kv
********************/
.kv {
    /*background-image: url(../../Contents/aquary/bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;*/
	/*background-size: 1920px auto;*/
	/*background-position: top center;*/
	/*background-color: #123080;*/
}
/*@media screen and (min-width: 1921px) {
	.kv {
		background-size: 100% auto;
	}
}*/
/********************
	sec1
********************/
.sec1 {
	padding: 66px 0 93px;
	background-image: url("../../Contents/aquary/s1_bg.jpg");
	background-repeat: no-repeat;
	/*background-size: 1920px auto;*/
        background-size: cover;
	background-position: top center;
	/*background-color: #fff;*/
	max-width: 1280px;
	margin: 0 auto;
}
.sec1 h2 {
	width: 1133px;
	margin: 0 auto 50px;
}
.sec1 p {
	text-align: left;
	font-size: 25px;
	line-height: 1.6;
	font-weight: 700;
	margin-top: 15px;
	color: #000;
}
.sec1 p span.fb {
	font-size: 35px;
	position: relative;
	z-index: 1;
}
.sec1 p span.fb::before {
	content: '';
	width: 85%;
	position: absolute;
	left: .5em;
	bottom: 0;
	border-bottom: 10px solid #EFFE6B;
	z-index: -1;
}
.sec1 .s1_h_03 {
    margin: 75px auto 0;
}
.sec1 .s1_h_03 img {
    width: auto !important;
    margin: 0 auto;
}
.sec1 .cart_btn {
    margin: 25px auto 0px;
}
.sec1 .cart_btn img {
    width: auto !important;
    margin: 0 auto;
}
/********************
	sec2
********************/
.sec2 {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto 0;
	background-color: #A9FA3E;
	/*background-image: url("../../Contents/aquary/s2_bg.jpg");*/
	background-repeat: no-repeat;
	background-size: 1280px auto;
	background-position: top center;
	
}
.sec2 .p_wrap {
	position: relative;}

/*.sec2 h2 {
	width: 777px;
	margin: 0 auto 0;
}*/
.s2_wp {
	width: 100%;
	/*margin-top: 75px;*/
}
.s2_wp_h {
	width: 588px;
}
.s2_wp_h h3 {
	width: 100%;
    position: absolute;
	bottom: 64px;
    left: 46px;
	z-index: 0;
}
.s2_wp_h h3 img {
	width: auto !important;
}
.s2_wp p {
	text-align: left;
	font-size: 25px;
	line-height: 1.6;
	font-weight: 700;
	margin-top: 30px;
	z-index: 1;
	color: #000;
}
.s2_wp_p {
	position: absolute;
	top: 22px;
	right: 10px;
	z-index: 0;
}
.s2_wp_p img {
	width: auto !important;
}
.s2_wp.c2 {
	margin-top: 100px;
}
.s2_wp.c2 .s2_wp_h {
	width: 688px;
	margin-right: 0;
	margin-left: auto;
}
.s2_wp.c2 p {
	text-align: right;
	padding-left: 4em;
}
.s2_wp.c2 .s2_wp_p {
	left: -139px;
	top: -56px;
}
/********************
	sec3
********************/
.sec3 {
	background-image: url("../../Contents/aquary/s3_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 93px 0;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}
.sec3 h2 {
	text-align: center;
	font-size: 50px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
.like {
	width: 764px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	align-items: flex-start;
	justify-content: space-between;
    margin: 0 auto;
}
.like li:nth-child(1) {
	width: 130px;
	padding: 0;
}
.like li:nth-child(2) {
	width: 532px;
	padding: 0;
}
.like_n {
	width: 88px;
	position: absolute;
	top: 0;
	left: 0;
}
.sec3 h3 {
	text-align: center;
	font-size: 30px;
	line-height: 1;
	font-weight: 700;
	color: #fff;
}
.like p {
	    text-align: left;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
    color: #fff;
    margin-top: 28px;
    padding: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
.like_p {
	margin: 0;
}
.like_p img {
    width: auto !important;
}
.like_btm {
	text-align: center;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	font-weight: 700;
	margin-top: 50px;
}
.like_btm sup {
	font-size: 14px;
}
.like_p4 {
	width: 630px;
	margin: 30px auto 0;
}

/********************
	sec4
********************/
.sec4 {
	max-width: 1280px;
	/*width: 100%;
	margin: 0 auto 0;
	background:linear-gradient(#C0C0C0, #F5F5F5);
	padding-bottom: 190px;*/
    background-image: url("../../Contents/aquary/s4_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 76px 0 65px;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}
/*.sec3b {
	width: 100%;
	background-image: url("../../Contents/aquary/s3_bgb.png");
	background-repeat: no-repeat;
	background-size: 1920px auto;
	background-position: top center;
	padding: 5px 0 0;
}*/
.sec3b_txt {
	text-align: right;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.66;
}

#aquary .item_area {
    /*width: 764px;*/
    width: 806px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: left;
    margin: 0 auto;
}
#aquary .item_ph {
	width: 225px;
    margin-top: 20px;
}
#aquary .item_ph img {
	width: auto !important;
}
#aquary .item_info {
	    /*width: 500px;*/
    width: 543px;
    margin-left: 38px;
    text-align: left;
    margin-top: 20px;
    color: #FFF;
}
#aquary .item_name {
	font-size: 38px;
    font-weight: 700;
    line-height: 1;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
#aquary .item_name span {
	font-size: 20px;
    margin-bottom: .4em;
    margin-left: 20px;
    font-weight: 700;
}
#aquary .item_sente {
    margin-top: 2em;
  list-style: none;
  padding-left: 0;
}

#aquary .item_sente li {
  padding-left: 5em;
    text-indent: -5em;
    font-size: 18px;
    line-height: 1.5;
    margin-top: 0.5em;
    font-weight: 300;
}
#aquary .label-container {
    display: table;
    border-collapse: collapse;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Zen Kaku Gothic New', sans-serif;
  }
#aquary .label-row {
    display: table-row;
    font-weight: 700;
  }
.item_sente .label-cell-key {
    width: 5.8em;
    padding-right: 6px;
line-height: 1.75;
}

.item_sente .label-cell-key .ju{
  display: inline-block;
  width: calc(100% - 1em);
  text-align: justify;
  text-align-last: justify;
}


.item_sente .label-cell-key .ju::after{ content: none; }

.item_sente .label-cell-key::after{
  content: "：";
  display: inline-block;
  width: 1em;
  text-align: right;
  vertical-align: top;
}

#aquary .label-cell-value {
    display: table-cell;
    padding: 0px;
    vertical-align: top;
    line-height: 1.75;
    
  }
#aquary .item_price{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: baseline; 
  justify-content: flex-start;
  gap: .4em; 
  margin-top: 25px;
}


#aquary .item_num{
  align-self: baseline;
  display: inline-flex;
  align-items: center;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
#aquary .item_num span{
  padding: .2em .5em;
  border: 1px solid #FFF;
  line-height: 1;            /* 余白を増やしたければ 1.2 などに */
}
#aquary .item_price span {
	line-height: 1;
	text-align: left;
	
}
#aquary .item_price span.pr {
	font-size: 40px;
    font-family: "UD新ゴNT M";
    font-weight: 700;
}
#aquary .item_price span.tax01 {
	font-size: 18px;
        margin-left: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
}
#aquary .item_price span.tax02 {
	font-size: 18px;
        margin-left: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 700;
}
#aquary .item_sd {
	font-size: 14px;
	text-align: center;
	width: 215px;
	background-color: #ccc;
	line-height: 2.1;
	margin-top: 1.5em;
	font-weight: 700;
}
#aquary .item_nt_wrap {
    margin-top: 1em;
}
#aquary .item_nt {
	text-align: left;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
    margin-top: 0em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

#aquary .btn_cart {
	width: 700px;
	margin: 85px auto 0;
	text-align: center;
	font-size: 35px;
	line-height: 2.49;
}
#aquary .btn_cart a {
	display: block;
	color: #000;
	background-color: #A9FA3E;
	border-radius: 2em;
}
#aquary .btn_cart span {
	padding-right: 1.6em;
	background-image: url("../../Contents/aquary/cart.png");
	background-repeat: no-repeat;
	background-size: 45px auto;
	background-position: center right;
}
#aquary .item_spec_area {
	width: 700px;
	margin: 60px auto 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 30px 0 30px;
}
#aquary .item_spec_area p,
#aquary .item_spec_area li {
	font-size: 16px;
	line-height: 1.44;
	text-align: left;
	font-weight: normal;
}
#aquary .item_spec_area li {
	padding-left: 1em;
	position: relative;
}
#aquary .item_spec_area li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#aquary .notice {
	margin-top: 30px;
}
#aquary .notice li::before {
	content: '※';
}
.tx_red {
	color: #B01D25;
}

/********************
	sec5
********************/
.sec5 {
	width: 1280px !important;
	/*width: 100%;
	margin: 0 auto 0;
	background:linear-gradient(#C0C0C0, #F5F5F5);
	padding-bottom: 190px;*/
    background-image: url("../../Contents/aquary/s5_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 59px 0;
	width: 100%;
	margin: 0 auto;
    color: #FFF;
        font-family: 'Zen Kaku Gothic New', sans-serif;
}
#aquary .sec4_in {
	width: 1060px;
	/*background-color: #fff;*/
	padding: 0;
	margin: 0px auto;
}
.sec4_cart {
    text-align: center;
    margin: 40px auto 0;
}
/*.sec4_in.btm {
	margin-top: 60px;
	padding-top: 100px;
}*/
#aquary .n_h_wrap {
	text-align: center;
    margin: 0 auto;
}
#aquary .n_h {
	text-align: center;
    font-size: 25px;
    line-height: 2;
    font-weight: 700;
    display: inline-block;
    margin: 0 auto;
    border-bottom: 2px solid #FFF;
    text-underline-offset: 0.4em;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
.n_area {
	width: 700px;
	padding-left: 30px;
	padding-top: 10px;
	margin: 0 auto 0;
	font-weight: 400;
}
#aquary .n_area h3 {
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	    line-height: 1.6;
	margin: 2.2em 0 .7em;
}
/*#aquary .n_area h3 span {
 border-bottom: 2px solid #000;
}*/
#aquary .n_area p.period {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
    margin: 0em 0 .7em;
}
#aquary .n_area p {
	    font-size: 14px;
    line-height: 1.44;
    font-weight: 300;
}
#aquary .n_area p a {
	text-decoration: underline;
    color: #FFF;
}
.point_area {
	width: 700px;
	margin: 30px auto 0;
	padding: 35px 34px 34px;
    border: solid 1px #FFF;
}
.point_area p.p_h {
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 25px;
}
.point_area p {
	font-size: 16px;
	line-height: 1.44;
	font-weight: normal;
	/*letter-spacing: 0.05em;*/
}
.point_area p + p {
	margin-top: 1em;
}
/********************
	sec6
********************/
.sec6 {
	width: 1280px !important;
	margin: 0 auto ;
}
/********************
	buy_btn
********************/
.buy_btn {
	width: 110px;
	position: fixed;
	right: 0;
	bottom: 100px;
	transition: .3s;
	opacity: 1;
}
.disp_n {
	right: -100%;
	opacity: 0;
}

/********************
	end_txt
********************/
.end_area {
	width: 100%;
	background-color: #fff;
}
.end_txt {
	padding: 10px 10px 15px 20px;
	background-color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
}
.end_txt_b {
	padding: 5px 15px;
	margin-leat:5px;
	color: #fff;
	backGround-color:black;
}
.end_txt_t {
	margin-left:10px;
}
.end_cart_f {
	font-size: 30px;
	font-weight: 500;
	background-color: #666;
	text-align: center;
	line-height: 3;
	margin: 60px auto 0;
	color: #fff;
	width: 600px;
}
/********************
	animation
********************/
[data-aos="ani_up"] {
	opacity: 0;
	transform: translateY(50px);
}
[data-aos="ani_up"].aos-animate {
	opacity: 1;
	transform: translateY(0);
	animation-fill-mode: forwards;
}
@keyframes ani_up {
  0% {
		opacity: 0;
		transform: translateY(50px);
  }
  100% {
    opacity: 1;
		transform: translateY(0);
  }
}
[data-aos="ani_right"] {
	opacity: 0;
	transform: translateX(-80px);
}
[data-aos="ani_right"].aos-animate {
	opacity: 1;
	transform: translateX(0);
	animation-fill-mode: forwards;
	animation-delay: .3s;
}
@keyframes ani_right {
  0% {
		opacity: 0;
		transform: translateY(80px);
  }
  100% {
    opacity: 1;
		transform: translateX(0);
  }
}
[data-aos="ani_left"] {
	opacity: 0;
	transform: translateX(80px);
}
[data-aos="ani_left"].aos-animate {
	opacity: 1;
	transform: translateX(0);
	animation-fill-mode: forwards;
	animation-delay: .3s;
}
@keyframes ani_left {
  0% {
		opacity: 0;
		transform: translateY(80px);
  }
  100% {
    opacity: 1;
		transform: translateX(0);
  }
}

.wsn {
    white-space: nowrap;
}

/*カートを見る*/
.intro-item__btn {
        margin: 28px auto 0;
    text-align: center;
  }
.intro-item__btn a:visited {
    color: #FFF;
  }
.c-btn {
    min-width: 366px;
    min-height: 74px;
    font-size: 1.6rem;
  }
  .c-btn.ad_cart {
    min-width: 201px;
    min-height: 54px;
  }
  .c-btn.ad_cart::before {
    width: 23px;
    height: 21px;
    margin-right: 9px;
  }
.c-btn.ad_cart::before {
    /* display: inline-block; */
    content: "";
    width: 22px;
    height: 19px;
    margin-right: 8px;
    background: url(../../Contents/aquary/icon-cart-wh.png) no-repeat center center / contain;
}
.c-btn {
    position: relative;
    overflow: hidden;
    display: inline-grid
;
    place-content: center;
    grid-auto-flow: column;
    z-index: 1;
    min-width: 178px;
    min-height: 48px;
    border-radius: 10em;
    background: #fff !important;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}
@media (hover: hover) {
    .c-btn.ad_cart::before, .c-btn.ad_cart::after {
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    .c-btn.ad_cart:hover::before {
        background-image: url(../../Contents/aquary/icon-cart.png);
    }
        .c-btn.ad_cart:hover::after {
        opacity: 0 !important;
    }
    .intro-item__btn a:hover {
    opacity: 1 !important;
    cursor: pointer;
}
        .c-btn.ad_cart:hover {
        color: #0C91D8;
    }
}
.c-btn::after {
    position: absolute;
    inset: 0;
    display: block;
    content: "";
    z-index: -1;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(10%, #26b0f8), to(#03c6be));
    background: linear-gradient(to right bottom, #26b0f8 10%, #03c6be 100%);
}