@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;
}

.backcolor {
  /*background-image:url("/photo/page/20240817/back_4.jpg");*/
  background-image:url("/photo/page/20250422/back_10.jpg");	
}

/*指定されている画面幅解除*/
.inner {
        /* width: calc(100% - 80px); */
        max-width: 1240px;
        margin-left: auto;
        margin-right: auto;
    }


.container_01 {
	background: #fff;
}

.itempt01 { grid-area: itempt; }

.itemtext01 { grid-area: itemtext; }
/*いじらない*/

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

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

.spece_01 {
	padding-bottom:4%;
}

.spece_bottom {
 margin-bottom: 25%;
}

.spece_img {
	margin-bottom: 5%;
}


.container01-2 {  
	display: grid;
    grid-template-columns: 410px 410px;
    grid-template-rows: 100px 100px;
    gap: 5% 10%;
    grid-auto-flow: row;
    justify-content: center;
    grid-template-areas:
        "item1 item2"
        "item3 item4";
		margin-top: 5%;
}

.item1 { grid-area: item1; }
.item2 { grid-area: item2; }
.item3 { grid-area: item3; }
.item4 { grid-area: item4; }


.itempt01 {
  position: relative;
}

.slide0 {
  position: absolute;
  padding: 0;
  width: 420px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation : slideshow1 6s linear infinite;
}

@keyframes slideshow1 {
  0%   { opacity: 0; }
  28%  { opacity: 1; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
  100% { opacity: 0; }
}

.slide1 {
  position: absolute;
  padding: 0;
  width: 420px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation : slideshow1 6s linear infinite;
  animation-delay:2s;
}

@keyframes slideshow1 {
  0%   { opacity: 0; }
  28%  { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 1; }
  100% { opacity: 0; }
}


.image {
	text-align: center;
}


/*===================================
リストボタン
===================================*/
.list_btn {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    gap: 2% 2.7%;
    grid-auto-flow: row;
    grid-template-areas: "top_btn-1 top_btn-2 top_btn-3 top_btn-4";
    max-width: 650px;
    text-align: center;
    margin: 0 auto;
	margin-bottom: 8%;
	font-family: "europa", sans-serif;
}

.list_btn-1 { grid-area: top_btn-1;}
.list_btn-2 { grid-area: top_btn-2; }
.list_btn-3 { grid-area: top_btn-3; }
.list_btn-4 { grid-area: top_btn-4; }

.list_btn-1,.list_btn-2,.list_btn-3,.list_btn-4 {
	max-width: 220px;
    text-align: center;
    line-height: 1.5;
    border-radius: 7px 7px 7px 7px;
    padding: 0.5em;
	/*background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);*/
	/*background: #add8db;*/
	font-weight: 300;
	border: 1px solid #333333;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 0 6% 0 6%;
    color: #333333;

	
}

.list_btn span{
	font-size: 25px;
	font-family: "europa", sans-serif;
	}	

.list_btn-1 img,.list_btn-2 img,.list_btn-3 img,.list_btn-4 img {
	width: 11%;
	margin-top: -2%;
}



/* ===================================
スライドテスト
==================================== */
.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width: 1025px;
   height: 650px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
	    margin: 0 auto;
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  right       : 0%;
  animation  : slideAnime 18s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
.slide img:nth-of-type(3) { animation-delay: 12s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { left: -100% }
   5% { left: 0     }
  28% { left: 0     }
  33% { left: 100%  }
 100% { left: 100%  }
}


/* ===================================
    メインイメージ部分用
==================================== */
.banner {
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.top_text {
	width: 100%;
	height:auto;
	margin-top: 7%;
	margin-bottom: 7%;
}

.top_text_sub {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 13px;
	line-height: 2.5;
	margin-top: 3%;
	width: 50%;
    margin: 0 auto;
}

.img_01 { 
	margin-left: 0%; 
}

.img_02 { 
	margin-left: 15%; 
}

.img_03 { 
	margin-left: -15%; 
}

.img_04 { 
	margin-left: 0%; 
}

.img_05 { 
	margin-left: 15%; 
}

.img_06 { 
	margin-left: 0%; 
}

.img_07 { 
	margin-left: -15%; 
}

.img_08 { 
	margin-left: 0%; 
}

.img_09 { 
	margin-left: 0%; 
}

.img_10 { 
	margin-left: -15%; 
}

.img_11 { 
	margin-left: 15%; 
}

.img_12 { 
	margin-left: 0%; 
}

.img_13 { 
	margin-left: 0%; 
}

.img_14 { 
	margin-left: 10%; 
}

.img_15 { 
	margin-left: -10%; 
}

.img_16 { 
	margin-left: 0%; 
}

/* ===================================
ナンバーなどテキスト
==================================== */

.contents_text {
    font-family: "europa", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.contents_text01{
	font-size: 65px;
	padding-top: 7%;
	font-weight: 300;
}

.contents_text02{
	font-size: 35px;
	margin-bottom: 1.5%;
	font-weight: 300;
}

/* ===================================
  画像スクロール
==================================== */

.fade_main_img,.fade_main_img_01 {  
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 50% 50%;
  gap: 2% 0%;
  grid-auto-flow: row;
  grid-template-areas:
    "fadein-left"
    "fadein-right";
}

.fadein-left { grid-area: fadein-left; }
.fadein-right { 
	grid-area: fadein-right;
}

.fadein-left img,.fadein-right img {
	width: 47%;
}



.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}



/* ===================================
 詳細
==================================== */
.detail_text{
	margin-top: 7%;
}

.detail_text01 {
	font-size: 22px;
    margin: 1%;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
	/*font-family: "shippori-mincho-b1", serif;*/
    font-weight: 300;
    font-style: normal;
}

.detail_text02 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 12px;}


/* ===================================
 クレジット部分
==================================== */


.item-creditleft {
	font-size: 13px;
	text-align: left;
	margin: 3% 27% 5%;
	font-family: "europa", sans-serif;
	font-weight: 200;
}

.item-creditleft li
{
	font-weight: 200;
}



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

.text04 {
    font-size: 20px;
    margin: 8% 0 4% 0%;
    text-align: center;
}	

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

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


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

.text04_782 {
    font-size: 20px;
    margin: 8% 0 4% 0%;
    text-align: center;
}

.text04_782 span {
	font-size: 14px;
	color: #bdb8e1;
	vertical-align: 9%;
}

/*
li a:hover {
	color: #bdb8e1;
}
*/


ul.upper,ul.bottom {
	display: flex;
	max-width: 920px;
    margin: 0 auto;
	border-top: 1px solid gray;
	padding-top: 2%;
}

ul.bottom {
	border-bottom: 1px solid gray;
	margin-bottom: 10%;
}

.itemlist_782 ul li {
	margin-bottom: 1em;
	ine-height: 1.7;
	flex: auto;
	font-size: 18px;
	/*background-color: aqua;*/
	 text-align: center;
	border-right: 1px solid gray;
}

li.upper:last-child,li.bottom:last-child {
	border: none
}


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

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

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

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

/* ==============================
 コンテンツ-ブランド毎のアイテムカテゴリー
=============================== */
.itemtext01 img {
	width: 90%;
    margin-top: 17%;
}

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

.title2_716 {
	margin-top: 7%;
}

.price_716 {
	margin-bottom: 20px; 
}


/*buyボタン -----------*/
.btn_buy_716{  
    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_716:hover {
	color: #fff;
	background: #d97f99;
}
/*-----------buyボタン*/

.text_1 {
font-size: 16px;
    margin-bottom: 10px;
    margin-top: 7%;
    width: 66%;
    text-align: left;
    margin-left: 17%;
}

.text_2 {
	font-size: 12px;
	width: 60%;
	text-align: left;
	margin-left: 22%;
	margin-bottom: 5%;
}

div.clearfix {
        clear: both;
}

.itempt img {
	max-width: 130%;
    height: auto;
    vertical-align: middle;
}

.container01-2 img {
	width: 19%;
}


.itemtext01-2 img {
    width: 90%;
    margin-top: 17%;
}


.container01-2 a {
	width: 10%;
	font-size: 11px;
}


/* ===================================
 コンテンツ-ピックアップのサブ
==================================== */

.other1_716 img,.other2_716 img,.other3_716 img,.other4_716 img {
 	width: 200px;
	height: auto;
	margin: 0 auto 8% auto;
	display: inline-block;
	float: left;
	margin-right: 2%;	
}

.other1_716 {
	margin-left: 8%;
}

.btn_buy2_716 {
    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_716:hover {
	border: 1.5px solid #d97f99;
	color: #d97f99;
}

a.sub_all_716 {
	text-decoration: none;
}

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

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

a.btn_01 {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 20px;
    margin: 9%;
    padding: 0.5rem 2rem;
    font-weight: bold;
    border: 1px solid #202020;
    color: #000;
    transition: 0.5s;
    font-size: 12px;
}

a.btn_02 {
 display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 360px;
    margin: 0% auto 5% auto;
    padding: 1rem 4rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 16px;
	font-family: "europa", sans-serif;
}

a.btn_02:hover {
	color: #bdb8e1;
	background: #fff;
}


a.btn_03 {
 display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 360px;
    margin: 3% auto 4% auto;
    padding: 1rem 4rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 16px;
	font-family: "europa", sans-serif;

}

a.btn_03:hover {
	color: #bdb8e1;
	background: #fff;
}


/*================================
その他の最新特集の記述
=================================*/

.other_title {
	 text-align: left;
    max-width: 76%;
	margin: 10% auto 1%;
	font-size: 20px;
}

.other {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    /* grid-template-rows: 200px; */
    gap: 2% 2.7%;
    grid-auto-flow: row;
    grid-template-areas: "other-1 other-2 other-3 other-4";
    text-align: center;
    margin: 0 auto;
    max-width: 75%;
}

.other-1 { grid-area: other-1; }
.other-2 { grid-area: other-2; }
.other-3 { grid-area: other-3; }
.other-4 { grid-area: other-4; }


.other_details {
font-size: 15px;
text-align-last: left;	
}






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

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

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


.text01_716 {
	font-size: 95px;
}

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


.top_text_sub {
	font-size: 14px;
	line-height: 2.5;
	margin-top: 3%;
}
	
/*===================================
リストボタン
===================================*/
.list_btn {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    grid-template-rows: 100%;
    gap: 3% 2.5%;
    grid-auto-flow: row;
    grid-template-areas: "top_btn-1 top_btn-2 top_btn-3 top_btn-4";
    max-width: 700px;
    text-align: center;
    margin: 0 auto;
	margin-bottom: 8%;
	font-family: "europa", sans-serif;
	width: 80%;
	
}

	.list_btn-1, .list_btn-2, .list_btn-3, .list_btn-4 {
	max-width: 155px;
    text-align: center;
    line-height: 1.4;
    border-radius: 10px 10px 10px 10px;
    padding: 0.2em;
	color: #333333;
	/*background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);*/
	}	
	
.list_btn span{
	font-size: 20px;
	font-family: "europa", sans-serif;
	}		
	
	
/* ===================================
ナンバーなどテキスト
==================================== */
.contents_text01{
	font-size: 50px;
	padding-top: 7%;
}

.contents_text02{
	font-size: 25px;
	margin-bottom: 1.5%;
}
	
	
/* ===================================
  画像スクロール
==================================== */	
	
.fade_main_img {
    display: grid
;
    grid-template-columns: 100%;
    grid-template-rows: 50% 50%;
    gap: 2% 0%;
    grid-auto-flow: row;
    grid-template-areas:
        "fadein-left"
        "fadein-right";
    margin: 0 auto;
}	
	
.fadein-left img,.fadein-right img {
	width: 50%;
}
	
	
/* ===================================
 クレジット部分
==================================== */
.item-creditleft {
	font-size: 11px;
	text-align: left;
	margin: 4% 26% 5%;
}	
	

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

.text04{
    font-size: 16px;
	margin: 8% 0 4% 0%;
    text-align:center;
}	
	


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

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

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

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

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

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

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

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

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

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

.title2_716 {
	margin-top: 7%;
}

.price_716 {
	margin-bottom: 20px; 
}

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

/*buyボタン -----------*/
.btn_buy_716{  
    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_716:hover {
	color: #fff;
	background: #d97f99;
}
/*-----------buyボタン*/


.text_1 {
    font-size: 14px;
    margin-bottom: 10px;
	margin-top: 8%;
    /* margin-right: 24%; */
    width: 67%;
    text-align: left;
    margin-left: 19%;
}

.text_2 {
	font-size: 10px;
	width: 70%;
	text-align: left;
	margin-left: 16%;
}

div.clearfix {
        clear: both;
}
	
	
.container01t {
   display: grid;
    grid-template-columns: 342px 335px;
    grid-template-rows: 418px;
    gap: 10px 10px;
    grid-auto-flow: row;
    justify-content: center;
    align-content: center;
    grid-template-areas: "itempt itemtext";
}

.itempt01 { grid-area: itempt; }

.itemtext01 { grid-area: itemtext; }	
	
.itemtext01 img {
	width: 75%;
    margin-top: 17%;
}
	
.itemtext01-2 img {
	width: 75%;
	margin-top: 17%;
} 
	

/* ===================================
  コンテンツ-ピックアップのサブ
==================================== */


.other1_716 img,.other2_716 img,.other3_716 img,.other4_716 img {
 	width: 200px;
	height: auto;
	margin: 0 auto 8% auto;
	display: inline-block;
	float: left;
	margin-right: 2%;	
}

.other1_716 {
	margin-left: 8%;
}

.btn_buy2_716 {
    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_716:hover {
	border: 1.5px solid #d97f99;
	color: #d97f99;
}

a.sub_all_716 {
	text-decoration: none;
}

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

/* 余白*/
.spece {
 padding-top:10%;
  text-align:center;
}	
  
	
.container01-2 {
    display: grid;
    grid-template-columns: 340px 340px;
    grid-template-rows: 100px 100px;
    gap: 3% 2%;
    grid-auto-flow: row;
    justify-content: center;
    grid-template-areas:
        "item1 item2"
        "item3 item4";
    margin-top: 5%;
    font-size: 11px;
}
	
a.btn_01 {
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 20px;
    margin: 5%;
    padding: 0.3rem 1.5rem;
    font-weight: bold;
    border: 1px solid #202020;
    /* background: #202020; */
    color: #000;
    transition: 0.5s;
    font-size: 12px;
}

	
	
/* ================================
     コンテンツ-ピックアップのサブ
================================= */


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

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

	
/*	
.list_btn{
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 250px;
    margin: 0% auto 9% auto;
    padding: 1rem 3rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 14px;
}
/*	

a.btn_02:hover {
	color: #bdb8e1;
	background: #fff;
}	

	
a.btn_03 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 250px;
    margin: 5% auto 4% auto;
    padding: 1rem 4rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 14px;
}

a.btn_03:hover {
	color: #bdb8e1;
	background: #fff;
}		
	
	

/*================================
その他の最新特集の記述
=================================*/
.other {
    display: grid;
    grid-template-columns: 23% 23% 23% 23%;
    gap: 2% 2.7%;
    grid-auto-flow: row;
    grid-template-areas: "other-1 other-2 other-3 other-4";
    text-align: center;
    margin: 0 auto;
    max-width: 75%;
	
}

.other-1 { grid-area: other-1; }
.other-2 { grid-area: other-2; }
.other-3 { grid-area: other-3; }
.other-4 { grid-area: other-4; }


.other_title {
	 text-align: left;
    max-width: 85%;
	margin: 10% auto 1%;
	font-size: 14px;
}
	}



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

@media (max-width: 480px) {
#Area .imageArea ul.row-fluid {
    width: 100%;
    text-align: center;
    margin: 0 auto;
	}
	
.spece_bottom {
 margin-bottom:35%;
	}
	
.spece_img {
	margin-bottom: 8%;
}	
	
.spece_01 {
	padding-bottom:8%;
}	
	
.top_text_sub {
	width: 90%;
    font-size: 14px;
    line-height: 2;
    margin: 10% auto 15%;
	}	
	
.text04 {
    font-size: 14px;
    margin: 8% 0 6% 0%;
    text-align:center;
}	
	
.text04 span {
	font-size: 16px;
	}		

		
.brandlist_716 ul {
    column-count: 2;
    width: 88%;
    text-align: center;
    margin: 0 auto 0 auto;
    margin-bottom: 9%;
    font-size: 14px;
    margin-left: 9%;
}	
	
	
/*===================================
リストボタン
===================================*/
	
.list_btn {
    display: grid;
    grid-template-columns: 48.5% 48.5%;
    grid-template-rows: 50% 50%;
    gap: 30% 3%;
    grid-template-areas: "list_btn-1 list_btn-2"
    "list_btn-3 list_btn-4";
    max-width: 323px;
    margin: 0 auto;
	text-align: center;
	margin-bottom: 28%;
	font-size: 13px;
	font-family: "europa", sans-serif;
	margin-top: 10%;
	width: 85%;
}

.list_btn-1 { grid-area: list_btn-1; }
.list_btn-2 { grid-area: list_btn-2; }
.list_btn-3 { grid-area: list_btn-3; }
.list_btn-4 { grid-area: list_btn-4; }
	
.list_btn-1,.list_btn-2,.list_btn-3,.list_btn-4 {
	max-width: 155px;
    text-align: center;
    line-height: 1.2;
	border-radius: 10px 10px 10px 10px;
    padding: 0.5em;
    color: #333333;
    /*background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);*/
}
	
.list_btn span{
	font-size: 18px;
	font-family: "europa", sans-serif;
	}		
	
	
/* ===================================
ナンバーなどテキスト
==================================== */
.contents_text {
    font-family: "europa", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.contents_text01 {
	font-size: 36px;
	padding-top: 9%;
	font-weight: 300;
}

.contents_text02{
	font-size: 20px;
	margin-bottom: 1.5%;
	font-weight: 300;
}



/* ===================================
  画像スクロール
==================================== */


.fade_main_img {  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 50% 50%;
  gap: 2% 0%;
  grid-auto-flow: row;
  grid-template-areas:
    "fadein-left"
    "fadein-right";
}

.fadein-left { grid-area: fadein-left; }
.fadein-right { 
	grid-area: fadein-right;
}

.fadein-left img,.fadein-right img {
	width: 70%;
}




/* ===================================
 詳細
==================================== */
.detail_text{
	margin-top: 7%;
}

.detail_text01 {
	font-size: 17px;
    margin: 3%;
    /*font-family: "shippori-mincho-b1", serif;*/
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.detail_text02 {
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 14px;
	width: 70%;
        margin: 0 auto;
	text-align: left;
	}


/* ===================================
 クレジット部分
==================================== */
.item-creditleft {
	font-size: 12px;
	text-align: left;
	margin: 6% 14%;
	width: 100%;
	font-family: "europa", sans-serif;
	font-weight: 200;
}

	
		
	
/* ===================================
    コンテンツ-ブランドリスト
==================================== */

.text04 {
    font-size: 16px;
    margin: 8% 0 4% 0%;
    text-align: center;
}

.text04 span {
    font-size: 16px;
    vertical-align: 10%;
    }	
	
	
li a:hover {
	color: #bdb8e1;
}

ul.upper,ul.bottom {
	display: flex;
	max-width: 90%;
    margin: 0 auto;
	border-top: 1px solid gray;
	padding-top: 4%;
	padding-bottom: 4%;
}

ul.bottom {
	border-bottom: 1px solid gray;
	margin-bottom: 10%;
}

.itemlist_782 ul li {
    margin-bottom: 9%;
	ine-height: 1.7;
	flex: auto;
    font-size: 15px;
	/*background-color: aqua;*/
	 text-align: center;
	border-right: 1px solid gray;
    width: 95%;
	margin: 0 auto 0 auto;
    /*margin-left: 9%;*/

	
}

li.upper:last-child,li.bottom:last-child {
	border: none
}


	
	
.container01t {
    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: "itempt01 itemtext01";
}

.itempt01 { grid-area: itempt; }

.itemtext01 { 
	grid-area: itemtext; 
	margin-top: 465px;
	}

	
.itempt01-2 { grid-area: itempt; }

.itemtext01-2 { grid-area: itemtext; }

	
	
	
.title2_716, .price_716 {
    font-size: 14px;
    line-height: 1.5em;
    width: 100%;
}	
	
	
	
.itemtext01 img {
	width: 85%;
	margin-top: -2%;		
}
	
	
.btn_buy_716 {
    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_716 {
    margin-bottom: 3%;
}	
	
	
.text_1 {
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 3%;
    width: 76%;
    text-align: left;
    margin-left: 12%;
	margin-top: 5%;
}
	
	
.text_2 {
    font-size: 10px;
    width: 80%;
    text-align: left;
    margin-left: 11%;
	margin-bottom: 8%;
}
		
	

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

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


.btn_buy3_716 {
    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;
}


.border_01 {
	border-top: 1px solid #d1cbc2;
	width: 80%;
	margin: 2% auto 17% auto;
}


.itempt img {
	max-width: 100%;
    height: auto;
    vertical-align: middle;
}


a.btn_02 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 70%;
    margin: 2% auto 9% auto;
    padding: 0.8rem 2rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 14px;
	font-family: "europa", sans-serif;
}

a.btn_02:hover {
	color: #bdb8e1;
	background: #fff;
}	

	
a.btn_03 {
        display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 70%;
    margin: 5% auto 4% auto;
    padding: 0.8rem 2rem;
    font-weight: 200;
    border: 1.5px solid #bdb8e1;
    background: #bdb8e1;
    color: #fff;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 14px;
	font-family: "europa", sans-serif;

}

a.btn_03:hover {
	color: #bdb8e1;
	background: #fff;
}		
	
.container01-2 {
    display: inline-block;
    grid-template-columns: 330px 330px;
    grid-template-rows: 100px 100px;
    gap: 3% 2%;
    grid-auto-flow: row;
    justify-content: center;
    grid-template-areas:
        "item1 item2"
        "item3 item4";
    margin-top: 7%;
    font-size: 11px;
}

	
.item1 {margin-bottom: 5% }
.item2 {margin-bottom: 5% }
.item3 {margin-bottom: 5% }
.item4 {margin-bottom: 5% }	

.itempt01 {
  position: relative;
}
	
	
.slide0 {
  position: absolute;
  padding: 0;
  width: 420px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0%);
  opacity: 0;
  animation : slideshow1 7s linear infinite;
}	
	
	
/*================================
その他の最新特集の記述
=================================*/
	
.other {
        display: grid;
        grid-template-columns: 47% 47%;
        grid-template-rows: 50% 50%;
        gap: 3% 3%;
        grid-auto-flow: row;
        grid-template-areas:
        "other-1 other-2"
        "other-3 other-4";
        text-align: center;
        margin: 0 auto;
        max-width: 80%;
	margin-bottom: 7%;
}

.other-1 { grid-area: other-1; }
.other-2 { grid-area: other-2; }
.other-3 { grid-area: other-3; }
.other-4 { grid-area: other-4; }
	
.other_title {
   text-align: left;
   max-width: 82%;
   margin: 22% auto 1%;
   font-size: 16px;
    }
	
.other_details {
font-size: 12px;
text-align: left;	
}
	


@keyframes slideshow1 {
  0%   { opacity: 0; }
  28%  { opacity: 1; }
  50%  { opacity: 1; }
  75%  { opacity: 0; }
  100% { opacity: 0; }
}

.slide1 {
  position: absolute;
  padding: 0;
  width: 420px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0%);
  opacity: 0;
  animation : slideshow1 7s linear infinite;
  animation-delay:3s;
}

@keyframes slideshow1 {
  0%   { opacity: 0; }
  28%  { opacity: 0; }
  50%  { opacity: 1; }
  75%  { opacity: 1; }
  100% { opacity: 0; }
}	
	
}