@charset "UTF-8";

@media print,  screen and (min-width: 768px) {
.top_main {background:url(../img/index/main.jpg) no-repeat center bottom; height:625px; margin:0 0 35px 0;}
.top_main_smp {display:none;}
nav li:first-child {margin-left:111px;}

div.ketsui {width:640px; margin:-50px 30px 0 90px; font-size:20px; float:left;}
h2 {text-align:center; font-size:32px; letter-spacing:5px; padding:0; margin:0 0 20px 0; color:#4D9A38; width:610px;}
.mayumaro,.ketsui_photo {float:right; margin:45px 80px 0 0; width:250px;}
.ketsui_photo img {width:250px;}
img.umoto_name {float:right; margin:15px 40px 80px 0;}

h3 {font-size:30px; border-left:solid 8px #A7CFA6; padding:0 0 0 25px; margin:0 0 20px 0; font-weight:normal; line-height:1.6em;}
.tw_box,.yt_box {float:left; margin:0px 25px 0px 25px; width:500px;}
.fb_box {text-align:center; margin:0 0 0 0; padding-bottom:80px;}
.tw_box img,.yt_box img,.fb_box img {margin-top:20px;}

#top_ct {font-size:0; line-height:0;}
.bnL img {margin:0 0 30px 0;}
.bnL a:nth-child(odd) {margin-right:20px;}
.bnS {text-align:center; margin-top:40px;}
.bnS img {margin:0 14px 70px 14px;}
}

@media screen and (max-width: 767px) {
.top_main {}
.top_main_smp {margin-top:55px;}

div.ketsui {margin:-30px 0 0 0px;}
div.ketsui:after {content:""; display:block; clear:both;}
h2 {text-align:center; font-size:22px; letter-spacing:3px; padding:0px 0 10px 0; margin-top:0px; font-weight:bold; color:#4D9A38;}
.mayumaro { text-align:center; margin:20px auto 0 auto;}
.ketsui_photo {margin:40px 0 40px 0;}
img.umoto_name {float:right; margin:0 20px 0px 0; height:25px;}

h3 {font-size:22px; border-left:solid 8px #A7CFA6; padding:0 0 0 25px; font-weight:normal; margin-bottom:10px;}
.tw_box:before,.yt_box:before {content:""; display:block; clear:both; height:10px;}
.tw_box,.yt_box {margin:0px 10px 0px 10px; clear:both;}
.fb_box {text-align:center; margin:0 10px 0 10px; padding-bottom:50px;}
.tw_box img {margin:20px 0 70px 0;}
.twframe {display:block; height:350px;}
.twbtn {clear:both; padding-top:10px;}
.yt_box img,.fb_box img {margin-top:20px;}
.yt_box iframe {width:100%;}

.twitter-timeline {height:50px;}
.yt_box iframe {height:200px;}

#top_ct {font-size:0; line-height:0;}
.bnL img {margin:0 0 15px 0;}
.bnL a:nth-child(odd) {margin-right:20px;}
.bnS {text-align:center; margin-top:30px; padding-bottom:0px;}
.bnS a {width:45%; display:inline-block; margin:0 2% 10px 2%;}
.bnS img {}

}