@charset "UTF-8";

header {
	margin-bottom:15px;
}
.img {
	width:100%;
	height:auto;
	display:block;
}
.father * {
	box-sizing:border-box;
}
.father a {
	display:block;
	transition:opacity 0.5s;
}
.father a:hover {
	opacity:0.7;
}

/* -------------------------------------
fathersday
------------------------------------- */
.father h1 {
	margin-bottom:50px;
}
.father h1 .sp {
	display:none;
}

.father #lead {
	max-width:750px;
	padding:15px 30px;
	margin:0 auto 70px auto;
	border-radius:10px;
	background:url(https://gigaplus.makeshop.jp/0154/common_new/imgs/onlineshop/page/fathersday/2023/bg_lead.jpg) repeat center center;
}
.father #lead .flex {
	align-items:center;
}
.father #lead p {
	font-size:17px;
	font-weight:bold;
	line-height:1.6;
	flex:1;
}
.father #lead figure {
	width:230px;
}

.father .flex {
	display:flex;
	flex-wrap:wrap;
}

.father #osusume {
	max-width:900px;
	margin:0 auto;
}
.father #osusume h2 {
	width:525px;
	margin:0 auto 20px auto;
}
.father #bottle {
	padding:40px 30px 30px 30px;
	margin-bottom:100px;
	border-radius:15px;
	background-color:#F9F27F;
}
.father #bottle h3 {
	width:54.7%;
	margin:0 auto 30px auto;
}
.father #bottle .list li:not(:last-child) {
	padding-bottom:30px;
	margin-bottom:30px;
	background:url(https://gigaplus.makeshop.jp/0154/common_new/imgs/onlineshop/page/fathersday/2023/bottle_border.png) no-repeat center bottom;
}
.father #bottle .list li figure {
	width:45.2%;
}
.father #bottle .list li .text {
	width:51.1%;
	padding-bottom:45px;
	margin-left:auto;
	position:relative;
}
.father #bottle .list li .text .head {
	align-items:center;
	margin-bottom:15px;
}
.father #bottle .list li .text .head .num {
	width:82px;
}
.father #bottle .list li .text .head h4 {
	font-size:26px;
	font-weight:bold;
	line-height:1.3;
	flex:1;
	padding-left:18px;
}
.father #bottle .list li .text .cap {
	font-size:17px;
	font-weight:500;
	line-height:1.4;
	margin-bottom:15px;
}
.father #bottle .list li .text .set {
	font-size:16px;
	font-weight:500;
}
.father #bottle .list li .text .price {
	font-size:25px;
	font-weight:bold;
	line-height:1.0;
	align-items:center;
	justify-content:flex-end;
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
.father #bottle .list li .text .price dt {
	margin-right:10px;
}

.father .item {
	padding:30px;
	border-radius:15px;
}
.father .item:not(:last-child) {
	margin-bottom:100px;
}
.father .item#item1 {
	background-color:#E7F1F7;
}
.father .item#item2 {
	background-color:#DAF4EA;
}
.father .item#item3 {
	margin-bottom:150px;
	background:url(https://gigaplus.makeshop.jp/0154/common_new/imgs/onlineshop/page/fathersday/2023/item3_bg.jpg) no-repeat center center;
	background-size:cover;
}
.father .item figure {
	width:45.2%;
}
.father .item .text {
	width:51.1%;
	padding-bottom:45px;
	margin-left:auto;
	position:relative;
}
.father .item .text h3 {
	font-size:26px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:15px;
}
.father .item .text .cap {
	font-size:17px;
	font-weight:500;
	line-height:1.4;
	margin-bottom:15px;
}
.father .item .text .set {
	font-size:16px;
	font-weight:500;
}
.father .item .text .price {
	font-size:25px;
	font-weight:bold;
	line-height:1.0;
	align-items:center;
	justify-content:flex-end;
	position:absolute;
	bottom:0;
	right:0;
	z-index:1;
}
.father .item .text .price dt {
	margin-right:10px;
}

@media screen and (max-width:1135px) {
	.father h1 {
		margin-bottom:48px;
	}
	

	.father #lead {
		margin:0 auto 66px auto;
	}


	.father #osusume h2 {
		margin:0 auto 19px auto;
	}
	.father #bottle {
		padding:38px 28px 28px 28px;
		margin-bottom:93px;
	}
	.father #bottle h3 {
		margin:0 auto 28px auto;
	}


	.father .item {
		padding:28px 28px 28px 28px;
	}
	.father .item:not(:last-child) {
		margin-bottom:93px;
	}
	.father .item#item3 {
		margin-bottom:140px;
	}
}
@media screen and (max-width:980px) {
	.father h1 {
		margin-bottom:46px;
	}


	.father #lead {
		margin:0 auto 62px auto;
	}


	.father #osusume h2 {
		margin:0 auto 18px auto;
	}
	.father #bottle {
		padding:36px 26px 26px 26px;
		margin-bottom:86px;
	}
	.father #bottle h3 {
		margin:0 auto 26px auto;
	}
	.father #bottle .list li .text .head .num {
		width:76px;
	}
	.father #bottle .list li .text .head h4 {
		font-size:25px;
		padding-left:15px;
	}
	.father #bottle .list li .text .price {
		font-size:24px;
	}


	.father .item {
		padding:26px 26px 26px 26px;
	}
	.father .item:not(:last-child) {
		margin-bottom:86px;
	}
	.father .item#item3 {
		margin-bottom:130px;
	}
	.father .item .text h3 {
		font-size:25px;
	}
	.father .item .text .price {
		font-size:24px;
	}
}
@media screen and (max-width:960px) {
	.father #osusume h2 {
		width:58.3%;
	}
}
@media screen and (max-width:810px) {
	.father #lead {
		padding:15px 20px;
	}
	.father #lead p br {
		display:none;
	}


	.father #bottle .list li .text .head h4 br {
		display:none;
	}
}
@media screen and (max-width:768px) {
	.father h1 {
		margin-bottom:44px;
	}
	
	
	.father #lead {
		margin:0 auto 58px auto;
	}
	.father #lead p {
		font-size:16px;
	}


	.father #osusume h2 {
		margin:0 auto 17px auto;
	}
	.father #bottle {
		padding:34px 24px 25px 24px;
		margin-bottom:79px;
	}
	.father #bottle h3 {
		margin:0 auto 24px auto;
	}
	.father #bottle .list li .text .head .num {
		width:70px;
	}
	.father #bottle .list li .text .head h4 {
		font-size:24px;
	}
	.father #bottle .list li .text .cap {
		font-size:16px;
	}
	.father #bottle .list li .text .set {
		font-size:15px;
	}
	.father #bottle .list li .text .price {
		font-size:23px;
	}


	.father .item {
		padding:25px 24px 25px 24px;
	}
	.father .item:not(:last-child) {
		margin-bottom:79px;
	}
	.father .item#item3 {
		margin-bottom:120px;
	}
	.father .item .text h3 {
		font-size:24px;
	}
	.father .item .text .cap {
		font-size:16px;
	}
	.father .item .text .set {
		font-size:15px;
	}
	.father .item .text .price {
		font-size:23px;
	}
}
@media screen and (max-width:640px) {
	.father h1 {
		margin-bottom:42px;
	}
	.father h1 .pc {
		display:none;
	}
	.father h1 .sp {
		display:block;
	}


	.father #lead {
		margin:0 auto 54px auto;
	}
	.father #lead p {
		width:100%;
		flex:auto;
		margin-bottom:15px;
	}
	.father #lead figure {
		margin:0 auto;
	}


	.father #osusume h2 {
		max-width:400px;
		width:100%;
		margin:0 auto 16px auto;
	}
	.father #bottle {
		padding:32px 22px 25px 22px;
		margin-bottom:72px;
	}
	.father #bottle h3 {
		max-width:400px;
		width:100%;
		margin:0 auto 22px auto;
	}
	.father #bottle .list li figure {
		width:100%;
		margin-bottom:15px;
	}
	.father #bottle .list li .text {
		width:100%;
		padding-bottom:0;
	}
	.father #bottle .list li .text .head .num {
		width:65px;
	}
	.father #bottle .list li .text .set {
		margin-bottom:16px;
	}
	.father #bottle .list li .text .price {
		position:static;
	}


	.father .item {
		padding:25px 22px 25px 22px;
	}
	.father .item:not(:last-child) {
		margin-bottom:72px;
	}
	.father .item#item3 {
		margin-bottom:110px;
	}
	.father .item figure {
		width:100%;
		margin-bottom:15px;
	}
	.father .item .text {
		width:100%;
		padding-bottom:0;
	}
	.father .item .text .set {
		margin-bottom:16px;
	}
	.father .item .text .price {
		position:static;
	}
}
@media screen and (max-width:500px) {
	.father h1 {
		margin-bottom:40px;
	}


	.father #lead {
		margin:0 auto 50px auto;
	}


	.father #osusume h2 {
		margin:0 auto 15px auto;
	}
	.father #bottle {
		padding:30px 20px 25px 20px;
		margin-bottom:65px;
	}
	.father #bottle h3 {
		margin:0 auto 20px auto;
	}
	.father #bottle .list li .text .head .num {
		width:60px;
	}
	.father #bottle .list li .text .head h4 {
		font-size:23px;
	}
	.father #bottle .list li .text .set {
		margin-bottom:20px;
	}
	.father #bottle .list li .text .price {
		font-size:22px;
	}


	.father .item {
		padding:25px 20px 25px 20px;
	}
	.father .item:not(:last-child) {
		margin-bottom:65px;
	}
	.father .item#item3 {
		margin-bottom:100px;
	}
	.father .item .text h3 {
		font-size:23px;
	}
	.father .item .text .set {
		margin-bottom:20px;
	}
	.father .item .text .price {
		font-size:22px;
	}
}
@media screen and (max-width:360px) {
	.father #bottle {
		padding:28px 18px 23px 18px;
		margin-bottom:60px;
	}
	.father #bottle .list li .text .head .num {
		width:58px;
	}
	.father #bottle .list li .text .head h4 {
		font-size:22px;
	}
	.father #bottle .list li .text .price {
		font-size:21px;
	}


	.father .item {
		padding:23px 18px 23px 18px;
	}
	.father .item:not(:last-child) {
		margin-bottom:60px;
	}
	.father .item#item3 {
		margin-bottom:90px;
	}
	.father .item .text h3 {
		font-size:22px;
	}
	.father .item .text .price {
		font-size:21px;
	}
}
@media screen and (max-width:320px) {
	.father #bottle {
		padding:25px 15px 20px 15px;
		margin-bottom:50px;
	}
	.father #bottle .list li .text .head .num {
		width:55px;
	}
	.father #bottle .list li .text .head h4 {
		font-size:21px;
	}
	.father #bottle .list li .text .cap {
		font-size:15px;
	}
	.father #bottle .list li .text .set {
		font-size:14px;
	}
	.father #bottle .list li .text .price {
		font-size:20px;
	}


	.father .item {
		padding:20px 15px 20px 15px;
	}
	.father .item:not(:last-child) {
		margin-bottom:50px;
	}
	.father .item#item3 {
		margin-bottom:80px;
	}
	.father .item .text h3 {
		font-size:21px;
	}
	.father .item .text .cap {
		font-size:15px;
	}
	.father .item .text .set {
		font-size:14px;
	}
	.father .item .text .price {
		font-size:20px;
	}
}


	@media screen and (max-width:1135px) and (-ms-high-contrast:none){
		
	}
	@media screen and (max-width:980px) and (-ms-high-contrast:none){
		
	}
	@media screen and (max-width:768px) and (-ms-high-contrast:none){
		
	}
	@media screen and (max-width:640px) and (-ms-high-contrast:none){
		
	}
	@media screen and (max-width:500px) and (-ms-high-contrast:none){
		
	}