@charset "utf-8";
/* CSS Document */

/*----------見出し関係-------------*/

.Ns_general_content h2 {
	border-color: #561D86;
}
.Ns_general_container h2 span{
	color: #561D86;
}
.Ns_general_container h3{
	background-color: #812990;
	margin-bottom: 0;
	padding: 15px 10px;
	border-radius: 10px 10px 0 0;
	text-align: center;
	color: #FFF;	
	font-size: 18px;
}
#menu02 h3{
	background-color: #FF75C2;
}
#menu03 h3{
	background-color: #479FDF;
}
#menu04 h3{
	background-color: #ECB411;
}
#menu05 h3{
	background-color: #81B957;
}
	/*------------メインコンテンツ------------*/

.ic01{
	margin: 10px;
}
.main_product{
	padding: 5px 0 50px;
	background-color: #fcf7ff;	
}
.section{
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 1.6rem 0rem rgba(0,0,0,0.1);
	box-shadow: 0px 0px 1.6rem 0rem rgba(0,0,0,0.1);
}
.content_set .note{	
	margin-top: 7px;
	font-size: 14px;
}
.product{			
	border-radius: 0 0 10px 10px;
	padding:15px 50px 50px;	
}
.productBox .txtL{
	margin-top: 10px;
}
	.content_set{
	text-align: center;		
	}
	.content_set p span {	
	font-size: 12px;
	}
	.content_flex{
	display:-webkit-box;
  display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;	  
	-webkit-justify-content:space-between;
	-ms-justify-content:justify;
	justify-content: space-between;
	}
	.content_flex > .productBox{
		width: 47%;		
		text-align: center;
	}
	.content_flex > .productBox:nth-of-type(1){
		margin-left: 0;
		padding-right:3%;
		border-right: dotted 2px #A2A2A2;
		text-align: center;
	}
	.media {
	margin-bottom:10px;
	padding: 10px;
  border-radius: 10px 10px 0 0;
	background-color: #0bbef3;
	color: #FFF;	
	text-align: center;	
	font-weight: bold;
	}
.content_flex .txtS{
	margin-top: 10px;
}
	.dvd {
	background-color: #ef1cb0;
}
/*-----------特典なし------------*/
	.productName span {
	margin-right: 5px;
	padding: 2px 10px;
	border-radius: 30px;
	color: #ffffff;
  line-height: 1.7;
	}
	.productName .no01 {
	background-color: #0bbef3;
	}
	.productName .no02 {
	background-color: #ef1cb0;
	}
	.NS_general_component img{
	max-width: 100%;
	}
	.mod-featuredNewProducts .productPrice {
	color: red;
  font-size: 13px;
	}
.mekerprice{
	margin-right: 3px;
	text-decoration: line-through;
	font-size: 80%;
	color:#333;
}
/*----------リンク関係-------------*/
	.Ns_general_container a{
	color: inherit;
	text-decoration: none;
}
.Ns_general_container a:hover{
	text-decoration: none;
}
	.btn {
	margin-top: 15px;
	padding: 15px;
	border-radius: 50px;
	background-color: #812990;
	text-align: center;
	-webkit-box-shadow: 0px 0px 0.5rem 0rem rgba(0,0,0,0.1);
	box-shadow: 0px 0px 0.5rem 0rem rgba(0,0,0,0.3);	
	color: #FFF;
}

.btn:hover{	
	padding: 15px;
	text-decoration: none;
	border-radius: 50px;
	background-color: #9D33B9	;
	transition: all .3s;
}
	/*--------------------------pc--------------------*/
@media screen and (min-width: 641px){
	.sp {
	display: none;
	}
	.NS_general_menu_col3 ul li span img {
	border-radius: 0 5px 5px 0;
	}
	.inner{
	width: 980px;
	
}
	.section{
		width: 850px;
		margin: 0 auto;
	}
	.Ns_general_container .Ns_general_title {
		margin:0 0 0;
	}
	
	.Ns_general_container h2{
		width: 980px;
		margin: 2em auto 20px;		
	}
}
	/*-------------------------------------sp---------------------*/
@media screen and (max-width: 640px) {
  /*-------------------------------------htmlの方に書く------------*/
	/*.pc {
	display: none;
	}
	.sp {
	display: inherit;
	}
	.menu_{
		width: 100%;
		margin: 0 ;
		margin-bottom: 8px;
	}
	.menu_ ul{
		width: 100%;
	  display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
		display: flex;
	  -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.menu_ ul li{
		width: 32%;
		margin: 2px;		
		text-align: center;
		background-color: #812990;
		color: #FFF;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
 	  border-radius: 4px;
	}
	.menu_ ul li:last-of-type{
		background-color: #604f87;
	}
	.menu_ ul li a{
		display: block;
		padding: 3px;
	}*/
  /*------------------------------------------------*/
	.Ns_general_container h3{
		margin: 15px 0px 0px;
	}
	.Ns_general_container .Ns_general_title{
		width: 100%;
		margin: 0 0 8px;
		background-color:#fff;
		text-align: center;
	}	
	.Ns_general_container .Ns_general_title img{
		width: 94%;
	}
	.product{
		padding: 10px 10px 16px;;
	}
	.main_product{
		margin: auto -3%;	
		padding-bottom: 30px;
	}
	.main_product h2{
		margin: 1em 0px 10px;
	}
	.section{
		width: 94%;
		margin: 0 auto;
	}
	.content_set {
		display: block;
		text-align: center;	
	}
	.productBox .txtL {
		font-size: 14px !important;
	}
	.ic01{
		width: 12%;
		margin: 5px auto;
	}
	.btn a {
		padding: 10px;
	}
	.inner .mod-featuredNewProducts_body{
		width: 94%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    justify-content: space-around;
	}
	.inner .mod-featuredNewProducts_col{
		width: 48%;
    float: inherit;
	}
	.inner .mod-featuredNewProducts_col:nth-child(even){
		width: 48%;
		padding-left: 4%;
	}
	.inner p.productImg img{
		width: 100%;
		height:inherit;
	}	
}

/*----------共通--------------*/
	
	.center {
	text-align: center;
	}
	.bold {
	font-weight: bold;
	}
	.Ns_general_container img {
	max-width: 100%;
	height: auto;
}
	.Ns_general_container {
		width: inherit;
	}
	.btn{font-weight:bold;}
	.inner{
		margin: 0 auto;
	}
	.NS_general_copyright{
		text-align: center;
	}
	.Ns_general_title{
		text-align: center;
		background-color: #f8eafe;
}
/*4col*/
.mod-featuredNewProducts_col4 .u-modMarginBottom{ margin-bottom: 0;}
.mod-featuredNewProducts_col4{display: inline-block; vertical-align: top; width: 230px; margin: 0 10px 20px 10px;}
.mod-featuredNewProducts_col4 .productImg{margin-bottom: 14px;}
.mod-featuredNewProducts_col4 .productImg .u-img{width: 230px;}
.mod-featuredNewProducts_col4 .productName{margin-bottom: 0.3em; font-size: 14px; text-align: left;}
.mod-featuredNewProducts_col4 .productPrice{margin-bottom: 3px; font-size: 14px; text-align: left;}
/*4col-end-*/

/*----------目次-------------*/
	.NS_general_menu_col3 ul{
		margin-bottom: 10px;
	}
.menu{	
	width: 100%;		
	text-align: center;
	transition: 1.5s;
	background-color: #812990;
	border-bottom: 1px solid #FFF;
}
.menu ul{
	width: 980px;
	margin: 0 auto;
	display:-webkit-box;
  display:-webkit-flex;
	display:-ms-flexbox;
	display: flex;	  
	-webkit-justify-content:space-between;
	-ms-justify-content:justify;
	justify-content: space-between;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.menu ul li{
	width: 25%;
	line-height:3em;
	border-right: 1px solid #FFF;
	background-color: #812990;
	color: #FFF;
	text-align: center;	
	font-weight: bold;
}
.menu ul li:first-of-type{
	line-height:1.5em;
}
.menu ul li:last-of-type{
	line-height:1.5em;
	border-right: none;	
	background-color: #724091;
}
.menu  ul li a{
	display: block;
	padding: 10px;
}
.menu  ul li a:hover{
	background-color: #9D33B9	;
	color: #FFF;
}
.menu ul .last a:hover{
	background-color:#9D33B9	;
}
.current{z-index: 999;
	background-color: #EE58F7;
}
@media screen and (max-width: 640px) {
  /*-------------------------------------共通------------*/
	.pc {
	display: none;
	}
	.sp {
	display: inherit;
	}
	.menu_{
		width: 100%;
		margin: 0 ;
		margin-bottom: 8px;
	}
	.menu_ ul{
		width: 100%;
	  display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
		display: flex;
	  -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	.menu_ ul li{
		width: 23%;
		margin: 1%;		
		text-align: center;
		background-color: #812990;
		font-weight:bold;
        font-size:0.9em;
		color: #FFF;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
		border-radius: 4px;
        padding:0.5em 0 0.2em;
		line-height:3em;
	}
	.menu_ ul li:first-of-type{
		line-height:1.5em;
	}
	.menu_ ul li:last-of-type{
		line-height:1.5em;
		background-color: #604f87;
	}
	.menu_ ul li a{
		display: block;
		padding: 0;
	}
/*4col*/
.mod-featuredNewProducts_col4 {width: 150px; float: left; margin: 10px 0 16px;}
.mod-featuredNewProducts_col4:nth-child(even) {width:140px; padding-left: 10px;}
.mod-featuredNewProducts_col4 .productName {margin: 4px 0; text-decoration:none; color: #333333; font-size: 90%;}
.mod-featuredNewProducts_col4 .productPrice {font-size: 90%;} 
.mod-featuredNewProducts_col4 .productImg img {width: 140px; height: 140px; margin-bottom: 5px;}
/*4col-end-*/

}

@media screen and (max-width: 640px) {
.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0 7px 0; line-height: 1.3em; font-size: 12px; box-sizing: border-box; color:#777777; }
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#777777; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }
}

@media screen and (min-width: 641px) {
.NS_breadcrumbs {overflow: hidden; position:relative; white-space: nowrap; margin:-20px auto 0; padding: 12px 0; line-height: 1.2em; font-size: 14px; width: 98%; }
.NS_breadcrumbs li { display:inline-block; box-sizing: border-box;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#000; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }
}