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

@media (min-width: 980px) {
		
h2.title_area{ background: url(../img/dot.gif) bottom center no-repeat; text-align:center; padding:60px 0; margin-bottom:50px;}
.page_head{ padding-top:20px;}
.page_head h1{ width:835px; margin-top:25px; background:url(../img/bg_head.gif) 0 0 no-repeat; height:30px; color:#fff; line-height:32px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; box-sizing:border-box; padding-left:10px; font-size:20px;}
h2{height:;background: url(../img/icon_02.gif) 0 0 no-repeat;padding-left: 45px;line-height: 50px;font-size: 2.2rem;margin-bottom: 20px;}

.wrapper p{ max-width:inherit; margin-top:20px;}
ul.item{ width:95%; margin:auto; display: flex; justify-content:space-between; margin-top:20px;}
ul.item li a{ display:block; text-align:center;}
ul.item li a img,
ul.item li a em,
ul.item li a p{ display: block; margin:10px auto 0 auto;}
ul.item li a p{ color:#000; margin:0;}
ul.item li span{ font-size:2.0rem; color:#C00;	border: 2px solid #C00;	padding:5px 10px;
}
.pro_list{ margin-top:60px;}
.pro_list p{font-size:1.5rem; width:75%; border:thin solid #666; padding: 10px; margin: 20px auto 0 ;}
.pro_list p img {margin-left:40px;}	

.unit{ display:flex; justify-content:space-between; flex-wrap: wrap; margin-top:80px;}
.unit .unit_inner{ width:47%;}
.unit .unit_inner #navi ul{ margin-top:20px; display:flex;justify-content:space-between; flex-wrap: wrap}
.unit .unit_inner #navi ul li{ width:30%; margin-bottom:15px;}
.unit .unit_inner #navi ul li a{ display:block; border: solid 1px #ccc !important; padding:1px; line-height:0;}
.unit .unit_inner  #naviul li a img ,
#photo img{ width:100%;}
#photo img{ border: solid 1px #ccc;}
.unit .unit_inner p{ max-width:inherit; line-height:25px;}
.unit .unit_inner h2{ font-size:2.4rem; text-align:center; padding-bottom:5px; margin-top:0 !important; border-bottom: dotted 1px #339cd0; margin-right: 0; margin-bottom: 20px;margin-left: 0; height:80px; line-height:3.2rem;}
.unit .unit_inner { text-align:center;}
.unit .unit_inner h3{ line-height:3.2rem; font-size:2.0rem;}
.unit .unit_inner .copy em{ font-size:2rem; display:block; padding-top:20px;}
.unit .unit_inner .copy strong{ font-size:6rem; color:#ad7f45; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1;} 
.unit .unit_inner p { text-align:left; margin-top:20px; font-size:1.7rem; line-height:2.8rem;}
.unit .unit_inner .license{ margin-top:20px;}
.unit .unit_inner .spec li{	text-align:left;}
.unit .unit_inner .spec li form{ margin-top:30px;}
.unit .unit_inner .spec li input{ font-size:2.5rem;}
.spec_01 p { float: left; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.4rem; width: 60%;}
.spec_01 figure { padding-top: 40px;}
.spec span { color: #C00; font-size: 3.2rem; font-weight: bold;}
.spec li.price { color: #C00; margin-top:10px;}
.spec li.line-through{ text-decoration:line-through;}
select { width: 20%; padding: 13px;	-webkit-appearance: none; -moz-appearance: none;	appearance: none; border: 1px solid #999; font-size:2rem; background: #eee;	vertical-align:top;	background: url(../img/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%); background-size: 20px, 100%;}
body{
	margin: 0;
}
div{
    line-height: 0;
	text-align:center;
}
.box{
    position:relative;
}
.box span{
    position:absolute;
	top: 95%;
    left: 50%;
      bottom:10px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.box span img{
    width:700px;
}

.box span2{
    position:absolute;
	top: 91%;
  left: 50%;
      bottom:30px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.box span2 img{
    width:80%;
}
.review_5, .review_list{ margin-top:20px;}
a:hover{filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
p.cam{border: 1px solid #2CA4D4;padding: 5px;}
p.cam a{ color:#2CA4D4; text-align:center; font-weight:bold; padding-left:20px;}

}
	
@media (max-width: 979px) {
.wrapper p{ max-width:inherit; margin-top:20px;}

body{margin: 0;}
div{
    line-height: 0;
	text-align:center;}
.box{position:relative;}
.box span{
    position:absolute;
	top: 95%;
    left: 50%;
    bottom:30px;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;}
.box span img{width:850px;}
.box span2{
	position:absolute;
	top: 91%;
	left: 50%;
	bottom:30px;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	margin:0;
	padding:0;}
.box span2 img{width:150%;}

}