/* CSS Document */
body{background:#fff8b0 url(img/onenga_bg.png) ; background-repeat: repeat;}
#onenga {padding:20px 0;}
#onenga #onenga_contents {width:760px; padding:20px 30px; margin:0 auto; line-height:170%; 
color:#100964; background:#fff; padding:30px 0; }

a img:hover{opacity: 0.72;}

.r11{font-size:11px;}
.r12{font-size:12px;}
.r16{font-size:16px;}
.r18{font-size:18px;}

.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.b{font-weight:bold;}

#onenga-con{ text-align:center;font-family:"メイリオ", Meiryo, "游ゴシック", Yu Gothic, sans-serif; margin:10px 0 20px 0;font-size:15px; padding-top:20px;}
#onenga ul li{ list-style-type: disc;}

h1,h2{text-align:center;}
h3{text-align:center; font-size:125%; margin:20px auto 0 auto; padding-bottom:0;}
.int_title{ width:95%;}
.title{ font-size:22px; font-weight:bold; line-height:160%; margin:0 auto 20px auto;}

.bnr{margin:10px auto;}
hr.blue{ border:none; border-bottom:#0066cc 2px dotted; margin:20px; }

.text1{text-align:center; font-weight:bold; width:100%; margin:0 auto 30px auto; font-size:130%; line-height:180%;}
.text2{text-align:center; font-weight:bold; width:100%; margin:10px auto 50px auto; font-size:130%; line-height:180%;}
.ytb{margin:20px auto 30px auto;}

.date{ text-align:center; font-weight:bold; width:80%;margin:20px auto 30px auto; font-size:120%; line-height:180%;}

.oubo_btn{width:500px; margin-bottom:20px;}

.sample{width:80%; margin:20px auto 30px auto;}

.sp{ display:none;}
.mp{display:none;}
.pc{}

@media screen and (max-width: 800px) {
.r18{font-size:15px;}

#onenga #onenga_contents {width:85%; padding:0 15px 10px 15px; margin-top:0; line-height:150%; }
#onenga-con{padding-top:0;}
#prof-con{text-align:left;margin:20px 0;}

.title{}
.int_title{width:100%; margin:20px auto 0 auto;}
.text1{ width:95%;}
.text2{ width:95%;}
.date{width:90%; text-align:left;}
.oubo_btn{ width:80%;}
.sample{width:100%;}

.rental{width:40%; margin:15px 0 15px 6%;}

.mp{ display:inline;}
.pc{ display:none;}
}

@media screen and (max-width: 500px) {
.title{font-size:130%;}
.text1{width:100%; font-size:110%; margin-top:10px;}
.text2{width:100%; font-size:110%; margin-top:0;}

.date{width:100%; font-size:105%;}
.oubo_btn{ width:100%;}

.sp{ display: inline;}
.mp{ }
.pc{ display:none;}
}