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



@media screen and (min-width: 641px) {
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	letter-spacing: 1.2;
	margin: 0;
	padding: 0;
}
body, div, ul, li, dl, dt, dd, a, img {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {
	vertical-align: bottom;
}
	
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #7d0000;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
a:hover{color: #8C8C8C;}
	
body {
	width:100%;
}
	div{
		display:block;
	}
#rightBox2 {
	width:72px;
	position:fixed;
	top:80px;
	right:20px;
	z-index: 99;
}
#coupon {
	width:72px;
	position:fixed;
	top:190px;
	right:20px;
	z-index: 99;
}
#coupon3 {
	width:112px;
	position:fixed;
	top:212px;
	right:-15px;
	z-index: 99;
}

	
	
#footer {
	font-size: 0;
	margin-bottom: 20px;
	text-align: center;
}
#footer li {
	display: inline-block;
	font-size: 12px;
	margin-right: 15px;
}
#footer li:first-child:after {
	content:"/";
	margin-left:15px;
	color:#303030;
}
#footer li a{
	color:#303030;
}
.sp_banner {
	display:none;
}
#iframe {
	background:#fff;
	width:1000px;
	padding:10px 0 0 10px;
	margin:80px 0 0 50px;
}
	
	#iframe2 {
	background:#fff;
	width:1100px;
	padding:10px 0 0 10px;
	margin:0 auto;
}
.itemBox{
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
}
.Box{
    opacity : 1;
    transform : translate(0, 0);
}

.pc { display: inline-block; }
.pc2 { display: block; }
.sp { display: none !important; }
	.sp2 { display: none !important; }


	
}
	
	
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#000;
	letter-spacing: 1.2;
	
}
body, div, ul, li, dl, dt, dd, a, img {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
#rightBox2{
	display:none;
}
#coupon{
	display:none;
}
img {
	width:100%;
	height:auto;
	
}

.pagetop {
	z-index: 3;
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop a:hover {
    display: block;
    background-color: #b2d1fb;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:5px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.sp_banner{
	width:100%;
	margin:0 auto;
	list-style:none;
}
.sp_banner li{
	margin-bottom:0px;
}

#footer {
	font-size: 0;
	margin-bottom: 20px;
	text-align: center;
}
#footer li {
	display: inline-block;
	font-size: 12px;
	margin-right: 15px;
}
#footer li:first-child:after {
	content:"/";
	margin-left:15px;
	color:#303030;
}
#footer li a{
	color:#303030;
}

.pc { display: none !important; }
.pc2 { display: none !important; }
.sp { display: inline-block !important; }
.sp2 { display: block !important; }


}