@charset "UTF-8";

/* Color  ------------------------------*/

/*
#gnavi li.on a,
#gnavi li a:hover{
	color:#77bc01;
	border-color:#77bc01;
}
#header form{
	border-color:#77bc01;
}
#header .snavi li.e a{
	background-color:#77bc01;
	border-color: #77bc01;
}
#header .snavi li.m a{
	color:#77bc01;
}
.header_sub_menu li a:hover{
	color:#77bc01;
}
h2 em{
	border-color:#77bc01;	
}
*/

/* icon  ------------------------------*/

#header form input.b_search{
	background-position:-40px 0;
}
i.mail{
	background-position:-32px 0 ;
}

/*
.header_sub_menu li a i{
	background: url(../images/i_menu.png) 0 0 no-repeat;
}
.header_sub_menu li:nth-of-type(1) a i{
	background-position: 0 0;
}
.header_sub_menu li:nth-of-type(1) a:hover i{
	background-position: -30px 0;
}
.header_sub_menu li:nth-of-type(2) a i{
	background-position: -0 -15px;
}
.header_sub_menu li:nth-of-type(2) a:hover i{
	background-position: -30px -15px;
}
.header_sub_menu li:nth-of-type(3) a i{
	background-position: 0 -30px;
}
.header_sub_menu li:nth-of-type(3) a:hover i{
	background-position: -30px -30px;
}
.header_sub_menu li:nth-of-type(4) a i{
	background-position: 0 -45px;
}
.header_sub_menu li:nth-of-type(4) a:hover i{
	background-position: -30px -45px;
}
*/


/* layout  ------------------------------*/

.header_sub_menu dt{
	position: relative;
	color:#77bc01;
	float:right;
	margin-right:2rem;
}
.header_sub_menu dt a{
	line-height:1rem;
	color:#77bc01;
	text-decoration: none;
	display: block;
	padding:0.3rem 3rem 0.3rem 0;
	background: url(../images/store/i_cart.gif) right center no-repeat;
}


.header_sub_menu dt span{
	position: absolute;
	top:0; right:-1.4rem;
	color:#FFF;
	font-size:0.7rem;
	padding: 0.2rem 0.5rem;
	background-color:#77bc01;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
}	



.news dl{
	float:left;	
	width:515px;
	margin:0 20px 10px 0;
}
.news dl:nth-of-type(2n){
	margin-right:0;
}

#main .list a{
	color:#000;
}
/* Item  ------------------------------*/
.item{
	position: relative;
	width:254px;
	float:left;
	margin:0 8px 10px 0;
	font-size:0.8rem;
}

.item img {
	width: 100%;
}
	
.item .blog{
	position: absolute;
	top:-4px; right:-4px;	
}
.item > dt{
	line-height:0;
	min-height:120px;
}
.item > dt img{
	max-width:100%;
	height: auto; 
	display: block;
	margin: 0 auto;
}

.item > dd{
	padding: 10px;
}
.item .right {
	padding-top:0.5rem;	
}
.item h3{
	font-size:1.2rem;
	margin:0.5rem 0;
}
.en{
	margin-top:0.5rem;
	text-align:right;
	font-size:1.5rem;
}
.en small{
	margin-left:0.2rem;
	font-size:0.8rem;
}

.col3 a{
	display: block;
	width:345px;
	float: left;
	margin:0 7px 10px 0;
}
.col3 .item{
	width:345px;
	height:164px;
	overflow:hidden;
	border:none;
	margin:0;
}
.col3 .item img{	
	width:100%;
	height:auto;
}
.col3 .item dd{
	position: absolute;
	bottom:0; left:0;
	width:325px;
	color:#FFF;
	background-color: rgba(0,0,0, 0.4);
}
.col3 .item dd p{
	line-height: 1.1rem;
}
.col3 .item dd h3{
	margin:0;	
}


#main .list a:nth-of-type(4n) .item,
.list .item:nth-of-type(4n){
	margin-right:0;
}
.col3 a:nth-of-type(3n){
	margin-right:0;
}




/* Fundnews  ------------------------------*/
#fundnews{
	border: 1px solid #EEE;
	padding: 0.5rem;
	margin-bottom: 1rem;
}
#fundnews dt{
	color:#0168b7;
	float: left;
	padding: 0.5rem;
}
#fundnews dt i{
	width: 20px;
	height:20px;
	vertical-align: middle;
	background: url(../images/i_side.png) 0 0 no-repeat;
}
#fundnews dd{
	padding:0 0 0.5rem 12rem;
}
#fundnews dd li{
	padding-top: 0.5rem;	
}
#fundnews  i.arrow-right{
	background-position: 0 0;
}
#fundnews dd a{
	color:#333;
	text-decoration: none;
}
#fundnews dd a:hover{
	text-decoration: underline;
}


/* Text  ------------------------------*/
.cmt{
	margin-bottom: 2rem;
}
.cmt img{
	max-width: 100%;
	height: auto;
}
.cmt .photo{
	width: 48%;
	float: left;
	text-align: center;
}
.cmt .photo img{
	display:block;
	max-width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
.cmt .text{
	float: right;
	width: 50%;
	text-align:left;
	font-size:0.9rem;
	line-height: 1.5rem;
}
.cmt .text p{
	margin-bottom: 0.5rem;
}


.storelist.cmt {
	line-height:1.5rem;
	
}
/*
.storelist.cmt img{
	display: block;
	margin: 0.5rem auto;
}
*/
	
	

/* Info  ------------------------------*/
.info{
	border: 1px solid #EEE;
	padding: 0.5rem;
}
.info table{
	margin: 0;	
}
.info tbody {
    border-bottom: 1px dotted #eaeaea;
}


.info th,
.info td{
	padding: 1rem;
}

.info th{
	width:10rem;
	background-color: #f5f5f5;
}
.info #map{
	margin-top:1rem;
	width: 100%;
	height: 300px;	
}


/* Detail  ------------------------------*/
#dtl{
	float: left;
	width: 740px;
	border: 1px solid #EEE;
	padding: 20px;
	font-size:0.9rem;
}
#dtl h2{
	border: none;	
}
#dtl .cmt .text{
	width: 48%;
	line-height: 1.2rem;
}
#dtl .cmt .text .center{
	padding: 1rem 0;
}

#dtl .en{
	font-size:2rem;
	text-align: left;
	margin: 0 0 1rem 0;
}

#dtl .info{
	margin-top:1rem;
	border: none;
	padding: 0;
}
#dtl .info th,
#dtl .info td{
	padding: 0.5rem;
}
#dtl .info th{
	background-color: #FFF;
}
#dtl img{
	max-width: 100%;
	height:auto;
	margin: 0 auto;
}


#side{
	float: right;
	width: 256px;
}



#ecdtl {
	line-height: 1.5em;
}
#ecdtl ul,
#ecdtl ol,
#ecdtl table,
#ecdtl p{
	margin: 0.5em 0  1em 0;
}
#ecdtl ul {
	margin-left:2em;
	list-style: circle outside;
}
#ecdtl ol {
	margin-left:2em;
	list-style: decimal outside;
}
#ecdtl ul li,
#ecdtl ol li{
	margin-bottom: 0.25em;
}
#ecdtl th{
	white-space: nowrap;
}
#ecdtl td{
	vertical-align: top;
}
#ecdtl tbody{
	border: none;
}


#ecdtl dt{
    font-size: 1.2rem;
    margin: 1rem 0;
    border: none;
}
#ecdtl dd{
    border: none;
    margin-bottom: 2em;
}

#ecdtl h4 {
    font-weight: bold;
    font-size: 20px;
    margin: 3em 0 1em 0;
    padding-left: 0.5em;
    border-left: 4px solid #0168b7;
}

#ecdtl h5 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 1em 0;
    color: #444;
    border-bottom: 2px dotted #444;
}

#ecdtl h6 {
    color: #0168b7;
    font-size: 16px;
    font-weight: bold;
    margin: 0.5em 0;
}

/* ストアトップ関連 */
.film_roll_wrapper { overflow: hidden; }
.film_roll_shuttle { position: relative; }
.film_roll_child { display: inline-block; }
@media(min-width:768px){
	.film_roll_child { display: inline-block; width: 700px!important;; }
}
.film_roll_prev, 
.film_roll_next {
	line-height: 40px!important;
	color: #888!important;
	border: none!important;
}
.film_roll_prev:hover, 
.film_roll_next:hover {
	text-decoration: none!important;
}

.rank-badge {
	color: #fff;
	border-radius: 50%;
	font-size: 16px;
	width: 25px;
	height: 25px;
	position: absolute;
	transform: translate(-5px,-5px);
	z-index: 1;
}
@media(min-width:768px){
	.rank-badge {
		font-size: 20px;
		width: 35px;
		height: 35px;	
	}
}
.rank-badge.rank-1 {
	background-color: #edc800;
}
.rank-badge.rank-2 {
	background-color: #b1b1b1;
}
.rank-badge.rank-3 {
	background-color: #C47222;
}
.rank-badge span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

a.refine-link.btn.blue {
	color: #FFF!important;
    background-color: #0168b7!important;
}

a.refine-link.btn.blue:hover {
	color: #FFF!important;
	background-color: #007cdb!important;
}

div.tile-name {
	font-size: 14px;
	font-weight: 900;
}

div.tile-exp {
	font-size: 12px;
}

span.tile-price {
	font-size: 14px;
	font-weight: 900;
}

span.tile-pricesub {
	font-size: 12px;
	color: #828282;
}

p.note {
	text-indent: -1em;
	padding-left: 1em;
}