@charset "UTF-8";

.profile{
	padding: 200px 0 100px;
}

.profile .wrap02 {
	text-align: center;
}

.lineup-title{
	font-size: 50px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	margin-bottom: 30px;
}

.lineup-title02{
	font-size: 20px;
	margin-top: 15px;
}


.lineup-title03{
	font-size: 14px;
	line-height: 1.5em;
}


.goods{
	width: 1120px;
	padding: 20px 0;
}


.goods-01 img, .goods-01>div{
	width: 48%;
	display: inline-block;
  vertical-align:middle;
}


.goods-01-name{
	font-size: 40px;
    font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
	font-weight: 300;
	letter-spacing: 0.1em;
	line-height: 1.2;
}

.goods-01-title{
	font-size: 22px;
    font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
	margin: 20px 0;
}

.goods-01-price{
	font-size: 22px;
	font-weight: 600;
	margin: 20px 0;
}

.weight{
	display:inline-block;
	width: 50px;
	text-align: left;
}

.price{
	display:inline-block;
	width: 100px;
	text-align: right;
}

.tax{
	font-size: 18px;
	font-weight: 400;
}

.goods-01-con{
	font-size: 18px;
	line-height: 1.5em;
}

.goods-02, .goods-03{
	display: flex;
	justify-content: space-between;
	padding: 20px;
    background-color: #f8f7f4;
}
.goods-02>div{
	width: 30%;
	text-align: center;
}

.goods-02 a, .goods-03 a{
	text-align: center;
	line-height: 1.5em;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}

.goods-02-title{
	background-color: #f1ebdd;
	padding: 3px 0;
}

.goods-04{
	justify-content: space-between;
	padding: 20px;
    background-color: #f8f7f4;
}
.goods-04-title{
	background-color: #f1ebdd;
	padding: 3px 0;
	text-align: center;
    margin-bottom: 20px;
}

.goods-limited{
	font-size: 14px;
	line-height: 1.5em;
	padding: 4px;
    border: solid 1px;
    text-align: center;
}

.nectar img{
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  150px;       /* ※縦横を同値に */
    height: 150px;       /* ※縦横を同値に */

}
.feature img{
	width: 200px;
}

.goods-02{
	margin-bottom: 50px;
}

.goods-03>div{
	width: 48%;
	text-align: center;
}

.recommended>div{
	display: flex;
	justify-content: center;
}

.recommended img{
	display: inline-block;
	width: 80px;
	margin: 0 20px;
}

.tabeawase p{
	text-align: center;
}
.tabeawase a{
	font-size: 16px;
}

.precautions ul{
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 20px;             /* デフォルト指定上書き */
}

.precautions ul li {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 5px;
}

.precautions ul li:before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #645500;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
}

.line{
	border-top: 1px solid #c8be82;
	width: 1120px;
	margin: 80px auto;
}



.relation{
	margin-bottom: 100px;
}
.relation .title{
	font-size: 26px;
	margin-bottom: 50px;
}

.relation .wrap02{
	display: flex;
	justify-content: space-between;
}

.relat{
	width: 30%;
}

.category{
	font-size: 12px;
	width: 110px;
	text-align: center;
	display: block;
	padding: 5px;
	margin: 20px 0 10px;
	background-color: #b4b4b4;
	color: #fff;
	border-radius: 10px;
}

.cate-title{
	font-size: 18px;
	margin: 10px 0 50px;
}


.mb100{
	margin-bottom: 100px;
}


.aboutbunners, .goods_dtail-01{
	display: flex;
	justify-content: space-around;
	align-content: center;
}

.goods_dtail-01{
	display: flex;
}

.goods_dtail-left{
	width: 50%;
	text-align: center;
}

.goods_dtail-left img{
	width: 70%;
	margin: 0 auto;
}

.morebotten-shop {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background-color: #faedf4;
	border:1px solid #e08899;
    width: 300px;
    color: #e08899;
    border-radius: 10px;
    font-size: 18px;
    vertical-align: bottom;
    padding: 10px;
    letter-spacing: 0.1em;
}
.morebotten-shop:hover{
	background-color: #e08899;
    width: 300px;
    color: #fff;
}

.soldout-shop {
	pointer-events:none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background-color: #f7f4f6;
	border:1px solid #aaa6a7;
    width: 300px;
    color: #aaa6a7;
    border-radius: 10px;
    font-size: 18px;
    vertical-align: bottom;
    padding: 10px;
    letter-spacing: 0.1em;
}

.goofs-youhouka{
	display: flex;
	border: solid 1px;
    padding: 30px;
}
.goofs-youhouka img{
	width: 300px;
}
.goofs-youhouka p{

}
.item1{
	text-align: center;
}
.item2{
	flex-basis: auto;
	padding:0 30px;
}
.youhouka-txt01{
	font-size: 22px !important;
	line-height: 1.5;
}
.youhouka-txt02{
	font-size: 18px !important;
	line-height: 1.5;
	text-align: justify;
}
.wrap03 {
	width: 1120px;
    margin: 0 auto;
}

/**********************************************************************************************************レスポンシブ*/
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
.mt50,.mb100{
		margin: 0!important;
}	


.profile{
	padding: 150px 0 0;
	line-height:3em;
}

.title-gifuhoney{
	padding: 100px 0 0;
}
	
.lineup-title{
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.lineup-title02{
	line-height:2em;
	margin-top: 0;
}

.goods{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
}
	
.goods-01, .goods-02, .goods-03{
	width: 80%;
	padding: 0 10%;
}
.goods-01 img, .goods-01>div{
	width: 100%;
}
	
.goods-01-title{
	margin: 0 0 10px;
}



.goods-01-name{
	font-size: 28px;
    font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
	font-weight: 300;
	letter-spacing: 0.1em;
}

.goods-01-title{
	font-size: 22px;
    font-family:"Yu Mincho Medium", "游明朝 Medium", YuMincho, "游明朝体", serif;
	margin: 20px 0;
}

.goods-01-con{
	font-size: 14px;
	line-height: 1.5em;
}

.goods-02, .goods-03{
		display: block;
	}

.goods-02>div, .goods-03>div{
	width: 100%;
	margin-bottom: 30px;
}

.goods-02 a{
	line-height: 1.5em;
	font-size: 14px;
}

.goods-01 img{
	width: 100%;
	margin: 0%;
}
	
.goods-01-price{
	font-size: 18px;
	margin: 20px auto;
	text-align: center;
}

.weight{
	width: 40px;
}

.price{
	width: 80px;
}

.tax{
	font-size: 16px;
}	

.aboutbunners{
	display: flex;
	flex-direction: column;
	width: 80%;
	padding: 10%;
}
	
.aboutbunners a{
	margin-bottom: 30px;
	}

.morebotten{
		margin: 0 auto;
}

.goods-02{
		margin-bottom: 0;
		padding-top: 20px;
}	

.recommended img{
	display: inline-block;
	width: 90px;
	margin: 0 10px;
}
	

.line{
	width: 90%;
	margin: 50px auto;
}

.morebotten-shop {
    width: 270px;
	font-size: 16px;
}
.goofs-youhouka{
	flex-direction: column;
}
.goofs-youhouka img {
    margin-bottom: 20px;
}
.youhouka-txt01{
	font-size: 18px !important;
}
.youhouka-txt02{
	font-size: 14px !important;
}
.item2{
	padding:0;
}
.goofs-youhouka img{
	width: 100%;
}
.wrap03 {
	width: 90%;
	margin: 40px 20px 0;
}

.tabeawase a{
	font-size: 12px;
}

}