@charset "utf-8";@charset "utf-8";

/* ===================================
    全体レイアウト用
==================================== */
#Area {
	font-family: 'Shippori Mincho B1', serif;
	text-align: center;
	color:#333333;
	width: 100%;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}

/*アイテム４カラム*/

.container219 {
    display: grid;
    grid-template-columns: 190px 190px 190px 190px;
    grid-template-rows: 257px;
    gap: 0% 1%;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    grid-template-areas: "item1 item2 item3 item4";
}

.item1 { grid-area: item1; }

.item2 { grid-area: item2; }

.item3 { grid-area: item3; }

.item4 { grid-area: item4; }

/*アイテム説明*/

.container219t {
    display: grid;
    grid-template-columns: 395px 310px;
    grid-template-rows: 400px;
    gap: 10px 10px;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    grid-template-areas: "itempt itemtext";
}

.itempt { grid-area: itempt; }

.itemtext { grid-area: itemtext; }

/*スマホの時だけ改行*/
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}


/* ===================================
    メインイメージ部分用
==================================== */
.mainimage_700 {
	width: 100%;
	display: block;
}

/*一番上のバナー*/
.image_700 img {
	display: block;
	width: 100%;
	height: auto;
}

.top_700 {
	width: 100%;
	height:auto;
	margin-top: 5%;
}

.maintext_700 {
	width: 100%;
	display:flex;
    margin: 0 auto;
	justify-content: center;
}

.text01_700 {
	font-size: 95px;
}

.text02_700 {
	font-size: 25px;
	margin-left: 2.2%;
	margin-top: 1.2%;
	text-align: left;	
	color: #d97f99;
}


.text03_700 {
	font-size: 15px;
	line-height: 2.5;
	margin-top: 3%;
}

/* ===================================
    コンテンツ-ブランドリスト
==================================== */
brandlist_700 {
    margin: 0 auto;
    width: 90%;
    text-align: center;
    height: 20%;
    margin-top: 10%;
    margin-bottom: 7%;
}

.text04_700 {
    font-size: 20px;
    margin: 8% 0 4% 10%;
    text-align: left;
}	

.text04_700 span {
    padding: 0.3em;
	border-left: solid 5px #d97f99;
	background-color: #F3F0EB
}

.brandlist_700 ul {
    column-count: 4;
    width: 80%;
    text-align: center;
    margin: 0 auto 0 auto;
	margin-bottom: 6%;
    font-size: 16px;
}

.brandlist_700 ul li {
	margin-bottom: 1em;
	ine-height: 1.7;
	text-align:left
}

/* ==============================
    コンテンツ-アイテムタイトル
============================== */
.border_700 {
	border-top: 1px solid #d1cbc2;
	width: 80%;
	margin: 0 auto 5% auto;
}

.pic-flame_700 {
	width: 100%;
	margin: 0 auto;
}

.text05_700 {
	font-size: 25px;
	font-weight: bold;
	text-align: left;	
	margin-left: 14%;
}

.text06_700 {
	font-size: 22px;
	text-align: left;	
	margin-left: 13.5%;
}

/* ==============================
    コンテンツ-ブランド毎のアイテムカテゴリー
=============================== */
.left_700 {
	width: 600px;
	float: left;
}

.left_700 img {
 	width: 80%;
	margin-top: 0.5%;
	display: inline-block;
}

.right_700 {
	width: 360px;
	float: left;
}

.title2_700,.price_700 {
	font-size: 17px;
	line-height: 1.5em;
	width:100%;
}

.title2_700 {
	margin-top: 7%;
}

.price_700 {
	margin-bottom: 20px; 
}

div.right_700 a{
	text-decoration: none;
	color: #333333;
	font-size: 15px;
}

/*buyボタン -----------*/
.btn_buy_700{  
    width: 22%;
    padding: 5px 0;
    margin-left: 38%;
    margin-bottom: 10%;
    font-weight: bold;
    border: 1.5px solid #d97f99;
    color: #d97f99;
    border-radius: 100vh;
    transition: 0.5s;
}

.btn_buy_700:hover {
	color: #fff;
	background: #d97f99;
}
/*-----------buyボタン*/


.ex_1_700 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    /* margin-right: 24%; */
    width: 70%;
    text-align: left;
    margin-left: 14%;
}

.ex_2_700 {
	font-size: 12px;
	width: 70%;
	text-align: left;
	margin-left: 14%;
}

div.clearfix {
        clear: both;
}

/* ===================================
     コンテンツ-ピックアップのサブ
==================================== */
.sub_title_700 {
    text-align: left;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 2%;
    margin-left: 13%;
}

.other1_700 img,.other2_700 img,.other3_700 img,.other4_700 img {
 	width: 200px;
	height: auto;
	margin: 0 auto 8% auto;
	display: inline-block;
	float: left;
	margin-right: 2%;	
}

.other1_700 {
	margin-left: 8%;
}

.btn_buy2_700 {
    text-align: center;
    text-decoration: none;
    width: 25%;
    margin: auto auto 10% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 15px;
    font-weight: normal;
}

.btn_buy2_700:hover {
	border: 1.5px solid #d97f99;
	color: #d97f99;
}

a.sub_all_700 {
	text-decoration: none;
}

.sub_all_700 span {
	font-size: 13px;
}

/* 余白*/
.spece2 {
    padding-top: 5%;
    text-align: center;
}	

/* 余白*/
.spece {
 padding-top:10%;
  text-align:center;
}	

.btn_buy3_700 {
    text-align: center;
    text-decoration: none;
    width: 25%;
    margin: auto auto 4% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 15px;
    font-weight: normal;
}

.btn_buy3_700:hover {
	border: 1.5px solid #d97f99;
	color: #d97f99;
}
  


/*================================
tablet
=================================*/
@media(max-width: 834px){
#Area .imageArea ul.row-fluid {
    width: 100%;
    text-align: center;
    margin: 5% auto 0;
  }	
	
.mainimage_700 {
	width: 100%;
	display: block;
}

/*一番上のバナー*/
.image_700 img {
	display: block;
	width: 100%;
	height: auto;
}

.top_700 {
	width: 100%;
	height:auto;
	margin-top: 5%;
}

.maintext_700 {
	width: 100%;
	display:flex;
    margin: 0 auto;
	justify-content: center;
}

.text01_700 {
	font-size: 95px;
}

.text02_700 {
	font-size: 25px;
	margin-left: 2.2%;
	margin-top: 1.2%;
	text-align: left;	
	color: #d97f99;
}


.text03_700 {
	font-size: 15px;
	line-height: 2.5;
	margin-top: 3%;
}

/* ===================================
    コンテンツ-ブランドリスト
==================================== */
brandlist_700 {
    margin: 0 auto;
    width: 90%;
    text-align: center;
    height: 20%;
    margin-top: 10%;
    margin-bottom: 7%;
}

.text04_700{
    font-size: 20px;
	margin: 8% 0 4% 5%;
    text-align: left;
}	

.text04_700 span {
    padding: 0.3em;
	border-left: solid 5px #d97f99;
	background-color: #F3F0EB
}

.brandlist_700 ul {
    column-count: 4;
    width: 90%;
    text-align: center;
    margin: 0 auto 0 auto;
	margin-bottom: 6%;
    font-size: 14px;
}

.brandlist_700 ul li {
	margin-bottom: 1em;
	ine-height: 1.7;
	text-align:left
}

/* ==============================
    コンテンツ-アイテムタイトル
============================== */
.border_700 {
	border-top: 1px solid #d1cbc2;
	width: 80%;
	margin: 0 auto 5% auto;
}

.pic-flame_700 {
	width: 100%;
	margin: 0 auto;
}

.text05_700 {
	font-size: 25px;
	font-weight: bold;
	text-align: left;	
	margin-left: 14%;
}

.text06_700 {
	font-size: 22px;
	text-align: left;	
	margin-left: 13.5%;
}

/* ==============================
    コンテンツ-ブランド毎のアイテムカテゴリー
=============================== */
.left_700 {
	width: 600px;
	float: left;
}

.left_700 img {
 	width: 80%;
	margin-top: 0.5%;
	display: inline-block;
}

.right_700 {
	width: 360px;
	float: left;
}

.title2_700,.price_700 {
	font-size: 17px;
	line-height: 1.5em;
	width:100%;
}

.title2_700 {
	margin-top: 7%;
}

.price_700 {
	margin-bottom: 20px; 
}

div.right_700 a{
	text-decoration: none;
	color: #333333;
	font-size: 15px;
}

/*buyボタン -----------*/
.btn_buy_700{  
    width: 22%;
    padding: 5px 0;
    margin-left: 38%;
    margin-bottom: 10%;
    font-weight: bold;
    border: 1.5px solid #d97f99;
    color: #d97f99;
    border-radius: 100vh;
    transition: 0.5s;
}

.btn_buy_700:hover {
	color: #fff;
	background: #d97f99;
}
/*-----------buyボタン*/


.ex_1_700 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    /* margin-right: 24%; */
    width: 70%;
    text-align: left;
    margin-left: 14%;
}

.ex_2_700 {
	font-size: 12px;
	width: 70%;
	text-align: left;
	margin-left: 14%;
}

div.clearfix {
        clear: both;
}

/* ===================================
     コンテンツ-ピックアップのサブ
==================================== */
.sub_title_700 {
    text-align: left;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 2%;
    margin-left: 13%;
}

.other1_700 img,.other2_700 img,.other3_700 img,.other4_700 img {
 	width: 200px;
	height: auto;
	margin: 0 auto 8% auto;
	display: inline-block;
	float: left;
	margin-right: 2%;	
}

.other1_700 {
	margin-left: 8%;
}

.btn_buy2_700 {
    text-align: center;
    text-decoration: none;
    width: 25%;
    margin: auto auto 10% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 15px;
    font-weight: normal;
}

.btn_buy2_700:hover {
	border: 1.5px solid #d97f99;
	color: #d97f99;
}

a.sub_all_700 {
	text-decoration: none;
}

.sub_all_700 span {
	font-size: 13px;
}

/* 余白*/
.spece {
 padding-top:10%;
  text-align:center;
}	
  

/* ================================
     コンテンツ-ピックアップのサブ
================================= */
.sub_title_700 {
    text-align: left;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 2%;
    margin-left: 0.5%;
}

.text05_700 {
	font-size: 25px;
	font-weight: bold;
	text-align: left;	
	margin-left: 8%;
}

.text06_700 {
	font-size: 22px;
	text-align: left;	
	margin-left: 7.5%;
}


}


/*===================================
SMP
====================================*/

@media (max-width: 480px) {
#Area .imageArea ul.row-fluid {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }

.text01_700 {
    font-size: 41px;
}
	
.text02_700 {
    font-size: 16px;
    margin-left: 2.2%;
    margin-top: 1%;
    text-align: left;
    color: #d97f99;
    line-height: 1;
}
	
.text03_700 {
    font-size: 14px;
    line-height: 2;
    margin-top: 4%;
    margin-bottom: 13%;
}	
	
.text04_700 {
    font-size: 14px;
    margin: 8% 0 4% 5%;
    text-align: left;
}	
	
	
.text04_700 span {
    padding: 0.3em;
    border-left: solid 5px #d97f99;
    background-color: #F3F0EB;
    margin-left: 4.5%;
	font-size: 14px;
}	
	
.brandlist_700 ul {
    column-count: 2;
    width: 88%;
    text-align: center;
    margin: 0 auto 0 auto;
    margin-bottom: 9%;
    font-size: 14px;
    margin-left: 9%;
}	
	
	
.container219t {
    display: inline-block;
    grid-template-columns: 395px 310px;
    grid-template-rows: 400px;
    gap: 10px 10px;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    grid-template-areas: "itempt itemtext";
}
	
.title2_700, .price_700 {
    font-size: 14px;
    line-height: 1.5em;
    width: 100%;
}	
	
.btn_buy_700 {
    width: 25%;
    padding: 5px 0;
    margin-left: 38%;
    margin-bottom: 10%;
    font-weight: bold;
    border: 1.5px solid #d97f99;
    color: #d97f99;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 14px;
}
	
.price_700 {
    margin-bottom: 3%;
}	
	
	
.ex_1_700 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    /* margin-right: 24%; */
    width: 70%;
    text-align: left;
    margin-left: 14%;
}
	
	
.ex_2_700 {
    font-size: 14px;
    width: 70%;
    text-align: left;
    margin-left: 14%;
}
	
	
.sub_title_700 {
    text-align: left;
    font-size: 15px;
    margin-top: 9%;
    margin-bottom: 2%;
    margin-left: 3%;
}	
	
.container219 {
    display: grid;
    grid-template-columns: 80px 80px 80px 80px;
    grid-template-rows: 120px;
    gap: 0% 1%;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    grid-template-areas: "item1 item2 item3 item4";
}	
	
.btn_buy2_700 {
    text-align: center;
    text-decoration: none;
    width: 45%;
    margin: auto auto 10% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 14px;
    font-weight: normal;
}
	
.sub_all_700 span {
    font-size: 13px;
}	
	
.btn_buy2_700 {
    text-align: center;
    text-decoration: none;
    width: 53%;
    margin: auto auto 10% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 14px;
    font-weight: normal;
}	
	

	/* 余白*/
.spece {
 padding-top:32%;
  text-align:center;
}

.spece2 {
 padding-top:10%;
  text-align:center;
}	


.btn_buy3_700 {
    text-align: center;
    text-decoration: none;
    width: 53%;
    margin: auto auto 5% auto;
    border-radius: 0.3rem;
    border-image-source: repeating-linear-gradient(45deg, #d97f99 0, #d97f99 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 8px);
    border-image-slice: 3;
    border-width: 1.5px;
    border-image-repeat: round;
    border-style: solid;
    color: #d97f99;
    font-size: 15px;
    font-weight: normal;
}

.container219 {  display: grid;
  grid-template-columns: 160px 160px;
  grid-template-rows: 227px 227px;
  gap: 10px 10px;
  grid-auto-flow: row;
  justify-content: center;
  grid-template-areas:
    "item1 item2"
    "item3 item4";
}

.item1 { grid-area: item1; }

.item2 { grid-area: item2; }

.item3 { grid-area: item3; }

.item4 { grid-area: item4; }
	
}

.border_700 {
	border-top: 1px solid #d1cbc2;
	width: 80%;
	margin: 0 auto 10% auto;
}