@charset "UTF-8";

body {margin:0;padding:0;font-size:16px;line-height:2.0em;font-family:'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',Meiryo,ƒ�ƒCƒŠƒI,Osaka,arial,helvetica,sans-serif;}

h1{font-size:18px;text-align:left;margin-bottom:0px;color:#333333;padding:10px 10px 5px 0;border-bottom:1px solid #c0c0c0;clear:both;}
h2{font-size:16px;text-align:left;margin-bottom:0px;color:#ffffff;padding:0 0 0 15px;background:#db7093;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;clear:both;}
h3{font-size:16px;font-family:"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","ƒqƒ‰ƒMƒmŠÛƒS Pro","Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","HGŠÛºÞ¼¯¸M-PRO","HGMaruGothicMPRO";margin-bottom:0px;color:#708090;padding:10px 10px 0 0;border-bottom:1px solid #c0c0c0;clear:both;}

a:link{text-decoration:none;color:#4682b4}
a:hover img{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a:visited{text-decoration:none;color:#4682b4}

img{border:none;}

.back1{text-align:left;color:#808080;font-size:11px;}
.back2{height:15px;color:#ffffff;background:#333333;clear:both;}
.top{width:320px;height:40px;margin-left:auto;margin-right:auto;margin-bottom:20px;margin-top:20px;text-align:center;}
#menu{margin:0 0 0px 0.2em;padding:5px 0 5px 0px;list-style-type:none;}

.webtitle{font-weight:bold;padding:5px 0 0 10px;}
.summary{margin:0 0 0px 0.2em;padding:5px 0 5px 15px;list-style-type:none;}
.url{color:#808080;}
.site{text-align:left;margin:0 0 10px 0.2em;padding:5px 10px 5px 15px;list-style-type:none;border:solid 1px #c0c0c0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.sitebox{text-align:left;margin:5px 0 5px 0;padding:5px 2px 5px 25px;border:solid 1px #c0c0c0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.catebox{width:315px;height:111px;display:block;padding:5px 10px 5px 0;font-size:14px;border-bottom:solid 1px #c0c0c0;margin-left:auto;margin-right:auto;}
.navi{margin:0 0 0px 1.2em;padding:5px 0 5px 15px;}

.img-ykk{float:left;overflow:hidden;margin-right:15px;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.img-chie{width:150px;height:120px;float:left;overflow:hidden;margin-right:15px;}
.ykk{list-style-type:none;}

.line{width:320px;height:28px;color:#ffffff;text-align:left;padding:0 0 0 15px;background:#db7093;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;clear:both;}
.line2{height:28px;text-align:left;font-weight:bold;padding:0 0 2px 15px;margin:20px 0 0 5px;background:url(../img/gline.gif);background-repeat:no-repeat;clear:both;}
.center{text-align:center;vertical-align:top}
.img325{width:300px;height:250px;}
.border{border-bottom:solid 1px #c0c0c0;clear:both;}

.pankuzu{font-size:12px;text-align:left;margin:20px 0 20px 0;list-style-type:none;clear:both;}
.panlist{float:left;}
.ad{text-align:center;clear:both;}

.sns{list-style-type:none;}
.sns li{width:80px;text-align:center;float:left;}
.rank{list-style-type:none;}
.rank li{width:230px;text-align:center;float:left;}
.kate{margin:0 0 0px 0.2em;padding:5px 0 10px 0px;list-style-type:none;clear:both;}
.relation{margin:0 0 20px 0.2em;list-style-image:url(../img/yazirushi.gif);}
.navi3{text-align:left;list-style-type:square;margin:0 0 5px -15px;}

.rightbox{width:280px;display:block;padding:5px 10px 0 10px;font-size:14px;}
.imgmini{width:120px;height:100px;float:left;margin-right:5px;}
.r-navi{text-align:right;font-size:13px;}

#foot{background-color:#333333;color:#ffffff;font-size:12px;text-align:left;margin:20px 0px 0px 0px;padding:20px 0 30px 0;}
#foot a{color:#ffffff}
.footmenu{color:#ffffff;list-style-type:none;float:left;}
.footp{font-size:14px;text-align:center;margin-left:auto;margin-right:auto;clear:both;}

form.contact {margin-left:5%;width:80%;}
.form_row {border-top:1px solid #999;padding:2% 0;}
.form_row label {display:inline;width:40%;text-align:left;vertical-align:middle;}

form.contact .button button:hover {color:#009fe8;border:1px solid #009fe8;}
form.contact .button button {border:1px solid #000;background-color:#fff;padding:2% 4%;font-size:100%;cursor:pointer;background-image:none;width:94%;color:#999;}
form.contact .button button:hover {color:#009fe8;border:1px solid #009fe8;}
form.contact p.text {margin:1% 0;}
form.contact p.message {margin-bottom:2%;}
form.contact input {border:none;padding:2%;font-size:100%;}
form.contact textarea {width:90%;height:400px;border:1px solid #999;font-size:100%;padding:2%;}

@media screen and (min-width:768px){

.clear{clear:both;}
.back1{height:30px;background:#333333;text-align:left;color:#f5f5f5;font-size:12px;}
.top{width:320px;height:40px;margin:20px 0px 20px 0px;text-align:left;float:left;}
.base{width:768px;height:35px;text-align:center;background-color:#d3d3d3;margin-left:auto;margin-right:auto;}
.mlist{width:125px;font-family:"ƒqƒ‰ƒMƒmŠÛƒS Pro W4","ƒqƒ‰ƒMƒmŠÛƒS Pro","Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","HGŠÛºÞ¼¯¸M-PRO","HGMaruGothicMPRO";font-size:15px;font-weight:bold;text-align:center;padding:1px 0 1px 0;float:left;}
.mlist a{text-decoration:none;color:#333333}
.left{width:709px;margin-right:15px;text-align:left;float:left;}
.right{width:300px;text-align:left;float:left;}
.img325{width:500px;height:400px;}
.sns{list-style-type:none;margin:10px 0 20px 190px}
.catebox{width:315px;height:111px;display:block;padding:5px 10px 5px 0;margin:0 0 10px 10px;font-size:14px;border-bottom:solid 1px #c0c0c0;float:left;}
.ad{width:468px;text-align:center;margin-left:auto;margin-right:auto;}

}

@media screen and (min-width:1024px){

.back1{height:30px;background:#333333;text-align:center;color:#f5f5f5;font-size:12px;}
.topbase{width:1024px;height:80px;text-align:center;margin-left:auto;margin-right:auto;}
.top2{width:704px;height:80px;float:left;}
.base{width:1024px;height:35px;text-align:center;background-color:#d3d3d3;margin-left:auto;margin-right:auto;}
.base2{width:1024px;text-align:center;margin-left:auto;margin-right:auto;}
.img325{width:500px;height:400px;}
.kotoba{text-align:center;z-index:1;}
.title{color:#ffffff;text-align:left;background-color:rgba(0,0,0,0.75);padding:5px;position:absolute;z-index:2;bottom:0;}

}

@media screen and (min-width:1080px){

.topbase{width:1080px;height:80px;text-align:center;margin-left:auto;margin-right:auto;}
.top{width:376px;height:40px;margin:20px 0px 20px 0px;text-align:left;float:left;}
.top2{width:704px;height:80px;float:left;}
.base{width:1080px;height:35px;text-align:center;background-color:#d3d3d3;margin-left:auto;margin-right:auto;}
.base2{width:1080px;text-align:center;margin-left:auto;margin-right:auto;}
.base3{width:765px;height:35px;text-align:center;background-color:#f5f5f5;margin-left:auto;margin-right:auto;}
.left{width:765px;margin-right:15px;text-align:left;float:left;}
.catebox{width:335px;height:111px;display:block;padding:5px 10px 5px 0;margin:0 0 20px 10px;font-size:14px;border-bottom:solid 1px #c0c0c0;float:left;}
.ad{width:728px;text-align:center;margin-left:auto;margin-right:auto;}
.sns{list-style-type:none;margin:20px 0 30px 240px}

}