@charset "utf-8";


/* ==================================================================

	■TOP
	
=================================================================== */
body#index{
	/*
	background:url(../../images/common/background.jpg) 0 0 repeat;
	*/
}

/* =================================
   ■ index (グループ要素)
================================== */

#index .contents section{
	margin-bottom:20px;
}

	#index .contents section:after{
		clear:both;
		content:"";
		display:block;
	}

#index .contents p.buttonStyle{
	text-align:center;
}

	#index .contents p.buttonStyle a{
		position:relative;
		box-sizing:border-box;
		display:inline-block;
		padding:10px 20px;
		color:#fff;
		background:#009cde;
		border-radius:4px;
		text-decoration:none;
		transition: all 300ms 0s ease;
		line-height:1.1;
	}
	#index .contents p.buttonStyle a:hover{
		background-color:#028ac4;
	}
	
	#index .contents p.buttonStyle a:before{
		position:absolute;
		top:50%;
		right:6%;
		margin-top:-3px;
		width: 6px;
		height: 6px;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:"";
		transition: all 300ms 0s ease;
	}
	#index .contents p.buttonStyle a:hover:before{
		right:4%;
	}

/* ◆ ul.banner
-------------------------------- */ 
#index .contents ul.banner{
	margin-bottom:20px;
}

#index .contents ul.banner li{
	margin-bottom:6px;
}

#index .contents ul.banner li dl dd{
	margin-top:10px;
}

/* ◆ pointtitle
-------------------------------- */ 
#index .contents h2.pointtitle{
	font-size:180%;
	padding:0px 0 15px 41px;
	margin-bottom:15px;
	border-bottom:2px solid #009cde;
	background:0 0 no-repeat;
	color:#4c4c4c;
}

	#index #recommendArea h2.pointtitle{
		background-image:url(../../images/index/icon/recommend.png);
	}
	#index #flow h2.pointtitle{
		background-image:url(../../images/index/icon/flow.png);
	}
	#index #design h2.pointtitle{
		background-image:url(../../images/index/icon/design.png);
	}
	#index #price h2.pointtitle{
		background-image:url(../../images/index/icon/price.png);
	}
	#index #delivery h2.pointtitle{
		background-image:url(../../images/index/icon/delivery.png);
	}
	#index #question h2.pointtitle{
		background-image:url(../../images/index/icon/question.png);
	}
	#index #reason h2.pointtitle{
		background-image:url(../../images/index/icon/reason.png);
	}
	#index #access h2.pointtitle{
		background-image:url(../../images/index/icon/access.png);
	}
	#index #itemArea h2.pointtitle{
		background-image:url(../../images/index/icon/lineup.png);
	}


/* ◆ topmessage
-------------------------------- */ 
#index #topmessage h2{
	margin-bottom:15px;
	font-size:180%;
}

#index #topmessage h2 a{
	color:#F00;
}


#index #topmessage.frame .explain{
	padding: 10px;
	border: 1px solid #c4c4c4;
	border-radius:4px;
}

/* ◆ note
-------------------------------- */ 
#index .contents p.note{
	margin-bottom: 10px;
}
#index .contents p.note:last-child{
	margin-bottom: 0;
}

#index .contents p.note a{

	padding:15px 22px;
	font-size:150%;


	background:url(../../images/index/note/arrow_black.png) 98% 50% no-repeat #efefef;
	background-size:auto 60% ;
	border:1px solid #c4c4c4;
	border-radius:3px;
	display:block;
	font-weight:700;
	color:#e33131;
}

#index .contents p.note a img{
	padding-right:15px;
}

#index .contents p.note a:hover{
	text-decoration:none;
	opacity:0.8;
}


#index .contents .main h2.texttitle {
    margin-bottom: 11px;
}


/* ◆ accent
-------------------------------- */ 
#index #accent{
	width:718px;
	height:284px;
	margin-bottom:25px;
	position:relative;
}


#index #accent ul.slider{
	width:576px;
	height:284px;
	overflow:hidden;
	float:left;
}

#index #accent ul.slider li{
	position:absolute;
	top:0;
	left:0;
	display:none;
	overflow:hidden;
	width:576px;
	height:284px;
}

#index #accent ul.slider li img{
	width:100%;
}

#index #btnList{
	position:relative;
	z-index:2;
	float:right;
	margin-right:-3px;
}
	
	#index #btnList li{
		position:relative;
		margin:0 auto 12px auto;
	}

	#index #btnList li:last-child{
		margin-bottom:0;
	}
	
	#index #btnList li img{
		border:3px solid #fff;
		
	}
	
	
	#index #btnList li.select:before{
		content: "";
		position: absolute;
		top: 50%;
		left: -16px;
		margin-top: -8px;
		border: 8px solid transparent;
		border-right: 8px solid #0090d5;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}

	
	#index #btnList li.select a img{
		border-color:#0090d5;
	}



/* ◆ banner-box
-------------------------------- */ 
#index #banner-box{
	position:relative;
		width:100%;
}

	#index #banner-box .items{
		overflow:hidden;
		position:relative;
		margin-left:0;
	}
	
	#index #banner-box .lSSlideWrapper{
		box-sizing:border-box;
		padding-left:6px;
	}

	#index #banner-box ul.list {
		margin: 0 10px;
		overflow: hidden;
	}
	#index #banner-box ul.list li {
		overflow:hidden;
		float:left;
		width:215px;
		font-size:92%;
		margin-right: 28px;
	}
	#index #banner-box ul.list li:nth-child(3n) {
		margin-right: 0;
	}

	#index #banner-box ul.list li a{
		display:block;
		color:#333;
	}
	
	#index #banner-box ul.list a img{
		display:block;
		margin-bottom:4px;
	}
	
	#index #banner-box ul.control .next{
		position:absolute;
		top:28%;
		right:0;
		z-index:10;
	}
	#index #banner-box ul.control .prev{
		position:absolute;
		top:28%;
		left:0;
		z-index:10;
	}


	#index #banner-box .lSAction > .lSPrev{
    	left: 0px;
	}
	
	#index #banner-box .lSAction > .lSNext {
		right: 0;
	}
	
	#index #banner-box .lSAction > a{
		opacity:0.9;
	}
	
	#index #banner-box p.buttonStyle{
		margin-top: 30px;
	}
	#index #banner-box p.buttonStyle a{
		position:relative;
		z-index:2;
		width:300px;
		letter-spacing:1px;
	}
	
	

/* ◆ photogallery
-------------------------------- */ 
#index #photogallery{
	margin-bottom:40px;
}

#index #photogallery ul{
	overflow:hidden;
	height:211px;
}
#index #photogallery ul li{
	float:left;
}

#index #photogallery h2{
	padding-bottom:14px;
	margin-bottom:11px;
	border-bottom:2px solid #0090d5;
}

/* ◆ #blouseFeatureArea
-------------------------------- */ 
#index #blouseFeatureArea{
	margin-bottom:5px;
	position:relative;
}

	#index #blouseFeatureArea h2{
	}
	
	#index #blouseFeatureArea p.supplement{
		position:absolute;
		top:22px;
		right:0;
	}
	
	#index #blouseFeatureArea ul{
		overflow:hidden;
		margin-left:-20px;
	}
		
		#index #blouseFeatureArea ul li{
			display:inline;
			float:left;
			width:350px;
			margin-left:20px;
			margin-bottom:15px;
		}
	

/* ◆ #banner
-------------------------------- */ 
#index #banner{
	margin-bottom:35px;
}

#index #banner ul{
	overflow:hidden;
	margin-left:-20px;
}

	
	#index #banner ul li{
		display:inline;
		float:left;
		width:350px;
		margin-left:20px;
		margin-bottom:20px;
	}
	
	#index #banner ul li dl dd{
		padding:8px 0 0 0;
	}
	

/* ◆ #specialArea
-------------------------------- */ 
#index #specialArea{
	border:1px solid #0090d5;
}

	#index #specialArea h2{
		background:#0090d5;
		padding:18px 28px;
	}
	
	#index #specialArea p.link{
		position:relative;
	}
	
	#index #specialArea p.link img{
		position:absolute;
		top:-87px;
		right:27px;
	}

	#index #specialArea ul.items li{
		overflow:hidden;
		margin-left:-1px;
	}
	
		#index #specialArea ul.items li dl{
			margin-left:10px;
			margin-bottom: 20px;
		}		
		#index #specialArea ul.items li dl:nth-child(n+4){
			margin-bottom: 0;
		}	


/* ◆ #contactArea
-------------------------------- */ 

#index #contactArea{
	border:1px solid #dadada;
	background:#f9fbfc url(../../images/index/concierge/operator.jpg) 99% 15px no-repeat;
	border-radius:8px;
	padding:16px 28px;
}

	#index #contactArea h2{
		margin-bottom:14px;
	}
	
	#index #contactArea .textimg{
		font-size:133%;
		color:#373f4d;
		font-weight:700;
		margin-bottom:16px;
	}
	
	#index #contactArea .telimg{
		margin:0 0 13px 0;
		text-align:left;
	}
	
	#index #contactArea h3{
		overflow:hidden;
	}
	
	#index #contactArea .concierge{
		border:1px solid #717171;
		padding:13px 11px;
		border-radius:8px;
		border-top-left-radius:0;
		background:#fff;

		filter:alpha(opacity=80);  
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity:0.8; 
		-khtml-opacity: 0.8;
		opacity: 0.8;
	}

	
	#index #contactArea .concierge .subsection{
		height:242px;
		padding:11px 8px;
		overflow:auto;
	}

	#index #contactArea .concierge .subsection dl{
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px dotted #ccc;
	}
	
	#index #contactArea .concierge .subsection dl:last-child{
		margin-bottom:0;
		border-bottom:0;
	}
	
	#index #contactArea .concierge .subsection dl dt{
		padding-left:65px;
		background:url(../../images/index/concierge/q1.gif) 0 0 no-repeat;
		margin-bottom:10px;
		min-height:60px;
		font-size:108%;
	}

	#index #contactArea .concierge .subsection dl:nth-child(odd) dt{
		background:url(../../images/index/concierge/q2.jpg) 0 0 no-repeat;
	}
	
		#index #contactArea .concierge .subsection dl dt span{
			position:relative;
			display:block;
			border:1px solid #b6b6b6;
			padding:15px 20px;
			font-weight:700;
			border-radius:8px;
			margin-right:4px;
		}
	
		#index #contactArea .concierge .subsection dl dt span:before{
			display:block;
			position:absolute;
			top:28px;
			left:-12px;
			background:url(../../images/index/concierge/q-fukidashi.gif) 0 0 no-repeat;
			width:13px;
			height:10px;
			content:" ";
		}
	
	#index #contactArea .concierge .subsection dl dd{
		padding-right:72px;
		background:url(../../images/index/concierge/a.gif) 100% 0 no-repeat;
		min-height:75px;
	}
	
		#index #contactArea .concierge .subsection dl dd span{
			position:relative;
			display:block;
			border:1px solid #e4e0d7;
			background:#fffaec;
			padding:15px 20px;
			font-weight:700;
			border-radius:8px;
			margin-left:4px;
		}
		
		#index #contactArea .concierge .subsection dl dd span:before{
			display:block;
			position:absolute;
			top:16px;
			right:-12px;
			background:url(../../images/index/concierge/a-fukidashi.gif) 0 0 no-repeat;
			width:13px;
			height:11px;
			content:" ";
		}		

	#index #contactArea ul.btn{
		margin:24px -28px -16px -28px;
		padding:14px 0;
		background:#f8f8f8;
		border-top:1px solid #dedede;
		text-align:center;
		border-bottom-left-radius:8px;
		border-bottom-right-radius:8px;
	}
	
	#index #contactArea ul.btn li{
		display:inline;
		margin:0 1px;
	}



/* ◆ #galleryArea
-------------------------------- */ 
#index #galleryArea{
	position:relative;
}

#index #galleryArea p.link{
	position:relative;
	margin:0 0 19px 0;
}

	#index #galleryArea p.link a{
		position:absolute;
		right:3px;
		top:-46px;
		color:#333;
		text-decoration:underline;
	}
	
	#index #galleryArea p.link a:hover{
		color:#666;
	}

	#index #galleryArea .items{
		overflow:hidden;
		position:relative;
		height:238px;
		margin-left:20px;
	}

	#index #galleryArea ul.control .next{
		position:absolute;
		top:127px;
		right:0;
		z-index:10;
	}
	#index #galleryArea ul.control .prev{
		position:absolute;
		top:127px;
		left:0;
		z-index:10;
	}

	#index #galleryArea .items ul li{
		display:inline;
		float:left;
		width:207px;
		height:238px;
		margin-left:16px;
	}
	
	#index #galleryArea .items ul dt{
		margin-bottom:11px;
	}
	#index #galleryArea .items ul dd.name a{
		color:#333;
		font-weight:700;
	}
	#index #galleryArea .items ul dd.item {
		padding-top:3px;
		color:#777777;
		font-size:92%;
	}
		

/* ◆ #columnArea
-------------------------------- */ 
#index #columnArea{
	position:relative;
}

	#index #columnArea h2{
		min-height:28px;
		padding-top:2px;
		padding-left:34px;
		background:url(../../images/index/column-icon.gif) 0 50% no-repeat;
		font-size:183%;
		color:#0090d5;
	}

	#index #columnArea p.link{
	position:relative;
	margin:0 0 0px 0;
	}

	#index #columnArea p.link a{
		position:absolute;
		right:3px;
		top:-2em;
		color:#333;
		text-decoration:underline;
	}
	
	#index #columnArea p.link a:hover{
		color:#666;
	}

#index #columnArea .column_topix{
	border:#CCC 1px solid;
	height:292px;
	padding:6px 15px;
	margin:0 auto 20px;
	overflow:auto;
	border-radius:6px;
}

#index #columnArea .column_topix dl{
	border-bottom:#999 1px dotted;
	padding:11px 6px;
}
	
	#index #columnArea .column_topix dl dt{
		padding-left:15px;
		background:url(../../images/common/icon/arrow/circle.gif) 0 0.3em no-repeat;
		font-size:92%;
		color:#777777;
		margin-bottom:5px;
	}
	
	#index #columnArea .column_topix dl dt img{
		vertical-align:middle;
	}
	
	#index #columnArea .column_topix dl dd{
		font-size:133%;
		line-height:1.2;
	}
	#index #columnArea .column_topix dl dd a{
		color:#333;
		font-weight:700;
	}
	#index #columnArea .column_topix dl dd a:hover{
		color:#666;
	}
		
	
/* ◆ #itemArea
-------------------------------- */ 
#index #itemArea table{
	width:100%;
}

	#index #itemArea table th,
	#index #itemArea table td{
		border:1px solid #c8c8c8;
		padding:11px 15px;
	}
	
	#index #itemArea table th{
		padding:8px 5px 8px 40px;
		background:#f7f6f1 2px 50% no-repeat; 
	}
	
	#index #itemArea table td{
		vertical-align:top;
	}
	
	#index #itemArea table td ul li a{
		color:#333;
	}
	#index #itemArea table td ul li a:hover{
		color:#666;
	}
	#index #itemArea table th.koukousei{
		background-image:url(../../images/index/item/koukousei.gif);
	}	
	#index #itemArea table th.tshirt{
		background-image:url(../../images/index/item/tshirt.gif); 
	}
	#index #itemArea table th.poloshirt{
		background-image:url(../../images/index/item/poloshirt.gif); 
	}
	#index #itemArea table th.sweat{
		background-image:url(../../images/index/item/sweat.gif); 
	}
	#index #itemArea table th.sportsuniform{
		background-image:url(../../images/index/item/sports.gif); 
	}
	#index #itemArea table th.setup{
		background-image:url(../../images/index/item/setup.gif); 
	}
	#index #itemArea table th.blouson{
		background-image:url(../../images/index/item/blouson.gif); 
	}
	#index #itemArea table th.tsunagi{
		background-image:url(../../images/index/item/tsunagi.gif); 
	}
	#index #itemArea table th.happi{
		background-image:url(../../images/index/item/happi.gif); 
	}
	#index #itemArea table th.casualuniform{
		background-image:url(../../images/index/item/casualuniform.gif); 
	}
	#index #itemArea table th.cap{
		background-image:url(../../images/index/item/cap.gif); 
	}
	#index #itemArea table th.bag{
		background-image:url(../../images/index/item/bag.gif); 
	}
	#index #itemArea table th.towel{
		background-image:url(../../images/index/item/towel.gif); 
	}
	#index #itemArea table th.goods{
		background-image:url(../../images/index/item/goods.gif); 
	}
	#index #itemArea table th.keyholder{
		background-image:url(../../images/index/item/keyholder.gif); 
	}
	#index #itemArea table th.banner{
		background-image:url(../../images/index/item/banner.gif); 
	}
	#index #itemArea table th.tagname{
		background-image:url(../../images/index/item/tagname.gif); 
	}
	#index #itemArea table th.working{
		background-image:url(../../images/index/item/working.gif); 
	}

	
/* ◆ #featureArea
-------------------------------- */
#index #featureArea{
	padding-top:10px;
	margin-bottom:30px;
}
	
	#index #featureArea h2{
		margin-bottom:8px;
	}
	
	
	#index #featureArea ul{
		zoom:1;
		background:url(../../images/top/feature-bg.gif) 0 0 no-repeat;
		width:720px;
		padding-top:10px;
	}
	#index #featureArea ul li{
		float:left;
		display:inline;
		height:47px;
		margin-left:15px;
		margin-bottom:10px;
	}
	
	#index #featureArea ul li dl{
		position:relative;
	}
	
	#index #featureArea ul li dl dd{
		position:absolute;
		left:0px;
		top:45px;
		background:#333;
		font-size:84%;
		width:240px;
		padding:10px;
		color:#fff;
		
		filter:alpha(opacity=90);  
		-ms-filter: "alpha(opacity=90)";
		-moz-opacity:0.9; 
		-khtml-opacity: 0.9;
		opacity: 0.9; 
	}
	
	#index #featureArea ul li.p1 dl{
		position:relative;
		z-index:12;
	}
	#index #featureArea ul li.p2 dl{
		position:relative;
		z-index:11;
	}
	#index #featureArea ul li.p3 dl{
		position:relative;
		z-index:10;
	}
	#index #featureArea ul li.p4 dl{
		position:relative;
		z-index:9;
	}
	#index #featureArea ul li.p5 dl{
		position:relative;
		z-index:8;
	}
	#index #featureArea ul li.p6 dl{
		position:relative;
		z-index:7;
	}
	#index #featureArea ul li.p7 dl{
		position:relative;
		z-index:6;
	}
	#index #featureArea ul li.p8 dl{
		position:relative;
		z-index:5;
	}
	
/* ◆ #recommendArea
-------------------------------- */ 
#index #recommendArea {
}



#index #recommendArea ul.category li{
	display: table;
	float:left;
	width:20%;
	text-align:center;
	margin-bottom: 0;
}
	
	#index #recommendArea ul.category li a{
		display:table-cell;
		height:51px;
		background:#fff;
		border:1px solid #57c3f7;
		border-bottom:0;
		border-top-left-radius: 4px;  
		border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;  
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;  
		-moz-border-radius-topright: 4px;
		color:#333;
		text-decoration:underline;
		vertical-align: middle;
	}
	
	#index #recommendArea ul.category li a:hover{
		color:#57c3f7;
	}
	
	#index #recommendArea ul.category li.active a{
		background:url(../../images/index/recommend/background.gif) 0 0 repeat;
		font-weight:700;
		color:#fff;
		text-decoration:none;
	}
	
	#index #recommendArea ul.category li:nth-child(2).active a {
		background-position:4px 0;
	}
	#index #recommendArea ul.category li:nth-child(3).active a {
		background-position:6px 0;
	}
	#index #recommendArea ul.category li:nth-child(5).active a {
		background-position:4px 0;
	}

#index #recommendArea .subsection{
	clear:both;
	min-height:330px;
	padding:15px 22px;
	background:url(../../images/index/recommend/background.gif) 0 0 repeat;
}

#index #recommendArea .subsection p.comment{
	padding: 15px;
	background: #ecf9ff;
    margin: 10px;
    border-radius: 7px;
}

#index #recommendArea .subsection p.leadText{
	margin-bottom:20px;
	padding:8px 12px;
	background:#e1f4fe;
	color:#0073aa;
	border-radius: 4px;  
}
#index #recommendArea .subsection p.leadText span {
	display: block;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 7px;
}
#index #recommendArea .subsection p.leadText a{
	color:#0073aa;
	text-decoration:underline;
}
#index #recommendArea .subsection p.leadText a:hover{
	color:#56a0c3;
}

#index #recommendArea .subsection ul.items{
	margin-left:-19px;
}


#index #recommendArea .subsection ul.items li{
	float:left;
	width:213px;
	margin-left:19px;
	background:#fff;
	border-radius: 8px;
	min-height:338px;
}
#index #recommendArea .subsection ul.items li dl{
	height:229px;
}
#index #recommendArea .subsection ul.items li dl dt{
	text-align:center;
	position:relative;
	padding-top:5px;
}
	#index #recommendArea .subsection ul.items li dl dt a{
		text-decoration:none;
	}
	#index #recommendArea .subsection ul.items li dl dt a span{
		position:absolute;
		top:0;
		right:0;
	}
	#index #recommendArea .subsection ul.items li dl dt span.brand{
		position:absolute;
		top:9px;
		left:15px;
	}

	#index #recommendArea .subsection ul.items li dl dd{
		padding:5px 12px;
	}
	
	#index #recommendArea .subsection ul.items li dl dd p{
		text-align:center;
		margin-bottom:8px;
	}

	#index #recommendArea .subsection ul.items li dl dd p.name{
		line-height:1.2;
	}
	
	#index #recommendArea .subsection ul.items li dl dd p.colorsize{
		font-size:84%;
	}
	
	#index #recommendArea .subsection ul.items li dl dd p.price{
		font-weight:700;
		color:#d42c2b;
		line-height:1.3
	}
	#index #recommendArea .subsection ul.items li dl dd p.price em{
		font-size:133%;
	}

	#index #recommendArea .subsection ul.items li dl dd a{
		color:#0090d5;
		text-decoration:underline;
	}
	#index #recommendArea .subsection ul.items li dl dd a:hover{
		color:#2eaae6;
	}


/* ◆ flow
-------------------------------- */ 
#index #flow ol{
	overflow:hidden;
}

#index #flow ol li{
	position:relative;
	float:left;
	box-sizing:border-box;
	width:163px;
	padding:27px 14px 14px 14px;
	margin-right:23px;
	background:#edf8ff;
	color:#009cde;
}


#index #flow ol li:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 43%;
  border-left: 15px solid #edf8ff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

#index #flow ol li:last-child{
	margin-right:0;
}
	
	#index #flow ol li dl dt{
		text-align:center;
	}
	
	#index #flow ol li dl dt span{
		height: 50px;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		text-align:center;
		border-bottom:1px solid #009cde;
		font-weight:700;
	}
	
	#index #flow ol li dl dd{
		padding-top:12px;
		font-size:84%;
	}


/* ◆ design
-------------------------------- */ 
#index #design .text{
	margin-bottom:21px;
}


#index #design ul.list{
	overflow:hidden;
	margin-left:-12px;
}

#index #design ul.list li{
	position:relative;
	background:0 0 no-repeat;
	box-sizing:border-box;
	float:left;
	width:355px;
	min-height:136px;
	margin-left:12px;
	margin-bottom:34px;
	padding-left:144px;
}

#index #design ul.list li dl dt{
	font-weight:700;
	font-size:124%;
	margin-bottom:9px;
	color:#009cde;
}
#index #design ul.list li dl dd a{
	color:#009cde;
	font-weight:600;
}

#index #design ul.list li.design1{
	background-image:url(../../images/index/design1.jpg);
}
#index #design ul.list li.design2{
	background-image:url(../../images/index/design2.jpg);
}
#index #design ul.list li.design3{
	background-image:url(../../images/index/design3.jpg);
}
#index #design ul.list li.design4{
	background-image:url(../../images/index/design4.jpg);
}
#index #design ul.list li.design5{
	background-image:url(../../images/index/design5.jpg);
}

/* ◆ price
-------------------------------- */ 
#index #price dl.comicomi{
	width:100%;
	display:table;
	height:121px;
	margin-bottom:11px;
}

	#index #price dl.comicomi > *{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
	}
	#index #price dl.comicomi > dt{
		width:126px;
		background:#009cde;
		border-radius:4px;
		color:#fff;
		font-size:114%;
		font-weight:700;
	}
	#index #price dl.comicomi > dd{
		color:#009cde;
		background:#edf8ff;
	}
	#index #price dl.comicomi > dd img{
		display:inline-block;
		margin-bottom:8px;
	}

#index #price p.text{
	line-height:1.8;
}

/* ◆ delivery
-------------------------------- */ 
#index #delivery p.image{
	float:left;
}
#index #delivery .explain{
	float:right;
	width:370px;
}
#index #delivery .explain p{
	line-height:1.8;
}
#index #delivery .explain p em{
	color:#009cde;
}

/* ◆ question
-------------------------------- */ 
#index #question p.image{
	float:left;
}
#index #question .explain{
	float:right;
	width:370px;
}
#index #question .explain p{
	line-height:1.8;
}
#index #question .explain p em{
	color:#009cde;
}


/* ◆ reason
-------------------------------- */ 
#index #reason ul.list{
	overflow:hidden;
	margin-left:-13px;
}

#index #reason ul.list li{
	float:left;
	box-sizing:border-box;
	width:232px;
	padding:22px 11px 16px 11px;
	background:#edf8ff;
	margin-left:13px;
	margin-bottom:15px;
}
#index #reason ul.list li dl dt:before{
	display:block;
	margin-bottom:13px;
	text-align:center;
}

#index #reason ul.list li dl dt{
	font-size:124%;
	font-weight:700;
	color:#009cde;
	text-align:center;
	margin-bottom:17px;
}
#index #reason ul.list li dl dd p.buttonStyle{
	margin-top:10px;
}

#index #reason ul.list li dl dd p.buttonStyle a{
	width:180px;
}


#index #reason ul.list li.reason1 dl dt:before{
	content:url(../../images/index/reason1.png);
}
#index #reason ul.list li.reason2 dl dt:before{
	content:url(../../images/index/reason2.png);
}
#index #reason ul.list li.reason3 dl dt:before{
	content:url(../../images/index/reason3.png);
}
#index #reason ul.list li.reason4 dl dt:before{
	content:url(../../images/index/reason4.png);
}
#index #reason ul.list li.reason5 dl dt:before{
	content:url(../../images/index/reason5.png);
}
#index #reason ul.list li.reason6 dl dt:before{
	content:url(../../images/index/reason6.png);
}

/* ◆ access
-------------------------------- */ 
#index #access p.text{
	margin-bottom:32px;
	line-height:1.8;
}

#index #access ul.list > li{
	overflow:hidden;
	padding-top:20px;
	padding-bottom:30px;
	border-bottom:1px dashed #009cde;
}

#index #access ul.list > li p.image{
	float:left;
}

#index #access ul.list > li dl.explain{
	float:right;
	width:551px;
}
	
	#index #access ul.list > li dl.explain dt{
		font-size:136%;
		font-weight:700;
		color:#009cde;
		margin-bottom:6px;
	}
	#index #access ul.list > li dl.explain dd ul.contact{
		display:table;
		width:100%;
		margin-bottom:12px;
	}
	#index #access ul.list > li dl.explain dd ul.contact > li{
		display:table-cell;
		width:50%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size:235%;
		font-weight:700;
		color:#009cde;
		padding-left:53px;
		background:0 50% no-repeat;
	}
	
	#index #access ul.list > li dl.explain dd ul.contact > li a{
		color:#009cde;
		text-decoration:none;
	}
	
	#index #access ul.list > li dl.explain dd ul.contact > li.tel{
		background-image:url(../../images/index/icon/tel.png);
	}
	#index #access ul.list > li dl.explain dd ul.contact > li.fax{
		background-image:url(../../images/index/icon/fax.png);
	}
	#index #access ul.list > li dl.explain dd p{
		margin:0;
	}
	#index #access ul.list > li dl.explain dd p.buttonStyle{
		margin-top:18px;
	}

	#index #access ul.list > li dl.explain dd p.buttonStyle a{
		width:200px;
	}

/* ◆ #wordArea
-------------------------------- */
#index #wordArea{
	padding-top:10px;
	margin-bottom:30px;
}

	#index #wordArea p{
		line-height:1.8;
	}

	/* wordArea1 */
	#index #wordArea1{
		min-height:388px;
		background:url(../../images/index/appeal1.jpg) 100% 100% no-repeat;
	}
	

	#index #wordArea1 h2{
		margin-bottom:26px;
		background:url(../../images/index/appeal-title-background.gif) 100% 0 no-repeat;
	}
	
		#index #wordArea1 h2 span{
			display:inline-block;
			background:#fff;
		}
		#index #wordArea1 h2 span span{
			display:inline;
		}
		
		#index #wordArea1 h2 span em{
			line-height:1;
			font-size:200%;
			letter-spacing:-0.05em;
			color:#0090d5;
		}
	
		#index #wordArea1 h2 span.pink{
			color:#d84a81;
		}
		#index #wordArea1 h2 span.orange{
			color:#ff5926;
		}
		#index #wordArea1 h2 span.green{
			color:#5aac11;
		}
		#index #wordArea1 h2 span.purple{
			color:#7068bb;
		}

	#index #wordArea1 p.btn{
		margin-left:20px;
	}
	
	#index #wordArea1 p.btn span{
		display:block;
		width:323px;
		margin-bottom:5px;
		text-align:center;
	}

	/* wordArea2 */
	#index #wordArea2{
		border:1px solid #ccc;
		min-height:192px;
		padding:25px 240px 0 25px;
		background:url(../../images/index/appeal2.jpg) 100% 100% no-repeat;
	}

	#index #wordArea2 h2{
		color:#d33468;
		font-size:132%;
		margin-bottom:15px;
		line-height:1.2;
	}

	#index #wordArea2 p.btn{

	}

	/* wordArea3 */
	#index #wordArea3{
		margin-top:-1px;
		border:1px solid #ccc;
		min-height:212px;
		padding:25px 20px 0 289px;
		background:url(../../images/index/appeal3.jpg) 0 0 no-repeat;
	}

	#index #wordArea3 h2{
		color:#1f87ae;
		font-size:132%;
		margin-bottom:15px;
		line-height:1.2;
	}
	#index #wordArea3 h2 span{
		font-size:124%;
	}


/* ◆ whatsnew
-------------------------------- */ 

#index #whatsnew h2{
	background:#d7d7d7;
	padding:10px 0;
}
	
	#index #whatsnew h2 span{
		position:relative;
		display:inline-block;
		width:176px;
		padding:10px 0;
		margin:-10px 25px -10px 0;
		text-align:center;
		background:#393939;
		color:#fff;
	}
	
	#index #whatsnew h2 span:after{
		display:block;
		position:absolute;
		bottom:-7px;
		left:1px;
		width:175px;
		height:7px;
		background:url(../../images/index/news-title.gif) 50% 50% no-repeat;
		content:" ";
	}

	#index #whatsnew .article{
		padding-top:20px;
		overflow:auto;
		height:200px;
	}
	#index #whatsnew dl{
		border-bottom:1px dotted #666;
		padding-bottom:10px;
		clear:both;
		font-size:93%;
		margin-left:15px;
		margin-right:15px;
		margin-bottom:10px;
		padding-left:5px;
	}
	#index #whatsnew dl.lastChild{
		margin-bottom:0;
		border-bottom:none;
	}
	#index #whatsnew dl dt{
		float:left;
		width:110px;
	}
	#index #whatsnew dl dd{
		background:url(../../images/common/icon/arrow/blue.gif) no-repeat 0 6px;
		padding-left:10px;
		margin-left:110px;
	}
	
	#index #whatsnew dl dd a{
		color:#333;
	}

/* ◆ snsArea
-------------------------------- */ 

#index .snsArea {
	height:480px;
}
	#index .snsArea .tw{
		float:left;
		width:350px;
	}
	#index .snsArea .fb{
		float:right;
		width:350px;
	}

/* clearfix */
#index #featureArea:after,
#index #whatsnew dl:after,
#index #featureArea ul:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height:0;
	font-size:0;
}
#index #featureArea,
#index #whatsnew dl,
#index #featureArea ul{
	zoom:1;
}



/* ◆ 151021追加
-------------------------------- */

.navCaption{
	font-size: 17px;
	margin-bottom: 5px;
	margin-top: -10px;
}

.itemNavigation nav p.fukidashi02 {
	background: url(../../images/top/nav_fukidashi02.png);
    position: absolute;
    right: -140px;
    top: -5px;
	width: 134px;
	height: 124px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 22px 0 0 13px;
	box-sizing: border-box;
	text-align: center;
}

.itemNavigation nav p.fukidashi02 span{
	margin-left: 9px;
}


.columnIndexTxt{
	margin-bottom: 0;
    margin-top: 10px;
}


/* --------------------------------
   □ 要素
-------------------------------- */ 

/* ◆ 要素
-------------------------------- */ 

/* ◇ 要素
-------------------------------- */ 

/* 要素 ------------------------ */