@charset "utf-8";

/*--------------------------------------------
共通
--------------------------------------------*/
.clearfix:after {
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	content:"";
}
img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}
p , li , dt , dd ,th , td ,caption{ 
	font-size: 0.9em;
	line-height: 1.4em;
}
a { color: #336699; }

a:hover,a:focus,a:active  { outline: none;}

/*--------------------------------------------
body
--------------------------------------------*/
#container {
	background-color:#f5eedc;
	width: 100%;
	-webkit-text-size-adjust: 100%;
	max-width: 640px;
	min-width:320px;
}
/*--------------------------------------------
header
--------------------------------------------*/
header {
	width: 100%; /*640*/
	max-width:640px;
	height: auto;
	box-sizing: border-box;
	border-top: 6px solid #405e4d;
	position:relative;
}
header h1 {
	width:200px;/*335*/
	padding-left: 1.563%;/*10*/
	padding-top:6px;
}
/*--------------------------------------------
menu
--------------------------------------------*/
/*header nav {
	width: 100%;
	position:fixed;
	top:6px;
	left:0;
	z-index:9999;
}*/
header nav {
	width: 100%;/*640*/
	position:absolute;
	top:0px;
	left:0;
	z-index:9999;
}
header nav p{
	width: 100px;/*200*/
	margin-left:auto;
}
header nav ul {
	display:none;
}
header nav ul li {
	height: 3em;
	width: 50%;
	float: left;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-left: 10px;
	background: rgba(0,0,0,0.8) ;
	box-sizing: border-box;
	font-size:1em;
}

header nav ul li.col-1{
	width: 100%;
}
header nav ul li.col-2 {
	width: 50%;
}
header nav ul li.col-3{
	width: 100%;
}
header nav ul li.col-4 {
	width: 50%;
}
header nav ul li a{
	color: #fff;
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2.8em;
	text-decoration:none;
	display:block;
	font-size:0.9em;
	padding-top:0.2em;
}
header nav ul li a:visited { color: #fff;}


@media screen and (orientation:landscape){

header nav ul li.col-1 {
	width: 50%;
}
header nav ul li.col-2 {
	width: 33.333%;
}	
header nav ul li.col-3 {
	width: 33.333%;
}
}

/*--------------------------------------------
slider
--------------------------------------------*/
#slides {
	text-align: center;
	width: 100%;
	position:relative;
	}

.slides_container {
	width: 100%;
	height: auto;
	max-height:360px;
	overflow: hidden;
	display: none;
	padding: 10px;
	}

/*--------------------------------------------
contents共通
--------------------------------------------*/

#contents {
	width: 96.875%;/*620*/
	margin: 20px auto;
	clear: both;
}
#contents h2 {
	padding-bottom:20px;
	border-bottom: 2px dotted #cccccc;
	margin-bottom:20px;
}
#contents h3 {
	margin-bottom:20px;
}
#contents .top_img {
	padding: 20px 0px ;
}
#contents .top_img p {
	margin-bottom:20px;
}
#contents .img {
	text-align:center;}
/*--tel-*/
.contactTel {
	width:65.625%;/*420/640*/
	margin: 0 auto;
}
/*--pagetop--*/
.pagetop {
	text-align: right;
	padding-top: 20px;
}
.pagetop a {
	font-size: 0.8em;
}

/*--枠--*/
/*.bg_top {
	background-image: url(../img/common/bg_top.jpg);
	background-repeat: repeat-y;
	min-height: 20px;
	background-size: contain;
	max-height: 40px;
	width: 100%;
}*/
.bg_middle{
	background-image: url(../img/common/bg_mid.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	width:75.862%;/*440*/
	padding:20px 12.069%;
/*	margin:20px 0;
*/}

/*main_area .bg_bottom{
	background-image: url(../img/common/bg_btm.jpg);
	background-repeat:no-repeat;

}*/

/*ページ内リンクt*/
.linkBtn {
	margin-bottom: 20px;
	text-align: right;
	width: 93.548%;
	margin-left: auto;
	margin-right: auto;
}
.linkBtn a {
	text-decoration: none;
	color: #336699;
}
.linkBtn a span {
	line-height: 1.6em;
	font-size:0.8em;
}

/*--------------------------------------------
footer
--------------------------------------------*/
#copyright {
	width: 100%;
	padding-top: 20px;
}
/*--------------------------------------------
index
--------------------------------------------*/
#toptxt {
	width:93.75%;
	margin:20px auto;}
/*--information-*/
#info {
	margin:20px auto;
	padding: 20px 3.226%;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
#info h2 {
	width:25.667%;
	padding-bottom:10px;
	/*background:none;*/
	border:none;
	
}
#info dl dt {
	margin-bottom: 4px;
	width: 15%;
	/*float: left;*/
	line-height: 1em;
}
#info dl dd.new {
	width: 85%;
	/*float: left;*/
}
#info dl dd span img {
	width:32px;
	padding-top:2px;
}
#info dl dd.txt {
	width: 100%;
	/*float: left;*/
	line-height: 1em;
	padding-bottom: 10px;
}
/*--index menu-*/
#contMenu {
	width:74%;
	margin:0 auto;
}
#contMenu li {
	margin: 3px 0.225%;
	float: left;

}
#contMenu .col-1 {
	width:99.550%;
}
#contMenu .col-2 {
	width:49.550%;
}
/*--------------------------------------------
before after
--------------------------------------------*/

#ba_nav {
	margin:20px 0;
}
#ba_nav ul {
}
#ba_nav ul li{
	width: 19.304%;
	height: auto;
	margin-right: 0.645%;
	float: left;
	list-style:none;
}

.main_area .before .title {
	text-align: left;
	float: left;
	width: 100%/*440px*/;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_area .before .title img {
	width: 70px;
	height: auto;
}
.main_area .image01 {
	float: left;
	width: 47.727%/*210px*/;
	margin-bottom: 40px;
	position: relative;
	height: 210px;
}
@media (max-width:414px){
	.main_area .image01 {
		height: 105px;
	}

}
.main_area .image02 {
	float: right;
	width: 47.727%/*210px*/;
	position: relative;
	margin-bottom:40px;
}
.main_area .image03 {
	float: left;
	width: 100%/*440px*/;
}
.main_area .image04 {
	float: left;
	width: 47.727%/*210px*/;
}

.main_area .arrow {
	width: 100%/*38px*/;
	float: left;
	text-align: center;
	margin-top: 20px;
}
.main_area .arrow img{
	width: 32px;
}
.main_area .after {
	width:100%;
	float:left;
}
.main_area .after .title {
	float: left;
	width: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.main_area .after .title {
	width: 70px;
}

.main_area .after .balloon {
	width:50%;
	float:right;
	text-align:center;
}
.main_area .after .balloon img{
	width:85px;
}
.main_area .after .image01 {
	margin: 0 auto 40px;
}
.comment_area {
	float: left;
	width: 83.636%/*368px*/;
	padding: 10px 8.182%/*36px*/;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(204,204,204,0.75);
	box-shadow: 3px 3px 3px 0px rgba(204,204,204,0.75);
}

.cmmt01 {
	margin-bottom:5px;
	font-weight:bold;
}
.cmmt02 {
	min-height:1.2em;
}
.main_area .pagetop {
	clear: both;
	padding-top:30px;
}
.beforeImg1 {
	position: absolute;
	z-index: 1;
}
.layer {
	position: absolute;
	z-index: 10;
}
/*--------------------------------------------
news
--------------------------------------------*/

#news .bg_middle {
	width:87.066%/*540px*/;
	margin:0px auto;
	padding:20px 6.467%;
}
.bg_middle article h3 {
	color: #cc6600;
	font-weight: normal;
}
.bg_middle article .entryBody{
	line-height:1.2em;
	margin-top:10px;
}
/*--------------------------------------------
removal
--------------------------------------------*/
/*#removal .top_img p {
	margin-bottom:20px;
}*/
#removal #contents ul li {
	list-style-position: outside;
	margin-top: 10px;
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.4em;
	color: #cc0000;
}

#removal #contents ul li span{
	color:#000000;
}
#removal #contents ul li .red{
	color:#cc0000;
}
.beforeAfterLink {
	text-align: right;
	padding-top: 10px;
	margin-bottom: 20px;
	font-size:0.8em;
}
.beforeAfterLink a {
	color: #336699;
	letter-spacing: 0.1em;
}
#removal .pagetop {
	text-align: right;
	padding-top: 10px;
	margin-bottom: 20px;
}

#area04 p {
	padding-top: 10px;
	margin-top: 10px;
}
#area04 p a {
	padding: 5px 10px;
	background-color: #336699;
	color: #ffffff;
	text-decoration: none;
	border-radius: 5px;
	font-size:0.8em;
}
#area01 .img img {
	width:48.387%;
	min-width:200px;}
	
#area05 .img img {
	width:51.613%;
	min-width:250px;
	margin-top:10px;}
	
#area06 .img img {
	width:46.774%;
	min-width:200px;
	margin-top:10px;
	margin-bottom:20px;}
	
/*--------------------------------------------
cherish
--------------------------------------------*/
#cherish .main01 .pagetop {
	margin-bottom:20px;
}

#cherish .mainArea {
	margin-top:10px;
}
#cherish .mainArea img{
	display:block;
	margin:10px auto 0;
}
#cherish #area01 img {
	width:80.645%;
}
#cherish #area02 img {
	width:70.645%;
}
#cherish #area03 img {
	width:70.645%;
}
#cherish #area04 img {
	width:77.419%;
}
#cherish #area05 img {
	width:77.419%;
}
#cherish #area06 img {
	width:77.419%;
}
/*--------------------------------------------
price
--------------------------------------------*/
.price table {
	background-color: #f6eedd;
	border: 1px solid #999;
}

.price table th {
	padding: 5px 1.136%;
	border: 1px solid #999;
	background-color: #E1C78E;
	font-weight: bold;
	vertical-align: middle;
	width: 60%;
}

.price table td {
	padding: 10px 1.136%;
	border: 1px solid #999;;
}

.table5 {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.table5 table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.table5 table caption {
	line-height: 1.6em;
	text-align: left;
	font-weight: bold;
}
.table5 ul li{
	font-size:0.8em;
}
#price .main_area {
	margin-top: 40px;
}
#price .kaku1 {
	width: 40%;
}
#price .parts {
	text-align: center;
}
#price .parts img {
	width: 60%;
	min-width: 60%;
	margin: 10px 0px 10px 0px;
}
#price .txt_top {
	vertical-align: text-top;
}
#price .ref {
	font-size: 0.8em;
}
#price td span{
	font-size: 0.75rem;
}

/*--------------------------------------------
voice
--------------------------------------------*/
.main_list {
	margin-left: 4.545%;
}
.main_list li {
	list-style: disc;
	padding-bottom: 5px;
}
#voice #main01 .bg_middle .bg_img ,
#voice #main03 .bg_middle .bg_img ,
#voice #main04 .bg_middle .bg_img {
	width:50%;
	margin:0 auto;
	min-width:220px;
}
#voice #main02 .bg_middle .bg_img {
	width:90.909%;
	margin:0 auto;
}
.attention {
	margin-left: 3.226%;
	margin-top: 10px;
}
/*--------------------------------------------
contact
--------------------------------------------*/
.step {
	width:96.774%; /*600*/
	height:auto;
	margin:40px auto;
}
.contactForm {
/*	width:100%;
*/}
.contactForm table {
	width:100%;
}
.contactForm table caption {
	text-align: right;
}
.contactForm table tr .l_Cel {
}
.contactForm table tr td {
	padding: 10px 0;
	width:100%;
}
.contactForm table tr td input {
	width:94%;
}
.contactForm table tr td textarea {
	width:98%;
}
.contactForm .contactFormBtn {
	text-align: center;
	padding: 20px 0px;
}
.contactForm .contactFormBtn input[type="submit"] ,
.contactForm .contactFormBtn input[type="button"]{
	height: 60px;
	width:120px;
	text-align:center;
}
.styleRed ,.error_messe {
	color:#ff0000;
}
#thanks .txt {
	margin-bottom:10px;
}
/*--------------------------------------------
down
--------------------------------------------*/
.down p{
	line-height: 1.5;
	padding-top: 1em;
	margin-bottom: 1em;
}

.down .red-disc ul li {
	list-style-position: outside;
	margin-top: 10px;
	list-style-type: disc;
	margin-left: 20px;
	line-height: 1.4em;
	color: #cc0000;
}

.down .red-disc ul li span{
	color:#000000;
}
.down .red-disc ul li .red{
	color:#cc0000;
}
.area01-2 li{
	width: 80%;
	margin: 0.8em auto;
	text-align: center;
}
.down .price table th {
	width: auto;
}

.down .ifrm-container {
  width:100%;
  height:250px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
}

.down .ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}

#yakkan img{
	max-width: 100%;
	width: auto;
}
#yakkan div{
	margin-bottom: 10px;
}


/*media*/
#contents .media .main_area {
	margin: 15px 5px 15px;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45);
}
#contents .media article .thum_img{
	max-height: 250px;
	overflow: hidden;
}
#contents .media article img{
	width: 100%;
	height: auto;
}
#contents .media .entry-date{
	margin-top: 20px;
}
#contents .media .entryBody{
	margin-top: 10px;
}