@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Oswald");

/* ==================================================================
	Author: adachi(WebBlending)

	■ページ共通のパーツの指定
	　基本レイアウトなんかここ。

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

/* =================================
   ■ 共通指定
================================== */

/* --------------------------------
   □ body
-------------------------------- */
body{
	zoom:100%;
	/*
		font-family:  "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ" , Meiryo, "ＭＳ Ｐゴシック",Verdana, Arial, Helvetica, sans-serif;
	*/
	font-family:  "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ" , Meiryo, "ＭＳ Ｐゴシック",Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 	/* IE用 */
	color: #333333;
	
	word-wrap : break-word;
	overflow-wrap : break-word;
	-webkit-text-size-adjust: 100%;
}

.popup{
	background:none;
}
#allcolor .p-contact-form_btn,
#student .p-contact-form_btn{
	margin: 50px 0 100px;
	font-size: 20px;
	max-width: 370px;
}
/* --------------------------------
   □ text
-------------------------------- */
p {
	margin:0 0 0.8em 0;
	text-align:justify;
	text-justify:inter-ideograph;
}

p,table,ul,dl,ol,address{
	line-height:1.5;
}

/* --------------------------------
   □ form
-------------------------------- */
input.text{
	line-height:1.2;
}

input.text,
textarea {
	border: 1px solid #aaa;
	padding:4px;
}

* html input.text,
* html textarea {
	padding:4px 4px 0px 4px;
}

*:first-child + html input.text,
*:first-child + html textarea {
	padding:4px 4px 0px 4px;
}

input.text:hover,
textarea:hover {
	border: 1px solid #aaa;
}

input.text:focus,
textarea:focus {
	border: 1px solid #333333;
}

input.submit{
	line-height:100%;
	padding-top:2px;
}

/* --------------------------------
   □ link
-------------------------------- */
/* 基本 */
/* a,
a:link{
	color:#0066FF;
	text-decoration:none;
} */

訪問済
a:visited {
	color:#0066FF;
}

/* ロールオーバー
a:hover{
	color:#5398FF;
	text-decoration:underline;
} */

/* =================================
   ■ レイアウト
================================== */

/* --------------------------------
   □ 大枠
-------------------------------- */

/*
.container{
	background:url(../images/common/bg.gif) repeat-y;
	width:1021px;
	margin: 0 auto 0 auto;
	text-align:left;
}

.page{
	width:700px;
}
*/

.site .header-line .area,
.site .header-info,
.site .header-navigation,
.contents,
.publication .howtoOrder,
.publication .rublab-guide,
.publication .navigation-box{
	width:1012px;
	text-align: left;
	margin:0 auto;
}

/*
body > .site,
body > .contents,
body > .publication{
	width:700px;
}
*/

.submitmessage{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	padding:8px;
	box-sizing:border-box;
	background:#FCC;
	border-bottom:#F00 2px solid;
}

.submitmessage p{
	text-align:center;
	margin:0;
	
}

map area{
	outline: none !important;
}
/* --------------------------------
   □ サイト情報 (ヘッダー)
-------------------------------- */
.site{
	height:auto;
	margin-bottom:0px;
	position:relative;
	z-index:10;
	background:#fff;
	border-bottom:1px solid #ccc;
}

.site .header-news{
	background-color:#ff6600;
	padding:5px 0;
}

.site .header-news a{
	color:#fff;
}

.site .header-line{
	position:relative;
	background-color:#000;
	color:#ddd;
}
	.site .header-line .area{
		display: table;
		height:43px;
	}

	.site .header-line h1{
		display: table-cell;
		width:420px;
		font-size:92%;
		vertical-align: middle;
	}
	.site .header-line .appeal{
		display: table-cell;
		width:480px;
		color:#ffe944;
		font-weight:700;
		font-size:84%;
		vertical-align: middle;
		margin: 0;
	}
	.site .header-line .appeal small{
		font-size: 90%;
		font-weight: normal;
	}

	.site .header-line .customerMenu{
		position:relative;
		display: table-cell;
		width:110px;
		color:#fff;
		font-weight:700;
		background:#5c5c5c;
		text-align:center;
		vertical-align: middle;
	}

	.site .header-line .customerMenu dt{
		padding-left:13px;
	}

	.site .header-line .customerMenu dt a{
		display:table-cell;
		height:35px;
		vertical-align:middle;
		padding-left:18px;
		color:#fff;
		background:url(../images/common/module/header/customer.jpg) 0 50% no-repeat;
	}

	.site .header-line .customerMenu dd{
		display:none;
		position:absolute;
		top:33px;
		left:0;
		width:100%;
		background:#5c5c5c;
		opacity:0.9;
	}

	.site .header-line .customerMenu dd a{
		display:block;
		padding:4px 8px;
		font-size:92%;
		color:#fff;
		border-top:dotted 1px #ccc;
	}

.site .header-info{
	overflow:hidden;
	clear:both;
	margin:0 auto;
	padding-bottom:9px;
}

	.site .header-info p.logo{
		display:inline;
		float:left;
		padding:17px 19px 0 0;
		margin:0;
	}

	.site .header-info .jBnr{
		display:inline;
		float:left;
		padding:25px 13px 0 0;
	}
	.site .header-info .jBnr.makuake a{
		display: block;
		padding-left: 13px;
		border-left: 1px solid #ccc;
	}

	.site .header-info p.tpoint{
		display:inline;
		float:left;
		padding:24px 0 0 0;
	}

	.site .header-info ul.telfax{
		display:inline;
		float:right;
		width:461px;
		padding-top:22px;
	}

	.site .header-info ul.telfax li.tel{
		text-align:right;
		padding-right:12px;
		display:inline;
		float:left;
		background:url(../images/common/module/header/separate.gif) 100% 0 no-repeat;
	}

	.site .header-info ul.telfax li.tel a{
		color:#333;
		font-size:92%;
		text-decoration:underline;
		
		background:url(../images/common/icon/circle-aqua.gif) 0 0.3em no-repeat;
		padding-left:12px;
	}
	.site .header-info ul.telfax li.tel a:hover{
		color:#666;
	}

	.site .header-info ul.telfax li.fax{
		display:inline;
		float:right;
	}





	/* --------------------------------
	   □ トップメニュー

		個別に指定
	-------------------------------- */
.site .header-navigation #globalNavigation{
	display:inline;
	float:left;
	width:653px;
	margin-top:4px;
}

	.site .header-navigation #globalNavigation li{
		position:relative;
		display:inline;
		float:left;
		background:0 0 no-repeat;
		border-right:1px solid #ccc;
	}

	.site .header-navigation #globalNavigation li > a{
		position:relative;
		display:block;
		color:#333333;
		font-size:108%;
		font-weight:700;
		padding:5px 13px;

	}

	.site .header-navigation #globalNavigation li.about{

	}


	.site .header-navigation #globalNavigation li ul.inner{
		display:none;
		position:absolute;
		top:28px;
		left:0px;
		z-index:950;
		width:195px;
		border:1px solid #dedede;
		background:#fff;
		filter:alpha(opacity=90);
		-ms-filter: "alpha(opacity=90)";
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
	}

	.site .header-navigation #globalNavigation li ul.inner li{
		margin:0 7px;
		background:url(../images/common/border/gray-x1.gif) 0 100% repeat-x;
		font-size:92%;
		width:180px;
		border:0;
	}

	.site .header-navigation #globalNavigation li ul.inner li:last-child{
		background:none;
	}

	.site .header-navigation #globalNavigation li ul.inner li.blank span{
		display:block;
		background:url(../images/common/header/blank.gif) no-repeat;
		background-position:95% center;
	}


	.site .header-navigation #globalNavigation li ul.inner li.red{
		margin:0 0;
		/* background-color:#FAC1C1; */
		font-size:92%;
		width:195px;
	}


	.site .header-navigation #globalNavigation li ul.inner li a{
		font-size: 11px;
		display:block;
		padding:10px 7px 10px 17px;
		background:url(../images/common/icon/arrow/black.gif) 5px 1.5em no-repeat;
		color:#000000;
		height: auto;
		font-weight: normal;
	}

	.site .header-navigation #globalNavigation li ul.inner li.red a{
		padding:10px 7px 10px 24px;
		background:url(../images/common/icon/arrow/black.gif) 14px 1.5em no-repeat;
	}

	.site .header-navigation #globalNavigation li ul.inner li a:hover{
		color:#008fe6;
		background-image:url(../images/common/icon/arrow/blue.gif);
		text-decoration: underline;
	}

.site .header-navigation .designsend{
	display:inline;
	float:left;
	width:124px;
	height:33px;
	border-right:1px solid #ccc;
	font-weight:700;
}

	.site .header-navigation .designsend a{
		color:#333;
		display:table-cell;
		width:100%;
		height:33px;
		vertical-align:middle;
		padding-left:30px;
		background:url(../images/common/module/header/designsend.gif) 2px 50% no-repeat;
	}

	.site .header-navigation .designsend span{
		font-size: 80%;
	}

	.site .header-navigation .designsend a:hover{
		color:#666;
	}

.site .header-navigation .contactBox{
	display:inline;
	float:left;
	/*
	margin-left:124px;
	*/
	width:128px;
	height:33px;
	border-right:1px solid #ccc;
	font-weight:700;
}

	.site .header-navigation .contactBox a{
		color:#333;
		display:table-cell;
		width:100%;
		height:33px;
		vertical-align:middle;
		padding-left:43px;
		background:url(../images/common/module/header/contact.gif) 15px 50% no-repeat;
	}


.site .header-navigation .cartBox{
	display:inline;
	float:left;
	width:52px;
	height:33px;
	text-align:center;
	border-right:1px solid #ccc;
}
/*
.site .header-navigation > #cse-search-box{
	display:inline;
	float:left;
	width:265px;
	height:33px;
	padding:0;
	border-right:1px solid #ccc;
}
	.site .header-navigation input.text{
		vertical-align:top;
		box-sizing:border-box;
		background:#e5e5e5;
		border:0;
		margin-right:-4px;
		width:217px;
		height:32px;
		padding:8px 8px 7px 8px;
	}
	
	.site .header-navigation input{
		vertical-align:baseline;
	}
*/

.site .header-navigation dl.searchBox{
	position:relative;
}


	.site .header-navigation dl.searchBox dt{
		display:inline;
		float:left;
		width:40px;
		height:33px;
		text-align:right;
	}

	.site .header-navigation dl.searchBox dd{
		position:absolute;
		top:0px;
		right:51px;
		display:none;
		background:#fff;
	}



		.site .header-navigation #cse-search-box{
			padding-bottom:2px;
		}

		.site .header-navigation input.text{
			vertical-align:top;
			background:#e5e5e5;
			border:0;
			margin-right:-3px;
			width:250px;
			height:33px;
			padding:8px 8px 7px 8px;
			box-sizing:border-box;
		}
		
		.site .header-navigation input{
			vertical-align:baseline;
		}


/* ◆ naviArea
-------------------------------- */
header .naviArea{
	position:relative;
	z-index:20;
}


header .naviArea .part{
	display:none;
	position:absolute;
	top:44px;
	background:#007cc7;
	padding:30px 0;
	box-shadow: 0px 4px 3px rgba(0,0,0,0.2);
    width: 100%;
}

header .naviArea .part.open{
	display:block;
	animation:show .3s both;
}

.site .header-navigation #globalNavigation li.products{
	display:block;
}


@keyframes show {
	0% {
		opacity:0;
		transform:translate(0,0);
	}
	100% {
		opacity:1;
		transform:translate(0,0);
	}
}
	
	header .naviArea .part section.naviBox {
		width:1030px;
		margin:auto;
	}	


	header .naviArea .part h2 {
        background: url(../images/common/icon/arrow/green_circle.html) 0 15% no-repeat;
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 225%;
		color: #ffe520;
		text-align: center;
		margin-right: 20px;
		float: left;
		font-family: 'Oswald', sans-serif;
		width: 90px;
		margin-top:70px;
		font-weight:500;
		letter-spacing:0.05em;
	}

	header .naviArea .part h2 span{
		font-size:51%;
		margin-top:8px;
		display: block;
	}
	
	header .naviArea .part ul.menulist {
		float: right;
		width: 900px;
		box-sizing: border-box;
	}
	
	header .naviArea .part ul.menulist li{
		width: 150px;
		float:left;
        background: url(../images/common/icon/arrow/green.html) 0 50% no-repeat;
        box-sizing: border-box;
        font-weight: bold;
		margin-bottom:14px;
	}

	header .naviArea .part ul.menulist li a{
		text-decoration:none;
	}
	
	header .naviArea .part ul.menulist li:nth-child(6n){
	}

	header .naviArea .part ul.menulist li:nth-child(6n) dl dd{
		padding-right:0;
		width: 50%;
	}
	
	header .naviArea .part ul.menulist li:nth-last-child(1)	,
	header .naviArea .part ul.menulist li:nth-last-child(2),
	header .naviArea .part ul.menulist li:nth-last-child(3),
	header .naviArea .part ul.menulist li:nth-last-child(4),
	header .naviArea .part ul.menulist li:nth-last-child(5),
	header .naviArea .part ul.menulist li:nth-last-child(6){
		margin-bottom:0;
	}
	
	header .naviArea .part ul.menulist li a{
		color:#fff;
		display: block;
	}

	header .naviArea .part ul.menulist li dl{
		text-align:left;
		display:table;
	}
	
	header .naviArea .part ul.menulist li dl dt{
		float: left;
		display: table-cell;
	}
	
	header .naviArea .part ul.menulist li dl dd{
		padding: 0 5px;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
	}
	
/* --------------------------------
   □ itemAd
-------------------------------- */
.itemAd{
	position:relative;
	overflow:hidden;
	background:#f5f5f5;
/*	background: url(../images/index/bg_itemad.jpg) 0 100% no-repeat;
	background-size: cover;*/
	padding:18px 0;
}

.itemAd h2{
	margin-bottom:13px;
	font-size:135%;
	line-height:1.1;
	color: #333;
}

.itemAd ul.itemTab{
	margin-bottom:17px;
}
	
	.itemAd ul.itemTab li{
		display:inline-block;
		margin:0 4px;
	}
	.itemAd ul.itemTab li a{
		display:block;
		font-size:92%;
		background:#fff;
		border-radius:4px;
		border:1px solid #0090d5;
		color:#0090d5;
		
		padding:3px 15px;
		
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	.itemAd ul.itemTab li.active a{
		position:relative;
		color:#fff;
		background:#0090d5;	
	}
	
	.itemAd ul.itemTab li.active a:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -8px;
		border: 8px solid transparent;
		border-top: 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;
	}
	
.itemAd .item{
	position:relative;
	overflow:hidden;
	display:none;
}
	
	.itemAd .item ul.list li{
		display:inline-block;
		margin:0 12px;
		width:489px;
	}
	.itemAd .item ul.list li img{
		max-width:100%;
	}

	.itemAd .item .more{
		position:absolute;
		top:0;
		left:50%;
		margin:0;
		margin-left:522px;
	}


/* --------------------------------
   □ itemNavigation
-------------------------------- */
.itemNavigation{
	overflow:hidden;
	background:#f6f6f6;
	padding:18px 0;
	border-bottom:1px solid #ccc;
}

.itemNavigation nav{
	position:relative;
	width:1010px;
	margin:0 auto;
}

.itemNavigation nav p.fukidashi{
	position:absolute;
	left:-140px;
	top:-5px;
}


.itemNavigation ul{
	text-align: left;
	border:1px solid #d6d6d6;
	border-radius:8px;
	background:#fff;
}

.itemNavigation ul:after {
  content: "";
  clear: both;
  display: block;
}

.itemNavigation ul li{
	display:inline;
	float:left;
	width:112px;
	height:56px;
	margin:-1px 0 0 -1px;
	border:1px dotted #d6d6d6;
	border-bottom:0;
	border-right:0;
}
	.itemNavigation ul li a{
		display:table-cell;
		width:64px;
		height:56px;
		padding-left:45px;
		vertical-align:middle;
		background:2px 50% no-repeat;
		color:#333;
		font-weight:700;
		letter-spacing:-0.1em;
	}

	.itemNavigation ul li a:hover{
		color:#666;
	}



.itemNavigation ul li.koukousei {
	border-top-left-radius:8px;
}
.itemNavigation ul li.tshirt a{
	width:68px;
	padding-left:49px;
	background-position:4px 50%;
	background-image:url(../images/common/module/header/item/tshirt.gif);
}
.itemNavigation ul li.poloshirt a{
	background-image:url(../images/common/module/header/item/poloshirt.gif);
}
.itemNavigation ul li.koukousei a{
	background-image:url(../images/common/module/header/item/koukousei.gif);
}
.itemNavigation ul li.sweat a{
	background-position:2px 50%;
	background-image:url(../images/common/module/header/item/sweat.gif);
}
.itemNavigation ul li.sportsuniform a{
	background-position:5px 50%;
	width:68px;
	padding-left:41px;
	background-image:url(../images/common/module/header/item/sports.gif)
}
.itemNavigation ul li.setup a{
	background-position:4px 50%;
	width:66px;
	padding-left:43px;
	background-image:url(../images/common/module/header/item/setup.gif)
}
.itemNavigation ul li.blouson a{
	width:65px;
	padding-left:52px;
	background-position:4px 50%;
	background-image:url(../images/common/module/header/item/blouson.gif)
}
.itemNavigation ul li.tsunagi a{
	background-position:5px 50%;
	background-image:url(../images/common/module/header/item/tsunagi.gif)
}
.itemNavigation ul li.happi a{
	width:54px;
	padding-left:55px;
	background-image:url(../images/common/module/header/item/happi.gif);
}
.itemNavigation ul li.happi {
	border-top-right-radius:8px;
}
.itemNavigation ul li.casualuniform a{
	width:75px;
	padding-left:41px;
	background-image:url(../images/common/module/header/item/casualuniform.gif)
}
.itemNavigation ul li.cap {
	border-bottom-left-radius:8px;
}
.itemNavigation ul li.cap a{
	width:68px;
	padding-left:49px;
	background-position:4px 50%;
	background-image:url(../images/common/module/header/item/cap.gif)
}
.itemNavigation ul li.bag a{
	background-image:url(../images/common/module/header/item/bag.gif)
}
.itemNavigation ul li.towel a{
	width:50px;
	padding-left:59px;
	background-position:6px 50%;
	background-image:url(../images/common/module/header/item/towel.gif)
}
.itemNavigation ul li.goods a{
	background-position:6px 50%;
	background-image:url(../images/common/module/header/item/goods.gif)
}
.itemNavigation ul li.keyholder a{
	width:75px;
	padding-left:41px;
	background-position:6px 50%;
	background-image:url(../images/common/module/header/item/keyholder.gif)
}
.itemNavigation ul li.banner a{
	width:65px;
	padding-left:52px;
	background-position:3px 50%;
	background-image:url(../images/common/module/header/item/banner.gif)
}
.itemNavigation ul li.tagname a{
	width:75px;
	padding-left:41px;
	background-position:1px 50%;
	background-image:url(../images/common/module/header/item/tagname.gif)
}
.itemNavigation ul li.wappen a{
	width:57px;
	padding-left:52px;
	background-position:8px 50%;
	background-image:url(../images/common/module/header/item/wappen.gif)
}
.itemNavigation ul li.rhinestone a{
	width:57px;
	padding-left:52px;
	background-position:8px 50%;
	background-image:url(../images/common/module/header/item/rhinestone.gif)
}

/* --------------------------------
   □ ページコンテンツ
-------------------------------- */
.contents{
	height:auto;
	background-color:#fff;
	padding-top:20px;
}

	/* ◆ メニュー(サイド)
	-------------------------------- */
	.contents .sub{
		display:inline;
		float:left;
		width:215px;
		margin-left:25px;
	}

	.contents .sub img{
		max-width:100%;
		height:auto;
	}

	/* ◇ various-contact
	-------------------------------- */
	.contents .sub dl.various-contact{
		margin-bottom: 17px;
	}

	.contents .sub dl.various-contact dt{
		text-align:center;
	}
	.contents .sub dl.various-contact dd ul{
		width: 213px;
		background-color: #fff;
		border-bottom: 1px solid #0090d5;
		margin: 0 auto;
	}
	.contents .sub dl.various-contact dd ul li {
		padding: 12px 9px;
		border-top: 1px solid #0090d5;
		background: url(../../images/common/module/side/various-contact/arrow.gif) no-repeat 97% 50%;
		text-align: left;
	}

	.contents .sub dl.various-contact dd ul li.template {
		font-size:98%;
		letter-spacing:-0.1em;
	}

	.contents .sub dl.various-contact dd ul li:last-child {
		border-bottom: none;
	}
	.contents .sub dl.various-contact dd ul li img {
		vertical-align: middle;
		display: inline-block;
		margin-right: 10px;
	}
	.contents .sub dl.various-contact dd ul li a {
		color: #333;
		font-weight: 700;
	}

	/* ◇ contact
	-------------------------------- */
	.contents .sub dl.side-contact{
		background:#80ccf1;
		margin-bottom:17px;
		padding:7px 11px 15px 11px;
	}

	.contents .sub dl.side-contact dt{
		padding-bottom:4px;
		margin-bottom:9px;
		border-bottom:1px dotted #fff;
		text-align:center;
	}
	.contents .sub dl.side-contact dd{
		text-align:center;
	}
	.contents .sub dl.side-contact dd.tel{
		margin-bottom:9px;
	}

	/* ◇ 発送日
	-------------------------------- */
	.contents .sub dl.side-delivery{
		border:4px solid #80ccf1;
		margin-bottom: 9px;
	}

	.contents .sub dl.side-delivery > dt{
		padding:9px 0;
		text-align:center;
	}

	.contents .sub dl.side-delivery > dd > dl span.month,
	.contents .sub dl.side-delivery > dd > dl span.day{
		font-size:200%;
		font-weight:700;
	}
	.contents .sub dl.side-delivery > dd > dl img{
		vertical-align:baseline;
	}

	.contents .sub dl.side-delivery > dd > dl span{
		font-weight:700;
		line-height:1.1;
	}

	.contents .sub dl.side-delivery > dd > dl > dt{
		background: url(../images/index/delivery/order-title.gif) no-repeat 0 0 #ecf6fd;
		border-top:1px solid #d0ecff;
		border-bottom:1px solid #d0ecff;
		padding:11px 0 12px 34px;
		font-weight: 700;
	}

		.contents .sub dl.side-delivery > dd > dl dt span.month,
		.contents .sub dl.side-delivery > dd > dl dt span.day{
			color:#0090d5;
		}
		/*
		.contents .sub dl.side-delivery > dd > dl > dt span.after{
			text-align:right;
			display:block;
		}
		*/

		.contents .sub dl.side-delivery > dd > dl > dt span.after{
			font-size:90%;
			text-indent:-1em;
			padding-left:1em;
			padding-right:1em;
			display:block;
			text-align:left;
			font-weight: normal;
			margin-top: 5px;
		}

	.contents .sub dl.side-delivery > dd > dl > dd dl dd{
		padding:0 12px 0 16px;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original{
		background: url(../images/index/delivery/original-title.gif) no-repeat 0 0;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original dt{
		margin-bottom:8px;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.normal{
		padding: 9px 0 7px 34px;
		font-weight: 700;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.normal span.month,
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.normal span.day{
		color:#eb6e06;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.normal span.after{
			font-size:90%;
			text-indent:-1em;
			padding-left:1em;
			display:block;
			text-align:left;
			font-weight: normal;
		}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original dt.quick{
		margin-bottom:0;
		padding: 0 0 0 36px;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.quick{
		margin-top:-10px;
		font-weight: 700;
		padding: 0 0 12px 36px;
		border-bottom: 1px dotted #b5b5b5;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.quick a{
		display:block;
		color:#333;
		font-weight:100;
		text-align:right;
		margin-top: 3px;
		margin-right: 13px;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.quick a:hover{
		color:#666;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.quick span.month,
	.contents .sub dl.side-delivery > dd > dl > dd dl.original dd.quick span.day{
		color:#e43708;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.plain{
		background: url(../images/index/delivery/plain-title.gif) no-repeat 0 0;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.plain dd{
		padding: 9px 0 9px 39px;
		font-weight: 700;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.plain span.month,
	.contents .sub dl.side-delivery > dd > dl > dd dl.plain span.day{
		color:#1e79c6;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.plain span.after{
		font-size:92%;
		text-indent:-1em;
		padding-left:1em;
		padding-right:1em;
		display:block;
		text-align:left;
		font-weight:100;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.original span.after{
		font-size:90%;
		text-indent:-1em;
		padding-left:1em;
		padding-right:1em;
		display:block;
		text-align:left;
		font-weight:100;
		margin-top: 3px;
	}


	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry{
		border-top: 1px dotted #b5b5b5;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry dt{
		font-weight:700;
		padding:8px;
		color:#017FD9;
		line-height:1.3;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry dd{
		padding:0 8px 8px 8px;
	}

	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry dd p.tel img{
		display:block;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry dd p.tel{
		margin-bottom:3px;
	}
	.contents .sub dl.side-delivery > dd > dl > dd dl.inquiry dd p.text{
		margin-bottom:0;
		line-height:1.3;
		font-size:92%;
	}


	/* ◇ 配達状況確認
	-------------------------------- */
	.contents .sub dl.confirmation{
		margin-bottom:23px;
		margin-top:15px;
	}
	
	.contents .sub dl.confirmation dt{
		background:#0090d5;
		color:#fff;
		text-align: center;
		padding: 5px;
		font-size: 116%;
	}
	.contents .sub dl.confirmation dt span{
		display:inline-block;
		padding-right:10px;
	}
	
	.contents .sub dl.confirmation dd{
		padding:13px;
		border:1px solid #dbdbdb;
	}
	
	.contents .sub dl.confirmation dd ul li{
		margin-bottom:15px;
		text-decoration:underline;
		text-decoration-color: #b1b1b1 ;
		list-style-image:url(../../images/common/module/side/arrow.gif);
		list-style-position:inside;
	}
	
	.contents .sub dl.confirmation dd ul li a{
		    color: #333;
	}
	
	.contents .sub dl.confirmation dd ul li:last-child{
		margin-bottom:0;
	}
	
	
	/* ◇ バナー
	-------------------------------- */
	.contents .sub ul.banners li{
		margin:0 0 17px 0;
	}

	/* ◇ .bnrArea
	-------------------------------- */
	.contents .sub .bnrArea{
		margin:0 0 0px 0;
	}

	.contents .sub .bnrArea .list{
		width:216px;
		margin:18px 0 0 0;
		padding-top:6px;
		padding-bottom:8px;
		background:0 0 no-repeat;

		border-radius: 6px;        /* CSS3草案 */
		-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 6px;   /* Firefox用 */
	}

	.contents .sub .bnrArea .list li,
	.contents .sub .bnrArea .list dd{
		text-align:center;
		margin-top:2px;
	}

	/* ◇ 余白
	-------------------------------- */
	.sub .menunavi,
	.sub .selectArea,
	.sub .otherMenu,
	.sub .bnr{
			margin-bottom:20px;
	}

	.sub .menunavi li,
	.sub .selectArea li,
	.sub .otherMenu li,
	.sub .bnr li{
		margin-bottom:6px;
	}

	/* ◇ .itemListSelect
	-------------------------------- */
	.sub .itemListSelect{
		margin-bottom:20px;
	}

	.sub .itemListSelect > dt{
		background:#373737;
		padding:8px 12px;
		color:#fff;
		font-weight:700;
	}
	.sub .itemListSelect > dd{
		width:213px;
	}
	.sub .itemListSelect > dd > ul > li{
		position:relative;
		padding-top:0px;
		/*padding-bottom:3px;*/
		margin-left:2px;
		width:209px;
		border-bottom:1px dotted #ccc;
	}

	.sub .itemListSelect >  dd >  ul > li > dl dt a,
	.sub .itemListSelect >  dd >  ul > li > a{
		display:table-cell;
		width:164px;
		padding-left:45px;
		height:41px;
		vertical-align:middle;
		color:#333;
		font-weight:700;
		background:5px 50% no-repeat;
		text-align: left;
	}
	.sub .itemListSelect dd li.newitem a{
		background-image:url(../../images/common/module/side/item/new.jpg)
	}
	.sub .itemListSelect dd li.hotitem a{
		background-image:url(../../images/common/module/side/item/hot.jpg)
	}
	.sub .itemListSelect dd li.graduate a{
		background-image:url(../../images/common/module/side/item/graduate.jpg)
	}
	.sub .itemListSelect dd li.novelty a{
		background-image:url(../../images/common/module/side/item/novelty.jpg)
	}
	.sub .itemListSelect dd li.koukousei a{
		background-image:url(../../images/common/module/side/item/koukousei.jpg)
	}
	.sub .itemListSelect dd li.embroidery a{
		background-image:url(../../images/common/module/side/item/embroidery.jpg)
	}
	.sub .itemListSelect dd li.tshirt a{
		background-image:url(../../images/common/module/side/item/tshirt.jpg)
	}
	.sub .itemListSelect dd li.poloshirt a{
		background-image:url(../../images/common/module/side/item/poloshirt.jpg)
	}
	.sub .itemListSelect dd li.sweat a{
		background-image:url(../../images/common/module/side/item/sweat.jpg)
	}
	.sub .itemListSelect dd li.sportsuniform a{
		background-image:url(../../images/common/module/side/item/sports.jpg)
	}
	.sub .itemListSelect dd li.setup a{
		background-image:url(../../images/common/module/side/item/setup.jpg)
	}
	.sub .itemListSelect dd li.blouson a{
		background-image:url(../../images/common/module/side/item/blouson.jpg)
	}
	.sub .itemListSelect dd li.tsunagi a{
		background-image:url(../../images/common/module/side/item/tsunagi.jpg)
	}
	.sub .itemListSelect dd li.happi a{
		background-image:url(../../images/common/module/side/item/happi.jpg)
	}
	.sub .itemListSelect dd li.casualuniform a{
		background-image:url(../../images/common/module/side/item/casualuniform.jpg)
	}
	.sub .itemListSelect dd li.working a{
		background-image:url(../../images/common/module/side/item/working.jpg)
	}
	.sub .itemListSelect dd li.cap a{
		background-image:url(../../images/common/module/side/item/cap.jpg)
	}
	.sub .itemListSelect dd li.bag a{
		background-image:url(../../images/common/module/side/item/bag.jpg)
	}
	.sub .itemListSelect dd li.towel a{
		background-image:url(../../images/common/module/side/item/towel.jpg)
	}
	.sub .itemListSelect dd li.goods a{
		background-image:url(../../images/common/module/side/item/goods.jpg)
	}
	.sub .itemListSelect dd li.keyholder a{
		background-image:url(../../images/common/module/side/item/keyholder.jpg)
	}
	.sub .itemListSelect dd li.banner a{
		background-image:url(../../images/common/module/side/item/banner.jpg)
	}
	.sub .itemListSelect dd li.tagname a{
		background-image:url(../../images/common/module/side/item/tagname.jpg)
	}
	.sub .itemListSelect dd li.wappen a{
		background-image:url(../../images/common/module/side/item/wappen.jpg)
	}
	.sub .itemListSelect dd li.rhinestone a{
		background-image:url(../../images/common/module/side/item/rhinestone.jpg)
	}
	.sub .itemListSelect dd li.defense a{
		background-image:url(../../images/common/module/side/item/defense.jpg)
	}
	.sub .itemListSelect dd li.mask a{
		background-image:url(../../images/common/module/side/item/mask.jpg)
	}

	.sub .itemListSelect > dd #sideItemList li > dl dt a i.icon{
		float:right;
		display: inline-block;
		position: relative;
		margin: 2px 13px 0 15px;
		padding: 0;
		width: 2px;
		height: 16px;
		background: #298BE5;
		vertical-align:middle;
		transition: 0.4s ease;
		transform: scale(0.6,0.6);
	}
	.sub .itemListSelect > dd #sideItemList li > dl dd{
		display:none;
	}
	
	.sub .itemListSelect > dd #sideItemList li > dl dt a i.icon:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: -7px;
		width: 16px;
		height: 2px;
		margin-top: -1px;
		background: #298BE5;
		transition: 0.4s ease;
	}
		.sub .itemListSelect > dd #sideItemList li > dl dt a:hover i.icon,
		.sub .itemListSelect > dd #sideItemList li > dl dt a:hover i.icon:before{

		}
	
	.sub .itemListSelect > dd #sideItemList li > dl dt.open a i.icon{
		transform: scale(0.6,0.6) rotate(45deg);
	}

	html .sub .itemListSelect > dd #sideItemList li > dl dd a{
		position:relative;
		display:block;
		background-image:none;
		padding:3% 20px 3% 15px;
		border-top:1px dotted #ccc;
		color:#333;
		text-decoration:none;
		font-size:92%;
		transition: all 300ms 0s ease;
	}
	
	html .sub .itemListSelect > dd #sideItemList li > dl dd a:before{
		position:absolute;
		top:50%;
		right:14px;
		content:"";
		width: 4px;
		height: 4px;
		border-top: 1px solid #81C9F1;
		border-right: 1px solid #81C9F1;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: all 300ms 0s ease;
	}

	html .sub .itemListSelect > dd #sideItemList li > dl dd a:hover{
		background:#efefef;
	}

	html .sub .itemListSelect > dd #sideItemList li > dl dd a:hover:before{
		right:8px;
	}



	/* live800 */
	.sub #live73497{
		text-align:center;
		margin:0 0 5px 0;
	}
	.sub #live73497Hour{
		text-align:center;
		margin:0 0 20px 0;
	}

	.sub #ssl{
		margin:10px 0;
		text-align:center;
	}

	.sub #ssl a{
		color:#000;
	}

	/* カラーから */
	.sub .colorArea{
		margin:-6px 0 21px 0;
		padding:0 0 25px 0;
		width:215px;
		border:1px solid #d3d3d3;
	}

	.sub > .colorArea{
		width:213px;
	}

	.sub .colorArea dt{
		margin:-1px -1px 0 -1px
	}

	.sub .colorArea dd{
		display:inline;
		float:left;
		width:90px;
		margin:14px 0 0 10px;
		white-space:nowrap;
		font-size:92%;
	}
	.sub .colorArea dd img{
		margin-right:4px;
		vertical-align:middle;
	}

	/* ◆ ページ内容情報(メイン)
	-------------------------------- */
	.contents .main{
	
		width:722px;
		margin: 0 auto;
	}

/* --------------------------------
   □ サイト情報(フッター)
-------------------------------- */
.publication{
	clear:both;
	background:#f5f5f5;
	border-top:1px solid #dedede;
	padding-top:34px;
}

	/* ◆ howtoOrder
	-------------------------------- */
	.publication .howtoOrder{
		width:960px;
		margin-bottom:23px;
	}

	.publication .howtoOrder h3{
		margin-bottom:11px;
		padding:11px;
		background:#3d3d3d;
		color:#fff;
		font-size:133%;
		font-weight:700;
		text-align:center;
	}

	.publication .howtoOrder ul{
		overflow:hidden;
		margin-left:-5px;
	}

	.publication .howtoOrder ul li{
		display:inline;
		float:left;
		width:233px;
		margin-left:6px;
		border:1px solid #d8d8d8;
		background:#fff;
	}

	.publication .howtoOrder ul li dl dt{
		padding:8px;
		margin:0 7px;
		border-bottom:1px dotted #ccc;
	}

	.publication .howtoOrder ul li dl dd{
		margin:10px 13px;
		font-size:92%;
	}
	.publication .howtoOrder ul li dl dd p img{
		text-align:center;
	}

	.publication .howtoOrder ul li dl dd .text span.link{
		display:block;
		text-align:right;
	}

	.publication .howtoOrder ul li dl dd .text a{
		display:inline-block;
		text-align:right;
		text-decoration:underline;
		color:#333;
		background:url(../images/common/icon/circle-aqua.gif) 0 0.4em no-repeat;
		padding-left:12px;
	}
	.publication .howtoOrder ul li dl dd .text a:hover{
		color:#666;
	}

	/* ◆ rublab-guide
	-------------------------------- */
	.publication .rublab-guide{
		width:960px;
		margin-bottom:23px;
	}

	.publication .rublab-guide > dl{
		display:inline;
		float:left;
	}

	.publication .rublab-guide > dl dt.title{
		font-size:114%;
		font-weight:700;
		background:url(../images/common/module/footer/guide-title.gif) 0 0 no-repeat;
		min-height:29px;
		margin-bottom:25px;
		padding-left:9px;
		padding-bottom:6px;
		border-bottom:1px dotted #8b8b8b;
		line-height:1.3;
	}

	.publication .rublab-guide > dl dt.title span{
		display:block;
		padding-left:1px;
		font-size:67%;
		color:#767676;
		line-height:1;
	}

	/* ◇　calender
	-------------------------------- */
	.publication .rublab-guide > dl.calender{
		width:350px;
	}

		.publication .rublab-guide .calender div{
			width:150px;
			display:inline;
			float:left;
		}
		.publication .rublab-guide .calender table{
			width:100%;
		}
		.publication .rublab-guide .calender table caption{
			font-weight:bold;
			margin-bottom:2px;
		}
		.publication .rublab-guide .calender #nowmonth{
			margin-right:20px;
		}
		.publication .rublab-guide .calender table th,
		.publication .rublab-guide .calender table td{
			text-align:center;
			border:1px solid #CCC;
			font-size:11px;
			padding:2px;
		}
		.publication .rublab-guide .calender table th{
			background-color:#767676;
			color:#FFF;
		}
		.publication .rublab-guide .calender table .closed{
			background-color:#ff687a;
			color:#FFF;
		}


		.publication .rublab-guide .calender .dayinfo {
			clear:both;
			padding-top:15px;
			text-align:center;
		}
		.publication .rublab-guide .calender .dayinfo li{
			display:inline;
			line-height:1;
			margin-right:10px;
			border-left:17px solid #000;
		}
		.publication .rublab-guide .calender .dayinfo li.today{
			border-left-color:#63c4ff;
		}
		.publication .rublab-guide .calender .dayinfo li.closed{
			border-left-color:#ff687a;
		}
		*:first-child + html .publication .rublab-guide .calender .dayinfo li{
			border-left-width:14px
		}

	/* ◇ accessmap
	-------------------------------- */
	.publication .rublab-guide > dl.accessmap{
		float:right;
		width:577px;
	}

	.publication .rublab-guide > dl.accessmap dd ul li{
		overflow:hidden;
		margin-left:-25px;
		padding-bottom:26px;
	}

	.publication .rublab-guide > dl.accessmap dd ul li dl{
		float:left;
		width:275px;
		margin-left:25px;
	}
	.publication .rublab-guide > dl.accessmap dd ul li dl:last-child{
		margin-top: 20px;
	}

	.publication .rublab-guide > dl.accessmap dd ul li dl dt{
		font-weight:700;
		color:#008fe6;
		margin-bottom:9px;
	}

	.publication .rublab-guide > dl.accessmap dd ul li dl dt a{
		margin-left:11px;
		display:inline-block;
	}

	.publication .rublab-guide > dl.accessmap dd.box {
		background: #fff;
		border: 1px solid red;
		padding: 15px;
		font-size: 95%;
		margin-bottom: 25px;
	}
	
	.publication .rublab-guide > dl.accessmap dd.box dl dd {
		margin-bottom: 10px;
	}
	
	.publication .rublab-guide > dl.accessmap dd ul li dl dd{
		padding-left:10px;
	}

	.publication .rublab-guide > dl.accessmap dd.box dl dt {
		font-size: 110%;
	}
	
	.publication .rublab-guide > dl.accessmap dd ul li dl dd em{
		color:#e44040;
	}

	/* ◆ pagetop
	-------------------------------- */

	.publication .rublab-guide > dl.accessmap dd.box dl.new {
		display: initial;
		line-height: 1.7;
		float: left;
		margin-right: 20px;
	}

	.publication .rublab-guide > dl.accessmap dd.box dl.old {
		line-height: 1.7;
	}
	
	.publication .pagetop{
		overflow:hidden;
		width:980px;
		margin:0 auto;
		text-align:right;
	}

	.publication .pagetop a{
		position:relative;
		z-index:5;
		float:right;
	}

	/* ◆ site-relation
	-------------------------------- */
	.publication .site-relation{
		background:#3d3d3d url(../images/common/footer/background.gif) 0 100% repeat;
	}

		.publication .navigation-box{
			margin:0 auto;
			width:980px;
			padding-bottom:34px;
		}

		.publication .navigation-box a{
			color:#ffffff;
		}

		.publication .navigation-box ul.mainmenu{
			padding-top:29px;
			padding-left:10px;
			height:300px;
		}

		.publication .navigation-box ul.mainmenu li{
			display:inline-block;
			float:left;
			font-size:92%;
			margin:0 0 0 15px;
			background:url(../images/common/footer/line.gif) 100% 0 repeat-y;
			height:280px;
		}

		.publication .navigation-box ul.mainmenu > li{
			min-height:202px;
			padding-top:10px;
		}


		.publication .navigation-box ul.mainmenu li dl dt{
			margin:0 0 8px 0;
		}

		.publication .navigation-box ul.mainmenu li dl dd{
			margin-bottom:8px;
			padding-left:7px;
			padding-right:7px;
			background:url(../images/common/icon/arrow/blue.gif) 0 0.7em no-repeat;
		}

		.publication .navigation-box ul.mainmenu li.products{
			width:270px;
		}

		.publication .navigation-box ul.mainmenu li.products dd{
			display:inline;
			float:left;
			width:47%;
			padding-right:0;
		}

		.publication .navigation-box ul.mainmenu li.design{
			width:140px;
		}

		.publication .navigation-box ul.mainmenu li.about{
			width:156px;
		}

		.publication .navigation-box ul.mainmenu li.request{
			padding:10px 10px;
			width:153px;
			background:#525252;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}

		.publication .navigation-box ul.mainmenu > li.request{
			width:129px;
		}

		.publication .navigation-box ul.submenu{
			clear:both;
			padding:23px 0 20px 14px;
			text-align:center;
		}

		.publication .navigation-box ul.submenu li{
			display:inline;
			zoom:1;
			margin-left:10px;
			padding-left:15px;
			background:url(../images/common/icon/arrow/blueCircle.gif) 0 50% no-repeat;
		}
/*--------------------
　バナー
---------------------*/
		.publication .navigation-box ul.fbanner{
			overflow:hidden;
			width:980px;
			text-align:center;
		}

		.publication .navigation-box ul.fbanner li{
			display:inline-block;
			margin-right:10px;
			margin-left:10px;
		}
		
		.publication .navigation-box ul.fbanner li img{
			width:150px;
		}

/*--------------------
　お問い合わせ
---------------------*/
		.publication .feedback-box{
			position:relative;
			margin-top:-34px;
		}

		.publication .feedback-box dl.formArea{
			text-align:center;
		}

		.publication .feedback-box dl.formArea dt{
			display:inline-block;
			background:#626262;
			padding:8px 38px ;
			border-radius:8px 8px 0 0 ;
			cursor:pointer;
		}

		.publication .feedback-box dl.formArea dt span{
			color:#fff;
			padding-right:18px;
			background:url(../images/common/icon/arrow/white-bottom.png) 100% 50% no-repeat;
		}
		.publication .feedback-box dl.formArea dt:hover span{
			background-position:100% 70%;
		}

		.publication .feedback-box dl.formArea dd{
			display:none;
			background:#626262;
			padding:24px 0 19px;
		}

		.publication .feedback-box dl.formArea dd textarea{
			padding:10px;
		}
		
		.publication .feedback-box dl.formArea dd form > p{
			text-align:center;
		}
		
		.publication .feedback-box dl.formArea dd p.text{
			margin:13px 0;
			color:#fff;
		}
		.publication .feedback-box dl.formArea dd p.text a{
			color:#54b6f2;
			text-decoration:underline;
		}
		.publication .feedback-box dl.formArea dd p.text label input{
			vertical-align:middle;
		}
		.publication .feedback-box dl.formArea dd p.text a:hover{
			color:#4ca4da;
		}
		.publication .feedback-box dl.formArea dd p.submit{
			margin:0;
		}
		.publication .feedback-box dl.formArea dd p.submit input.disabled{
			opacity:0.4;
		}
		
		

/*--------------------
 コピーライト
---------------------*/
		.publication .sign{
			position:relative;
			border-top:1px solid #808080;
			color:#fff;
			padding:13px 0 30px;
		}

		.publication .sign p.copyright{
			text-align:center;
		}

		.publication .social{
			position:absolute;
			top:13px;
			left:50%;
			margin-left:290px;
		}

			.publication .social li{
				zoom:1;
				display:inline;
				float:left;
			}

			.publication .social li.tw{
				overflow:hidden;
				width:110px;
			}

/*--------------------
サイドフロートバナー
---------------------*/
.float-side-ad-container {
    position: absolute;
    width: 100%;
    display: none;

}
    .float-side-ad-container.fixed {
        position: fixed;
		top: 0 !important;
    }
    .float-side-ad-container.show {
        display: block;
    }
    .float-side-ad-container .empty-box {
        position: relative;
        width: 1012px;
        margin: 0 auto;
    }
.float-side-ad-left {
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
    height: 0;
}
    .float-side-ad-left .float-side-ad-left-content{
        margin-left: -100%;
        padding: 10px 15px;
        float: left;
    }
.float-side-ad-right {
    position: absolute;
    top: 0;
    left: 100%;
	padding: 10px 15px;
    background: #fff;
}
    .float-side-ad__top-link, .float-side-ad__bottom-link {
		display: block;
    }
    .float-side-ad a:hover {
        opacity: 0.6;
    }
.float-side-ad__top-link {
    margin-bottom: 10px;
}


/*--------------------
キャンペーン終了
---------------------*/

p.campaignend{
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 30px;
	padding:10px 0;
}

/*--------------------
menunavi
---------------------*/
.sub .menunavi li {
	width: 215px;
	height: 56px;
}
.sub .menunavi li.side_nav01 {
	background:url(../images/common/side/side_nav01.jpg) 0 0 no-repeat;
}
.sub .menunavi li.side_nav02 {
	background:url(../images/common/side/side_nav02.jpg) 0 0 no-repeat;
}
.sub .menunavi li.side_nav03 {
	background:url(../images/common/side/side_nav03.jpg) 0 0 no-repeat;
}
.sub .menunavi li.side_nav04 {
	background:url(../images/common/side/side_nav04.jpg) 0 0 no-repeat;
}
.sub .menunavi li.side_nav05 {
	background:url(../images/common/side/side_nav05.jpg) 0 0 no-repeat;
}
.sub .menunavi li.side_nav06 {
	background:url(../images/common/side/side_nav06.jpg) 0 0 no-repeat;
}
.sub .menunavi li:hover{
	opacity: 0.7;
}

.sub .menunavi li a{
	display: table-cell;
	vertical-align: middle;
	width: 215px;
	height: 56px;
	color: #333;
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 0 46px;
}
.sub .menunavi li a span.font_s{
	display: block;
	font-size: 11px;
	font-weight: normal;
}
.sub .menunavi li a:hover{
	text-decoration: none;
}


iframe[name=google_conversion_frame]{
	height:1px;
}

.p-header_search-pc .poplink {
    top: 64px;
}

#contact img{
	display: inline-block;
}
body div.loading{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	background:#fff;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}

body div.loading span{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	width:300px;
	height:100px;
}

/* Ravigote */
.center, .c-center {
    text-align: center;
}

.l-container {
    width: 100%;
    max-width: 1240px;
    padding: 0 30px;
    margin: auto;
}
.sp{
	display: none;
}
#student .contents{
	width: 640px;
	padding-top: 110px;
}
@media screen and (max-width: 1024px) {
	.l-container {
		padding: 0 20px;
	}
}

.en {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

@media screen and (min-width: 768px) {
	.contents--modifier {
		/**padding-top: 190px; /**Ravigote **/
	}
	#student{
		font-size: 16px;
	}
}

@media screen and (max-width: 640px) {
	.cp .l-detail-main_cta_footer .p-detail-main_cta_btn{
		font-size: 1.8rem;
	}
	.cp .l-detail-main_cta_footer{
		height: 110px;
		padding: 21px 0;
	}
	.cp .p-detail-main_cta_btn{
		height: 70px;
		line-height: 60px;
		border: 4px solid #000;
	}
	.cp .phone .p-detail-main_cta_btn_img {
		height: 37px;
	}
	.cp .messenger img{
		height: 18px;
	}
	.cp .img-small{
		width: 27px;
	}
	.cp .p-detail-main_cta_btn_img{
		height: 26px;
	}
	.cp .c-page-top{
		bottom: 120px;
	}
	.cp .l-detail-main_cta_footer{
		bottom: -110px;
	}
	#student .p-contact-form_btn{
		font-size: 20px;
		max-width: 360px;
	}
	ol#breadcrumbs{
		font-size: 14px;
	}
	.contentsWrap .header-cp-common,
	.cp .header-cp-common{
		height: 100px;
		padding: 10px 0;
	}
	.header-cp-common .p-header_logo img{
		width: 305px;
	}
	.header-cp-common .p-header_search{	
		width: 60px;
		height: 80px;
		background-size: 50px auto;
	}
	.header-cp-common .p-header_menu_btn{
		width: 60px;	
	    background-size: 50px auto;
		height: 74px;
	}
	.header-cp-common .p-header_favorite_btn{
		width: 60px;	
	    background-size: 50px auto;
		height: 74px;
	}
	.header-cp-common .l-header_spnav_list_txt{
		font-size: 14px;
	}
	.header-cp-common .l-header_spnav_list{
		height: 80px;
	}
	.header-cp-common .l-header_sp_nav{
		height: 80px;
		top: -80px;
	}
	.header-cp-common .l-header_spnav_list_item{
		padding: 10px 0;
	}
	
	.header-cp-common .l-header_spnav_list_img img{
		width: 35px;
	}
	.header-cp-common .l-header_spnav_list_item.menu .l-header_spnav_list_img{
		width: 35px;
		background-size: 35px auto;
		height: 35px;
	}
	.header-cp-common .l-header-menu_container.only-sp{
		font-size: 24px;
		width: calc(100% - 65px);
	}
	.header-cp-common .p-header_login_txt {
		font-size: 27px;
		margin-bottom: 0;
	}
	.header-cp-common .p-header-menu_close{
		padding: 20px 70px 20px 30px;
		text-align:  left;
		background-size: 34px auto;
		background-position: right 25px center;
	}
	.header-cp-common .l-header_login_box{
		padding: 50px 30px 0;
	}
	.header-cp-common .l-header_login_list{
		padding: 30px 20px;
	}
	.header-cp-common .p-header_login_list_btn{
		height: 70px;
		line-height: 70px;
	}
	.header-cp-common .l-header_login_list_item:not(:last-child){
		margin-bottom: 15px;
	}
	.header-cp-common .p-header_login_list_btn.c-new{
		height: 70px;
		line-height: 70px;
	}
	.header-cp-common .p-header_login_list_img img{
		width: 35px;
	}
	.header-cp-common .l-header-menu_container_search{
		padding: 40px 50px 80px;
	}
	.header-cp-common .p-header-menu_list_search_input{
		height: 60px;
		font-size: 27px;
		padding: 14px;
	}
	.header-cp-common .p-header-menu_list_search_btn{
		height: 60px;
		width: 80px;
		background-size: 42px auto;
	}
	.header-cp-common .l-header-menu_list{
		padding: 0 30px 220px;
	}
	.header-cp-common .p-header-menu_list_img{
		margin-right: 15px;
	}
	.header-cp-common .p-header-menu_list_img img{
		width: 50px;
	}
	.header-cp-common .p-header-menu_list_title{
		padding: 10px 35px 10px 0;
		margin-bottom: 10px;

	}
	.header-cp-common .p-header-menu_list_txt{
		font-size: 27px;
	}
	.header-cp-common .p-header_login_list_btn::after{
		width: 17px;
		height: 17px;
		border-top: 5px solid #fff;
		border-right: 5px solid #fff;
		right: 23px;
	}
	.header-cp-common .p-header_login_list_btn.c-new::after{
		border-top: 5px solid #000;
		border-right: 5px solid #000;
	}
	.header-cp-common .p-header-menu_list_link::after,
	.header-cp-common .p-header_login_list_link::after{
		width: 13px;
    	height: 13px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		right: 15px;
	}
	.header-cp-common .p-header-menu_list_link{
		padding: 10px 0;
	}
	.header-cp-common .p-header-menu_list_container{
		padding: 0 20px 25px 80px;
	}

	.header-cp-common .p-header-menu_acc_title::before{
		width: 3px;
		height: 20px;
		right: 18px;
	}
	.header-cp-common .p-header-menu_acc_title::after{
		width: 20px;
		height: 3px;
		right: 10px;
	}



	.l-header_login_list_item,
	.p-header-menu_list_container{
		text-align: left !important;;
	}
	
	body{
		width: 640px;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.contentsWrap{
		width: 640px;
	}
	.contents--modifier{
		width: 640px;
		clear: both;
		background: #fff;
		height: 100%;
		min-height: 100%;	
	}
	.contents--modifier img{
		width: 100%;
		height: auto;
	}
	.contents--modifier #main {
		margin-bottom: 20px;
		width: 100%;
		background: #FFFFFF;
		position: relative;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}
	.contents--modifier #main p {
		margin: 0;
		position: relative;
		z-index: 2;
	}
	.single .contents--modifier .wrap{
		margin: 0;
		width: 640px;
	}
	.site .header-line .area, 
	.site .header-info, .site .header-navigation, 
	.contents, .publication .howtoOrder, 
	.publication .rublab-guide, .publication .navigation-box{
		width: 640px;
	}
	#student .contents{
		padding-top: 0;
	}
	#student .l-footer-contact_title,
	.cp .l-footer-contact_title{
		padding: 22px 0;
		font-size: 3.5rem;
	}
	#student .l-footer-contact_txt,
	.cp .l-footer-contact_txt{
		font-size: 2.8rem;
		margin-bottom: 60px;
	}
	#student .l-footer-contact_container,
	.cp .l-footer-contact_container{
		padding: 40px 0;
	}
	#student .p-footer-contact_title,
	.cp .p-footer-contact_title {
		font-size: 2.6rem;
	}
	#student .l-footer_bottom_list_item,
	.cp .l-footer_bottom_list_item{
		font-size: 2.4rem;
		text-align: left;
		background-size: 19px auto;
		padding: 25px 3%;
	}
	#student .l-footer_bottom_list_item:nth-child(2n),
	.cp .l-footer_bottom_list_item:nth-child(2n){
		background-size: 19px auto;
	}
	#student .l-footer_banner_container,
	.cp .l-footer_banner_container{
		padding: 45px 0;
	}
	#student .l-footer-history_list_img img,
	.cp .l-footer-history_list_img img{
		width: 50px;
	}
	#student .l-footer-history_list_item,
	.cp .l-footer-history_list_item{
		width: 20%;
		max-width: 100px;
	}
	#student .l-footer-history_list_title,
	.cp .l-footer-history_list_title{
		font-size: 1.5rem;
	}
	#student .l-footer_copy_list,
	#student .l-footer_copy,
	.cp .l-footer_copy,
	.cp .l-footer_copy_list{
		font-size: 2rem;
	}
	#student .l-footer_copy,
	.cp .l-footer_copy{
		padding: 40px 0;
	}
}

.d-flex {
	display: flex;
}

@media screen and (max-width: 1024px) {
	.site .header-line .area, .site .header-info, .site .header-navigation, .contents, .publication .howtoOrder, .publication .rublab-guide, .publication .navigation-box {
		width: auto;
	}
}