@charset "utf-8";
/* CSS Document */

/***** common *****/
body {background-color:#f7f7f7;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;}
ol {list-style-position:inside; margin-left:15px;}
.formBtn {margin:10px 0;}
p {margin-bottom:20px;}
a img:hover {opacity:0.7;}

@media screen and (min-width: 768px){
.jumbotron h1, .jumbotron .h1 {
    font-size: 32px;
}
}
h1, .h1 {
    font-size: 28px;
}

h1 a,a {color:#333;text-shadow:0 1px 1px #fff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
h1 a:hover,a:hover {color:#e60257; text-decoration:none;}


/* header */
@media (min-width: 768px){
header .inner,footer .inner {
    width: 750px;
}
}

@media (min-width: 992px){
header .inner,footer .inner {
    width: 970px;
}
}

@media (min-width: 1200px) {
header .inner,footer .inner {
    width: 1170px;
}
}

.inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px){
.jumbotron  {
    padding-top: 25px;
    padding-bottom: 25px;
}
}

.jumbotron {
    padding: 25px;
}
.jumbotron p {
    font-size: 15px;
}

header {background-color: #e60257;margin-bottom: 30px;}
header .container {width: 100%; margin:0px; padding:0px; }
.container .jumbotron {border-radius: 0px;margin-bottom: 0px;color: inherit;background-color: #fff;border-top: 4px solid #e60257;}
.container .jumbotron {-webkit-box-shadow: 0 1px 7px 0 #BB5982;
    -moz-box-shadow: 0 1px 7px 0 #BB5982;
    box-shadow: 0 1px 7px 0 #BB5982;}
header .row {
    margin: 0px;
}

header .col-md-12 {
    padding: 0px;
}

header .blockWrapper h5,footer .blockWrapper h5 {
    font-size: 150%;
    margin: 10px 0;
    padding: 20px 5px 15px;
    color: #fff;
}

header .blockWide .blockBody .entryList li,footer .blockWide .blockBody .entryList li {
    border-radius: 3px;
}



.img-thumbnail {
    padding: 0px;
    line-height: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
}

/* entry */
@media (min-width: 992px){
.entryDetail {padding-top: 48px;}
}
.entry {padding: 15px 20px;margin-bottom: 20px;border-top: 5px solid #e60257;}
.entryHead {}
.entryHead h3 {font-size: 22px;font-weight: bold;line-height: 1.3;margin:0;}
.entryInfo {text-align:right;padding: 10px 0;}
.entryInfo .entryPostDate {font-size:90%;}
.entryBody {margin: 0px 0 25px;}
.entryBody .entryImage {display:block;padding:0 5px 5px 0;background-color:#fff;}
.entryBody .entryImage img {
    max-width: 100%;
    padding: 0 10px 10px 0;
}
.entryBody .entryText {letter-spacing:0.15em;}
.entryReadMore {text-align:right;font-weight:bold;font-size: 14px;float: right;width: 60%;padding: 20px 0;}
.entryReadMore a,.bottom a {padding: 8px 25px;border-radius: 20px;background-color: #e60257;box-shadow:0 1px 2px #999;color: #fff;text-shadow: none;}
.entryReadMore a:hover,.bottom a:hover {background-color: #fff;color: #e60257;}
.entryFoot {clear:both;}
.entryTags a {margin-right: 6px;margin-bottom: 6px;display:inline-block;border-radius: 10px;background-color: #fff;color: #e60257;text-decoration:none;padding: 0px 10px;border: 1px solid #e60257;}
.entryTags a:hover {background-color: #e60257;color: #fff;text-decoration:none;padding: 0px 10px;border: 1px solid #e60257;}
.entryParts {padding-top: 10px;clear:both;}

/* entryList */



/* entryDetail */
.entryDetail .entryHead {float: none;width: 100%;}
.entryDetail .entryInfo {text-align: right;padding: 0px;}
.entryDetail .entryTitle {padding: 5px 0 20px;}

/* blogcard */
.blogCard {border:1px solid #ddd; margin:10px 0; padding:7px; box-shadow:0 1px 2px #ddd; background-color:#fffce0; width:100%; overflow:hidden;}
.blogCard .cardTitle {font-weight:bold;font-size:130%;color:#666;padding: 5px 0;}
.blogCard .cardBody {}

.blogCard .cardImage {display:block;float:left;width:25%;padding:2px;margin-right:5px;}
.blogCard .cardImage img {width: 100%;}
.blogCard .cardText {display:block; color:#999;}

/* block */
.blockWrapper {clear:both;}
.blockWrapper h5,h2 {font-weight:bold;padding: 0px 8px;margin: 15px 0px;color: #333;font-size:120%;border-left: 3px solid #e60257;}
.blockWrapper ul, .entry {list-style:none;background-color: #fff;-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.blockWrapper entryList {background-color: #fff;}
.blockBody {margin-bottom:10px;padding-bottom:10px;}
.blockBody li {display:table; table-layout:fixed; padding: 12px;vertical-align:top;width: 100%;border-top: 1px solid #eee;}
.blockBody li .blockImage {width: 50%;overflow:hidden; display:block; float:left;}
.blockBody li .blockImage img {width:100%;}
.blockBody li .blockTitle { display:block; float:left;vertical-align:top;font-weight:bold;padding-left: 12px; width: 50%;}

.blockWide .blockBody .linkList {width:100%; display:table; border:1px solid #ddd; padding:8px 0; font-size:125%; font-weight:bold;}
.blockWide .blockBody .linkList li {display:table-cell; text-align:center; border-right:1px solid #ddd; padding:8px 0;}
.blockWide .blockBody .linkList li:last-child {border-right:none;}
.blockWide .blockBody .entryList {display:table;border-collapse: separate;background-color: transparent;-moz box-shadow:0px 0px;-webkit-box-shadow:0px 0px;box-shadow:0px 0px;}
.blockWide .blockBody .entryList li {display: table-cell;float: left;width: 24%;background-color: #fff;padding: 15px;margin: 0 0.5% 1% 0.5%;}
.blockWide .blockBody .entryList li .blockImage {width:100%;height: 150px;display:block;}
.blockWide .blockBody .entryList li .blockTitle {display: block;width:100%;padding: 15px 0 0;line-height:1.3em;height: 3.6em;overflow:hidden;}

@media (min-width: 768px){
.blockMain .blockBody li .blockTitle  {font-size: 1.15em;line-height: 1.5em;}
}
@media (min-width: 768px){
.blockMain .blockBody li .blockImage  {width: 30%;}
.blockMain .blockBody li .blockTitle  {width: 70%;}
}



/* pager */
.pager {margin: 8px 0;text-align: right;}
.result {margin: 5px 15px;float: left;}
.result .amount {font-size:110%; font-weight:bold;}
.result .cal {font-size:110%; font-weight:bold;}
.pagenavi {margin:5px 0;}
.pagenavi a, .pagenavi span {padding: 3px 8px;background-color: #fff;border-radius:20px;border: 1px solid #e60257;color:#e60257;margin-right: 6px;text-shadow:none;font-weight: bold;}
.pagenavi .current {font-weight:bold;background:#d7d7d7;color:#fff;}
.pagenavi a:hover {font-weight:bold;background:#e60257;color:#fff;}

/* form */
.btn-primary {
    color: #fff;
    background-color: #e60257;
    border-color: #e60257;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	 border-radius: 20px;
	 font-weight: bold;
}
.btn-primary:hover {
    color: #e60257;
    background-color: #fff;
    border-color: #e60257;
}

/* footer */
footer {background-color: #e60257;margin-top:20px;}
.bottom {background-color: #fff;padding: 20px;-webkit-box-shadow: 0 1px 7px 0 #BB5982;-moz-box-shadow: 0 1px 7px 0 #BB5982;box-shadow: 0 1px 7px 0 #BB5982;}
.bottom .inner{text-align: right;}


@media screen and (max-width:768px) {
a {color:#0000b7;}
.entryHead {float:none; width:100%;}
.blockWide .blockBody .entryList li {display:inline-block;width: 48%;margin: 1%;}
.entryBody .entryImage {width:100%; float:none;}
.entryBody img {width:100%;}
.entryBody .entryText {float:none; width:100%;}
.entryReadMore {width:100%; text-align:center; float:none;}
.entryReadMore a {display:block; font-size:110%;}
.entryTags a {margin-right:15px;}
.entryParts a {font-size:110%; font-weight:bold;}
.tagList a {display:block;}
}