@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:640px) {
	
body {
	font-size: 100%;
}

	
img {
	width: 100%;
}

/***** トップフォトスライド *****/
#photo {
	width: 98%;
	margin: 20px auto;
}


#title {
  position: absolute;
  bottom: 2rem;
  right: 1rem;
  font-size: 2rem;
  letter-spacing: -5px;
  margin-bottom: -5px;
  color: #fff;
  text-align: right;
}

div.snav {
	width: 100%;
	height: auto;
	background-image: none ;
	background: #F1F1F1 ;
	border-bottom: 1px solid #CCC;
	box-shadow: 1px 1px 2px;

	}
div.snav ul { font-size: 80%; line-height: 40px; text-align: center;}

.inq_eng {
	width: 45%;
	float: left;
	margin: 10px 0 0;
}

.inq_ja {
	width: 45%;
	float: right;
	margin: 10px 0 0;
}


.campaign {
	background-image: url(../../img_new/2016/top/gakuwari.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: 50%;
	margin: 5% auto 0;
	position: relative;
}

.campain_button_english {
	width: 50%;
	position: absolute;
	left: 40%;
	top: 45%;
}

.campain_button_japanese {
	width: 50%;
	position: absolute;
	left: 40%;
	top: 62%;
}


.shikiwarabi_cp {
	background-image: url(../img_new/2016/top/topshikiwarabi.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: 50%;
	margin: 5% auto 0;
	position: relative;
}

.shiki_button, .warabi_button {
	width: 33%;
	height: 50%;
	position: absolute;
}

.shiki_button {
	left: 30%;
	top: 75%;
}

.warabi_button {
	right: 1%;
	top: 75%;
}

.newgif {
width: 30%;
height: 30%;
display: block;
margin: 10px auto;
}

.langcredit {
width: 70%;
margin: 0 auto;
}
	
.summercampaign {
	width:100%;
	margin: 30px auto;
	clear: both;
	overflow: hidden;
	position: relative;
}
.summercampaign img {
	max-width: 100%;
	height: auto;
	}
	


/* --------------------------------------------------
	Header
-------------------------------------------------- */
#header {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/common/header.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}

/* DKHOUSE東京のヘッダのみに適用↓ */
#header_tokyo {
	max-width: 98%;
	height: 120px;
	margin: 0 auto;
	background: url(../img/tokyo/header_tokyo_sp.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSEわらびのヘッダのみに適用↓ */
#header_warabi {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_warabi #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE松戸のヘッダのみに適用↓ */
#header_matsudo {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/matsudo/header_matsudo_sp.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_matsudo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE志木のヘッダのみに適用↓ */
#header_shiki {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_shiki #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE札幌のヘッダのみに適用↓ */
#header_sapporo {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/sapporo/header_sapporo_sp.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_sapporo #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

/* DKHOUSE神田のヘッダのみに適用↓ */
#header_kanda {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kanda #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE東京・練馬のヘッダのみに適用↓ */
#header_tokyo_nerima {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/tokyo_nerima/header_tokyo_nerima_sp.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_tokyo_nerima #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
/* DKHOUSE神戸のヘッダのみに適用↓ */
#header_kobe {
	max-width: 98%;
	height: 90px;
	margin: 0 auto;
	background: url(../img/kobe/header_kobe_sp.gif) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	}
#header_kobe #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}

#header #read { font-size: 10px; position: absolute; left: 10px; top: 8px;}
#header #read02 { font-size: 16px; font-weight: bold; position: absolute; left: 235px; top: 22px; line-height: 95%; font-family: "Times New Roman",Georgia,Times,serif;}
#header #read03 { font-size: 12px; color: #E90101; font-weight: bold; position: absolute; left: 235px; top: 54px;}
/* Loacal extension header */
#page-tokyo #header { background: url(../img/tokyo/header_tokyo.gif) no-repeat 0 0;}
#page-warabi #header { background: url(../img/warabi/header_warabi.gif) no-repeat 0 0;}
#page-shiki #header { background: url(../img/shiki/header_shiki.gif) no-repeat 0 0;}
#page-matsudo #header { background: url(../img/matsudo/header_matsudo_sp.gif) no-repeat 0 0;}
#page-sapporo #header { background: url(../img/sapporo/header_sapporo.gif) no-repeat 0 0;}
#page-kanda #header { background: url(../img/kanda/header_kanda.gif) no-repeat 0 0;}
#page-tokyo_nerima #header { background: url(../img/tokyo_nerima/header_tokyo_nerima.gif) no-repeat 0 0;}
#page-kobe #header { background: url(../img/kobe/header_kobe.gif) no-repeat 0 0;}
/* Logo */
#logo {
	width: 240px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 100px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	}
#page-home #logo { cursor: default;}
/* cNav */

#cnav { position: absolute; right: 0; top: 74px; overflow: hidden;}
#cnav ul { font-size: 85%; line-height: 1.32; border-left: 1px solid #ddd;}
#cnav ul li { display: inline; padding: 0 7px; border-right: 1px solid #ddd;}
#cnav ul li a { color: #555; text-decoration: none;}
#cnav ul li a:hover { color: #333; text-decoration: underline;}



/*
-----------------------------------------------
	Nav
----------------------------------------------- */
#nav {
	max-width: 98%;
	margin: 0 auto;
	overflow: hidden;
	}
#nav ul {
	max-width: 98%;
	height: 35px;
	font-size: 93%;
	line-height: 1.32;
	}
#nav ul li { float: none;}
#nav a {
	width: 120px;
	height: 0;
	color: #333;
	text-decoration: none;
	padding-top: 35px;
	background-image: url(../img/common/nav.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	display: block;
	overflow: hidden;
	}
	
	


/*
--------------------------------------------------
	Main photo container
-------------------------------------------------- */
#main-photo-container { width: 100%; margin: 0 auto; overflow: hidden;}
/* Overview */
#page-home #main-photo-container { height: auto;}
#overview-stock { display: none;}



/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
#content { 	max-width: 98%;
 margin: 0 auto; padding: 0 10px; background: #fff;}
#content-inner {}
/* Contents Sub and Main cols */
.c-sm          {}
.c-sm #subcol  { width: 100%; float: none; overflow: hidden;}
.c-sm #wrapper { width: 98%; float: none; overflow: hidden;}
.c-sm #maincol { width: 100%;}
.c-sm #xcol    { display: none;}
/* Contents Main and Sub cols */
.c-ms          {}
.c-ms #subcol  { width: 100%; float: none; overflow: hidden;}
.c-ms #wrapper { width: 100%; float: none; overflow: hidden;}
.c-ms #maincol { width: 100%;}
.c-ms #xcol    { display: none;}
/* Contents Main only col */
.c-m          {}
.c-m #subcol  { display: none;}
.c-m #wrapper { width: 96%; overflow: hidden;}
.c-m #maincol { width: 96%;}
.c-m #xcol    { display: none;}

/*
--------------------------------------------------
	Column
-------------------------------------------------- */
.column { width: 98%; overflow: hidden;}
.column h3 { font-size: 114%; font-weight: bold; line-height: 1.32; margin-bottom: 10px;}
.column h4 { font-size: 93%; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
.column p { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ul { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column ol { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column dl { font-size: 93%; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12 { font-size: 100%; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs12 img { padding-top: 4px;}
.column  .fs12_2 { font-size: 100%; line-height: 1.572; margin-bottom: 10px;}
.column  .fs15 { font-size: 15px; font-weight: bold; line-height: 1.572; margin-bottom: 10px;}
.column  .fs15 img { padding-top: 4px;}
div.photos_l { margin-right: 20px; float: left;}
p.photos_l { margin-right: 20px; float: left;}
p.photos_l img { vertical-align: bottom;}


/*-------------------------------------------------- */
/* Home areamap */
#smp_detail { display: none;}

.detail { width: 98%; padding: 15px 0 5px; overflow: hidden;}
.detail_s_text { width: 98%; padding: 15px 0 5px; overflow: hidden; font-size: 10px!important; color: #888;}


/* Attention */
div.attention {
	width: 94%;
	color: #684c23;
	margin-bottom: 10px;
	padding: 10px 10px 0;
	border: 1px solid #ede1a5;
	background: #f7edb2;
	}

/*--------------------------------------------------
	Footer
-------------------------------------------------- */
#footer {
	width: 100%;
	background: #ebece6 url(../img/common/footer_bg.gif) repeat-x 0 0;
	clear: both;
	}
#footer-inner { width: 98%; margin: 0 auto; padding: 15px 0 20px;}
#footer p { font-size: 77%; color: #666858; text-align: center; line-height: 1.572;}
/* Footer nav */
#fnav { padding: 0 5px;}
#fnav-inner {}
#fnav ul { font-size: 85%; text-align: center; line-height: 1.32; margin-bottom: 7px;}
#fnav ul li { display: inline; padding: 0 7px; border-left: 1px solid #d4d5ca;}
#fnav ul li a { color: #666858; text-decoration: none;}
#fnav ul li a:hover { color: #666858; text-decoration: underline;}
#fnav-a01, #fnav-b01, #fnav-c01 { border: none !important;}
/* Footer copyright */
#copyright { color: #666858; padding: 5px 0 15px; background: #ebece6;}
#copyright a { color: #666858; text-decoration: underline;}
#copyright a:hover { color: #666858; text-decoration: none;}



.detail_title {
background: #F8F8F8;
font-size: 100%;
font-weight: bold;
padding: 5px 10px;
}

.detail_text {
padding: 2%;
margin: 0 0 30px;
font-size: 100%;
line-height: 1.8;
background: #F8F8F8;
border-bottom: none;
}

p.photos { margin: 0 auto 20px; float: none;width:98%;}
div.photos { margin: 0 auto 20px; float: none;}

.entry { width: 98%; padding: 15px 0 5px; border-top: 1px solid #eee; overflow: hidden;}

.call_me {
width: 30%;
margin: 0 auto;
}

}