@charset "shift_jis";

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

 サイト共通の基本レイアウト設定（スマホ用）

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

/* 大枠
-------------------------------------------------------------------------*/
body {
}
/*-------------------------------------------------------------------------
 header
-------------------------------------------------------------------------*/

/* #header .upper
----------------------------------------------*/
body.spTop #header {
	background:#78B91E;
}
body.spTop #header .upper{
	width:auto;
	margin:0 10px;
}
/* siteLogo */
body.spTop #header .upper .siteLogo .logo{
	top:21px;
	left:0;
}

/* #userNav
----------------------------------------------*/
body.spTop #userNav{
	top:10px;
}
body.spTop #userNav li{
	margin-left:5px;
}
body.spTop #userNav li a{
	padding-top:25px;
	border-radius:3px;
	color:#619518!important;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	letter-spacing:-0.08em;
	overflow:inherit;text-indent:0;white-space:normal;
}
body.spTop #userNav li.favorite a{
	width:64px;
	height:21px;
	background:#FFF url(https://img.dinos.co.jp/defaultMall/images/multidev/common/header/sp_icn_favorite_2014.png) no-repeat center 7px;
	background-size:15px 15px;	
	-webkit-background-size:15px 15px;
}
body.spTop #userNav li.user a{
	width:64px;
	height:21px;
	background:#FFF url(https://img.dinos.co.jp/defaultMall/images/multidev/common/header/sp_icn_member_2014.png) no-repeat center 7px;
	background-size:15px 15px;
	-webkit-background-size:15px 15px;
}
body.spTop #userNav li.cart a{
	width:64px;
	height:21px;
	background:#FFF url(https://img.dinos.co.jp/defaultMall/images/multidev/common/header/sp_icn_cart_2014.png) no-repeat center 7px;
	background-size:15px 15px;
	-webkit-background-size:15px 15px;
	position:relative;
}
body.spTop #userNav li.cart .cartCount{
	position:absolute;
	top:3px;
	right:-3px;
	display:block;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/header/sp_bg_cartCount_2014.png) no-repeat center center;
	background-size:27px 25px;
	-webkit-background-size:27px 25px;
	width:22px;
	height:25px;
	color:#FFF;
	padding:0 0 0 3px;
	line-height:25px;
	letter-spacing:-0.08em;
	font-weight:normal;
	text-align:center;
}

/*-------------------------------------------------------------------------
 footer
-------------------------------------------------------------------------*/
body.spTop #footer{
	background:none;
}

/* PCサイトへ移動
----------------------------------------------*/
body.spTop #footer .devSwitch{
	background:#616161;
	border-top:#FFF 5px solid;
	border-bottom:none;
	color:#FFF;
	text-align:center;
}
body.spTop #footer .devSwitch dl{
	max-width:none;
	margin:auto;
	padding:0;
}
body.spTop #footer .devSwitch dd li a{
	border-radius:5px;
}
body.spTop #footer .devSwitch dd li.sp a{
	padding:5px 10px;
	background:#78B91E;
	color:#FFF;
}
body.spTop #footer .devSwitch dd li.pc a{
	min-height:20px;
	margin:0 0 0 8px;
	padding:5px 2.8em 5px 10px;
	background:#FFF url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_pc_2014.png) no-repeat 2.5em center;
	background-size:22px 22px;
	-webkit-background-size:22px 22px;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	color:#619518;
}

/* Social Link
----------------------------------------------*/
body.spTop #footer .footerLink .socialBtn{
	background:#FFF;
	border-bottom:1px solid #DEDEDE;
}
body.spTop #footer .footerLink .socialBtn li a{
	display:block;
	line-height:33px;
	padding:0 0 0 40px;
	overflow:inherit;text-indent:0;white-space:normal;
}
body.spTop #footer .footerLink .socialBtn li.twitter a{
	width:auto;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/footer/sp_icn_twitter_2014.png) no-repeat 0 0;
	background-size:31px 31px;
	-webkit-background-size:31px 31px;
	margin-right:10px;
}
body.spTop #footer .footerLink .socialBtn li.facebook a{
	width:auto;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/footer/sp_icn_facebook_2014.png) no-repeat 0 0;
	background-size:31px 31px;
	-webkit-background-size:31px 31px;
}

/* privacyLink
----------------------------------------------*/
body.spTop #footer .privacyLink{
	background:#FFF;
}

/* .license / address
----------------------------------------------*/
body.spTop #footer .license{
	background:#FFF;
	padding:20px 0;
	font-weight:bold;
}

/* ----------テキスト---------- */
/* font size */
body.spTop .noteGrFsS {font-size:85% !important; color:#777;}

/* ==================================================
 footer
================================================== */

#ht5_footer{
	margin-top:20px;
}

/* for smartphone
------------------------------ */

@media(max-width:767px){
	#ht5_footer.navMode{
		margin-top:0px;
	}
}



/* ==================================================
 footer col links (sp)
================================================== */

#ht5_footer .ht5_footerColLinks{
	display:none;
	min-width:320px;
	background-color:#f1f1f1;
}
#ht5_footer .ht5_footerColLinks .fnInner{
}
#ht5_footer .ht5_footerColLinks ul:before,
#ht5_footer .ht5_footerColLinks ul:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerColLinks ul:after{
	clear:both;
}
#ht5_footer .ht5_footerColLinks ul{
	padding:0px 10px 10px 0px;
}
#ht5_footer .ht5_footerColLinks ul > li{
	float:left;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:50%;
	margin-top:10px;
	padding-left:10px;
}
#ht5_footer .ht5_footerColLinks ul > li > a{
	display:block;
	height:45px;
	padding:0px 20px 0px 10px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/arr_normal_color_right_sp.png) no-repeat right center;
	-webkit-background-size:15px 15px;
	background-size:15px 15px;
	background-color:#fff;
	text-decoration:none;
}
#ht5_footer .ht5_footerColLinks ul > li > a span{
	display:table-cell;
	height:45px;
	vertical-align:middle;
}
#ht5_footer .ht5_footerColLinks ul > li > a > span.pc{
	display:block;
	height:45px;
	padding-right:25px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/pc_color_sp.png) no-repeat right center;
	-webkit-background-size:22px 22px;
	background-size:22px 22px;
}

/* for smartphone
------------------------------ */

@media(max-width:767px){
	#ht5_footer .ht5_footerColLinks{
		display:block;
	}
	#ht5_footer .ht5_footerColLinks ul > li > a span br{
		display:none;
	}
}



/* ==================================================
 footer device switch (sp)
================================================== */

#ht5_footer .ht5_footerDeviceSwitch{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:none;
	min-width:320px;
	padding:10px;
	background-color:#616161;
}
#ht5_footer .ht5_footerDeviceSwitch dl{
	text-align:center;
}
#ht5_footer .ht5_footerDeviceSwitch dl *{
	display:inline-block;
	font-size:14px;
	font-weight:bold;
}
#ht5_footer .ht5_footerDeviceSwitch dl dt{
	color:#fff;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li{
	margin-left:10px;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li a{
	padding:0px 10px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li a span{
	padding:7px 0px;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li.sp a{
	background-color:#78b91e;
	color:#fff;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li.pc a{
	background-color:#fff;
	color:#619518;
}
#ht5_footer .ht5_footerDeviceSwitch dl dd ul li.pc a span{
	padding-right:27px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/pc_color_sp.png) no-repeat right center;
	-webkit-background-size:22px 22px;
	background-size:22px 22px;
}
#ht5_footer .ht5_footerDeviceSwitch{
	display:block;
}



/* ==================================================
 footer navigation
================================================== */

#ht5_footer .ht5_footerNav{
	min-width:950px;
	padding:0px 20px;
	background-color:#e6e6e6;
}
#ht5_footer .ht5_footerNav .fnInner:before,
#ht5_footer .ht5_footerNav .fnInner:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerNav .fnInner:after{
	clear:both;
}
#ht5_footer .ht5_footerNav .fnInner{
	*zoom:1;
	min-width:950px;
	max-width:1205px;
	width:950px; /* ie7&8 */
	margin:0px auto;
	padding:30px 0px;
}
@media(min-width:0px){ /* modern browser */
	#ht5_footer .ht5_footerNav .fnInner{
		width:auto;
	}
}
#ht5_footer .ht5_footerNav .navBlock{
	float:left;
	width:23.5%;
}
#ht5_footer .ht5_footerNav .navBlock:first-child + * + * + *{
	width:29%;
	/width:28%;
	min-width:270px;
}
#ht5_footer .ht5_footerNav .navBlock .box{
	margin:30px 20px 0px 0px;
}
#ht5_footer .ht5_footerNav .navBlock:first-child + * + * + * .box{
	margin-right:0px;
}
#ht5_footer .ht5_footerNav .navBlock .box:first-child{
	margin-top:0px;
}
#ht5_footer .ht5_footerNav .navBlock .box .title{
	font-size:14px !important;
	font-weight:bold;
	color:#000;
}
#ht5_footer .ht5_footerNav .navBlock .box .title .blank{
	padding-right:14px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/blank_darkgray.png) no-repeat right center;
}
#ht5_footer .ht5_footerNav .navBlock .box ul:before,
#ht5_footer .ht5_footerNav .navBlock .box ul:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerNav .navBlock .box ul:after{
	clear:both;
}
#ht5_footer .ht5_footerNav .navBlock .box ul{
	*zoom:1;
	margin-top:10px;
}
#ht5_footer .ht5_footerNav .navBlock .box ul li{
	margin-top:10px;
}
#ht5_footer .ht5_footerNav .navBlock .box ul li:first-child{
	margin-top:0px;
}
#ht5_footer .ht5_footerNav .navBlock .box ul.arrList li{
}
#ht5_footer .ht5_footerNav .navBlock .box ul.arrList li a{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-left:9px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/arr_normal_darkgray_small_right.png) no-repeat 0px 0.4em;
	text-decoration:none;
}
#ht5_footer .ht5_footerNav .navBlock .box ul.arrList li a:hover{
	text-decoration:underline;
}
#ht5_footer .ht5_footerNav .navBlock .box ul.arrList li a:visited{
	color:#999;
}
/* sns */
#ht5_footer .ht5_footerNav .navBlock .box.sns ul:before,
#ht5_footer .ht5_footerNav .navBlock .box.sns ul:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns ul:after{
	clear:both;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns ul{
	*zoom:1;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns ul li{
	float:left;
	width:29px;
	margin:0px 0px 0px 10px;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns ul li:first-child{
	margin:0px;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns ul li .caption{
	display:none;
	margin-left:10px;
	text-decoration:underline;
}
#ht5_footer .ht5_footerNav .navBlock .box.sns p{
	margin-top:10px;
}

/* for smartphone
------------------------------ */

@media(max-width:767px){
	#ht5_footer .ht5_footerNav{
		min-width:320px;
		padding:0px;
		background-color:#fff;
		border-bottom:#dedede solid 1px;
	}
	#ht5_footer .ht5_footerNav .fnInner{
		min-width:320px;
		max-width:inherit;
		padding:15px 0px;
	}
	#ht5_footer .ht5_footerNav .navBlock{
		display:none;
	}
	#ht5_footer .ht5_footerNav .navBlock:first-child + * + *{
		display:block;
		width:100%;
	}
	#ht5_footer .ht5_footerNav .navBlock .box{
		display:none;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns{
		display:block;
		margin-top:0px;
		text-align:center;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns *{
		display:inline-block;
		vertical-align:middle;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns ul{
		margin:0px 0px 0px 10px;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns ul li{
		width:auto;
		margin:0px 0px 0px 10px;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns ul li .caption{
		display:inline-block;
	}
	#ht5_footer .ht5_footerNav .navBlock .box.sns p{
		display:none;
	}
}



/* ==================================================
 footer bottom
================================================== */

#ht5_footer .ht5_footerBottom{
	min-width:950px;
	padding:0px 20px;
	background-color:#fff;
}
#ht5_footer .ht5_footerBottom .fbInner{
	width:950px;
	margin:0px auto;
	padding:30px 0px;
}

/* termLink */
#ht5_footer .ht5_footerBottom .termLink:before,
#ht5_footer .ht5_footerBottom .termLink:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerBottom .termLink:after{
	clear:both;
}
#ht5_footer .ht5_footerBottom .termLink{
	text-align:center;
}
#ht5_footer .ht5_footerBottom .termLink li{
	display:inline-block;
}
#ht5_footer .ht5_footerBottom .termLink li:before{
	content:"\00ff5c"; /* ｜ */
	display:inline-block;
	margin:0px 0.5em;
}
#ht5_footer .ht5_footerBottom .termLink li.rule:before{
	display:none;
}
#ht5_footer .ht5_footerBottom .termLink li a:visited{
	color:#999;
}

/* otherLink */
#ht5_footer .ht5_footerBottom .otherLink:before,
#ht5_footer .ht5_footerBottom .otherLink:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerBottom .otherLink:after{
	clear:both;
}
#ht5_footer .ht5_footerBottom .otherLink{
	*zoom:1;
}
#ht5_footer .ht5_footerBottom .otherLink ul:before,
#ht5_footer .ht5_footerBottom .otherLink ul:after{
	content:" ";
	display:table;
}
#ht5_footer .ht5_footerBottom .otherLink ul:after{
	clear:both;
}
#ht5_footer .ht5_footerBottom .otherLink ul{
	*zoom:1;
}
#ht5_footer .ht5_footerBottom .otherLink ul li{
	float:left;
	margin-left:10px;
	text-align:center;
}
#ht5_footer .ht5_footerBottom .otherLink .license{
	float:left;
}
#ht5_footer .ht5_footerBottom .otherLink .banner{
	float:right;
}
#ht5_footer .ht5_footerBottom .otherLink .banner li{
	width:234px;
}
#ht5_footer .ht5_footerBottom .otherLink ul li:first-child{
	margin-left:0px;
}

/* notice */
#ht5_footer .ht5_footerBottom .notice{
	margin-top:20px;
	text-align:center;
}
#ht5_footer .ht5_footerBottom .notice p small{
	display:inline-block;
	padding:0px 30px;
	background-image:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/footer/caution_icn.png),url(https://img.dinos.co.jp/defaultMall/images/ht5/common/footer/caution_icn.png);
	background-repeat:no-repeat;
	background-position:left 0.3em, right 0.3em;
}

/* textLink */
#ht5_footer .ht5_footerBottom .textLink{
	margin-top:20px;
}
#ht5_footer .ht5_footerBottom .textLink ul{
	text-align:center;
}
#ht5_footer .ht5_footerBottom .textLink ul li{
	display:inline-block;
}
*+html #ht5_footer .ht5_footerBottom .textLink ul li{ /* ie7 */
	display:inline;
	zoom:1;
	margin-left:1.0em;
	padding-left:1.0em;
	border-left:#333 solid 1px;
}
*+html #ht5_footer .ht5_footerBottom .textLink ul li:first-child{ /* ie7 */
	margin-left:0px;
	padding-left:0px;
	border-left:none;
}
#ht5_footer .ht5_footerBottom .textLink ul li:before{
	content:"\00ff5c"; /* ｜ */
	margin:0px 0.5em;
}
#ht5_footer .ht5_footerBottom .textLink ul li:first-child:before{
	display:none;
}

/* for smartphone
------------------------------ */

@media(max-width:767px){
	#ht5_footer .ht5_footerBottom{
		min-width:320px;
		padding:0px;
	}
	#ht5_footer .ht5_footerBottom .fbInner{
		width:auto;
		padding:0px;
	}
	#ht5_footer .ht5_footerBottom .termLink{
		padding-top:15px;
	}
	#ht5_footer .ht5_footerBottom .termLink{
	}
	#ht5_footer .ht5_footerBottom .termLink li{
		margin-top:5px;
		font-size:11px;
	}
	#ht5_footer .ht5_footerBottom .termLink li.rule{
	}
	#ht5_footer .ht5_footerBottom .termLink li.jadma{
		display:block;
		width:100%;
		margin-top:20px;
		font-size:12px;
		font-weight:bold;
	}
	#ht5_footer .ht5_footerBottom .termLink li.jadma:before{
		display:none;
	}
	#ht5_footer .ht5_footerBottom .termLink li a.pcPage{
		display:inline-block;
		padding:3px 27px 3px 0px;
		background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/pc_color_sp.png) no-repeat right center;
		-webkit-background-size:20px 20px;
		background-size:20px 20px;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license{
		float:none;
		margin-top:20px;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license li{
		display:none;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license li.jadma{
		display:block;
		float:none;
		margin:0px;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license li.jadma > a{
		display:none;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license li.jadma > p{
		font-weight:bold;
	}
	#ht5_footer .ht5_footerBottom .otherLink .license li.jadma > p br{
		display:none;
	}
	#ht5_footer .ht5_footerBottom .otherLink .banner{
		display:none;
	}
	#ht5_footer .ht5_footerBottom .notice{
		background-color:#78ba1d;
		margin-top:20px;
		padding:15px 0px;
	}
	#ht5_footer .ht5_footerBottom .notice p{
		color:#fff;
	}
	#ht5_footer .ht5_footerBottom .notice p small{
		padding:0px;
		background:none;
	}
	#ht5_footer .ht5_footerBottom .textLink{
		display:none;
	}
}



/* ==================================================
 adsence
================================================== */

#ht5_footer .ht5_adSense{
	padding:0px 0px 30px 0px;
	background-color:#fff;
	text-align:center;
}



/* ==================================================
 top anchor
================================================== */

#ht5_footer .ht5_topAnc{
	position:fixed;
	right:0px;
	bottom:20px;
	z-index:700;
}
#ht5_footer .ht5_topAnc p{
}
#ht5_footer .ht5_topAnc p .anchorTop{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:50px;
	height:50px;
	background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/topanc_pc.png) no-repeat 0px 0px;
	cursor:pointer;
	transition:all 200ms linear;
}
#ht5_footer .ht5_topAnc p .anchorTop:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* for smartphone
------------------------------ */

@media(max-width:767px){
	#ht5_footer .ht5_topAnc{
		width:50px;
		height:50px;
		bottom:20px;
	}
	#ht5_footer .ht5_topAnc p{
	}
	#ht5_footer .ht5_topAnc p .anchorTop{
		width:50px;
		height:50px;
		background:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/topanc_sp.png) no-repeat 0px 0px;
		-webkit-background-size:50px 50px;
		background-size:50px 50px;
	}
	#ht5_footer .ht5_topAnc p .anchorTop:hover{
		filter:alpha(opacity=100);
		opacity:1.0;
	}
}



/* ==================================================
 Cascading Style Sheet for GSA Suggest.
================================================== */
 *
/* Classes for suggestion box */
.ss-embed-mode {
  margin-top: 27px !important;
  right: -20px;
  width: 365px;
}

.ss-gac-m {
  background: white;
  border: 1px solid black;
  cursor: default;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  position: absolute;
  z-index: 99;
  margin-left: 10px;
  margin-top: -10px;
}

.ss-gac-b {
  background: #36c;
  color: white;
}

.ss-gac-c {
  overflow: hidden;
  padding-left: 3px;
  text-align: left;
  white-space: nowrap;
}

.ss-gac-d {
  color: green;
  font-size: 10px;
  overflow: hidden;
  padding: 0 3px;
  text-align: right;
  white-space: nowrap;
}

.ss-gac-b td {
  color: white;
}

.ss-gac-e td {
  font-size: 10px;
  line-height: 15px;
  padding: 0 3px 2px;
  text-align: right;
}

.ss-gac-e span {
  color: #00c;
  cursor:pointer;
  text-decoration: underline;
}

/* Debug console */

div#ss_debug_console {
  background: #ffefef;
  border: 1px solid #cf7f7f;
  bottom: 2%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%;
  height: 60%;
  left: 5%;
  opacity: 0.95;
  overflow: auto;
  padding: 0.5em;
  position: absolute;
  width: 90%;
  z-index: 5000;
}

div#ss_debug_console.expanded {
  height: 60%;
}

div#ss_debug_console.contracted {
  height: 8%;
}

div#ss_debug_console h1 {
  color: #af0000;
  display: inline;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div#ss_debug_console button {
  margin: 0em 0.5em;
}

div#ss_debug_console table {
  border-collapse: collapse;
  font-size: 90%;
  line-height: 120%;
  margin-top: 1em;
}

div#ss_debug_console table th {
  padding: 0.2em 1em;
  text-align: left;
}

div#ss_debug_console table td {
  border-top: 1px solid #cf7f7f;
  padding: 0.2em 1em;
}

div#ss_debug_console table td.no {
  text-align: right;
}

/* ----------アドセンス---------- */
/* .AdSense{
text-align: center;
margin-top:10px;
}
.adsSp{
display: none;
} */