@charset "UTF-8";
/**
 * メインスタイルシート
 * 呼出箇所：全てのページ
 */

/* 
----------------------------------------------- */

#main_contents {
    width: 800px;
    margin: 0 auto;
    padding: 60px 0 120px 0;
min-height:900px;
}

#main_contents .mail-description{ padding-top:15px;}
#main_contents .mail-description p{ margin-bottom:15px;}
#main_contents h2{ color:#fff; font-size:20px; background:#e4007f; padding:10px; text-align:center;}
#main_contents h3{ font-size:20px; color:#e4007f; margin-top:20px; text-align:center;}
#main_contents form{ margin-top:30px;}

#main_contents table {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
width:100%;
font-size:12px;
}
#main_contents table th {
width: 30%;
padding: 10px;
font-weight: bold;
vertical-align: top;
border: 1px solid #ccc;
background:#e6e6e6;
}
#main_contents table td {
width: 70%;
padding: 10px;
vertical-align: top;
border: 1px solid #ccc;
}
.contents-navi{ display:none;}

/*news*/

#main_contents .post:nth-child(1){border-top:1px solid #CCC;}
.post{padding-top: 0px; padding-bottom:0px;  margin-bottom: 0px;}
.post a{ display: block; padding: 15px 0;}
.post a h4{ font-size: 20px;background: url("/_shared/img/flag_icon.png") no-repeat; background-size: 40px; padding-left: 60px;}
.pagination{ padding-top: 20px; text-align: center; font-size: 16px;}
.pagination_in{ display: inline-block; }
.pagination .next, .pagination .prev{ border: 1px solid #e4007f;}
.pagination span span a{border: 1px solid #e4007f;}
.pagination .next a:hover, .pagination .prev a:hover { background-color: #e4007f;  color:#fff;}
.pagination .next:hover, .pagination .prev:hover { background-color: #e4007f;}
.pagination span span a:hover { background-color: #e4007f; color: #FFFFFF; }
.post-body{ display: none;}
#post-detail{ padding-top: 50px;}
#post-detail p{ margin-bottom: 1em;}
p.daybox{ text-align: right;}
p.daybox span.day{ background: #e4007f; font-size: 14px; color: #fff; display: inline-block; padding:3px 5px; }
h3.blog_kiji_title{font-size: 20px;background: url("/_shared/img/flag_icon.png") no-repeat; background-size: 40px; padding-left: 60px;}
.backin { width: 100%; display: block; text-align: center; margin-top: 30px;}
.backin a{ color: #999999; text-decoration: none;  display: inline-block; border:  solid 3px #999999; padding: 10px 30px;}
.backin a:hover{ color: #e4007f; text-decoration: none; border:  solid 3px #e4007f;}


@media screen and (max-width: 920px) {

#main_contents {
    width: 100%;
    margin: 0 auto;
    padding: 60px 10px 120px 10px;
min-height:900px;
box-sizing:border-box;
}

}

@media screen and (max-width: 640px) {

#main_contents { font-size:12px; min-height: auto;}
.submit{}
.submit .button{ font-size:12px; padding:5px 15px;}
.post a{ display: block; padding: 5px 0;}
.post a h4{ font-size: 14px;background-size: 20px; padding-left: 30px;}
.pagination{ padding-top: 20px; text-align: center; font-size: 14px;}
h3.blog_kiji_title{font-size: 14px;background:none; padding-left: 0;}

.backin { margin-top: 20px;}
.backin a{ color: #999999; text-decoration: none;  display: inline-block; border:  solid 3px #999999; padding: 5px 31px;}
.backin a:hover{ color: #e4007f; text-decoration: none; border:  solid 3px #e4007f;}

}