@charset "utf-8";

/*
Theme Name: Original Theme
Theme URI: http://ondrecords.com/
Description: ONDRECORDS Original Theme.
*/

/* 基本設定 ---------------------------------------------*/

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: none;
}

body {
text-align: center;
font-size: 75%;
font-family:'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
line-height: 1.7;
color: #333333;
background-color:#F8B72E;
letter-spacing:0.1em;
}

img{ vertical-align: text-bottom; border:none;}

.orange{color:#F8B72E;}
.red{color:#E60012; font-weight:bold; font-size:110%;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.lm20{ margin-left:20px;}
.lm40{ margin-left:40px;}
.lm60{ margin-left:60px;}
.lm80{ margin-left:80px;}

.rm20{ margin-right:20px;}
.rm40{ margin-right:40px;}
.rm60{ margin-right:60px;}
.rm80{ margin-right:80px;}

.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

a.alpha{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

a.alpha:hover{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#wrapper{ width:1000px; background:#FFF; margin:0 auto; position:relative;}
h1{ width:123px; height:0; padding-top:123px; background:url(img/logo.jpg) 0 0 no-repeat; overflow:hidden; position:absolute; top:20px; left:40px;}

h2#text01{width:214px; height:0; padding-top:27px; background:url(img/text01.png) 0 0 no-repeat; overflow:hidden; margin-bottom:10px;}
#subTitle{ position:absolute; top:45px; left:180px; text-align:left;}

h3{
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border:1px solid #eaebeb;
padding:10px 10px 5px;
color:#F8B72E;
font-size:120%;
height:25px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
}

h3.bgService{ background:url(img/h3_service.png) 10px center no-repeat;text-align:right;}
h3.bgEvents{ background:url(img/h3_events.png) 10px center no-repeat;text-align:right;}
h3.bgBathingprice{ background:url(img/h3_bathingprice_ver2.png) 10px center no-repeat;text-align:right;}
h3.bgShopdata{ background:url(img/h3_shopdata.png) 10px center no-repeat;text-align:right;}
h3.bgInformation{ background:url(img/h3_information.png) 10px center no-repeat;text-align:right;}


.contentWrapper{
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border:1px solid #eaebeb;
padding:5px 5px;
}

.contentIn{ margin:20px;}
.plice{ font-size:150%;}




#loopWrapper{ width:960px; height:450px; overflow:hidden; position:relative; margin:0 auto 0; padding-top:160px;}
ul#loopImgUl li{float:left; width:960px;}

ul#loopBtnUl{ width:125px; margin:10px auto;}
ul#loopBtnUl li{ cursor:pointer; width:15px; height:0; padding-top:15px; background:url(img/loop/loopBtn.png) 0 0 no-repeat; overflow:hidden; float:left; margin:0 5px;}
ul#loopBtnUl li.nowLoopBtn{ background:url(img/loop/loopBtn.png) 0 -15px; no-repeat;}

#primary{ float:right; width:680px; padding-bottom:100px;}
#secondary{ float:left; width:320px; padding-bottom:100px;}
#primaryContent{ margin-left:20px; width:640px; text-align:left;}
#secondaryContent{ margin-left:20px; width:300px; text-align:left;}

#blogWrapper { text-align:center; padding:20px 0;}
#blogWrapper a{ display:block; overflow:hidden; padding-top:80px; height:0; width:250px; background:url(img/to_blog_btn.png) 0 0 no-repeat; margin:0 auto;}
#blogWrapper a:hover{ background:url(img/to_blog_btn.png) 0 -80px no-repeat;}

table#saleTable{ margin:20px auto; width:100%;}
table#saleTable td{ vertical-align:top; padding:5px 0;}
.tdPlice{ text-align:right;}

#qrWrapper{ padding:20px 0 20px 20px;}
#twitterWrapper{ text-align:center; padding:0;}

#runnerWrapper{background:url(img/runner_bg.png) 0 0 no-repeat; padding:60px 0 0 60px;}

#copyRight{ padding:0 0 20px;}

#pageTop{ background:url(img/to_top_bg.png) 0 0 repeat; width:100%; padding:7px 0; position:relative; top:-50px; margin-top:-50px;}
#pageTop p{ width:200px; margin:0 auto;}

#toTop{ font-size:120%; cursor:pointer; color:#F8B72E;}

.set-max-w490{ max-width:490px; width:100%; height:auto;}
#linkWrapeer{ margin:2rem 20px 2rem;}
#linkWrapeer a{ display:block; line-height:1; color:#F8B72E;}
#linkWrapeer a:before{ content:"→ ";}
#linkWrapeer a:hover{ text-decoration:none;}


/* PC・タブレットCSS ---------------------------------------------*/
@media only screen and (min-width : 481px) and (max-width : 768px){
h1 img{ width:100%; height:auto; max-width:466px;}
img#catchPhoto{ width:80%; height:auto;}
}




/* PC・タブレットCSS ---------------------------------------------*/
@media only screen and (min-width : 769px) {
h1 img{ width:100%; height:auto; max-width:466px;}
img#catchPhoto{ width:auto; height:auto;}
}