/*imagepark hp-omakase*/

html {margin:0px; padding:0px; font-size:100%;}

body { margin:0px; padding:0px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#333;
-webkit-text-size-adjust: 100%;
}

/*-----------------------------------------------------*/

ul {margin:0px; padding:0px; list-style:none;}
ol {margin:0px; padding:0px; list-style:none;}
li {margin:0px; padding:0px;}

dl,dt,dd {margin:0px; padding:0px;}

.fl {float:left;}
.fr {float:right;}

.mr10 { margin-right:10px;}
.mr20 { margin-right:20px;}
.ml10 { margin-left:10px;}
.ml30 { margin-left:30px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb40 { margin-bottom:40px;}

img {border:0px;vertical-align: text-bottom;}

.red {color:#E90522;}

/*-----------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------------*/

a:link{
	color:#666666;
	text-decoration:none;
}


a:hover{
	color:#333333;
	text-decoration:underline;
}


/*-----------------------------------------------------*/


/* pc */
@media only screen and (min-width: 769px) {
.pc {display:block;}
.sp {display:none;}
.bg {
background:url(../../images/bg.jpg) repeat-y center top;
	
}
#wrapper {
	width:100%;
	margin:20px auto 0;
	padding:0px;
	
	
}

	
#head {
	width:96%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}

#head h1 {
	margin:0px;
	padding:0px;
}

#head .logo {
	width:19.1%;
	float:left;
	margin-bottom:15px;
}

#head .headmenu {
	position:absolute;
	right:0px;
	top:25px;
	
}





#foot {
	border-top:#DDDDDD 1px solid;
	padding:30px 15px;
}


.foot_left {
	width:50%;
	float:left;

}


#copy {
	text-align:right;
	margin:20px auto;
	font-size:80%;
	width:50%;
	float:right;
}

}



/* tabret */
@media only screen and (max-width: 768px) {
.pc {display:block;}
.sp {display: none;}


#wrapper {
	width:100%;
	margin:20px auto 0;
	padding:0px;
	overflow:hidden;
}
.bg {
background:url(../../images/bg.jpg) repeat-y center top;
	
}

#head {
	width:100%;
	margin:0 auto;
	position:relative;
}

#head h1 {
	margin:0px;
	padding:0px;
}

#head .logo {
	width:19.1%;
	float:left;
	margin-bottom:15px;
}

#head .logo img {
	width:100%;
	height:auto;
}

#head .headmenu {
	position:absolute;
	right:0px;
	top:10px;
	
}



#foot {
	border-top:#DDDDDD 1px solid;
	padding:30px 0px;
}


.foot_left {
	width:100%;
	float:none;
	text-align:center;

}


#copy {
	text-align:right;
	margin:20px auto;
	font-size:80%;
	width:100%;
	float:none;
	text-align:center;
}

.bg {
background:url(../../images/bg.jpg) repeat-y center top;
}

}
/* sphone */
@media only screen and (max-width: 640px) {
.pc {display:none;}
.sp {display: block;}
#wrapper {
	width:100%;
	margin:20px auto 0;
	padding:0px;
	overflow:hidden;
}

body {min-width:320px;}
.bg {
background:url(../../images/bg_sp.jpg) repeat-y center top;
	

}
#head .logo {
	width:20%;
	float:left;
	margin-bottom:15px;
}

#head .logo img {
	width:100%;
	height:auto;
}

#head .headmenu {
	position:absolute;
	right:0px;
	top:10px;
}

#head .headmenu img {
	width:20%;
	height:auto;
}

}

/*20240306追記　フローティングバナー*/
.f_banner {
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 0;
    right: 0;
display: none;
}
.f_banner a {
    text-decoration: none;
}

.f_banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
}

.f_banner-close {
    font-weight: bold;
    position: absolute;
    top: -2px;
    right: -4px;
    z-index: 99999;
    padding: 4px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

@media screen and (max-width: 750px) {
    .f_banner {
        margin: 0px;
		right: 0;
	display: none;
    }
    .f_banner-close {
        top: 8px;
        right: 15px;
    }

}