@charset "shift_jis";
/* CSS Document */

/*@import url("2012renewal/layout_mothersday.css");*/

#leftnavi{display:none !important;}
#wrapper,#middle_body{/*min-width: 1200px !important;*/width: 100% !important;margin: 0 auto !important;padding: 0 !important;}
#contents{width:100% !important;margin:0 auto !important;float:none !important;padding:0 !important;}
.inner_content{width:100%;}

/*------------------------------
          ページ全体
--------------------------------*/
}
/*パンくず*/
#mother #pankuzu-top {
	text-align: left;
	color: #fff;
	font-size: 12px;
}
#mother #topicPath li {
	background: url(../IMAGE/16thanksgiving/topicpath.gif) no-repeat scroll right center;
}
#mother #topicPath li.active {
	background: none;
}
#mother #topicPath a:visited {
	text-decoration: underline;
	outline: none;
	color: #5F3616;
!important;
}
#mother #topicPath a:link, #mother #topicPath a:visited {
	color: #5F3616;
}
#mother #topicPath a:hover, #mother #topicPath a:focus, #mother #topicPath a:active {
	color: #5F3616;
	text-decoration: none;
}
/*ヘッダーバナー非表示*/
/* ■■■■■ 全体 ■■■■■ */

#mother a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#mother {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	/*background: #fff;
	box-shadow: 0 0px 5px 2px rgb(0 0 0 / 3%);	*/
}
#mother * {
	font-family: meiryo;
}
/* ■■■■■ 共通クラス ■■■■■ */

#k_header {
	display: none;
}
#mother h2 {
	position: relative;
	/*top: -75px;*/
    margin-bottom: 30px;
}
#mother .icon {
	position: absolute;
	top: 0px;
	right: 38px
}

/*調整*/
#contanier img, .swiper-container img {
	width: 100%;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;/*IE5.5-7用*/
}


h4 {
	margin-bottom: 1%
}
.section a {
	float: left;
	width: 20%;
}


/*パララックス*/
.section {
	height: 100vh;
	padding: 10% 0;
	text-align: center;
}



/*右固定ナビ*/

.box p {
	text-align: right;
	-webkit-transition: all 1s;
	-webkit-transform: translate(0, 0);
	opacity: 1;
	position: fixed;
	right: 1%;
	bottom: 300px;
	z-index: 999;
	width: 100px;
	height: 100px;

}
.box p a {
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
	opacity: 0.8;
	text-align: center;
	margin-top: 4%;
	height: 100px;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 120%;
}
.box p.move {
	-webkit-transform: translate(10px, 0);
	opacity: 0;
}

/*右固定ナビ*/
#mother h5.otodoke {
	border-bottom: 1px solid #ccc;
	color: #3e3434;
	font-size: 30px;
	margin-top: 50px;
	letter-spacing: 30px;
}

#mother #m05 h5 {
	border-bottom: 1px solid #ef7a6a;
	color: #ef7a6a;
	font-size: 30px;
	margin: 30px 0 10px;
	letter-spacing: 5px;
	clear: left;
}


/*調整*/
.rec {
	margin: 5px auto;
}
.rec img {
	border: none!important;
}



/* バルーン */
#mother h3 div.balloon {
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	position: absolute; /* 三角の位置を固定するために設定 */
	left: 5px;
	top: -55px;
	width: 20%; /* 幅 */
	margin: 0 auto 40px; /* 上 左右 下のマージン */
	padding: 5px; /* ふきだし内の余白 */
	background: #e91e63; /* 背景色 */
	text-align: center; /* テキストの揃え */
	font-weight: bold;
	color: #fff;
	　font-size: 0.5em!important;
	letter-spacing: 3px!important;
}
#mother h3 .balloon::after {
	content: '';
	border: 8px solid transparent;
	border-top-color: #e91e63;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
}


#mother .box span.balloon {
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	position: absolute; /* 三角の位置を固定するために設定 */
	left: -5px;
	top: -25px;
	width: 100px; /* 幅 */
	margin: 0 auto 40px; /* 上 左右 下のマージン */
	padding: 5px; /* ふきだし内の余白 */
	background: #e91e63; /* 背景色 */
	text-align: center; /* テキストの揃え */
	font-weight: bold;
	color: #fff;
	font-size: 0.5em!important;
	letter-spacing: 3px!important;
	z-index:99999
}
#mother .box span.balloon::after {
	content: '';
	border: 8px solid transparent;
	border-top-color: #e91e63;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -8px;
}



#mother h3 .jump, #mother .box .jump  {
	animation: 0.5s jump infinite alternate linear;
}
@keyframes jump {
 to {
transform: transtateY(0);
}
from {
	transform: translateY(4px);
}
}


#mother .btn-gradient-radius {
	margin-top:50px;
	 width:750px;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 50px;
  text-decoration: none;
 font-size:30px;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

#mother .btn-gradient-radius a{
 color:#fff;
}


#mother .btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}


.att{
 color:#3e3434;
font-size:12px;
margin-top:5px;
text-align:right;
margin-right:30px;
margin-bottom:50px

}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
 color:#fff!important;
  background: #3e3434;
  border: solid 2px #3e3434;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #fff;
  border: solid 2px #3e3434;
  color: #3e3434!important;
}


/*20220413追加
====================================*/
#mothersday2022 .pc_none{
    display:none;
}
#mothersday2022{
	/*background: #fbfaf6;
	min-width:1500px;*/
}
/*看板
====================================*/
#mothersday2022 .kanban{
	position: relative;
}
#mothersday2022 .kanban_img{
    animation-name: fadeInAnime_k;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: .3s;
    animation-direction: normal;
}

@keyframes fadeInAnime_k{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#mothersday2022 .kanban .logo01{/*ロゴ*/
    position: absolute;
	top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;  
}


#mothersday2022 .kanban .logo01{
    animation-name: fadeInAnime;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: 1.1s;
    animation-direction: normal;
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}







/*クーポン
====================================*/
.coupon{
	/*width: 1000px;*/
}
#mothersday2022 .coupon h2 a{
	display: block;
}
/*対象商品はこちら*/
.coupon .shosai{
    text-align: center;
    background: #0f4e9a;
    width: 70%;
    margin: 50px auto 0;
    border-radius: 40px;
}
.coupon .shosai a{
    font-weight: bold;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    display: block;
    padding: 10px 0px;
    position: relative;
    border:2px solid #0f4e9a;
    border-radius: 40px;
	transition: all 0.3s ease 0s;     
}
.coupon .shosai a:hover{
    border:2px solid #0f4e9a;
    color:#0f4e9a;
    background:#fff;
	transition: all 0.3s ease 0s;     
}
.coupon .shosai a:after{
	position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 0;
    right: 30px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
.coupon .shosai a:hover:after{
    right: 25px;
    border-top: 2px solid #0f4e9a;
    border-right: 2px solid #0f4e9a;
}

.coupon .reflection-img{
    width       :1000px;
    height      :300px;
    position    :relative;
    overflow    :hidden;
}

.coupon .reflection-img .reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :0px;
    left		: -10%;
    background-color: #ffffff40;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


/*キャッチ
====================================*/
#mothersday2022 .m_txt{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: #715607;
    padding: 30px 0 0px;
}
#mothersday2022 .m_txt h3{
    font-size: 30px;
    margin-top: 30px;
}
#mothersday2022 .m_txt .txt-center{
    line-height: 2.5;
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px;
}
/*キャッチ�A
====================================*/
#mothersday2022 .catch{
	margin: 0 auto;
    text-align: center;
    color: #715607;
	line-height: 2.5;
    font-weight: 500;    
}
#mothersday2022 .catch .txt-center{
    line-height: 2.5;
    font-weight: 500;
    font-size: 18px;
    /* margin-top: 30px; */
    padding: 80px 0;
}



/*動画
====================================*/
/*テキスト*/
.move h3.txt-center{
    text-align: center;
    color: #715607;
    font-size: 20px;
}
.move{
	background: url(/IMAGE/2022mother/md22_pc_move_bg.jpg) scroll no-repeat top center;
    background-size: cover; 
    position: relative;
    height: 500px;
    /* min-width: 1700px;*/
}
.move .wrap_movie{
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto; 
}

/*アイテムリスト
====================================*/


/*箱
====================================*/
.col_p dt{ 
    text-align: center;
    padding: 40px 40px 30px 40px;
    margin: 30px 0;
    color: #0f4e9a;
    background: #fff;/*背景色*/
    box-shadow: 10px 10px 0px #bbbbbb;,1px 3px 5px rgba(0, 0, 0, 0.22);/*影*/
   /* box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);*/
}
.col_p dt{
    margin: 0; 
}
/*.col_p dt1{ 
    padding: 56px 50px 38px 30px;
    margin: 30px 0;
    color: #f9ef6d;
    background: #fff;/*背景色*/
    box-shadow: 10px 10px 0px #bbbbbb;,1px 3px 5px rgba(0, 0, 0, 0.22);/*影*/

}
.col_p dt1{
    margin: 0; 
}*/
.col_p dt_1{ 
    text-align: center;
    padding: 40px 40px 40px 40px;
    margin: 30px 0;
    color: #0f4e9a;
    background: #fff;/*背景色*/
    box-shadow: 10px 10px 0px #bbbbbb;,1px 3px 5px rgba(0, 0, 0, 0.22);/*影*/
   /* box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);*/
   border-bottom: 8px solid #eee;
}
.col_other dt { 
    text-align: center;
    padding: 35px 40px 30px 40px;
    margin: -44px 0;
    color: #0f4e9a;
    background: #fff;/*背景色*/
    box-shadow: 10px 10px 0px #bbbbbb;,1px 3px 5px rgba(0, 0, 0, 0.22);/*影*/
   /* box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.22);*/

}

.col_p dt_1{
    margin: 0; 
}
/*カテゴリナビ
=======================*/
#item .item_list .cate_nav{
    width: 920px;
    margin: 0 auto;
    padding: 50px 50;
    text-align: center;
}
#item .item_list .cate_nav1{
    width: 1000px;
    margin: 0 auto;
    padding: 50px 50;
    text-align: center;
}
#item .item_list .cate_nav h4{
    margin: -30px 0 15px 0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 8px solid #eee;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}
#item .item_list .cate_nav1 h4{
    margin: 40px 0 15px 0;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 8px solid #eee;
    text-align: center;
    width: 100%;
    padding-top: 10px;
}

#item .item_list .cate_nav .col_3 li{
	vertical-align: top;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 12px;
    text-align: center;
    box-sizing: border-box;
    width:calc((100% - 7px*3)/3);	
}
#item .item_list .cate_nav .col_3 li:nth-child(3n){
	margin-right:0;
}
#item .item_list .cate_nav .col_3 li a{
    background: #f9ef6d;
    padding: 20px 0px;
    color: #323232;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px; 
	position: relative; 
	border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;		      
}
#item .item_list .cate_nav .col_3 li a:after{
    position: absolute;
    content: "";
    bottom: 3px;
    right: 3px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 20px 0;
    z-index: 10;
    transform: rotate(270deg);
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav .col_3 li a:hover{
    background: #fff;
    border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav .col_3 li a:hover:after{
    border-color: transparent transparent #f9ef6d transparent;
	transition: all 0.3s ease 0s;    
}

#item .item_list .cate_nav .col_2 li{
	vertical-align:top;
	display:inline-block;
	margin-right:6px;/*※1*/
	margin-bottom:1%;/*※1*/
	text-align:center;
	box-sizing:border-box;
	width:calc((100% - 5px*2)/2);	
}
#item .item_list .cate_nav .col_2 li:nth-child(2n){
	margin-right:0;
}
#item .item_list .cate_nav .col_2 li a{
    background: #f9ef6d;
    padding: 20px 0px;
    color: #323232;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px; 
	position: relative; 
	border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;		      
}
#item .item_list .cate_nav .col_2 li a:after{
    position: absolute;
    content: "";
    bottom: 3px;
    right: 3px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 20px 0;
    z-index: 10;
    transform: rotate(270deg);
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav .col_2 li a:hover{
    background: #fff;
    border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav .col_2 li a:hover:after{
    border-color: transparent transparent #f9ef6d transparent;
	transition: all 0.3s ease 0s;    
}



#item .item_list .cate_nav .col_02 li{
	vertical-align:top;
	display:inline-block;
	margin-right:6px;/*※1*/
	margin-bottom:1%;/*※1*/
	text-align:center;
	box-sizing:border-box;
	width:calc((100% - 5px*2)/2);	
}
#item .item_list .cate_nav .col_02 li:nth-child(2n){
	margin-right:0;
}
#item .item_list .cate_nav .col_02 li a {
    background: #0F4E9A;
    padding: 20px 0px;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 1px;
    position: relative;
    border: 2px solid #0F4E9A;
    transition: all 0.3s ease 0s;
}
#item .item_list .cate_nav .col_02 li a:after{
    position: absolute;
    content: "";
    bottom: 3px;
    right: 3px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 20px 0;
    z-index: 10;
    transform: rotate(270deg);
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav .col_02 li a:hover {
    background: #fff;
    border: 2px solid #0F4E9A;
    color: #0F4E9A;
    transition: all 0.3s ease 0s;
}
#item .item_list .cate_nav .col_02 li a:hover:after{
    border-color: transparent transparent #0F4E9A transparent;
	transition: all 0.3s ease 0s;    
}


#item .item_list .cate_nav1 .col_4 li{
	vertical-align:top;
	display:inline-block;
	margin-right:6px;/*※1*/
	margin-bottom:1%;/*※1*/
	text-align:center;
	box-sizing:border-box;
	width: calc((100% - 4px*4)/5);
}

#item .item_list .cate_nav1 .col_4 li a{
    background: #f9ef6d;
    padding: 20px 0px;
    color: #323232;
    display: block;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0px; 
	position: relative; 
	border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;		      
}
#item .item_list .cate_nav1 .col_4 li a:after{
    position: absolute;
    content: "";
    bottom: 3px;
    right: 3px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 20px 0;
    z-index: 10;
    transform: rotate(270deg);
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav1 .col_4 li a:hover{
    background: #fff;
    border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;    
}
#item .item_list .cate_nav1 .col_4 li a:hover:after{
    border-color: transparent transparent #f9ef6d transparent;
	transition: all 0.3s ease 0s;    
}





/*背景
=======================*/

#item .item_list .col_1 .item_01{
	background-color: #fbfaf6;
}
#item .item_list .col_1 .item_02{
	background-color: #fbfaf6;
}
#item .item_list .col_1 .item_03{
	background-color: #fbfaf6;
}
#item .item_list .col_1 .item_07{
	background-color: #fbfaf6;
}
#item .item_list .col_1 .item_08{
	background-color: #fbfaf6;
}

#item .item_list .col_1 .item_11{
	background-color: #fbfaf6;
}
#item .item_list .col_1 .item_12{
	background-color: #fbfaf6;
}


/*PC,smp*/
@media screen and (max-width:820px) {
    .pc { display: none; }
    .sp { display: block; }

/*#item .item_list ul li:nth-child(3n),
#item .item_list ul li:nth-child(2n){
	background-color: #fff;*/
}
#item .m_txt{
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    color: #715607;
    padding: 21px 0 0 3px;	   
}
#item .m_txt{
    font-size: 20px;
    font-weight: 500;   
}
#item .item_list{
    /*width: 1000px;*/
    margin: 0 auto 50px;
}
#item .item_list:nth-child(12n){
    margin-bottom: 0;   
}
#item .item_list ul.col_1 li{
	text-align: center;
    padding-bottom: 1%;	
}

/*テキスト周り*/
#item .item_list ul li dl.col_p{
	position: relative;
	width: 1000px;
    margin: 0 auto;	
}
#item .item_list ul li .block_l{/*左*/
    text-align: left;
    width: 45%;
    color: #323232;
    position: absolute;
    top: 7%;
    left: 3%;
}
#item .item_list ul li .block_l_2{/*左*/
    text-align: left;
    width: 45%;
    color: #323232;
    position: absolute;
    top: 3%;
    left: 3%;
}
#item .item_list ul li .block_r{/*右*/
    text-align: left;
    width: 45%;
    color: #323232;
    position: absolute;
    top: 8%;
    right: 3%;
}
#item .item_list ul li .block_l dd.c_img{/*左*/
    position: absolute;
    top: 0%;
	left: 92%;
}
#item .item_list ul li .block_l_2 dd.c_img{/*左*/
    position: absolute;
    top: 0%;
	left: 92%;
}
#item .item_list ul li .block_r dd.c_img{/*右*/
    position: absolute;
    top: 0%;
    right: 0%;
}

/*テキスト色*/
#item .item_list ul li dd.txt{
	font-weight: bold;
    font-size: 18px;
}
#item .item_list ul li dd.main_txt{
    font-weight: bold;
    /*font-size: 32px;*/
    color: #0f4e9a;
    font-size: 30px;
}

#item .item_list ul li p.osusume{
    font-weight: 500;
    margin-top: 4%;
    margin-bottom: -2%;
}

#item .item_list ul li p.osusume2{
    font-weight: 500;
    margin-top: 4%;
    margin-bottom: -2%;
}
#item .item_list ul li p.osusume3{
    font-weight: 500;
    margin-top: 1%;
    margin-bottom: 11%;
}
#item .item_list ul li p.osusume4{
    font-weight: 500;
    margin-top: 1%;
    margin-bottom: -13%;
}

#item .item_list ul li.item_02 p.osusume,
#item .item_list ul li.item_05 p.osusume,
#item .item_list ul li.item_07 p.osusume,
#item .item_list ul li.item_08 p.osusume,
#item .item_list ul li.item_09 p.osusume,
#item .item_list ul li.item_11 p.osusume{
	margin-bottom: -4%;
	margin-top: 4%;
}

#item .item_list ul li.item_04 p.osusume,
#item .item_list ul li p.osusume3,{
	margin-bottom: -4%;
	margin-top: 0%;
}

/*価格動かす*/
.kakaku {
	margin: -50px 0 0 0;
}
.kakaku2 {
	margin: -44px 0 0 0;
}
.kakaku11 {
	margin: -10px 0 0 0;
}
.price_icon {
	text-align: right;
}
#item .item_list ul li dl kakaku11 plice_icon muryo {
    display: inline-flex;
	margin-top: 10px;      
}








/*色玉*/
#item .item_list ul li .cb1{
    display: inline-flex;
	margin-top: 10px;      
}
#item .item_list ul li .block_l .cb1 .txt,{
    margin-right: 10px;
    font-weight: 500;
    font-size: 20px;
    font-weight: bold;    
}
#item .item_list ul li .cb{
    display: inline-flex;
	margin-top: 10px;      
}
#item .item_list ul li .block_l .cb .txt,
#item .item_list ul li .block_l_2 .cb1 .txt,
#item .item_list ul li .block_r .cb .txt{
    margin-right: 10px;
    font-weight: 500;
    font-size: 20px;
    font-weight: bold;    
}
#item .item_list ul li .cb1 .cb_1,
#item .item_list ul li .cb .cb_1,
#item .item_list ul li .cb .cb_2,
#item .item_list ul li .cb .cb_3,
#item .item_list ul li .cb .cb_4,
#item .item_list ul li .cb .cb_5,
#item .item_list ul li .cb .cb_6,
#item .item_list ul li .cb .cb_7,
#item .item_list ul li .cb .cb_8,
#item .item_list ul li .cb .cb_9,
#item .item_list ul li .cb .cb_10
#item .item_list ul li .cb .cb_11
#item .item_list ul li .cb .cb_12{
    width: 24px;
    height: 24px;
    border-radius: 70px;
    margin-right: 5px;    
}

/*ライン*/
#item .item_list ul li .line{
	border-top: 8px solid #eee;
}

/*真空保存フードシーラー・ボトルブレンダー*/
#item .item_list ul li:nth-child(1n) .cb1 .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;	
}

/*真空保存フードシーラー・ボトルブレンダー*/
#item .item_list ul li:nth-child(1n) .cb .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;	
}

/*ヨーグルトメーカー*/
#item .item_list ul li:nth-child(2n) .cb .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;
}

/*電気圧力鍋ヘルシープラス*/
#item .item_list ul li:nth-child(3n) .cb .cb_1{/*ブラック*/
	background: #2f2f2f;
	border: 0px solid #949494;
}
#item .item_list ul li:nth-child(3n) .cb .cb_2{/*ピスタチオグリーン*/
	background: #89ad81;
}
#item .item_list ul li:nth-child(3n) .cb .cb_3{/*ストーングレー*/
	background: #7a9397;
}
/*クッキングケトル*/
#item .item_list ul li:nth-child(4n) .cb .cb_1{/*ブラック*/
	background: #2f2f2f;
	border: 0px solid #949494;
}
/*圧力容器付き電子レンジ*/
#item .item_list ul li:nth-child(5n) .cb .cb_1{/*ブラック*/
	background: #2f2f2f;
	border: 0px solid #949494;
}
/*網焼き風ホットプレート*/
#item .item_list ul li:nth-child(6n) .cb .cb_1{/*ブラック*/
	background: #2f2f2f;
}

/*スチームオーブンレンジ*/
#item .item_list ul li:nth-child(7n) .cb .cb_1{/*ブラック*/
	background: #2f2f2f;
	border: 0px solid #949494;
}
/*コンベクションオーブン*/
#item .item_list ul li:nth-child(8n) .cb .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;
}
/*ヘルシーサポート炊飯器*/
#item .item_list ul li:nth-child(9n) .cb .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;
}
/*ヘルシーサポート炊飯器*/
#item .item_list ul li:nth-child(10n) .cb .cb_1{/*ブルー*/
	background: #3051de;
}
/*ステンレスマグボトル*/
#item .item_list ul li:nth-child(11n) .cb .cb_1{/*ホワイト*/
	background: #fff;
    border: 1px solid #949494;	
}
#item .item_list ul li:nth-child(11n) .cb .cb_2{/*ペールグリーン*/
	background: #aec082;
}
#item .item_list ul li:nth-child(11n) .cb .cb_3{/*ココアブラウン*/
	background: #795548;

}

/*訴求アイコン*/
#item .item_list ul li .icon{
    display: flex;
    margin-top: 10px;    
}
#item .item_list ul li .icon .icon_1,
#item .item_list ul li .icon .icon_2,
#item .item_list ul li .icon .icon_3{
    margin-right: 5px;
    width: calc((100% - 6px*2)/3);
    background: #0f4e9a;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 58px;
}
#item .item_list ul li .icon span{
	font-size: 24px;
    display: contents;
}

/*アイコンたち
=======================*/
#item .item_list ul li .block_l .price_icon,
#item .item_list ul li .block_r .price_icon,
#item .item_list ul li .block_l_2 .price_icon{
    display: flex;
    margin-top: 40px;
    margin-left: 110px;    
}
#item .item_list ul li:nth-child(9n) .block_l .price_icon,/*セブンフィット個別指定*/
#item .item_list ul li:nth-child(9n) .block_r .price_icon{
    display: flex;
    margin-top: 40px;
    margin-left: 112px;    
}


/*送料無料アイコン
=======================*/
#item .item_list ul li .price_icon p:first-child{
    color: #0f4e9a;
    background: #ffffff40;
    font-size: 18px;
    width: 30%;
    height: 40px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: center;
    display: block;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #0f4e9a;
}

/*=======================
価格プロ
=======================*/
.spesicalprice{
	display:none;
}
#item .item_list ul li .buy_price ul li{
	display: inline;
	font-size: 50px;	
	color: #323232;	
	color: #0f4e9a;	
	background: none;	
    padding-bottom: 0;
}
#item .item_list ul li .buy_price ul li.intax{
	font-size: 15px;
}
/*=======================
ご購入はこちら
=======================*/

.buy_btn{
    position: relative;
    overflow: hidden;
    border: 2px solid #f9ef6d;
    border-radius: 6px;
}

.buy_btn:after{
	position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #523e04;
    border-right: 2px solid #523e04;
    top: 0;
    right: 110px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
.buy_btn a{
    padding: 10px;
    color: #323232;
    border-radius: 0;
    background: #fff;
    position: relative;
    display: block;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
}
.buy_btn a span {
  position: relative;
  z-index: 1;
}
.buy_btn a:before {
    position: absolute;
    top: 90%;
    width: 130%;
    height: 500%;
    content: '';
    -webkit-transition: all .4s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(45deg) translateX(0) translateY(0);
    transform: rotate(45deg) translateX(0) translateY(0);
    background: #f9ef6d;
    left: -68%;
}
.buy_btn a:after {
	position: absolute;
    top: -360%;
    right: -83%;
    content: '';
    -webkit-transition: all .4s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(45deg) translateX(0) translateY(0);
    transform: rotate(45deg) translateX(0) translateY(0);
    background: #f9ef6d;
    width: 130%;
    height: 500%;
}
.buy_btn a:hover:before {
  -webkit-transform: rotate(45deg) translateX(0) translateY(-50%);
  transform: rotate(45deg) translateX(0) translateY(-50%);
}
.buy_btn a:hover:after {
  -webkit-transform: rotate(45deg) translateX(0) translateY(50%);
  transform: rotate(45deg) translateX(0) translateY(50%);
}

/*見出し
=======================*/
#item .item_list ul li .midashi{
    font-size: 30px;
    font-weight: bold;
    margin-top: 0%;
    margin-bottom: 1%;
    color: #313131;
}
.midashi2{
	background-color: #fff;
	font-size: 25px;
	padding: 10px;
}



/*サイズ調節
====================================*/
#item .item_list ul li .mini {
	width: 90%;
}

/*スライダー
====================================*/
#mothersday2022 .swiper-container img{
	width: 100%;
}
/*ページナビ 画像右*/
#c_slider_1-pagination,
#c_slider_3-pagination,
#c_slider_5-pagination,
#c_slider_7-pagination,
#c_slider_9-pagination,
#c_slider_11-pagination,
#c_slider_13-pagination{
    margin-left: 258px;
}
/*ページナビ 画像左*/
#c_slider_2-pagination,
#c_slider_4-pagination,
#c_slider_6-pagination,
#c_slider_8-pagination,
#c_slider_10-pagination,
#c_slider_12-pagination{
    margin-left: -230px;
}

.swiper-pagination-bullet-active {
    background: #0f4e9a;
}
.swiper-container .ribon{/*リボン位置*/
	position: absolute;
    top: -6%;
    left: -11%;
    z-index: 10;
	margin: -25px -52px 0 -3px;
}
.swiper-container .fukidashi{/*吹き出し位置*/
	position: absolute;
    top: -5%;
    right: 50%;
    z-index: 10;
}
#header, 
.swiper-container {
    width: 100%;
    width: 50%;
    margin: auto;
    overflow: unset;
    margin-left: 470px;
}
.slider_l .swiper-container{/*スライダー画像左固定*/
    width: 100%;
    width: 50%;
    margin: auto;
    overflow: unset;
	margin-right: 500px;
}

/*その他○○
====================================*/
#item .item_list ul li .col_p .other{
    width: 60%;
    margin: 50px auto 50px;
}
#item .item_list ul li .col_p .other a{
    /*border: 2px solid #0f4e9a;*/
 	border: 2px solid #0f4e9a;
    background: #fff;
    padding: 7px 10px;
    margin-top: -3%;
    /* width: 80%; */
    display: block;
    border-radius: 6px;
    color: #0f4e9a;
    font-size: 25px;
    font-weight: 500;
    position: relative;
    z-index: 5;
    overflow: hidden;     
}
#item .item_list ul li .col_p .other a:before{
    z-index: -1;
    content: "";
    display: block;
    transform: rotate(180deg);
    height: 54px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 6px;
    background-image: linear-gradient(to left, #a2c8f5 0%, #75adf1 25%, #75adf1 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-size: 325%;
}
#item .item_list ul li .col_p .other a:hover:before{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(70%, #fc5c82), to(#5854a9));
    background-image: linear-gradient(to left, #a2c8f5 0%, #75adf1 25%, #75adf1 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background-position: left;
    background-size: 250%;
    background-position: 50% 89%;
}



#item .item_list ul li .col_p .other a:after{
	position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #0f4e9a;
    border-right: 2px solid #0f4e9a;
    top: 0;
    right: 30px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
#item .item_list ul li .col_p .other a:hover:after{
    right: 25px;
}




#item .item_list ul li .col_p .other1{
    width: 60%;
    margin: 50px auto 50px;
}
#item .item_list ul li .col_p .other1 a{
    /*border: 2px solid #0f4e9a;*/
 	border: 2px solid #0f4e9a;
    background: #fff;
    padding: 7px 10px;
    margin-top: -3%;
    /* width: 80%; */
    display: block;
    border-radius: 6px;
    color: #0f4e9a;
    font-size: 25px;
    font-weight: 500;
    position: relative;
    z-index: 5;
    overflow: hidden;     
}
#item .item_list ul li .col_p .other1 a:before{
    z-index: -1;
    content: "";
    display: block;
    transform: rotate(180deg);
    height: 54px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 6px;
    background-image: linear-gradient(to left, #a2c8f5 0%, #75adf1 25%, #75adf1 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-size: 325%;
}
#item .item_list ul li .col_p .other1 a:hover:before{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(70%, #fc5c82), to(#5854a9));
    background-image: linear-gradient(to left, #a2c8f5 0%, #75adf1 25%, #75adf1 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
    background-position: left;
    background-size: 250%;
    background-position: 50% 89%;
}



#item .item_list ul li .col_p .other1 a:after{
	position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #0f4e9a;
    border-right: 2px solid #0f4e9a;
    top: 0;
    right: 30px;
    bottom: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.3s ease 0s;
}
#item .item_list ul li .col_p .other1 a:hover:after{
    right: 25px;
}


/*こちらもおすすめ
====================================*/
#mothersday2022 .banner{
    background: #fff;
    text-align: center;
}
#mothersday2022 .banner .banner_ti{
    margin: 50px auto 10px;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 8px solid #eee;
    text-align: center;
    width: 1000px;	 
    padding-top:10px;  
}
#mothersday2022 .banner .banner_col_1{
	width: 924px;
    margin: 0 auto;
}
#mothersday2022 .banner .banner_col_1 li{
    text-align: center;
    box-sizing: border-box;
}

/*おすすめカテゴリ
====================================*/
#mothersday2022 .event{
    background: #fff;
}
#mothersday2022 .event .event_ti{
    margin: 50px auto 10px;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    border-bottom: 10px solid #eee;
    text-align: center;
    width: 54%;	 
    padding-top:10px;  
}
#mothersday2022 .event ul{
	width: 924px;
    margin: 0 auto;
}
#mothersday2022 .event ul li a{
    text-align: center;
    position: relative;
    font-size: 25px;
    /* color: #fff; */
    display: block;
    padding: 15px;
    height: 40px;
}
#mothersday2022 .event ul li:nth-child(1n){
    background-color: #fff;
    border: 2px solid #f9ef6d;
	margin: 0 0 20px 0;
}

#mothersday2022 .c_btn a {
    border: 1px solid #3F3F3F;
    color: #3F3F3F;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
    /* width: 90%; */
    margin: 0 auto;
    padding: 0.5em 2%;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    display: block;
}*/


#mothersday2022 .event ul li a{
    background: #f9ef6d;
    padding: 20px 0px;
    color: #323232;
    display: block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px; 
	position: relative; 
	border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;		      
}
#mothersday2022 .event ul li a:after{
    position: absolute;
    content: "";
    bottom: 3px;
    right: 3px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    border-width: 0 20px 20px 0;
    z-index: 10;
    transform: rotate(270deg);
	transition: all 0.3s ease 0s;    
}
#mothersday2022 .event ul li a:hover{
    background: #fff;
    border:2px solid #f9ef6d;
	transition: all 0.3s ease 0s;    
}
#mothersday2022 .event ul li a:hover:after{
    border-color: transparent transparent #f9ef6d transparent;
	transition: all 0.3s ease 0s;    
}

/*ページトップ
====================================*/
#mothersday2022 .pagetop,
#mothersday2022 .catetop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    transition: 0.3s;
}
#mothersday2022 .pagetop a,
#mothersday2022 .catetop a {
    display: table;
    width: 70px;
    height: 70px;
    transition: 0.3s;
}
#mothersday2022 .pagetop a span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    background-color: #323232;
    border-radius: 80px;
    transition: 0.3s;
}
#mothersday2022 .catetop {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 9999;
    transition: 0.3s;
}
#mothersday2022 .catetop a span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
    background-color: #0f4e9a;
    border-radius: 80px;
    transition: 0.3s;
}