html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body { 
	margin: 0;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:1em;
	line-height:2em;
	font-weight: 200;
	background: #f5f3f0;
	letter-spacing: 0.1em;
}

/* loading
----------------------------*/
.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/* clearfix
----------------------------*/
.clearfix {zoom:1;}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}


/* link
----------------------------*/
.block-tour a:link,
.block-order a:link,
.block-item .order a:link {
	color: #000;
	background-color:#ff0;
}

.block-tour a:hover,
.block-order a:hover,
.block-item .order a:link {
	color:#000;
	background-color:#ff0;
}

.block-tour a:visited,
.block-order a:visited,
.block-item .order a:link {
	color:#000;	
}

/* br
----------------------------*/
#container.d_none_pc
{display: none;}

@media screen and (max-width: 768px) {
#container.d_none_sp {display: none;}
}


/* container
----------------------------*/
/*pc*/
#container {
width: 900px;
margin:0 auto;
background: #fff;
}

/*sp*/
@media screen and (max-width: 768px) {
#container {
width: 100%;
background: #fff;
}
}



/* block-cover
----------------------------*/
/*pc*/
#container .pc-cover{margin: 0;}
#container .pc-cover img {
width: 100%;}
#container .sp-cover {display:none;}

.colwrap { display: table; margin: 0 auto 40px auto; }
.colwrap .col { display: table-cell; vertical-align: top; width: 33.3%; text-align: center;}

/*sp*/
@media screen and (max-width: 768px) {
#container .sp-cover img {
	width:100%;
	height:auto;
}
#container .pc-cover {display:none;}
#container .sp-cover {display:block;}
}


/* block-code
----------------------------*/
.block-code {clear: both;
padding: 0; margin: 0; overflow: hidden;text-align: center;}
.block-code img {width: 500px;}

/*sp*/
@media screen and (max-width: 768px) {

.block-code {clear: both;
padding: 0; margin: 0; overflow: hidden;}
.block-code img {width: 100%;}
}



/* block-item
----------------------------*/
/*pc*/
.block-item {clear: both;
padding: 40px 40px 60px 40px; overflow: hidden;}

.block-item .main {float: left; margin: 0 30px 20px 0;}
.block-item .main img {width: 420px;}

.block-item .name {font-size: 1.2em; font-weight: 600; letter-spacing: 0.1em; line-height: 1.3em; margin: 0 0 10px 0;}
.block-item .name small {font-size: 0.8em;}

.block-item .price {letter-spacing: 0.1em; line-height: 1em; margin: 0 0 20px 0;}
.block-item .order {letter-spacing: 0.05em; border: 1px solid #000; overflow: hidden; text-align: center; width: 150px; color: #fff; padding: 2px 0; margin: 20px 0 0 0;}

.block-item .txt-box .jp { text-align: justify;}
.block-item .txt-box .en { margin: 40px 0 0 0; clear: both;}

.block-item .item-sub {overflow: hidden; margin: 20px 0 0 0;}
.block-item .item-sub img {float: left; width: 126px; margin: 0 10px 0 0;}


/*stores*/
.block-item .stores {letter-spacing: 0.05em; border: none; border-radius: 5px; overflow: hidden; text-align: center; width: 150px; color: #fff; padding: 2px 0; margin: 10px 0; background:#E1046A; font-size: 0.9em;}

.block-item .stores a:link {color: #fff; text-decoration: none;}
.block-item .stores a:hover {color: #fff; text-decoration: none; background: #0099C2;}
.block-item .stores a:visited {color: #fff; text-decoration: none;}


/*sp*/
@media screen and (max-width: 768px) {

#container { width: 100%; margin:0; padding: 0;}
.block-item {padding: 0 0 60px 0;}
.block-item .main { margin: 0 0 20px 0; padding: 0;}
.block-item .main img {width: 100%;}
.block-item .name {font-size: 1.3em; font-weight: 600; letter-spacing: 0.1em; line-height: 1.3em; margin: 0 0 10px 0;}
.block-item .name small {font-size: 0.8em;}
.block-item .price {letter-spacing: 0.1em; line-height: 1em; margin: 0 0 20px 0;}
.block-item .order {letter-spacing: 0.05em; border: 1px solid #000; overflow: hidden; text-align: center; width: 150px; color: #fff; padding: 2px 0; margin: 20px 0 0 0;}
.block-item .txt-box { padding: 30px;}
.block-item .txt-box .en,
.block-item .txt-box .jp{letter-spacing: 0.05em; margin: 40px 0 0 0; clear: both; text-align: justify;}
.block-item .item-sub {overflow: hidden;}
.block-item .item-sub img {float: left; width: 33.33%; margin: 0;}

}


/* block-tour
----------------------------*/
.block-tour {margin: 40px 0 0 0;}
.block-tour h3 {
    font-size: 1.8em;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-weight: 800;
	text-align: center;
	margin: 0 0 20px 0;
}

.block-tour p {
    font-size: 0.9em;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    font-style: normal;
}

.block-tour .box {
    margin: 20px 0 0 0;
	width: 100%;
	text-align: center;
}

/*sp*/
@media screen and (max-width: 768px) {
.colwrap { display: block; margin: 0 auto;}
.colwrap .box { display: block; vertical-align: top; text-align: center; }
.block-tour {text-align: center; margin: 0 auto; padding: 30px;}
.block-tour .box {text-align: center; width: 100%; margin: 40px 0 0 0;}
.block-tour .poster img {width: 80%; display: block;}

}

/* block-order
----------------------------*/
.block-order {padding: 40px 0 0 0;}
.block-order h3 {
    font-size: 1.8em;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-weight: 800;
	text-align: center;
	margin: 0 0 20px 0;
}

.block-order p {text-align: center;}
.block-order .item-sub {overflow: hidden; margin: 20px auto 0 auto; width: 735px;}
.block-order .item-sub img {float: left; width: 100px; margin: 0 5px 0 0;}

.block-order .item-sub a:link,
.block-order .item-sub a:hover{background: #fff;}

/*sp*/
@media screen and (max-width: 768px) {
.block-order .item-sub {overflow: hidden; width: 100%;}
.block-order .item-sub img { width:33.33%; margin: 0;}
}



/* block-credit
----------------------------*/
.block-credit {
    padding: 60px 30px;
    color: #fff;
    font-size: 0.9em;
    font-weight: 200;
    font-style: normal;
    letter-spacing: 0.1em;
	line-height: 250%;
	margin: 0 0 0 0;
	background: #000;
	text-align: center;
}

.block-credit h3 {
     font-size: 2em;
     letter-spacing: 0.1em;
}

.block-credit:nth-child(even) {background: #191919;}
.block-credit .logo {}
.block-credit .logo img { width: 120px; }
.block-credit li { list-style: none;}

.block-credit p strong {
    border-bottom: 1px dashed#FEFF81;
    padding: 0 0 5px 0;
    font-weight: normal;
}

.block-credit a:link {
    color: #fff;
    border-bottom: 1px dashed#FEFF81;
    padding: 0 0 5px 0;
}

.block-credit a:hover {color:#000; background-color:#ff0;}
.block-credit a:visited { color:#fff; }

/* block-copy
----------------------------*/
.block-copy {
	font-size: 0.7em;
	text-align: center;
	padding: 10px 30px 20px 30px;
	letter-spacing: 0.1em;
}