@charset "utf-8";
/* CSS Document */
/* =========================================================
 * 共通
 * =========================================================*/
@media print{
	body {
		width: 100%;
		min-width:1100px !important;
	}
}
@media print, screen {
#pageTypePC {
	height:0;
	opacity: 0;
	display: block;
}
a {
	outline:none;
	
}
#wrap{
	overflow: hidden;
}
.clearfix:after {
  clear: both;
  content: '';
  display: block;
}
#top-main{
	position: relative;

}
#main-area{
	width: 1000px;
	margin: 0 auto 20px auto;
}
.main-content{
	width: 75%;
	float: right;
	box-sizing: border-box;		
}
.side-nav{
	width: 231px;
	float: left;
	box-sizing: border-box;
	background-color: #fff;
	position: relative;
	padding:0 0;
	
}


input {
	font-size:16px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="text"],
input[type="password"]
{
	appearance: none;
	border-radius: 5px;
	border:1px #ddd solid;;
	padding:10px 10px;
}

input[type="submit"],
input[type="clear"] {
	border:none; 
}


/*
#top-main .side-nav{
	position: absolute;
	top:-5px;
	width: 231px;
}*/
.side-nav li{
	margin: 0 0 8px;
}
.side-nav li img{
	width: 100%;
}
.side-nav ul{
	
}
.sud-side li:hover{
	opacity: 0.75;
}
.sud-side {
	padding: 0 15px;
}

.sud-side li img {
	width:200px;
}
#page-top {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left: 510px;
	z-index: 10000;
}



/* SLIDE */ 
.slick-slide {
  position: relative;
}
.slick-slide .caption {
  /*position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
	background: rgba(0, 0, 0, .4);
color: #fff;
  width: calc(100% - 40px);

  transition: .3s ease;
opacity: 0;

*/

  padding: 10px 10px;
  color:#000;
  font-size: 14px;
  	text-align:right;
	font-size:12px;
	border:#eee 1px solid;

}
.slick-current .caption {
  opacity: 1;
  /*transition-delay: .5s;*/
}

/* LOADING */ 

.myLoading{
	
	padding-bottom:10px !important;
	
}

.loader,
.loader:after {
	display: block;
	border-radius: 50%;
	width: 4em;
	height: 4em;
}
.loader {
  margin: 0 auto 10px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.0em solid rgba(0, 0, 0, 0.3);
  border-right: 1.0em solid rgba(0, 0, 0, 0.3);
  border-bottom: 1.0em solid rgba(0, 0, 0, 0.3);
  border-left: 1.0em solid #0099FF;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ALERT */ 
.noTitle.sweet-alert h2 {
	display:none;
}

.noTitle.sweet-alert p{
	padding:40px 20px 0 20px;
	color:#000;
}

/* PAGENATION */ 
.pagenation {
	
	display: block;
	text-align: center;
	margin:10px 0;
	
}

.pagenation ul {
	
	
}


.pagenation ul li {
	display:inline-block;
	vertical-align: top;
	background-color: #eee;
	margin:0 3px;
	width:40px;
	height:40px;
	color:#000;
	text-align: center;
	vertical-align: middle;
	line-height: 42px;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2) inset;
	border-radius: 3px;
}
.pagenation ul li a {
	border-radius: 3px;
	display: block;
	height:100%;
	width: 100%;
}

.pagenation ul li.active {
	background-color: #0099FF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2) inset;
}
.pagenation ul li.active a {
	color:#fff;
}

.pagenation ul li.next a,
.pagenation ul li.prev a
{
	
}

.pagenation ul li.disabled
{
	pointer-events: none;
	opacity: 0.3;
}



.tip-small {
	padding-top:3px;
	font-size:11px;
	line-height: 1.4;
	text-indent:-1em;
	padding-left:1em;
	display: block;
}

/* ============================
 * 管理ページからのプレビューモードの場合
 * ============================*/
.adminMode #head-area,
.adminMode .common-breadcrumbs,
.adminMode .back-button,
.adminMode #foot-area
{
	display:none;
}

.adminMode main {
	padding-top:0 !important;
}


/* ============================
 * head
 * ============================*/
#head-area{
	margin: 8px 0 0 0;
}
.head-w{
	width: 1000px;
    margin: 0 auto 0px;
    position: relative;
}
.head-w h1{
	position: absolute;
	top: 28px;
	left: 200px;
	font-size: 15px;
	color: #0080FF;
	font-weight: bold;
}
.head-w h1 br{
	display:none;
}


.head-l img{
    width: 153px;
}
.head-l{    
	box-sizing: border-box;
	width: 60%;
	height: 42px;
	float: left;
	margin: 14px 0;
}
.head-r{
	box-sizing: border-box;
	width: 40%;
	float: right;
	/*margin: 4px 0;*/
}
.head-r li:hover{
	opacity: 0.75;
}
.head-r ul{
	display: inline-block;
	padding: 0 24px 0 0;
	border-right: solid 1px #E6E6E6; 
}
.head-r li {
	width: 212px;
	height: 28px;
	text-align: center;
	border: solid 1px #5DBDFD;
	border-radius: 5px;
	margin: 0 0 4px;
	position: relative;
	font-weight: bold;
}
.head-r li	a{ 
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	line-height: 30px;
	color: #0099FF;
}
.head-r-img{
	display: inline-block;
	vertical-align: top;
	/*height: 68px;*/
   	padding: 8px 0 0 24px;
	float:right;
}
.head-bg{
	width: 100%;
	height: 32px;
	background: #0099FF;
	background: -webkit-linear-gradient(to left, #98D4FC, #0099FF);
	background: linear-gradient(to left, #98D4FC, #0099FF);
}
.head-bg p{
	width: 1000px;
	margin: auto;
	color: #fff;
	line-height: 32px;
    font-weight: bold;
}
.head-bg p:before {
    content: "\f103"; 
	font-family: "ks-mall";
	padding: 0 8px 0 16px;
}
/* ============================
 * head-nav
 * ============================*/
.head-nav{
	width: 100%;
	border-bottom: solid 1px #E6E6E6;
}
.head-nav ul{
	width: 1000px;
	margin: auto;
	display: table;

}
.head-nav li{
	
    font-size: 14px;
	width: 25%;
	/*float: left;*/
	box-sizing: border-box;
	border-right: solid 1px #E6E6E6;
	display: block;
}
.head-nav li.head-keyword{
	vertical-align: top;
	padding: 0 8px 0;
	border-left: solid 1px #E6E6E6;
	width:30%;
	display:table-cell !important;

}

.head-nav li span{
	font-size: 16px;
	color: #0080FF;
	font-weight: bold;
}
.head-nav li a{
	height: 56px;
    line-height: 24px;
    padding: 16px 0 0 18px;
    display: block;
}
li.head-feature a:after ,li.head-category a:after ,li.head-area a:after ,li.head-conditions a:after {
    content: "\f103"; 
	font-family: "ks-mall";
    position: absolute;
    top: 28px;
    right: 18px;
    color: #0099ff;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border: solid 1px #0080FF;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}
a.feature-icon:hover:after{
    content: "\f103"; 
	font-family: "ks-mall";
    position: absolute;
    top: 28px;
    right: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    background: #0099ff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transform: rotateZ( 180deg );	
}
ul.sud-nav a:after,ul.sud-nav :hover:after{
    content: "";
    width: 18px;
    height: 18px;
    border: none;  
}
li.head-keyword p{
	margin: 6px 0 3px 0;
}
li.head-feature ,li.head-category ,li.head-area ,li.head-conditions {
    position: relative;
    width: 18%;
	display:table-cell !important;
}
.searchForm{
	height: 28px;
	margin: 0 0 8px;
    border: 1px solid #E6E6E6;
    position: relative;
}
.searchForm:after {
	content: "\e909";
	font-family: "ks-mall";
	position: absolute;
	color: #0080FF;
	top: 8px;
	right: 33px;
	font-size: 18px;
	pointer-events: none;
}
input#s {
    height: 20px;
    padding: 2px 0 2px 4px;
    float: left;
    font-size: 16px;
    border: none;
    outline: none;
}
button.searchsubmit{
    width: 32px;
    height: 28px;
    float: right;
    color: #fff;
    font-weight: bold;
    background-color: #0099ff;
    border: none;
}
select.common-Category {
	font-size: 16px;
    height: 28px;
    background: #fff;
	border:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	padding:0 20px 0 10px;
	border-left:#eee 1px solid;
	position: relative;
	border-radius:0;
	max-width: 50%;
}
select.common-Category::-ms-expand {
	display: none;
}
.search-pc .common-Category{
	position: absolute;
	top: 0;
	right: 32px;
	font-size:13px;
	max-width: 130px;
}
.search-sp .common-Category{
	position: absolute;
	top: 0;
	right: 32px;
}
.icon-search{
	font-size: 14px;
}
span.icon-search.icon-color {
    color: #fff;
}
.head-nav li ul {
   display: none;
   position: absolute;
	padding:5px 10px 10px 10px;
	box-sizing: border-box;
}
li.sud-nav-list{
	float:none;
	display: block;
	width:auto;
	border-right:none;
}
li.sud-nav-list a {
	height:auto;
	position: relative;
	width: 100%;
	line-height: 1.2;
	display: block;
	padding:10px 0;
	box-sizing: border-box;
	border-bottom: dotted 1px #A4A4A4;
	padding-left:30px;
}
li.sud-nav-list a:before {
	position:absolute;
	left:0px;
	top:8px;
	color:#0099ff;
	font-size:18px;
	width:25px;
	display: inline-block;
	text-align: center;
	font-family: 'ks-mall';
}

.head-nav li.sud-nav-list:last-child {
	padding: 0;
}
.head-nav li.sud-nav-list:last-child a {
}
.head-nav li.sud-nav-list:first-child{
    vertical-align: top;
    padding: 0;
    border-left: none;
}
ul.sud-nav{
	border: solid 1px #E6E6E6;
	z-index: 1000;
	background: #fff;
	width: 280px !important;
}
.nav-icon-campaign a:before{	content:'\f101';	}
.nav-icon-area a:before{	content:'\f041';	}
.nav-icon-etc a:before{	content:'\f101';	}
.nav-icon-arrow a:before{	content:'\f101';	}


/*PC NAVドロップダウン左寄せ
ul.sud-nav.list {
    margin: 0 0 0 -180px;
}

ul.sud-nav li a{
	padding: 0 0 0 8px;
}*/

/* ============================
 * common-breadcrumbs
 * ============================*/
.common-breadcrumbs{
 	width: 100%;
 	background: #E2E2E2;
 	margin: 0 0 24px;
}
.common-breadcrumbs ul{
	width: 1000px;
	margin: auto;
    list-style: none;
    overflow: hidden;
    font-size: 13px;
	white-space: nowrap;
}
.common-breadcrumbs li:first-child {
    padding: 8px 0 8px 20px;
}
.common-breadcrumbs li {
    position: relative;
    display: block;
    padding: 8px 0 8px 48px;
    display: inline-block;
}
.common-breadcrumbs li::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #E2E2E2;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
  }
.common-breadcrumbs li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #c9c9c9;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.common-breadcrumbs li a{
	color: #0099FF;
}
/* ============================
 * common-icon
 * ============================*/
.category-icon {
	position:relative;
	display: table;
	color:#fff;
	margin: 6px 3px 5px 0;
	float:left;
}
.category-icon span {
	display: table-cell;
	padding: 6px 10px 6px 33px;
	background: #CA3CB2;
	border-radius: 24px 24px 24px;
	font-size: 12px;
	line-height:12px;
	vertical-align: middle;
	font-weight: bold;
	max-width:100%;
	/*height:25px;*/
}
.category-icon:before {
	position:absolute;
	display: table-cell;
	top:50%;
	margin-top:-16px;
	left:1px;
	background: #CA3CB2;
	line-height: 32px;
	vertical-align: middle;
    width: 32px;
    min-height: 32px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align: center;
	font-size: 18px;
	color:#fff;
	font-weight: normal;
}

.campaign-icon {
	padding:4px 8px;
	display:inline;
	margin-right:5px;
	border-radius:100px;
	font-weight:bold;
	letter-spacing:-0.5px;
}



/*
.common-icon01{
	background: #CA3CB2;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align: center;
}
.common-icon01 p {
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
    top: 1px;
}
.common-icon{
	overflow: hidden;
	padding: 0 4px 0 0;
	display: inline-block;
	position: relative;
}
.common-icon01{
	float: left;
}
.common-category{
	float: left;
	color: #fff;
	margin: 4px 0 0 -12px;
	padding: 2px 10px;
	background: #CA3CB2;
	border-radius: 0px 24px 24px 0px;
	font-size: 12px;
}
.category-icon{
	color:#fff;
	font-size: 20px;
}
.icon-briefcase{	color: #fff;	}
.icon-golf{    color: #fff;    	}
*/

.notice{
	background-color:#2CAAFE;
	display:block;
	padding:20px 10px;
	font-size:16px;
	color:#fff;
	border-radius:50px;
	text-align:center;
	margin-bottom:50px;
}

/* ============================
 * foot
 * ============================*/
/*NEW あり*/
.product-header  {
	overflow: hidden;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.product-type1 .product-header {	background: #DE8D08;	}
.product-type2 .product-header {	background: #58A004;	}
.product-type3 .product-header {	background: #0080FF;	}
.product-type4 .product-header {	background: #D0021B;	}

/*
.product-to-c{
	background: #DE8D08;
	overflow: hidden;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.product-to-b{
	background: #58A004;
	overflow: hidden;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.product-to-w{
	background: #0080FF;
	overflow: hidden;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
*/
.product-genre{
	margin: 8px 50px 8px 80px; 
}
.product-genre ul{
	display: block;
	vertical-align: top;
}
.product-genre li{
	display: inline-block;
	margin: 0 0 4px;
}
.icon-chara-common {
	
	font-size:13px;
}


.icon-chara1{
	background: #0068B6;
	color: #fff;
	padding: 4px 8px;
	font-weight: bold;
}
.icon-chara2{
	background-color:#D40003;
	color: #fff;
	padding: 4px 8px;
	font-weight: bold;
}

.icon-chara3{
	background: #fff;
	border: solid 1px #0068B6;
	color: #0068B6;
	padding: 4px 8px;
	font-weight: bold;
}
.icon-chara4{
	background: #fff;
	border: solid 1px #D0021B;
	color: #D0021B;
	padding: 4px 8px;
	font-weight: bold;
}

/*
.product-genre li.icon-group{
	background: #0068B6;
	color: #fff;
	padding: 4px 8px;
	font-weight: bold;
}
.product-genre li.icon-card{
	background: #E9669E;
	color: #fff;
	padding: 4px 8px;
	font-weight: bold;
}

.product-genre li.icon-term{
	background: #fff;
	border: solid 1px #0068B6;
	color: #0068B6;
	padding: 4px 8px;
	font-weight: bold;
}
.product-genre li.icon-benefits{
	background: #fff;
	border: solid 1px #D0021B;
	color: #D0021B;
	padding: 4px 8px;
	font-weight: bold;
}
*/
.product-genre h3{
	color: #fff;
	padding: 5px 0 5px 0;
	display: inline-block;
	font-size: 16px;
	/*width: 64%;*/
	line-height: 17px;
    font-weight: bold;
}
.product-bottom{
	background: #F1F1F1;
}
.product-bottom h2{
	color: #CA3CB2;
    font-size: 14px;
    padding: 8px 0 8px 78px;
    width: 78%;
    line-height: 16px;
    font-weight: bold;
}
.product-object-to-c{
	background: #fff;
  	width: 64px;
  	height: 64px;
	margin: 8px 16px 8px 8px;
  	border-radius: 50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	-o-border-radius: 50%;
  	-ms-border-radius: 50%;
  	font-size: 16px;
  	color: #DE8D08;
  	text-align: center;
  	position: absolute;
  	top: 0px;
}
.product-object-to-b{
	background: #fff;
  	width: 64px;
  	height: 64px;
	margin: 8px 16px 8px 8px;
  	border-radius: 50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	-o-border-radius: 50%;
  	-ms-border-radius: 50%;
  	font-size: 16px;
  	color: #58A004;
  	text-align: center;
  	position: absolute;
  	top: 0px;
}
.product-object-to-w{
	background: #fff;
  	width: 64px;
  	height: 64px;
	margin: 8px 16px 8px 8px;
  	border-radius: 50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	-o-border-radius: 50%;
  	-ms-border-radius: 50%;
  	font-size: 16px;
  	color: #0080FF;
  	text-align: center;
  	position: absolute;
  	top: 0px;
}

.product-type-icon {
	position:absolute;
	top:5px;
	left:5px;
}

.product-type-icon img {
    width: 64px;
    height: 64px;
    vertical-align: middle;
    font-weight: bold;
}
/*
.product-object-to-c p {
	line-height: 18px;
  	position: relative;
    top: 12px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    font-weight: bold;
}
.product-object-to-b p {
	line-height: 18px;
  	position: relative;
    top: 12px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    font-weight: bold;
}
.product-object-to-w p {
	line-height: 14px;
    position: relative;
    font-size: 14px;
    top: 12px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
    font-weight: bold;
}
*/
.product-new{
	/*background: #D0021B;
	border: solid 2px #fff;
  	width: 64px;
  	height: 64px;
  	margin: 8px 8px 8px 0;
  	border-radius: 50%;
  	-moz-border-radius: 50%;
  	-webkit-border-radius: 50%;
  	-o-border-radius: 50%;
  	-ms-border-radius: 50%;
  	font-size: 16px;
  	color: #fff;
  	text-align: center;*/
  	position: absolute;
    top: 8px;
    right: -11px;
}
#new-no .product-new{
	display: none;
}
.product-new p {
	line-height: 18px;
  	position: relative;
    top: 24px;
    width: 64px;
    height: 64px;
    vertical-align: middle;
	font-family: 'Dosis', sans-serif;
}
.product-w{
	padding: 8px;
    position: relative;
    overflow: hidden;
	
}
.product-img {
	width: 50%;
    max-width:  176px;
    float: left;
	box-sizing: border-box;
}
.product-img img{
    width:100%;
}
.product-details,

.product-box-02{
    /*
	float: left;
    width: 540px;
	*/
	
	padding-left:175px;
    margin:0 0 0 18px;  
	box-sizing: border-box;
	
}
.product-noimg .product-details,
.product-noimg .product-box-02
{
	padding-left:0;

}
.product-area p.common-area{
    border: solid 1px #a4a4a4;
	border-radius: 24px;
	padding: 3px 8px;
	display: inline-block;
	margin:1px 0;
}
.product-icon,.product-period{
	display: inline-block;
}

.product-noimg .product-period{
	width:510px;
}

.product-area{
	vertical-align: top;
	padding: 4px 0 0;
	font-size: 12px;
	display: inline-block;
}
.product-text{
	margin: 10px 0 8px;
	font-size: 13px;
}

.product-text ul {
	padding-left:1em;
}
.product-text li {
	text-indent:-1em;
}
.product-period{
	border-top: dotted 1px #a4a4a4;
	padding: 8px 8px 8px 0;
	width: 336px;
}
.product-period dl{
	font-size: 14px;
}
.product-period dl dt{
	width: 55px;
	color: #CA3CB2;
	display: table-cell;
	vertical-align: middle;
	font-size: 11px;
}
.product-period dl dd{
	display: table-cell;
	word-wrap: break-word;
	vertical-align: middle;
	font-size:13px;

}
.product-period dd {
    line-height: 24px;
}
.product-period ul{
	margin: 8px 0;
}
.product-period li{
	display: inline;
}
.product-button{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 190px;
    height: 60px;
	background: #0E9EFF;
	box-shadow: 2px 2px 0 0 #3A75B0;
	border-radius: 8px;
	text-align: center;
}
.product-button:hover{
	opacity: 0.75;
}
.product-button a{
	color: #FFF;
	text-shadow: -1px -1px 0 #0068B6;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 60px;
    font-weight: bold;
    font-size: 16px;
}
/*NEW なし*/
#new-no .product-genre h3{
	width: 70%;
}
/* ============================
 * foot
 * ============================*/
.foot-bg-01{
	width: 100%;
	background: #edf9fd;
    padding: 40px 0 24px;	
}
.foot-logo{
	width: 25%;
	float: left;
	font-size: 12px;
	color: #0080FF;
	box-sizing: border-box;	
	margin: 48px 0 0;
}
.foot-logo img{
	width: 153px;
}
.foot-logo p{
	margin: 0 0 16px -94px;
	text-align: center;
}
/*
.foot-01,.foot-02,.foot-03,.foot-04{
	width: 24.55%;
	display: inline-block;
	vertical-align: top;
}
.foot-01 span,.foot-02 span,.foot-03 span,.foot-04 span{
	color: #0080FF;
}
.foot-01 p,.foot-02 p,.foot-03 p,.foot-04 p{
	margin: 0 0 16px;
}
foot-01 li,.foot-02 li,.foot-03 li,.foot-04 li{
	width: 90%;
	font-size: 13px;
	padding: 12px 0 12px 8px;
	border-bottom: dotted 1px #a4a4a4;
}
*/
/*
.icon_01 li a:before,.icon_03 li a:before,.icon_02 li a:before,li.li-01 a:before,
li.li-02 a:before,li.li-03 a:before,li.li-04 a:before,li.li-05 a:before,
li.li-06 a:before,li.li-07 a:before,li.li-08 a:before,li.li-09 a:before{
	font-family: "ks-mall";
	position: absolute;
    top: 7px;
	left:5px;
	text-align: center;
	color: #0099ff;
	width:20px;
	font-size: 18px;
}
.icon_01 li a:before,.icon_04 li a:before{
	content: "\f101"; 
}
.icon_02 li a:before{
	content: "\f041"; 
}
li.li-01 a:before{
	content: "\f07a"; 
}
li.li-02 a:before{
	content: "\e906"; 
}
li.li-03 a:before{
	content: "\e902"; 
}
li.li-04 a:before{
	content: "\e907"; 
}
li.li-05 a:before{
	content: "\e901"; 
}
li.li-06 a:before{
	content: "\e900"; 
}
li.li-07 a:before{
	content: "\e904"; 
}
li.li-08 a:before{
	content: "\e908"; 
}
li.li-09 a:before{
	content: "\e903";
}
*/
.foot-bg-02{
	width: 100%;
	background: #dcf3fb;
    padding: 0 0 24px;	
}
.foot-w{
	width: 1000px;	
    margin: auto;
}
.foot-w a{
	color: #4a4a4a;
	font-weight: bold;
}
.foot-w h3{
	font-size: 14px;
	color: #0080FF;
	border-bottom :solid 1px #fff;
	margin: 0 0px 24px 0;
	padding: 40px 0 16px 8px;
	font-weight: bold;
}
.foot-l li,.foot-c p,.foot-r p{
	color: #4a4a4a;
	font-size: 12px;
	padding-left:1em;
	font-weight: bold;
}
.foot-l li,.foot-c p {
	text-indent:-2em;
	padding-left:2em;
}
.foot-l li a:before,.foot-c p a:before  {
    content: "\f10c"; 
	font-family: "ks-mall";
	padding: 0 4px 0 8px;
	position: relative;
    top: 0;    
    color: #0099ff;
}
.foot-l{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-right:30px;
}
.foot-l li{
	/*width: 49%;
	display: inline-block;
	box-sizing: border-box;*/
	margin: 0 0 16px;	
}
.foot-l li:hover,.foot-c a:hover,.foot-r a:hover{
	opacity: 0.75;
}
.foot-c{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding-right:30px;
}
.foot-r{
	width: 25%;
	float: left;
	box-sizing: border-box;	
}
#copyright{
	width: 100%;
	background-color: #0099FF;
}
#copyright p{
	font-family: 'Dosis', sans-serif;
	/*width: 1000px;
	text-align: center;*/
	margin: auto;
	font-size: 14px;
	padding: 16px 8px;
	color: #fff;
	text-align: right;
	
}
/* ============================
 * sp nav アコーディオン
 * ============================*/	
.submenu2{
	display: none;
}
/* ============================
 * 下層ページ　サイドナビー２
 * ============================*/
.conditions-box-2{
	border-top: solid 3px #2CAAFE;
	border-left: solid 1px rgba(74, 144, 226, 0.3);
	float: left;
	width: 230px;
	margin: 0 0 16px;
}
.side-nav-2-list ul{
	border-right: solid 1px rgba(74, 144, 226, 0.3);
	border-bottom: solid 1px rgba(74, 144, 226, 0.3);
}
.side-nav-2-list li{
	margin: 0;
	box-sizing: border-box;
	font-weight: bold;
}
.side-nav-2-list li a{ 
	padding: 16px;
    display: block;
	border-bottom: dotted 1px rgba(74, 144, 226, 0.3);
	text-indent: -20px;
    padding-left: 32px;
}
.side-nav-2-list li a:before {
    content: "\f10c";
    font-family: "ks-mall";
    padding: 0 8px 0 0;
    position: relative;
    top: 0;
    color: #0099ff;
}

.side-nav-2-list li:last-child{
	margin: 0 0 8px;
}
.indent-list {
	padding-left:1em;
	font-size:12px;
}

.indent-list li {
	text-indent:-1em;
}

img.kips_icon {
	height:23px;
}



}


@media only screen and (max-width:767px){
	body{
	  min-width:initial;
	}
	main {
		padding-top:125px;
		overflow: hidden;
	}
	#main-area{
		width: 100%;
		margin: auto;
	}
	.main-content{
		width: 100%;
		float: none;
	}
	#top-main .side-nav{
		width: 100%;
		float: none;
		position: static;
	}
	.side-nav ul{
		padding:0;
	}
	.side-nav ul{
		width: 100%;
		text-align: center;
		box-sizing: border-box 
	}
	.side-nav li{
		width: 47.22%;
		display: inline-block;
		vertical-align: top;
	}
	.side-nav li img{
		width: 100% !important;
	}
	
	input#s {
    	/*width: 86%;*/
	}
	#page-top {
	    left: inherit;
	    bottom: 5px;
	    margin-left: 0;
	    right: 12px;
	}
/* ============================
 * head
 * ============================*/
	#head-area {
		margin: 0;
		width: 100%;
		position: fixed;
		z-index: 10000;
		background-color: #fff;
	}
	.head-w{
		width: 100%;
		border-bottom:#eee 1px solid;
		margin:0;
		position: relative;
		/*height:56px;*/
		height:70px;
	}
	.head-l{
		width: 36%;
		height: 40px;
		float: left;
		margin: 0;
	}
	.head-r{
		width: 175px;	
		margin:0;
	}
	.head-w h1{
		top:inherit;
		left:0;
		bottom:38px;
		padding-right:180px;
		font-size: 9px;
		position: absolute;
		margin: 0 0 4px 4px;
		line-height: 1.2;
	}
	
	.head-w h1 br{
	display:inline;
	}

	.head-l img {
		height:32px;
		width:auto;
		margin: 30px 0 0 4px;
	}
	.head-r ul{
		padding: 5px 4px 0px 0;
		border-right: solid 1px #E6E6E6; 
	}
	
	
	/*
	.head-r li{
		width: 48px;
    	height: 48px;
    	margin: 0;
		display: inline-block;
	}
	.head-r li a{
		font-size: 12px;
	}
	.head-r li a:hover{
		opacity: .75;
	}
	li.head-r-01 a{
		line-height: 11px;
    	font-size: 9px;
    	padding: 14px 0;
	}
	li.head-r-02 a{
		line-height: 11px;
    	font-size: 9px;
    	padding:  14px 0;
	}
	.head-r-img,.head-bg p{
		display: none;
	}
	.head-bg{
		height: 8px;
	}*/
	
	
	.head-r li{
		width: 110px;
		height: 26px;
    	margin: 0 0 4px;
    	text-align:center;
	}
	.head-r li a{
		font-size: 12px;
	}
	.head-r li a:hover{
		opacity: .75;
	}
	li.head-r-01 a{
		line-height: 26px;
		vertical-align: middle;
	}
	li.head-r-02 a{
		line-height: 26px;
		vertical-align: middle;
	}
	.head-r-img,.head-bg p{
		display: none;
	}
	.head-bg{
		height: 8px;
	}	
/* ============================
 * head-nav
 * ============================*/
	.head-nav{
		display: none;
	}
	.head-nav-sp{
		background: #eff3fe;
		background-image: linear-gradient(-180deg, #FFFFFF 0%, #EDF1FF 100%);
		border-bottom:rgba(84,195,241,0.50) 1px solid;
	}
			/*
	#toggle{
		text-align: center;
		padding: 10px 0;
		float: left;
		width: 50%;
		height:40px;
		box-sizing: border-box;
		color: #0099FF;
		font-size: 11px;
		border-right:rgba(84,195,241,0.50) 1px solid;
		font-weight: bold;
	}

	#toggle2{
		height:40px;
		text-align: center;
		padding: 8px 0;
		float: right;
		width: 50%;
		box-sizing: border-box;		
    	color: #0099FF;
		font-size: 11px;	
		position: relative;
		padding-left:35px;
		font-weight: bold;
	}*/
	#toggle{
		text-align: center;
		float: left;
		width: 50%;
		line-height: 16px;
		box-sizing: border-box;
		color: #0099FF;
		border-right:rgba(84,195,241,0.50) 1px solid;
		font-weight: bold;
		font-size: 13px;
		padding: 7px 0 6px 0;
	}	
	#toggle2{
		padding: 7px 0 6px 0;
	    float: right;
	    width: 50%;
	    box-sizing: border-box;
	    color: #0099FF;
	    position: relative;
	    font-weight: bold;
	    line-height: 16px;
	    text-align: center;
	    font-size: 13px;
	}
	#toggle:hover,#toggle2:hover{
		/*opacity: .75;*/
	}
	/*
	#toggle:before{
		content: "\f002";
		font-family: "ks-mall";
		position: relative;
	    top: 3px;
	    font-size: 18px;
	}
	#toggle.sp-c:before{
		content: "\f002";
		font-family: "ks-mall";
		position: relative;
	    top: 3px;
	    font-size: 18px;
	    color: #fff;
	}

	#toggle2:before{
		content: '';
		position: absolute;
		display: block;
		background: url(../../common/img/icon/head-nav-icon02.png) 30px 0 no-repeat;
		padding: 0 0 0 0px;
	    top: 10px;
		right:50%;
		padding-left:100px;
		height:21px;
		background-size: contain;
		vertical-align: bottom;
	}*/
	.sp-c {
		color: #fff !important;
		background: #0099FF;
	}
	.box-on{
		display: none;
	}
	.sp-nav-open .box-on{
		display: block;
		background: #0099FF;
		padding: 8px;
		transition: .5s ease-in-out;
		margin-top:-1px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	} 
	ul.common-sp-nav {
	    margin: 0 auto !important;
	    font-weight: bold;
	    font-size: 15px;
		margin-bottom:10px !important;

	}
	.common-sp-nav a{
	    display: block;
		padding-top: 13px !important;
		padding-bottom: 12px !important;
	    /*padding: 13px 0 12px 0 !important;*/
		 /*font-size:12px;
	   padding: 18px 32px;*/
	}
	/*
	.head-nav-sp ul{
		border-bottom: solid 3px #d2eefc;
	}
	.head-nav-sp li{
		position: relative;
		width: 50%;
		height: 50px;
		line-height: 50px;
		float: left;
		box-sizing: border-box;
   		font-size: 12px;
	}
	.head-nav-sp li:first-child{
		border-right: solid 3px #d2eefc;
	}
	.head-nav-sp li.li-02 {
		line-height: 18px;
	}
	.open li.li-02{
		background: #0099ff;
	}	
	.open li.li-02{
		background: #0099ff;
	}

	.head-nav-sp li.li-01 a{
    	position: absolute;
    	top: 0;
    	left: 40px;
    	width: 100%;
 	    height: 100%;
   		color: #0099FF;
	}
	.head-nav-sp li.li-02 a{
    	position: absolute;
    	top: 8px;
    	left: 56px;
    	width: 100%;
 	    height: 100%;
   		color: #0099FF;
	}
	.head-nav-sp li.li-01:before{
		content: url(../../common/img/icon/head-nav-icon01.png);
		padding: 0 4px 0 8px;
		position: relative;
	    top: 6px;
	}
	.head-nav-sp li.li-02:before{
		content: url(../../common/img/icon/head-nav-icon02.png);
		padding: 0 4px 0 8px;
		position: relative;
	    top: 14px;
	}
	*/
/* ============================
 * sp nav
 * ============================*/	
   #top-head,.inner {
        width: 100%;
        padding: 0;
        color: #fff;
    }
    #top-head {
        top: 0;
        margin-top: 0;
    }
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        top: 72px;
        left: 100%;
        background: #0099ff;
        width: 100%;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        z-index: 1000;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        padding: 0 4px;
        font-weight: bold;
        font-size: 15px;
    }
    #global-nav ul li {
        float: none;
        position: static;
        vertical-align: top;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        display: block;
        color: #fff;
        padding: 18px 40px 18px 0;
    }
	
	#top-head #global-nav ul li.nav_accordion1 > a {
		padding-left:24px !important;
		position:relative;
	}
	#top-head #global-nav ul li.nav_accordion1 > a:before {
		font-family: "ks-mall";
		content:"\f103";
		position:absolute;
		left:5px;
		top:18px;
	}
	
	 #top-head #global-nav ul li a ul li a {
        padding: 10px 40px 10px 0;
    }
    .kips-link{
        padding-left: 28px!important;
		/*text-indent: -28px;*/
	}
	#nav-toggle {
	    display: block;
	    position: absolute;
	    right: 0;
	    top: 0px;
		width:40px;
		height:56px;
	    cursor: pointer;
	    z-index: 101;
	    padding: 9px 9px;
	}
	#nav-toggle div {
	    position: relative;
	}
	#nav-toggle {
        display: block;
    }
	#nav-toggle span {
	    display: block;
	    position: absolute;
	    height: 3px;
	    width: 60%;
	    background: #0099ff;
	    left: 8px;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {
	    top: 10px;
	}
	#nav-toggle span:nth-child(2) {
	    top: 18px;
	}
	#nav-toggle span:nth-child(3) {
	    top: 26px;
	}
	.open #nav-toggle{
		background: #0099ff;
	}
	.open #nav-toggle p{
		color: #fff;
	}
    .open #nav-toggle span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
        background: #fff;
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
        background: #fff;
    }
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        /*-moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
        top:57px;*/
        top:72px;
        left: 0;
        display: block;
    }
/* ============================
 * sp nav アコーディオン
 * ============================*/	
	#nav-toggle p{
		color: #0099ff;
		font-size:10px;
		margin: 35px 0 0;
		font-weight: bold; 
	}
	.#nav-toggle span:hover{
		background: #000;
	}
	.btn:active {
	  	background: #0099ff;
	}
	.accordion-menu {
	  	/*width: 100%;*/
	}
	ul.accordion-menu li a{
		color: red;
	}
	.accordion-menu li{
	  	border-bottom: 1px solid #fff;	
	}
	.accordion-menu li.open .dropdownlink {

	}
	.accordion-menu li:last-child{
	  	border-bottom: 0;
	}
	.dropdownlink {
	  	padding: 18px 0;
	}

	.submenuItems {
	  	display: none;
	}
	.submenuItems a,{
		color: #000;
	}
	/*
	.accordion-menu li a:before {
	    content: "\f103"; 
		font-family: "ks-mall";
	    padding: 0 8px 0 12px;
	    position: relative;
	    top: 0px;
		font-weight: normal;
	}
	*/
	.accordion-menu li a,.dropdownlink{
		position: relative;
	}
	#global-nav.accordion-menu li a:after,.accordion-menu .dropdownlink:after {
	    background: url(../../common/img/icon/nav-icon-01.png);
	    position: absolute;
	    content: "";
	    top: 14px;
	    right: 23px;
	    width: 22px;
	    height: 21px;
	}
	.accordion-menu .dropdownlink:after{
	    top: 14px;
	}
	.accordion-menu .dropdownlink:before {
	    content: url(../../common/img/icon/nav-icon.png);
	    padding: 0 8px 0 8px;
	    position: relative;
	    top: 0px;
	}
	.accordion-menu li a:after{
	    content: "\f103"; 
		font-family: "ks-mall";
	    position: absolute;
	    top: 14px;
	    right: 10px;
	    color: #fff;
	    text-align: center;
	    line-height: 20px;
	    vertical-align: middle;
	    width: 18px;
	    height: 18px;
	    border: solid 1px #fff;
	    border-radius: 50%;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	    padding-left: 0px;
		text-indent: 0px;
	}
	.accordion-menu li a.active:after{
	    content: "\f103"; 
		font-family: "ks-mall";
	    position: absolute;
	    top: 14px;
	    right: 10px;
	    color: #fff;
	    text-align: center;
	    line-height: 20px;
	    vertical-align: middle;
	    width: 18px;
	    height: 18px;
		font-weight: normal;
	    border: solid 1px #fff;
	    border-radius: 50%;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	    transform: rotateZ( 180deg ) ;
	}
	.common-sp-nav li a{
		padding-left:30px;
		
	}
	.common-sp-nav li a:before{
		position:absolute;
		left:0;
		top:12px;
		line-height:1em;
		vertical-align: middle;
		width:25px;
		text-align: center;
		font-size:16px;
		font-family: "ks-mall";
	}
	
	.common-sp-nav li a:after{
		content:none;
	}
	
	

/* ============================
 * sp nav アコーディオン
 * ============================*/
	.nav-keyword{
		background: rgba(255, 255, 255, 0.95);
		border-radius: 8px;
		margin: 0 auto 8px;
	}
	.nav-keyword .searchForm,.nav-bg .searchForm{
		width: 93%;
	    margin: 0 12px 8px;
	}
	.nav-keyword p{
		color: #0099FF;
		padding: 8px 12px 4px;
	}
	.nav-bg{
		padding: 0px!important;;
		border-radius: 8px;
		margin: 0 auto 8px;
		/*width: 96%;*/
		background: rgba(255, 255, 255, 0.95);
	}
	.nav-bg a{
		color: #0099FF !important;	
	}
	.accordion-menu li a.nav-icon-no:before{
	   
	    padding: 0;
	}
	
	.open .nav-bg > a:before,
	.sp-nav-open .nav-bg > a:before{
	    content: '' ;
	}
	
	/*
	li.nav-li-00 a:after,li.nav-li-01 a:after,li.nav-li-02 a:after,li.nav-li-03 a:after,li.nav-li-04 a:after,li.nav-li-05 a:after
	,li.nav-li-06 a:after,li.nav-li-07 a:after,li.nav-li-08 a:after,li.nav-li-09 a:after,li.nav-li-10 a:after,li.nav-bg-l a:after
	,li.nav-bg-r a:after,li.nav-color-1 a:after,li.nav-color-2 a:after,li.nav-color-3 a:after,li.nav-color-4 a:after,li.nav-color-5 a:after
	,li.nav-color-6 a:after{
		content: ""; 
		border:none;
	}
	*/
	a.nav-icon-no{
		padding: 16px 12px !important;
		
	}
	.nav-bg .submenuItems{
	    /*border-top: 1px solid #0099FF;*/
	}
	/*
	.nav-bg li.nav-li-00 a:before,
	.nav-bg-2 li.nav-li-00 a:before*/
	
	
	.accordion-menu li a.nav-icon-no.active {

		border-bottom:1px #0099ff solid;
	}
	
	.sp-click-box .accordion-menu li a.nav-icon-no.active {
		border-bottom:none;
	}
	.accordion-menu li a.nav-icon-no:after {
	    content: "\f103"; 
		font-family: "ks-mall";
	    position: absolute;
	    top: 14px;
	    right: 18px;
	    color: #0099ff;
	    text-align: center;
	    line-height: 20px;
	    vertical-align: middle;
	    width: 18px;
	    height: 18px;
	    border: solid 1px #0080FF;
	    border-radius: 50%;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	}
	.nav-bg li,
	.nav-bg-2 li{
	    border-bottom: 1px dotted #0099FF;
		margin: 0 8px;
	}
	
	#top-head #global-nav ul li.nav-bg li:last-child,
	#top-head #global-nav ul li.nav-bg-2 li:last-child,
	.nav-bg-3 ul.nav-bg-r li:last-child{
	    border: none;
	}
	
	
	#top-head #global-nav ul li.nav-li-common a {
		position:relative;
		padding-left:30px;
	}
	
	#top-head #global-nav ul li.nav-li-common a:before {
		font-family: "ks-mall";
	    position: absolute;
	    top: 12px;
	    left: 0;
		width:20px;
	    font-size: 18px;
		color:#0099FF;
		display: block;
		font-weight: normal;
	}
	/*
	.nav-icon-area li a:before {	content:'\f041';	}
	.nav-icon-etc li a:before {	content:'\e906';	}
	.nav-icon-campaign li a:before {	content:'\e906';	}
	*/
	/*
	.nav-bg li.nav-li-01 a:before,.nav-bg li.nav-li-02 a:before,.nav-bg li.nav-li-03 a:before,.nav-bg li.nav-li-04 a:before
	,.nav-bg li.nav-li-05 a:before,.nav-bg li.nav-li-06 a:before,.nav-bg li.nav-li-07 a:before,.nav-bg li.nav-li-08 a:before
	,.nav-bg li.nav-li-09 a:before {
		font-family: "ks-mall";
	    padding: 0 8px 0 12px;
	    position: relative;
	    top: 2px;
	    left: 0;
	    font-size: 18px;
	}
	
	.nav-bg li.nav-li-01 a:before{
		content: "\f07a"; 
	}
	.nav-bg li.nav-li-02 a:before{
		content: "\e906"; 
	}
	.nav-bg li.nav-li-03 a:before{
		content: "\e902";  
	}
	.nav-bg li.nav-li-04 a:before{
		content: "\e907"; 
	}
	.nav-bg li.nav-li-05 a:before{
		content: "\e901";
	}
	.nav-bg li.nav-li-06 a:before{
		content: "\e900";
	}
	.nav-bg li.nav-li-07 a:before{
		content: "\e904";
	}
	.nav-bg li.nav-li-08 a:before{
		content: "\e908";
	}
	.nav-bg li.nav-li-09 a:before{
		content: "\e903"; 
	}
	.nav-bg li.nav-li-10 a:before{
	    content: "\f041"; 
		font-family: "ks-mall";
	    padding: 0 8px 0 12px;
	    position: relative;
	    top: 2px;
	    font-size: 18px;	
	}
	*/
	.nav-bg-2 ul{
		background: rgba(255, 255, 255, 0.95);
		border-radius: 8px;
		margin: 0 auto 8px;
		width: 96%;
	}
	#top-head #global-nav ul li.nav-bg-2 .submenuItems li a,
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li a
	{
		color: #0099FF;		
	}
	#top-head #global-nav ul li.nav-bg-2 .submenuItems li a.nav-left{
		/*
		padding-left: 28px;
	    text-indent: -28px;
		*/
	    line-height: 18px;
	}
	.nav-bg-3 ul{
		background: rgba(255, 255, 255, 0.95);
		border-radius: 8px;
		margin: 0 auto 0px;
	}
	ul.nav-bg-r {
	    background: #F4FAFF;
	}
	.nav-bg-3 img{
		width: 100px;
	}
	.nav-bg-l{
		display: inline-block;
		width: 34%;
		margin: 16px 0 0;
		text-align: center;
	}
	.nav-bg-3 ul.nav-bg-r{
		display:inline-block; 
		width:60%;
		padding: 0;
		vertical-align: top;
	}
	.nav-bg-3 ul.nav-bg-r li{
		border-bottom: 1px dotted #0099FF;
	    padding: 0 4px;
		position: relative;
	}
	li.nav-color-1 a,li.nav-color-2 a,li.nav-color-3 a,li.nav-color-4 a,li.nav-color-5 a,li.nav-color-6 a{
		padding: 18px 0 18px 32px !important;
	}
	.nav-bg-3 ul.nav-bg-r li:last-child{
	  	border-bottom: 0;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-1 a{
			color: #C53B3B;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-2 a{
			color: #87B744;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-3 a{
			color: #A55BB5;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-4 a{
			color: #688546;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-5 a{
			color: #E5B523;
	}
	#top-head #global-nav ul li.nav-bg-3 .submenuItems li.nav-color-6 a{
			color: #6694C9;
	}
	.nav-color-common li a:before{
		content: "\f101"; 
		font-family: "ks-mall";
	    position: absolute;
	    top: 15px;
	    left: 8px;
	    color: #fff;
	    text-align: center;
		box-sizing: border-box;
	    line-height: 18px;
	    vertical-align: middle;
	    width: 18px;
	    height: 18px;
	    border-radius: 50%;
	    -moz-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    -o-border-radius: 50%;
	    -ms-border-radius: 50%;
	    padding: 0 0 0 0px !important;
		font-weight: normal;
	}
	.nav-bg-3 li.nav-color-1 a:before{
		background: #C53B3B;
	}
	.nav-bg-3 li.nav-color-2 a:before{
		background: #87B744;	
	}
	.nav-bg-3 li.nav-color-3 a:before{
		background: #A55BB5;
	}
	.nav-bg-3 li.nav-color-4 a:before{
		background: #688546;	
	}
	.nav-bg-3 li.nav-color-5 a:before{
		background: #E5B523;	
	}
	.nav-bg-3 li.nav-color-6 a:before{
		background: #6694C9;
	}
	li.nav-color-1 a{
		color: #C53B3B;
	}
	li.nav-color-2 a{
		color: #87B744;	
	}
	li.nav-color-3 a{
		color: #A55BB5;	
	}
	li.nav-color-4 a{
		color: #688546;	
	}
	li.nav-color-5 a{
		color: #E5B523;	
	}
	li.nav-color-6 a{
		color: #6694C9;	
	}
/* ============================
 * common-breadcrumbs
 * ============================*/	
	.common-breadcrumbs{
		display: none;
	}
/* ============================
 * c
 * ============================*/ 
	.product-bottom h2 {
    	color: #CA3CB2;
    	font-size: 14px;
    	padding: 16px 8px;
    	width: 96%;
	}
	.product-object-to-c,.product-object-to-b{
	  	width: 40px;
	  	height: 40px;
	  	font-size: 12px;
	}
	.product-object-to-c p {
	   	width: 40px;
	  	height: 40px;
	    line-height: 12px;
	    top: 8px;
	}
	.product-object-to-b p{
	   	width: 40px;
	  	height: 40px;
	    line-height: 12px;
	    top: 8px;
	}
	.product-new{
	  	width: 40px;
	  	height: 40px;
	  	font-size: 12px;
	}
	.product-new p {
		width: 40px;
	  	height: 40px;
	    line-height: 12px;
	    top: 16px;
	}
	.product-type-icon img {
		width: 50px;
		height: 50px;
		height: 50px;
		vertical-align: middle;
		font-weight: bold;
	}
	.product-genre {
	    margin: 8px 0 8px 58px;
	}	
	.product-object-to-w{
		width: 40px;
	  	height: 40px;
	}
	.product-object-to-w p {
		width: 40px;
	  	height: 40px;	
	    line-height: 9px;
	  	font-size: 9px;
	  	top: 8px;
	}
	.product-new {
		top: 0;
    	right: 23px;
	}
/*なし*/
	#new-no .product-genre h3 {
	    width: 94%;
	}
	.product-genre ul {
    	display: block;
    	padding:  0 60px 0 0;
	}
	.product-genre h3{
    	display: block;
    	width: 100%;
	}
	.product-genre li.icon-chara-common {
		font-size:11px;
	}
		
		
/* ============================
 * foot
 * ============================*/
	.foot-bg-01,.foot-bg-02{
		display: none;
	}
	#copyright p{
		text-align: center;
		width: 100%;
	}
	
/* ============================
 * 下層ページ　サイドナビー２
 * ============================*/
	.underlayer-margin{
		margin: 32px 0 0 !important;
	}
	.side-nav-2{
		/*margin: 0 16px 0 16px;*/
    	width: auto !important;	

	}
	.conditions-box-2 {
		border-top: solid 3px #2CAAFE;
		border-left: solid 1px rgba(74, 144, 226, 0.3);
		border-right: solid 1px rgba(74, 144, 226, 0.3);
		border-bottom: solid 1px rgba(74, 144, 226, 0.3);
		float: left;
		width: 100%;
		margin: 24px 0 16px;
		box-sizing: border-box;
	}
	.side-nav-2-list ul {
		border-right: none;
		border-bottom: none;
	}
	.side-nav-2-list li{
		width: 100%;
		text-align: left;
		padding: 0 16px;
	}	
	
	

	#pageTypePC {
		
		display: none;
	}

	.category-icon span {
		
		
	}


	.details-info-l img.kips_icon {
		height:23px !important;
		width:auto !important;
	}

	.pagenation ul{
		display: table;
		width:100%;
		padding:0 15px;
		box-sizing: border-box;
	}
	.pagenation ul li {
		display: table-cell;
		margin:0;
		border-radius: 0;
		width:13%;
	}
	.pagenation ul li.prev_start {
		width:8%;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.pagenation ul li.next_end
	{
		width:8%;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	
	.pagenation ul li.prev_one{		width:8%;	}
	.pagenation ul li.next_one {	width:8%;	}
	
	/* 番号なし版
	.pagenation ul li.pageno {
		
		display: none;
	}
	
	.pagenation ul {
		display: table;
		width:100%;
		padding:10px;
		box-sizing: border-box;
		
	}
	
	.pagenation ul li {
		display: table-cell;
		border-radius: 0px;
		
	}
	.pagenation ul li a { }
	.pagenation ul li.prev_one a:after {	content:'　前のページ';	}
	.pagenation ul li.next_one a:before {	content:'次のページ　'	}
	.pagenation ul li.prev_one{	width:auto;	}
	.pagenation ul li.next_one {	width:auto;	}
	.pagenation ul li.prev_start,
	.pagenation ul li.next_end
	{	width:40px;	}
	
	.pagenation ul li.prev_start {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.pagenation ul li.next_end
	{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	*/
	
}



@media print, screen and (min-width:767px){
	#top-head,br.br-01,.head-nav-sp {
	    display: none;
	}
}
@media print, screen and (min-width: 540px) {

	.myLoading{
		
		width:300px !important;
		margin-left:-150px !important;
		padding-bottom:10px !important;
		
	}

}