/* CSS Document */
@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); */

img {
	max-width:100%;
}
a { 
	outline: none; 
}
a:hover { 
	opacity: .7;
	text-decoration: none;
}
button{
	cursor: pointer;
}

/* head */
#utility{
	padding-top:10px;
	padding-bottom:10px;
}
#utility h1{
	float:left;
}
#utility ul{
	float:right;
}
#utility ul li{
	padding-left:10px;
	float:left;
}
#utility ul li.sns_fb{
	width:100px;
	overflow:hidden;
}

/* cont -------------------*/
#contents {
	width:100%;
	background:#fff;
	position:relative;
	z-index:2;
}
.bdr-b{
	border-bottom: 1px solid #DDDDDD;
}
/* パンくず -------------------*/
#breadcrumb {
	font-size:14px;
}
#breadcrumb a {
	color:#000;
}

/* MV -------------------*/
#main-visual {
	width:100%;
	min-width: 974px;
	height:auto;
	z-index:1;
	text-align: center;
	margin: 0 auto;
	background-color: #f5f4f2;
	padding-top: 100px;
}

/* 見出し -------------------*/
.mainTtl{
    text-align: center;
    font-size: 21px;
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    letter-spacing: 1.6px;
    color: #000;
    line-height: 2;
	margin:50px 0;
}
.mainTtl.minchyo{
	font-family: 'Noto Serif JP', serif;
}
.mainTtl.lines{
	font-size: 40px;
	margin: 30px 0;
}
.mainTtl .sub{
	font-size: 18px;
	margin: 30px 0;
	display: block;
}

/* リード文 -------------------*/
.lead-bloc{
	margin-bottom: 150px;
}
.lead-bloc p{
	text-align: center;
	font-size: 14px;
    line-height: 2.3em;
}
.lead-bloc p + p{
	margin-top: 1rem;
}

.lead-bloc--inner{
	margin: 20px 95px;
}
.lead-bloc .left{
	text-align: left;
}
.lead-bloc .bdr{
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 見出し -------------------*/
.subTtl{
	text-align: center;
    font-weight: 600;
	font-size: 22px;
	margin: 65px 0;
}
.subTtl.marker span{
    font-size: 18px;
    color: #fff;
    padding: 15px;
    background-color: #cccccc;;
    text-align: center;
	display: inline-block;
}
.subTtl.under span{
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
	line-height: 2.5;
}
.subCopy{
	text-align: center;
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	display: block;
	padding: 15px 0;
}
.subTtl.left,
.subTtl.left .subCopy{
	text-align: left;
}

/* 本文 -------------------*/
.txt-bloc--inner{
	margin: 20px 95px;
}
.txt-bloc p{
	font-size: 14px;
	line-height: 2em;
}
.txt-bloc p + p{
	margin-top: 1rem;
}

/* テキスト装飾 -------------------*/
.center{
	text-align: center;
}
.bdrBox{
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.bold{
	font-weight: 600;
}
.red{
	color: #bc0152;
}
.grey{
	color: #999;
}

/* 画像 -------------------*/
.pic-bloc{
	text-align: center;
}
.pic-bloc--flex{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.pic-bloc figure{
	margin: 20px;
}

/* テキスト&画像 -------------------*/
.picTxt-bloc--flex{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}
.picTxt-bloc__pic{
	margin: 0 20px;
}
.picTxt-bloc__txt{
	width: 350px;
	font-size: 14px;
	line-height: 2em;
}

/* ボタン -------------------*/
.btn--base{
	margin: 20px 0;
}
.btn--base a{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    background-color: #000000;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    position: relative;
}
.btn--base a:after{
	content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn--grid{
	margin: 20px 0;
}
.btn--grid a{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #000000;
    border-radius: 10px;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    position: relative;
}
.btn--grid a:after{
	content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 0;
    border-top: solid 2px #000000;
    border-right: solid 2px #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn--grid2{
	text-align: center;
	margin: 20px 0;
}
.btn--grid2 a{
	border: 2px solid #000;
    color: #000;
    font-weight: 600;
    border-radius: 100px;
    margin: 0 auto;
    padding: 6px 15px;
    font-size: 14px;
    display: inline-block;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.btn--fill{
	margin: 20px 0;
}
.btn--fill a{
	display: block;
    position: relative;
    background: #52BB63;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    width: 300px;
    height: 50px;
    padding-top: 17px;
    font-size: 16px;
    margin: 0 auto;
}
.btn-bloc--flex{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.btn-bloc--flex *{
	margin: 10px 15px;
}
.btn--brand a{
	height: 56px;
}
.btn-bloc + .btn-bloc{
	margin-top: 100px;
}

/* 値段単体 -------------------*/
/* .price-bloc{
	width: 650px;
} */
.price--cate{
	padding: 14px 10px;
}
.price--cate .priceInner{
	display: flex;
	align-items: center;
}
.price--cate .priceName{
	font-size: 14px;
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: left;
    width: 40%;
}
.price--cate .itemPrice{
	width: 30%;
    text-align: right;
}
.price--cate .itemPrice p{
	text-align: center;
    font-size: 14px;
    white-space: nowrap;
    display: block;
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.price--cate .priceBtn{
	width: 30%;
	text-align: right;
}
.price--cate .priceBtn a{

}
.price--cate .priceBtn a:hover {
    background-color: #000;
}
.check{
	display: block;
    margin-top: -2px;
    width: 72px;
    height: 21px;
    text-indent: 100%;
    white-space: nowrap;
    margin-left: auto;
    overflow: hidden;
    background: #6b6b6b url(/img/usr/freepage/common/btn_check.png) no-repeat center center;
}
.price--item{
	padding: 14px 10px;
}
.price--item .priceInner{
	display: flex;
	align-items: center;
	align-items: center;
    margin: 0 auto;
    text-decoration: none;
	transition: .3s;
}
.price--item .priceInner:hover{
	opacity: .65;
}
.price--item .priceName{
	padding-right: 15px;
	/* width: 65%; */
	font-size: 14px;
}
.price--item .itemPrice{
	padding-left: 20px;
    border-left: 1px solid #707070;
	font-size: 14px;
	width: calc(35% - 47px);
	text-align: right;
}
.price--item .priceBtn{
	font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #040404;
    padding: 4px 5px;
    margin-left: 10px;
    border: 1px solid #707070;
    
    line-height: 1;
	transition: .3s;
}

/* アイテムエリア -------------------*/
.stylying-bloc{
	margin: 120px 0 60px;
}
.stylying-pic{
	width: 60%;
	margin-right: 4%;
}
.stylying-txt{
	width: 36%;
}
.stylying-txt__ttl{
	font-size: 23px;
	margin-bottom: 20px;
	line-height: 1.6em;
}
.stylying-txt__ttl.center{
	text-align: center;
}
.stylying-txt__ttl.small{
	font-size: 21px;
}
.stylying-txt__ttl .strong{
	font-weight: 600;
	display: block;
}
.stylying-txt__ttl .robot{
	font-family: 'Roboto', sans-serif;
}
.stylying-txt__num{
	font-size: 40px;
    padding: 5px 5px;
    margin-bottom: 22px;
    border-bottom: 3px solid #000000;
    display: inline-block;
    font-family: 'Bellefair', serif;
}

.stylying-code{
	margin-bottom: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}
.stylying-code:nth-of-type(2n){
	-webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.stylying-code:nth-of-type(2n) .stylying-pic{
	margin-left: 4%;
}
.stylying-code .txt-bloc--bdr{
    border: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* アイテム&コーディネートエリア -------------------*/
.itemCode-bloc{
	display: block;
    width: 800px;
    margin: 0 auto;
}
.itemCode-codeTtl{
	font-size: 21px;
    text-align: center;
    font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.itemCode-gallery{
	margin: 0 auto;
    position: relative;
	width: 60%;
}
.itemCode-txt p{
	margin: 50px 0;
}
.itemCode-bloc .slide-counter{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -30px;
}
.itemCode-bloc .bx-default-pager{
	display: flex;
	justify-content: center;
	align-items: center;
}
.bx-controls{
	display: none;
}
.itemCode-bloc .slide-counter:before,
.itemCode-bloc .slide-counter:after,
.itemCode-bloc .slide-counter #feed-prev-btn01 a,
.itemCode-bloc .slide-counter #feed-next-btn01 a,
.itemCode-bloc .slide-counter #feed-prev-btn02 a,
.itemCode-bloc .slide-counter #feed-next-btn02 a{
	/* content: ''; */
	background-image: url('../img/arw.png');
	background-size: cover;
	background-color: transparent;
	width: 30px;
	height: 10px;
	border-radius: 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 2px;
	margin: 0 auto;
	color: transparent;
}

.itemCode-bloc .slide-counter:before,
.itemCode-bloc .slide-counter #feed-prev-btn01 a,
.itemCode-bloc .slide-counter #feed-prev-btn02 a{
	left: -100px;
}
.itemCode-bloc .slide-counter:after,
.itemCode-bloc .slide-counter #feed-next-btn01 a,
.itemCode-bloc .slide-counter #feed-next-btn02 a{
	left: 100px;
}

.itemCode-bloc .slide-counter:before,
.itemCode-bloc .slide-counter #feed-prev-btn01 a,
.itemCode-bloc .slide-counter #feed-prev-btn02 a{
	transform: scale(-1, 1);
}
.itemCode-detail{
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.itemCode-gallery + .itemCode-detail{
	margin-top: 60px;
}
.itemCode-detail__txt{
	width: 535px;
	margin-left: 30px;
}
.itemCode-detail__txt .price--item{
	padding-left: 0;
}

.item-bloc{
	/* padding-bottom: 80px; */
	margin-bottom: 100px;
}
.itemCode-bloc02 .pic-bloc{
    width: 600px;
    margin: 0 auto 15px;
}
.itemCode-bloc02 .itemBox{
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 12px 0;
}
.itemCode-bloc02 .itemBox .itemName{
	font-size: 17px;
    padding-right: 18px;
    border-right: 1px solid #707070;
    line-height: 1;
    color: #707070;
}
.itemCode-bloc02 .itemBox .itemPrice{
	padding-left: 18px;
    font-size: 17px;
}
.itemCode-bloc02 .itemBox .itemBtn{
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #040404;
    padding: 4px 5px;
    margin-left: 10px;
    border: 1px solid #707070;
    line-height: 1;
}
.itemCode-bloc02 .txt-bloc{
	width: 730px;
    margin: 0 auto!important;
}
.itemCode-bloc02 .txt-bloc .caption{
	font-size: 14px;
    line-height: 1.6em;
    margin-top: 25px;
}
.itemCode-bloc02 .point{
	margin-top: 50px;
}
.itemCode-bloc02 .pic{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.itemCode-bloc02 .pic img{
    width: 400px;
    margin: auto;
}
.itemCode-bloc02 .pic img{
	margin: 7px;
} 
.itemCode-bloc02 .check-btn{
    text-align: center;
    margin-top: 50px;
}
.itemCode-bloc02 .check-btn a{
	border: 2px solid #000;
    color: #000;
    font-weight: bold;
    border-radius: 100px;
    padding: 6px;
    width: 120px;
    font-size: 14px;
    display: inline-block;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* D-3 */
section.sec-type01 .txt-bloc {
    width: 680px;
    margin: 0 auto;
}
section.sec-type01 h3 {
    font-size: 22px;
    margin-bottom: 50px;
    text-align: center;
    font-weight: bold;
}
section.sec-type01 .txt-bloc .caption {
    margin: 20px 0;
    padding: 30px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
section.sec-type01 .pic-bloc {
    text-align: center;
}
section.sec-type01 .pic-bloc img {
    width: auto;
    margin: 0 auto 30px;
    display: block;
}


/* その他ブロック -------------------*/


/* --------
イベント告知
-------- */
.announce{
	padding: 80px 55px 55px;
    border: 1px solid #ccc;
	width: 908px;
	margin: 0 auto 90px;

}
.announce span.red {
	color: #ff0000;
}
.an_h3_01 {
	padding: 0 2px 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.6em;
}
.an_inner {
	padding: 0 5px 0px;
}
.an_p01 {
	font-size: 14px;
	padding: 30px 0;
}
.an_p02 {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.4em;
}
.an_p02 p {
	padding: 4px;
}
.announce .btn--base a{
	background-color: #6b6b6b;
}

/* --------
テーブルブロック
-------- */
.table-bloc table {
	width: 720px;
	margin: 40px auto 60px;
	border-top: 1px solid #E1E1E1;
  }
  .table-bloc table th {
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
	color: #000000;
	width: 236px;
	padding: 15px 120px 15px 60px;
	font-weight: bold;
	vertical-align: top;
  }
  .table-bloc table td {
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
	color: #000000;
	padding: 15px 0;
  }





/* brand-info -------------------*/
#brand-info {
	background:#eee;
	padding:25px 0;
}
#brand-info .inner-wrap {
	display:table;
	background:#fff;
	width:760px;
}
#brand-info .logo {
	display:table-cell;
	vertical-align:middle;
	width:280px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
#brand-info .logo em {
	display:block;
	text-align:center;
	margin-bottom:35px;
}
#brand-info a.brandBtn {
	display:block;
	width:233px;
	margin-left:auto;
	margin-right:auto;
	line-height:40px;
	text-align:center;
	background-color:#6b6b6b;
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
#brand-info a.brandBtn:hover {
	background-color:#000000;
}
#brand-info .brand_right {
	display:table-cell;
	width:480px;
	vertical-align:middle;
	padding-top:20px;
	padding-bottom:20px;
}
#brand-info .brand_right p.title_txt {
	display: block;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#brand-info .brand_right h4.title {
	display: block;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 20px;
}
#brand-info .brand_right p{
	line-height:2;
	font-size: 12px;
}

/* ページトップ -------------------*/
#pagetop {
	text-align: right;
	padding-right:90px;
	margin-bottom:10px;
	margin-top: 100px;
}
#pagetop a {
	display:inline-block;
	text-align:center;
	color:#939393;
	text-decoration:none;
	padding-top:55px;
	background:url(/img/usr/freepage/common/logo/pagetop.png) no-repeat center top;
}
#pagetop a span {
	font-size:10px;
}
#pagetop a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}



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

フォーマット02

---------------------------------------------------------*/
.format02{
	background-color: #fefdf5;
}
.format02 #special-cont{
	background-color: #fff;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.format02 .mainTtl{
	font-size: 24px;
	line-height: 1.2;
	margin: 60px 0 30px;
}
.format02 .subTtl{
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}
.format02 .red{
    color: #bc0152;
}
.format02 .strong{
	font-size: 113%;
	font-weight: 600;
}
.format02 .lead-bloc{
	margin-bottom: 20px;
}
.format02 .lead-bloc p{
	font-size: 14px;
    font-weight: 100;
	line-height: 1.2;
    margin-top: 15px;
}
/* --------
テーブルブロック
-------- */
.format02 .table-bloc table {
	width: 720px;
	margin: 40px auto 60px;
	border-top: 1px solid #E1E1E1;
  }
  .format02 .table-bloc table th {
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
	color: #000000;
	width: 236px;
	padding: 15px 70px 15px 60px;
	font-weight: bold;
	vertical-align: top;
  }
  .format02 .table-bloc table td {
	border-bottom: 1px solid #E1E1E1;
	font-size: 14px;
	color: #000000;
	padding: 15px 0;
  }
/* --------
関連ボタン
-------- */
.format02 .btn-bloc__ttl{
	text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 600;
	line-height: 1.5;
}
.format02 .btn-bloc{
	width: 668px;
	margin-left: auto;
	margin-right: auto;
}
.format02 .btn-bloc + .btn-bloc{
	margin-top: 40px;
}
.format02 .btn-bloc--flex{
	justify-content: flex-start;
}
.format02 .btn-bloc--flex .btn--base{
	margin: 2.5px 7px;
}
/* --------
関連コンテンツ
-------- */
.format02 #special-contents{
	width: 648px;
    margin: auto;
}
.format02 #special-contents .tit{
	text-align: center;
	padding: 10px 25px;
	font-size: 17px;
	letter-spacing: 1.4px;
	border-bottom: 5px solid #808080;
	margin: auto;
	margin-bottom: 40px;
	width: fit-content;
}
.format02 #special-contents .contents_box {
	display: inline-flex;
	justify-content: space-between;
	align-items: top;
	padding-bottom: 60px;
  }
  .format02 #special-contents .contents_box img {
	width: 100%;
  }
  .format02 #special-contents .box_left,
  .format02 #special-contents .box_right {
	width: 311px;
	display: block;
	position: relative;
  }
  .format02 #special-contents .box_left{
	margin-left: 26px;
  }
  .format02 #special-contents .box_right img:first-of-type {
	margin-bottom: 5px;
  }
  .format02 #special-contents .contents_box .txt p {
	margin: 0;
	margin-bottom: 10px;
	font-size: 14px;
  }
  .format02 #special-contents .btn a{
	width: 280px;
    height: 50px;
    line-height: 56px;
    color: #fff;
    text-decoration: none;
    background: #231F20;
    display: block;
    text-align: center;
    font-size: 14px;
    float: left;
    border-radius: 3px;
    margin-bottom: 5px;
  }
  .format02 #special-contents .btn a span{
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    letter-spacing: 1.4px;
  }


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

コンテンツエリア

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

.content_area {
	font-family: 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
}

/* 共通 */
.bg_gray {
	background-color: #f5f4f2;
	padding: 105px 0 150px;
}

.bg_white {
	background-color: #fff;
	padding: 150px 0 200px;
}

.bg_gray_2 {
	background-color: #f5f4f2;
	padding: 146px 0 152px;
}

.bg_white_2 {
	background-color: #fff;
	padding: 145px 0 149px;
}

.bg_pink {
	background-color: #fceaea;
	padding: 149px 0;
}


.content_inner {
	width: 1080px;
	margin: 0 auto;
}

.content_inner_s {
	width: 974px;
	margin: 0 auto;
}


.sec_m {
	margin-top: 143px;
}

.sec_ttl {
	text-align: center;
	line-height: 1.3;
	margin-bottom: 78px;
	letter-spacing: .04em;
}

.sec_ttl::after {
	text-align: center;
	content: '';
	display: inline-block;
	width: 575px;
	height: 42px;
	background: url(../img/sec_ttl_deco.png) no-repeat center top /contain;
	margin-top: -13px;
}

.sec_ttl .en {
	display: block;
	font-family: 'Didot', 'Times New Roman', serif;
	font-size: 20px;
	margin-bottom: 9px;
}

.sec_ttl .en .inner {
	padding: 13px;
	position: relative;
	white-space: wrap;
}

.sec_ttl .en .inner::before,
.sec_ttl .en .inner::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 1px;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 0;
}

.sec_ttl .en .inner::after {
	left: auto;
	right: 0;
}

.sec_ttl .ja {
	letter-spacing: .04em;
	display: block;
	font-size: 30px;
}

.sec_ttl.m_s {
	margin-bottom: 40px;
}

.ul_link {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ul_link::before,
.ul_link::after {
	content: '';
	display: block;
	width: 240px;
	order: 1;
}

.ul_link li {
	width: 240px;
}

.ul_link li:nth-child(n+5) {
	margin-top: 30px;
} 

.ul_link li a .box_img {
	overflow: hidden;
}

.ul_link li img {
	width: 100%;
}

.ul_link li .text {
	font-size: 20px;
	line-height: 1.5;
	margin-top: 15px;
	text-align: center;
}

a.btn_green {
	font-size: 20px;
	color: #fff;
	background-color: #4c9376;
	border-radius: 6px;
	padding: 28px;
	min-width: 340px;
	min-height: 80px;
	display: inline-block;
	text-align: center;
}

/* イントロ */
.intro_text {
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 189px;
	text-align: center;
	letter-spacing: .04em;
}
.intro_text .text + .text {
	margin-top: 36px;
}


/* 贈る相手から選ぶ~おすすめアイテムから選ぶ
 */
.content_box .recommend .ul_recommend {
	width: 1080px;
	margin:  0 auto;
}

.content_box .type_ttl {
	text-align: center;
}

/* 贈る相手から選ぶ */
section.type {
	margin-top: 196px;
}

section.type .sec_m {
	margin-top: 196px;
}

section.type .sec_ttl {
	margin-bottom: 98px;
}

section.type_link .wrap_btn {
	margin-top: 53px;
	text-align: center;
}

/* おすすめアイテムから選ぶ */
section.pickup .sec_ttl {
	margin-bottom: 98px;
}

/* シーンから選ぶ */
section.scene .btn_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

section.scene .sec_ttl {
	margin-bottom: 76px;
}

/* その他 */
.other_link .btn_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.other_link .btn_list + .btn_list {
	margin-top: 40px;
}

.other_link .btn_list > *:nth-child(n+3) {
	margin-top: 37px;
}


.other_link .btn_list a.btn_text {
	font-size: 20px;
	color: #fff;
	background-color: #84b5a0;
	border-radius: 6px;
	padding: 15px 20px;
	display: inline-block;
	text-align: center;
	line-height: 1.3;
	width: 520px;
}


.other_link .btn_list a.btn_text .en {
	display: block;
	font-family: 'Didot', 'Times New Roman', serif;
	font-size: 14px;
	margin-bottom: 3px;
}

.other_link .btn_list a.btn_text .en .inner {
	padding: 13px;
	position: relative;
	white-space: wrap;
}

.other_link .btn_list a.btn_text .en .inner::before,
.other_link .btn_list a.btn_text .en .inner::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
}

.other_link .btn_list a.btn_text .en .inner::after {
	left: auto;
	right: 0;
}

.other_link .btn_list a.btn_text .ja {
	display: block;
	font-size: 24px;
}

.other_link .btn_list a.btn_img {
	display: block;
}

/* 贈る相手から選ぶ ~ おすすめアイテムから選ぶ */
.content_box + .content_box {
	margin-top: 200px;
}

.content_box .main_text {
	font-size: 18px;
	line-height: 2;
	margin-top: 40px;
	letter-spacing: .04em;
	text-align: center;
}

.content_box .recommend {
	margin-top: 86px;
}

.content_box .recommend .recommend_ttl {
	font-size: 32px;
	color: #baa39b;
	font-family: 'Didot', 'Times New Roman', serif;
	text-align: center;
	margin-bottom: 30px;
	letter-spacing: .01em;
}

.content_box .recommend .recommend_ttl .inner {
	padding: 17px;
	position: relative;
	white-space: wrap;
}

.content_box .recommend .recommend_ttl .inner::before,
.content_box .recommend .recommend_ttl .inner::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 2px;
	background-color: #baa39b;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.content_box .recommend .recommend_ttl .inner::after {
	left: auto;
	right: 0;
}

.content_box .recommend .ul_recommend {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.content_box .recommend .ul_recommend li {
	width: 160px;
}

.content_box .recommend .ul_recommend li:not(:nth-child(6n)) {
	margin-right: 24px;
}

.content_box .recommend .ul_recommend li:nth-child(n+7) {
	margin-top: 24px;
}

.content_box .recommend .ul_recommend li .info {
	margin-top: 10px;
	line-height: 1.5;
}

.content_box .recommend .box_more_btn {
	text-align: center;
	margin-top: 56px;
}

.content_box .recommend a.more_btn {
	background-color: #000;
	color: #fff;
	font-size: 20px;
	min-width: 340px;
	padding: 15px 20px;
	display: inline-block;
	border-radius: 5px;
	letter-spacing: .02em;
}

.content_box .recommend a.more_btn .text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.content_box .recommend a.more_btn .text::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 16px;
	background: url(../img/btn_icon.png) no-repeat center center / contain;
	margin-right: 10px;
}

.content_box.content_02 .recommend .recommend_ttl {
	color: #c6a886;
}

.content_box.content_02 .recommend .recommend_ttl .inner::before,
.content_box.content_02 .recommend .recommend_ttl .inner::after {
	background-color: #c6a886;
}

.content_box.content_03 .recommend .recommend_ttl {
	color: #306983;
}

.content_box.content_03 .recommend .recommend_ttl .inner::before,
.content_box.content_03 .recommend .recommend_ttl .inner::after {
	background-color: #306983;
}

.content_box.content_04 .recommend .recommend_ttl {
	color: #3a5a83;
}

.content_box.content_04 .recommend .recommend_ttl .inner::before,
.content_box.content_04 .recommend .recommend_ttl .inner::after {
	background-color: #3a5a83;
}

.content_box.content_05 {
	margin-top: 140px;
}

.content_box.content_05 .type_ttl {
	translate: 13px 0;
}

.content_box.content_05 .main_text {
	margin-top: 23px;
}

.content_box.content_05 .recommend .recommend_ttl {
	color: #4c9376;
}

.content_box.content_05 .recommend .recommend_ttl .inner::before,
.content_box.content_05 .recommend .recommend_ttl .inner::after {
	background-color: #4c9376;
}

.content_box.content_06 .recommend .recommend_ttl {
	color: #baa39b;
}

.content_box.content_06 .recommend .recommend_ttl .inner::before,
.content_box.content_06 .recommend .recommend_ttl .inner::after {
	background-color: #baa39b;
}

.content_box.content_07 .recommend .recommend_ttl {
	color: #c6a886;
}

.content_box.content_07 .recommend .recommend_ttl .inner::before,
.content_box.content_07 .recommend .recommend_ttl .inner::after {
	background-color: #c6a886;
}

.content_box.content_08 .recommend .recommend_ttl {
	color: #306983;
}

.content_box.content_08 .recommend .recommend_ttl .inner::before,
.content_box.content_08 .recommend .recommend_ttl .inner::after {
	background-color: #306983;
}

.content_box.content_09 .recommend .recommend_ttl {
	color: #3a5a83;
}

.content_box.content_09 .recommend .recommend_ttl .inner::before,
.content_box.content_09 .recommend .recommend_ttl .inner::after {
	background-color: #3a5a83;
}

/* おすすめアイテムから選ぶ */
section.pickup {
	margin-top: 197px;
}

section.pickup .content_box:nth-child(odd) .type_ttl {
  translate: -11px 0;
}

section.pickup .content_box:nth-child(even) .type_ttl {
  translate: 11px 0;
}


/* アイテムから選ぶ 〜 お近くの店舗から選ぶ */
.ul_mini_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.ul_mini_btn li a {
	width: 178px;
	font-size: 15px;
	color: #fff;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #4c9375;
	display: block;
	text-align: center;
}

/* 5カラム */
.ul_mini_btn.btn_5 li:nth-child(n+6) {
	margin-top: 24px;
}

.ul_mini_btn.btn_5 li:not(:nth-child(5n)) {
	margin-right: 21px;
}

/* 大きいボタン */
.ul_mini_btn.btn_large {
	justify-content: center;
	margin-top: 21px;
}

.ul_mini_btn.btn_large li a {
	width: 260px;
}

/* 4カラム */
.ul_mini_btn.btn_4 li a {
	width: 224px;
	font-size: 16px;
	color: #fff;
	padding: 12px 17px;
	border-radius: 6px;
}
.ul_mini_btn.btn_4 li:nth-child(n+5) {
	margin-top: 26px;
}


.ul_mini_btn.btn_4 li:not(:nth-child(4n)) {
	margin-right: 26px;
}

/* 6カラム */
.ul_mini_btn.btn_6 li a {
	width: 149px;
	font-size: 16px;
	color: #fff;
	padding: 10px 15px;
	border-radius: 6px;
}
.ul_mini_btn.btn_6 li:nth-child(n+7) {
	margin-top: 16px;
}


.ul_mini_btn.btn_6 li:not(:nth-child(6n)) {
	margin-right: 16px;
}


/* 体験型ギフトから選ぶ〜ギフトラッピング */
section.staffcode,
section.wrapping {
	margin-top: 146px;
}

.box_white {
	position: relative;
	text-align: center;
	background-color: #fff;
	padding: 100px 53px;
	border-radius: 4px;
}

.box_white::after {
	content: '';
	display: block;
	width: 976px;
	height: 64px;
	background: url(../img/other_deco.jpg) no-repeat center bottom / contain;
	position: absolute;
	bottom: 0;
	left: 50%;
	translate: -50% 0;
}

.box_white .m_s {
	margin-bottom: 29px;
}

.box_white .top_text {
	font-size: 16px;
	text-align: center;
	line-height: 2;
}

.box_white .text_note {
	text-align: center;
	line-height: 1.5;
	margin-top: 13px;
}

/* 黒ボタン */
.box_white .ul_btn_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 60px;
}

.box_white .ul_btn_link li a {
	width: 400px;
	font-size: 17px;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #000;
	display: block;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 体験型ギフトから選ぶ */
section.personal .box_photo {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 36px;
}

section.personal  .box_photo img {
	width: 224px;
}

section.personal  .box_photo img:not(:nth-child(4n)) {
	margin-right: 26px;
}

section.personal  .box_photo img:nth-child(n+5) {
	margin-top: 26px;
}

section.personal .ul_btn_link li a {
	width: 400px;
	font-size: 17px;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #000;
	display: block;
	text-align: center;
}


section.personal .ul_btn_link li:nth-child(n+3) {
	margin-top: 30px;
}

section.personal .ul_btn_link li:not(:nth-child(2n+1)) {
	margin-left: 30px;
}


/* スタッフコーデから選ぶ */
section.staffcode .photo {
	margin-top: 30px;
}

section.staffcode .ul_btn_link li a {
	width: 300px;
	font-size: 17px;
	padding: 15px 20px;
	border-radius: 5px;
}

section.staffcode .ul_btn_link li:nth-child(n+4) {
	margin-top: 30px;
}

section.staffcode .ul_btn_link li:not(:nth-child(3n+1)) {
	margin-left: 30px;
}

/* ギフトラッピング */
section.wrapping .photo_wrapping img:nth-child(n+2) {
	margin-left: 80px;
}

section.wrapping .ul_btn_link {
	margin-top: 52px;
}

section.wrapping .ul_btn_link li a {
	width: 380px;
	font-size: 16px;
	padding: 15px 20px;
	border-radius: 5px;
}

section.wrapping .ul_btn_link li:nth-child(n+3) {
	margin-top: 30px;
}

section.wrapping .ul_btn_link li:not(:nth-child(2n+1)) {
	margin-left: 30px;
}

section.wrapping .ul_btn_link.btn_brown {
	margin-top: 60px;
}

section.wrapping .free_cp {
	margin-top: 97px;
}

section.wrapping .free_cp .message {
	margin-bottom: 20px;
}

section.wrapping .free_cp .message .text {
	font-size: 20px;
	color: #ad7063;
	padding: 0 28px;
	display: inline-block;
	line-height: 1.5;
	position: relative;
	letter-spacing: .04em;
}

section.wrapping .free_cp .message .text::before,
section.wrapping .free_cp .message .text::after {
	content: '';
	display: block;
	width: 19px;
	height: 85%;
	background-color: #ad7063;
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%;
	clip-path: polygon(0 0, 1px 0, 100% 100%, calc(100% - 1px) 100%);
}

section.wrapping .free_cp .message .text::after {
	left: auto;
	right: 0;
	transform: scaleX(-1);
}

.box_white .ul_btn_link.btn_brown li a {
	background-color: #ae7063;
}

section.service .ul_service {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

section.service .ul_service li {
	width: 420px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

section.service .ul_service li:nth-child(n+3) {
	margin-top: 116px;
}

section.service .ul_service li .mini_ttl {
	margin-top: 27px;
	font-size: 22px;
	color: #209292;
	text-align: center;
	letter-spacing: .04em;
}

section.service .ul_service li .text {
	font-size: 14px;
	margin-top: 15px;
	line-height: 1.7142857143;
	letter-spacing: .02em;
}

section.service .ul_service li .box_btn {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

section.service .ul_service li.service_01 .box_btn,
section.service .ul_service li.service_05 .box_btn {
	min-height: 121.6px;
}

section.service .ul_service li .box_btn a.btn {
	width: 300px;
	font-size: 16px;
	color: #fff;
	padding: 15px 20px;
	border-radius: 5px;
	background-color: #000;
	display: inline-block;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: .02em;
}

section.service .ul_service li .box_btn a.btn + a.btn {
	margin-top: 20px;
}

section.service .ul_service li.service_02 .mini_ttl {
	color: #63a3a5;
}

section.service .ul_service li.service_03 .mini_ttl {
	color: #3b4061;
}

section.service .ul_service li.service_04 .mini_ttl {
	color: #313b47;
}

section.service .ul_service li.service_05 .mini_ttl {
	color: #cb768b;
}

section.service .ul_service li.service_06 .mini_ttl {
	color: #cb768b;
}

/* Gift for Men */
section.forwomen .box_btn {
	margin-top: 58px;
	text-align: center;
}

section.forwomen a.btn {
	color: #ee9298;
	border-radius: 5px;
	border: 1px solid #ee9298;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	padding: 20px 20px 15px;
	min-width: 520px;
}

section.forwomen a.btn .en {
	font-family: 'Didot', 'Times New Roman', serif;
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 1;
	letter-spacing: .04em;
}

section.forwomen a.btn .en .inner {
	padding: 0 13px;
	position: relative;
	white-space: wrap;
}

section.forwomen a.btn .en .inner::before,
section.forwomen a.btn .en .inner::after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 1px;
	background-color: #ee9298;
	position: absolute;
	top: 50%;
	left: 0;
}

section.forwomen a.btn .en .inner::after {
	left: auto;
	right: 0;
}

section.forwomen a.btn .ja {
	font-size: 20px;
	letter-spacing: .02em;
}



@media only screen and (max-width:640px){
	.pc {
		display:none !important;
	}
	.sp {
		display:block;
	}
	img.sp {
		display:inline;
	}
	a:hover { 
		opacity: 1;
	}
	.wrap {
		width:auto;
	}

	/* パンくず -------------------*/
	#breadcrumb {
		font-size:10px;
		margin-bottom:10px;
		padding:0 20px;
	}
	
	/* MV -------------------*/
	#main-visual {
		min-width: 100%;
		height:auto;
		position: relative;
		top: auto;
		padding-top: 0;
	}
	/* 見出し -------------------*/
	.mainTtl{
		font-size: 20px;
		margin-bottom: 65px;
		line-height: 1.6;
		text-align: center;
		display: block;
		padding: 0 3%;
	}
	.mainTtl.minchyo{
		font-size: 20px;
		margin-bottom: 65px;
		line-height: 1.6;
		text-align: center;
		display: block;
		padding: 0 3%;
	}
	.mainTtl.lines{
		font-size: 16px;
		margin-bottom: 65px;
		padding: 0 3%;
	}
	.mainTtl.lines span{
		font-size: 36px;
		margin: 20px 0;
	}

	/* リード文 -------------------*/
	.lead-bloc{
		margin-bottom: 75px;
		padding: 0 3%;
	}
	.lead-bloc p{
		text-align: left;
		line-height: 1.6em;
	}
	.lead-bloc--inner{
		margin: 15px 0;
	}
	.lead-bloc .bdr{
		margin: 15px 3% 5px;
		padding: 15px 0;
	}
	.lead-bloc .bdr p{
		padding-left: 0;
		padding-right: 0;
	}

	/* 小見出し -------------------*/
	.subTtl--base{
		font-size: 20px;
		margin-bottom: 40px;
		padding: 0 3%;
	}
	.subTtl--marker{
		margin-bottom: 40px;
		padding: 0 3%;
	}
	.subTtl--marker span{
		font-size: 16px;
		padding: 13px;
	}
	.subTtl--under{
		margin-bottom: 40px;
		padding: 0 3%;
	}
	.subTtl--under span{
		font-size: 18px;
		padding-bottom: 13px;
	}
	.subTtl--left{
		font-size: 20px;
		margin-bottom: 40px;
		padding: 0 3%;
	}
	.subCopy--base{
		font-size: 14px;
		margin: 15px 0;
		padding: 0 3%;
	}
	.subTtl--left .subCopy--base{
		padding: 0;
	}

	/* 本文 -------------------*/
	.txt-bloc--inner{
		margin: 15px 0;
	}
	.txt-bloc--bdr{
		margin: 15px 3% 5px;
		padding: 15px 0;
	}
	.txt-bloc p{
		font-size: 14px;
		line-height: 1.6em;
		padding: 0 3%;
	}
	.txt-bloc--bdr p{
		padding-left: 0;
		padding-right: 0;
	}

	/* 画像 -------------------*/
	.pic-bloc--flex{
		display: block;

	}
	.pic-bloc figure{
		padding: 10px 3%;
		margin: 0;
	}
	.pic-bloc figure img{
		width: 100%;
	}

	/* テキスト&画像 -------------------*/
	.picTxt-bloc{
		padding: 0 3%;
	}
	.picTxt-bloc--flex{
		display: block;
	}
	.picTxt-bloc__pic{
		margin: 0 0 20px;
	}
	.picTxt-bloc__pic img{
		width: 100%;
	}
	.picTxt-bloc__txt{
		width: 100%;
	}

	/* ボタン -------------------*/
	.btn--base a{
		width: 80%;
		margin: 20px auto;
		padding: 20px 0;
	}
	.btn--grid a{
		width: 80%;
		margin: 20px auto;
		padding: 20px 0;
	}
	.btn--fill a{
		width: 80%;
		height: 50px;
		padding-top: 17px;
		margin: 20px auto;
	}
	.btn-bloc--flex{
		display: block;
	}
	.btn-bloc--flex a{
		margin: 10px auto;
	}
	.btn-bloc + .btn-bloc{
		margin-top: 70px;
	}
	

	/* 値段単体 -------------------*/
	.price-bloc{
		padding: 0 3%;
	}
	.price--cate{
		padding: 10px 1%;
	}
	.price--cate .priceName{
		font-size: 12px;
	}
	.price--cate .itemPrice p{
		text-align: center;
		font-size: 12px;
	}
	.price--cate .priceBtn{
		width: 30%;
		text-align: right;
	}
	.price--cate .priceBtn a:hover {
		background-color: #6b6b6b;
	}
	.price--item{
		padding: 10px 1%;
	}
	.price--item .priceInner{
		flex-wrap: wrap;
	}
	.price--item .priceInner:hover{
		opacity: 1;
	}
	.price--item .priceName{
		padding-right: 0;
		width: 100%;
		font-size: 13px;
		margin-bottom: 7px;
	}
	.price--item .itemPrice{
		padding-left: 0;
		border-left: none;
		font-size: 13px;
		width: auto;
	}

	/* アイテムエリア -------------------*/
	.stylying-bloc{
		margin: 70px 0 40px;
	}
	.stylying-pic{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		padding: 0 3%;
	}
	.stylying-txt{
		width: 100%;
		padding: 15px 3%;
	}
	.stylying-txt__ttl{
		font-size: 20px;
	}
	.stylying-code{
		margin-bottom: 40px;
		display: block;
	}
	.stylying-bloc .stylying-code:nth-of-type(2n) .stylying-pic{
		margin-left: 0;
	}
	.stylying-txt .txt-bloc--bdr{
		margin-left: 0;
		margin-right: 0;
	}

	/* アイテム&コーディネートエリア -------------------*/
	.itemCode-bloc{
		width: 100%;
		padding: 15px 3%;
	}
	.itemCode-gallery{
		width: 100%;
	}
	.itemCode-txt p{
		margin: 25px 0 30px;
	}
	.itemCode-detail{
		display: block;
	}
	.itemCode-detail__img{
		flex-shrink: 0;
		width: 230px;
		margin: 0 auto;
	}
	.itemCode-detail__txt{
		width: auto;
		padding: 15px 0;
		margin-left:0;
	}
	.itemCode-detail__txt .price--item{
		padding: 10px 3%;
	}


	.item-bloc{
		/* padding-bottom: 70px; */
		margin-bottom: 80px;
	}
	.itemCode-bloc02 .pic-bloc{
		width: 100%;
		display: block;
		padding: 0 3%;
	}
	.itemCode-bloc02 .itemBox .itemName{
		font-size: 12px;
		padding-right: 15px;
	}
	.itemCode-bloc02 .itemBox .itemPrice{
		padding-left: 15px;
		font-size: 12px;
	}
	.itemCode-bloc02 .txt-bloc{
		width: 100%;
		padding: 0 3%;
	}
	.itemCode-bloc02 .point{
		margin-top: 30px;
	}
	.itemCode-bloc02 .pic img + img{
		margin: 5px;
	} 
	.itemCode-bloc02 .pic img{
		width: 200px;
	}
	.itemCode-bloc02 .check-btn{
		margin-top: 25px;
	}

	/* D-3 */
	section.sec-type01 .txt-bloc {
		width: 100%;
		padding: 0 3%;
	}
	section.sec-type01 h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	section.sec-type01 .txt-bloc .caption {
		margin: 15px 0 5px;
		padding: 15px 0;
	}
	section.sec-type01 .pic-bloc {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	section.sec-type01 .pic-bloc img {
		width: 100%;
		margin: 0 auto 15px;
		display: block;
		padding: 0 3%;
	}


	/* その他ブロック -------------------*/
	.announce{
		width: 100%;
		padding: 35px 6%;
		margin: 0 3% 40px;
	}
	.an_p01 {
		font-size: 14px;
		padding: 30px 0;
	}
	.an_p02 {
		line-height: 1.6em;
	}
	.an_p02 p {
		padding: 4px;
	}
	.announce .btn-bloc--flex a{
		width: 100%;
	}


/* brand-info -------------------*/
	#brand-info {
		padding: 10px 0;
	}
	#brand-info .inner-wrap {
		display:block;
		padding:20px 20px;
	}
	#brand-info .logo {
		display:block;
		width:auto;
		text-align:center;
		margin-bottom:0;
	}
	#brand-info .logo em {
		display:block;
		width:auto;
		margin-bottom:0;
	}
	#brand-info .logo em img{
		width:40%;
	}
	#brand-info .brand_right {
		display:block;
		width:auto;
		font-size:100%;
	}
	#brand-info .brand_right p.title_txt,#brand-info .brand_right h4.title {
		text-align:center;
	}
	#brand-info .brand_right p {
		line-height:1.8;
		width:auto;
	}
	#brand-info p br {
		display:none;
	}

/* ページトップ -------------------*/
	#pagetop {
		display: none;
	}

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

	コンテンツエリア

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

	/* 共通 */
	.bg_gray {
		padding: 12.33vw 0 15vw;
	}

	.bg_white {
		padding: 16.33vw 0;
	}

	.bg_gray_2 {
		padding: 15.33vw 0;
	}

	.bg_white_2 {
		padding: 15.33vw 0;
	}

	.bg_pink {
		padding: 16.33vw 0;
	}

	.content_inner {
		width: 85.33%;
	}

	.content_inner_s {
		width: 85.33%;
	}

	.sec_m {
		margin-top: 15vw;
	}

	.sec_ttl {
		margin-bottom: 6.67vw;
	}

	.sec_ttl::after {
		width: 76.67vw;
		height: 5.6vw;
		margin-top: -1.87vw;	
}

	.sec_ttl .en {
		font-size: 2.67vw;
		margin-bottom: 1.07vw;
	}

	.sec_ttl .en .inner {
		padding: 0 2.13vw;
	}

	.sec_ttl .en .inner::before,
	.sec_ttl .en .inner::after {
		width: 0.8vw;
	}

	.sec_ttl .ja {
		font-size: 4vw;
	}

	.sec_ttl.m_s {
		margin-bottom: 4.47vw;
	}

	.ul_link li {
		width: 45vw;
	}

	.ul_link li:nth-child(n+5) {
		margin-top: 0;
	}

	.ul_link li:nth-child(n+3) {
		margin-top: 4vw;
	} 

	.ul_link li .text {
		font-size: 3.47vw;
		margin-top: 2.67vw;
	}

	a.btn_green {
		font-size: 3.47vw;
		border-radius: 0.8vw;
		padding: 3.47vw;
		min-width: 0;
		min-height: 0;
		width: 40vw;
	}

	/* イントロ */
	.intro_text {
		font-size: 3.2vw;
		margin-bottom: 14.5vw;
		letter-spacing: .03em;
	}

	.intro_text .text + .text {
		margin-top: 5.2vw;
	}

	/* 贈る相手から選ぶへのリンク */
	section.type_link .content_inner,
	section.pickup_link .content_inner {
    width: 93%;
	}

	section.type_link .wrap_btn {
		margin-top: 5.33vw;
	}

	/* シーンから選ぶ */
	section.scene .sec_ttl {
		margin-bottom: 6.67vw;
	}

	section.scene .btn_list {
		justify-content: center;
	}

	section.scene .btn_list li:nth-child(even) {
		margin-left: 5.07vw;
	}

	section.scene .btn_list li:nth-child(n+3) {
		margin-top: 5.07vw;
	}

	/* その他 */
	.other_link .btn_list + .btn_list {
		margin-top: 5.33vw;
	}

	.other_link .btn_list > *:nth-child(n+3) {
		margin-top: 5.33vw;
	}


	.other_link .btn_list a.btn_text {
		border-radius: 0.8vw;
		padding: 1.9vw 2.13vw;
		width: 40vw;
	}


	.other_link .btn_list a.btn_text .en {
		font-size: 2.13vw;
		margin-bottom: 0;
	}

	.other_link .btn_list a.btn_text .en .inner {
		padding: 2.13vw;
	}

	.other_link .btn_list a.btn_text .en .inner::before,
	.other_link .btn_list a.btn_text .en .inner::after {
		width: 0.8vw;
	}

	.other_link .btn_list a.btn_text .ja {
		font-size: 3.2vw;
	}

	.other_link .btn_list.wide > li:nth-child(n+2) {
		margin-top: 5.33vw;
	}

	.other_link .btn_list.wide > li {
		width: 100%;
	}

	/* 贈る相手から選ぶ ~ おすすめアイテムから選ぶ */
	section.type .content_inner,
	section.pickup .content_inner {
		width: 100vw;
	}

	.content_box + .content_box {
		margin-top: 17.33vw;
	}

	section.type .type_ttl {
		width: 96vw;
		margin:  0 auto;
	}

	section.type  .content_box.content_05  {
		margin-top: 10vw;
	}

	section.type  .content_box.content_05 .type_ttl {
		width: 91.33vw;
		translate: 1vw 0;
	}

	section.pickup {
		margin-top: 15.2vw;
	}

	section.pickup .sec_ttl {
		margin-bottom: 7.47vw;
	}

	section.pickup  .content_box .type_ttl {
		width: 91.47vw;
		margin: 0 auto;
		translate: -1.07vw 0;
	}

	section.pickup .content_box:nth-child(even) .type_ttl {
		translate: 1.07vw 0;
	}

	.content_box .main_text {
		font-size: 3.2vw;
		margin-top: 6.67vw;
	}

	.content_box .recommend {
		margin-top: 8.33vw;
	}

	.content_box .recommend .recommend_ttl {
		font-size: 4.27vw;
		margin-bottom: 6.67vw;
	}

	.content_box .recommend .recommend_ttl .inner {
		padding: 0 2.4vw;
	}

	.content_box .recommend .recommend_ttl .inner::before,
	.content_box .recommend .recommend_ttl .inner::after {
		width: 1.07vw;
		height: 1px;
	}

	.content_box .recommend .ul_recommend {
		width: 85.33%;
		margin:  0 auto;
	}

	.content_box .recommend .ul_recommend li {
		width: 25.33vw;
	}
	
	.content_box .recommend .ul_recommend li:not(:nth-child(6n)) {
		margin-right: 0;
	}

	.content_box .recommend .ul_recommend li:not(:nth-child(3n)) {
		margin-right: 4.67vw;
	}

	.content_box .recommend .ul_recommend li:nth-child(n+4) {
		margin-top: 7.67vw;
	}

	.content_box .recommend .ul_recommend li .info {
		margin-top: 2.67vw;
		font-size: 2.67vw;
		line-height: 1.5;
	}

	.content_box .recommend .box_more_btn {
		margin-top: 8vw;
	}

	.content_box .recommend a.more_btn {
		font-size: 3.73vw;
		min-width: 53.33vw;
		padding: 2.93vw 4vw;
		border-radius: 0.8vw;
	}

	.content_box .recommend a.more_btn .text::before {
		width: 2.4vw;
		margin-right: 2.13vw;
	}


	/* 贈る相手から選ぶ */
	section.type {
		margin-top: 16vw;
	}

	section.type .sec_ttl {
    margin-bottom: 7.47vw;
	}

	/* アイテムから選ぶ 〜 お近くの店舗から選ぶ */
	.ul_mini_btn li a {
		width: 40vw;
		font-size: 3.47vw;
		padding: 3.2vw 3vw;
		border-radius: 0.8vw;
	}

	/* 5カラム */
	.ul_mini_btn.btn_5 li:nth-child(n+3) {
		margin-top: 4.5vw;
	}

	.ul_mini_btn.btn_5 li:not(:nth-child(5n)) {
		margin-right: 0;
	}

	.ul_mini_btn.btn_5 li:not(:nth-child(2n)) {
		margin-right: 5.33vw;
	}

	/* 大きいボタン */
	.ul_mini_btn.btn_large {
		margin-top: 5.33vw;
	}

	.ul_mini_btn.btn_large li a {
		width: 53.33vw;
	}

	/* 4カラム */
	.ul_mini_btn.btn_4 li a {
		width: 40vw;
		font-size: 3.47vw;
		color: #fff;
		padding: 3.2vw 2.73vw;
		border-radius: 0.8vw;
	}

	.ul_mini_btn.btn_4 li:nth-child(n+3) {
		margin-top: 5.33vw;
	}

	.ul_mini_btn.btn_4 li:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.ul_mini_btn.btn_4 li:not(:nth-child(2n)) {
		margin-right: 5.33vw;
	}

	/* 6カラム */
	.ul_mini_btn.btn_6 li a {
		width: 25.33vw;
		font-size: 3.47vw;
		padding: 3.2vw 2.13vw;
		border-radius: 0.8vw;
	}
	.ul_mini_btn.btn_6 li:nth-child(n+4) {
		margin-top: 4.67vw;
	}

	.ul_mini_btn.btn_6 li:not(:nth-child(6n)) {
		margin-right: 0;
	}

	.ul_mini_btn.btn_6 li:not(:nth-child(3n)) {
		margin-right: 4.67vw;
	}

	/* 体験型ギフトから選ぶ〜ギフトラッピング */
	section.staffcode, section.wrapping {
    margin-top: 20.27vw;
	}

	.box_white {
		background-color: #fff;
		padding: 7.67vw 4.67vw 12.67vw;
		border-radius: 0.53vw;
	}

	.box_white .m_s {
		margin-bottom: 3.47vw;
	}

	.box_white .top_text {
		font-size: 2.93vw;
		letter-spacing: .04em;
	}

	.box_white .text_note {
		margin-top: 2.67vw;
		font-size: 2.13vw;
		line-height: 1.875;
	}

	/* 黒ボタン */
	.box_white::after {
		background: url(../img/other_deco_sp.png) no-repeat center bottom / contain;
		width: 74.93vw;
		height: 8.53vw;
	}

	.box_white .ul_btn_link {
		margin-top: 6.13vw;
	}

	/* 体験型ギフトから選ぶ */
	section.personal .content_inner {
		width: 89.33vw;
	}

	section.personal .box_photo {
		margin-top: 5.33vw;
	}

	section.personal  .box_photo img {
		width: 18.4vw;
	}

	section.personal  .box_photo img:not(:nth-child(4n)) {
		margin-right: 2.13vw;
	}

	section.personal  .box_photo img:nth-child(n+5) {
		margin-top: 2.13vw;
	}

	section.personal .ul_btn_link li {
		width: 100%;
	}

	section.personal .ul_btn_link li a {
		width: 100%;
		font-size: 3.47vw;
		color: #fff;
		padding: 3.2vw 4vw;
		border-radius: 0.8vw;
	}

	section.personal .ul_btn_link li:nth-child(n+2) {
		margin-top: 4.27vw;
	}

	section.personal .ul_btn_link li:not(:nth-child(2n+1)) {
		margin-left: 0;
	}


	/* スタッフコーデから選ぶ */
	section.staffcode .content_inner {
		width: 89.33vw;
	}

	section.staffcode .photo {
		margin-top: 5.33vw;
	}

	section.staffcode .ul_btn_link li {
		width: 100%;
	}

	section.staffcode .ul_btn_link li a {
		width: 100%;
		font-size: 3.47vw;
		padding: 4vw 5.33vw;
		border-radius: 0.8vw;
	}

	section.staffcode .ul_btn_link li:nth-child(n+2) {
		margin-top: 4.27vw;
	}

	section.staffcode .ul_btn_link li:not(:nth-child(3n+1)) {
		margin-left: 0;
	}

	/* ギフトラッピング */
	section.wrapping .content_inner {
		width: 89.33vw;
	}

	section.wrapping .photo_wrapping img {
		width: 36vw;
	}

	section.wrapping .photo_wrapping img:nth-child(n+2) {
		margin-left: 2.13vw;
	}

	.box_white .ul_btn_link {
		margin-top: 5.33vw;
	}

	section.wrapping .ul_btn_link li a {
		width: 45.33vw;
		font-size: 3.2vw;
		padding: 3.47vw 4vw;
		border-radius: 0.8vw;
	}

	section.wrapping .free_cp {
		margin-top: 10.67vw;
	}

	section.wrapping .free_cp .message {
		margin-bottom: 2.67vw;
	}

	section.wrapping .free_cp .message .text {
		font-size: 2.93vw;
		padding: 0 5.87vw;
	}

	section.wrapping .free_cp .message .text::before,
	section.wrapping .free_cp .message .text::after {
		width: 3.47vw;
	}

	section.wrapping .ul_btn_link.btn_black {
		margin-top: 6vw;
	}

	section.wrapping .ul_btn_link.btn_brown {
		margin-top: 5.33vw;
	}

	.box_white .ul_btn_link.btn_brown li {
		width: 100%;
	}

	.box_white .ul_btn_link.btn_brown li a {
		width: 100%;
	}

	section.service .ul_service li {
		width: 112vw;
	}

	section.service .ul_service li.service_01 .box_btn,
	section.service .ul_service li.service_05 .box_btn {
		min-height: 0;
	}

	section.service .ul_service li:nth-child(n+2) {
		margin-top: 14.8vw;
	}

	section.service .ul_service li img {
		width: 66.67vw;
		margin:  0 auto;
		display: block;
	}

	section.service .ul_service li .mini_ttl {
		margin-top: 6.67vw;
		font-size: 3.73vw;
	}

	section.service .ul_service li .text {
		font-size: 3.2vw;
		margin-top: 4vw;
	}

	section.service .ul_service li .box_btn {
		margin-top: 4vw;
		min-height: 0;
	}

	section.service .ul_service li .box_btn a.btn {
		width: 58.67vw;
		font-size: 3.47vw;
		padding: 3.47vw 4.53vw;
		border-radius: 0.8vw;
	}

	section.service .ul_service li .box_btn a.btn + a.btn {
		margin-top: 4vw;
	}

	/* Gift for Women */
	section.forwomen .box_btn {
		margin-top: 5.33vw;
	}

	section.forwomen a.btn {
		min-width: 58.67vw;
		padding: 1.87vw 0.5vw;
		border-radius: 0.8vw;
	}

	section.forwomen a.btn .en {
		font-size: 2.13vw;
		margin-bottom: 0.53vw;
	}

	section.forwomen a.btn .ja {
		font-size: 3.47vw;
	}

}

@media only screen and (max-width:860px){
	/* -------------------------------------------------------
	
	フォーマット02
	
	---------------------------------------------------------*/
	.format02 #breadcrumb {
		font-size: 10px;
		margin-bottom: 10px;
		padding: 0 20px;
	}
	.format02 #special-cont{
		width: 100%;
		padding-bottom: 30px;
	}
	.format02 .wrap{
		width: 100%;
	}
	
	.format02 #main-visual img{
		width: 100%;
	}
	.format02 .mainTtl{
		margin: 38px 3% 21px;
		padding: 0;
		font-size: 21px;
		font-weight: bold;
		line-height: 1;
	}
	.format02 .subTtl{
		font-size: 13px;
		line-height: 1.6;
		font-weight: bold;
		margin-left: 3%;
		margin-right: 3%;
	}
	.format02 .lead-bloc{
		margin-bottom: 20px;
	}
	.format02 .lead-bloc p{
		font-size: 12px;
		font-weight: 100;
		margin-top: 10px;
	}
	/* --------
	テーブルブロック
	-------- */
	.format02 .table-bloc table {
		width: 92%;
		margin: -15px 4% 40px 4%;
		border-top: none;
	  }
	  .format02 .table-bloc table th {
		width: 25%;
		padding: 15px 5px 15px 0;
		text-align: left;
		font-size: 12px;
	  }
	  .format02 .table-bloc table td {
		width: calc(75% - 5px);
		padding: 15px 0;
		text-align: left;
		font-size: 12px;
	  }
	/* --------
	関連ボタン
	-------- */
	.format02 .btn-bloc{
		width: auto;
	}
	.format02 .btn-bloc__wrap{
		width: auto;
		margin: 0 15px;
		padding: 0 0 40px;
	}
	.format02 .btn-bloc + .btn-bloc{
		margin-top: 40px;
	}
	.format02 .btn-bloc--flex{
		display: block;
	}
	.format02 .btn-bloc--flex .btn--base a{
		width: 100%;
	}
	.format02 .btn-bloc--flex *{
		margin-left: 0;
		margin-right: 0;
	}
	.format02 .btn-bloc--flex .btn--base a{
		width: 100%;
		margin: 5px auto;
	}
	/* --------
	関連コンテンツ
	-------- */
	.format02 #special-contents{
		width: auto;
		margin: 0 15px;
	}
	.format02 #special-contents .contents_box {
		padding-bottom: 40px;
		display: block;
	  }
	  .format02 #special-contents .contents_box img {
		width: 100%;
	  }
	  .format02 #special-contents .box_left,
	  .format02 #special-contents .box_right {
		width: 100%;
	  }
	  .format02 #special-contents .box_left{
		margin-left: 0;
	  }
	  .format02 #special-contents .box_right img:first-of-type {
		margin-bottom: 5px;
	  }
	  .format02 #special-contents .contents_box .txt {
		margin: 10px auto 30px;
	  }
	  .format02 #special-contents .btn{
		padding: 0;
		width: 100%;
	  }
	  .format02 #special-contents .btn a{
		width: 100%;
	  }
	}
	@media only screen and (min-width:641px){
		.sp {
			display:none !important;
		}
		.pc {
			display:block;
		}
		img.pc {
			display:inline;
		}
	
	}

@media (min-width: 641px) and (max-width: 1080px) {
  body {
    overflow-x: auto;
    min-width: 1080px;
  }
}