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


#mainwrap {
	width: 100%;
	max-width:1400px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display:block !important;
}
#mainwrap img, #mainwrap_mp img {
	width: 100%;
	height: auto;
}
#mainwrap_mp {
	display: none !important;
}


@media only screen and (max-width: 700px) {
#mainwrap_mp {
	width: 100%;
	max-width:700px;
	height:auto;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	display:block !important;
}
#mainwrap {
	display: none !important;
}

}



/************************************************************
 * 商品一覧
************************************************************/
#syohinwrap {
	width:100%;
	text-align:center;
}

.syohinbox {
	max-width:269px;
	width:20%;
	margin-left:1%;
	margin-right:2%;
	margin-bottom:30px;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
    border:solid 1px #CCC;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;	
}

.syohinbox .imgbox {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.syohinbox .imgbox img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}

.syohinbox .name {
	width:95%;
	margin-left:5%;
	font-weight:bold;
	font-size:1.2em;
	color:#AF744F;
	text-align:left;
	margin-bottom:13px;
}

.syohinbox .exptxt {
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:0.9em;
}

.syohinbox .gotopbtn {
	width:90%;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	background-color: #000;
	transition: background-color 0.8s;
	border: 1px solid #000;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
}
.syohinbox .gotopbtn a {
	text-decoration: none;
	color: #FFF;

}
.syohinbox .gotopbtn:hover {
	background-color: #AF744F;
	border: 1px solid #AF744F;
}



@media only screen and (max-width: 1000px) {
.syohinbox {
	width:42%;
	margin-left:3%;
	margin-right:3%;
}
.syohinbox .exptxt {
	font-size:1em;
}
}

@media only screen and (max-width: 500px) {
.syohinbox .exptxt {
	display:none;
}
}


/************************************************************
 * 特長５つ
************************************************************/

.pointbox {
	max-width:1146px;
	width: 90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.pointbox .inbox {
	width:49.5%;
	max-width: 573px;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}
.pointbox .inbox img {
	width:100%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}
.pointbox .regu_inbox {
	width:49.5%;
	max-width: 573px;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}
.pointbox .regu_inbox img {
	width:100%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}
.pointbox .ghostinbox {
	display: none;
}
.pointbox .ghostinbox img {
	width:100%;
	height:auto;
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	margin-bottom:10px;
}

.pointbox .inbox .innerright {
	width:95%;
	margin-left:5%;
	text-align:left;
	}
.pointbox .inbox .innerleft {
	width:95%;
	margin-right:5%;
	text-align:left;
	}
.pointbox .inbox .inmidashi {
	font-weight:bold;
	font-size:1.8em;
	margin-bottom:40px;
	text-align:left;
	width:100%;
}
.pointbox .gotopbtn {
	width:10em;
	height:auto;
	padding:5px 10px;	
	text-align:center;
	background-color: #AF744F;
	transition: background-color 0.8s;
	border: 1px solid #AF744F;
	margin-bottom:10px;
	margin-left:0;
	margin-right:auto;
	color: #FFF;
	margin-top:30px;
}
.pointbox .gotopbtn a {
	text-decoration: none;
	color: #FFF;

}
.pointbox .gotopbtn:hover {
	background-color: #000;
	border: 1px solid  #AF744F;
}



@media only screen and (max-width: 1000px) {
.pointbox {
	border:1px solid #ccc;
	background-color:#F3F3F3;
	padding:8px;
	width:calc(90% - 18px);
	margin-bottom:45px;
}


.pointbox .inbox {
	width:100%;
	max-width: 573px;
	height:auto;
	display: block;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.pointbox .ghostinbox {
	display: inline-block; /* inlineblock化 */
	vertical-align: top;
	width:100%;
	max-width: 573px;
	height:auto;
	display: block;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.pointbox .regu_inbox {
	display: none;
}
.pointbox .inbox .inmidashi {
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:10px;
	text-align:center;
	width:100%;
}
.pointbox .gotopbtn {
	margin-right:0;
	margin-left:auto;
	margin-top:20px;
}
}


/************************************************************
 * googlemap
************************************************************/


#googlemapwrap{
	width:90%;
	max-width:1400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
}


#googlemap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

@media only screen and (max-width: 500px) {
#googlemap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 100px;
	height: 0;
	overflow: hidden;
}
}

#googlemap iframe,
#googlemap object,
#googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.addtxt {
	text-align: left;
	height: auto;
	width:90%;
	max-width:1400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
	overflow:hidden;
}
.addtxt ul li {
	float:left;
	margin-right:40px;
	margin-bottom:20px;
}
.addtxt ul li ul {
	margin-bottom:5px;
}
.addtxt ul li ul li{
	float:none;
	margin-bottom:8px;
}



/************************************************************
 * 最新情報
************************************************************/

.newswrap {
	width:616px;
	height:auto;
	float:right;
}
.newscatebox {
	width:100%;
	margin-bottom:45px;
}
.newscatemidashi {
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.newscatemidashi img {
	width:100%;
	height:auto;
}
.news {
	width:100%;
	height:auto;
	margin-bottom:25px;
}
.news .headline {
	width:100%;
	height:auto;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	overflow: hidden;
}
.news .date {
	width:7em;
	height:auto;
	margin-right:15px;
	text-align: left;
	float: left;
}
.news .title {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	float: left;
}
@media only screen and (max-width: 1010px) {

.leftbox {
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
	float:none;
	text-align: center;
}
.newswrap {
	width:100%;
	max-width: 616px;
	float:none;
	margin-right: auto;
	margin-left: auto;
}
.leftcon {
	display: inline-block; /* インラインブロック化 */
	vertical-align: top;
	margin-left: 5%;
	margin-right: 5%;
	width: 35%;
}

}
@media only screen and (max-width: 690px) {
.leftcon {
	display: block; /* インラインブロック化もどす */
	vertical-align: baseline;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.newswrap {
	width:90%;
	margin-right: auto;
	margin-left: auto;
}
.news {
	font-size: 1.0em;
}
.news .title {
	font-size: 1.0em;
}
.news .naiyo {
	font-size: 0.9em;
}

}

.naiyo table {
	width:100%;
	margin-top:8px;
	margin-bottom:8px;
}
.naiyo table tr th {
	width:13%;
	padding:5px;
	border-bottom:solid 1px #FFFFFF;
	background-color:#33CC99;
	font-size:0.95em;
	color:#FFFFFF;
	text-align:center;
}
.naiyo table tr td {
	width:calc(100% - 13% - 20px);
	padding:5px;
	font-size:0.95em;
	color:#000;
	text-align:left;
	border-bottom:solid 1px #ccc;
}




#wavewrap {
	background-color: #BDEDF2;
	background-image: url(../topimg/bg_wave.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: auto;
	padding-top: 80px;
	padding-bottom: 100px;
	margin-bottom: 0px !important;
}