@charset "UTF-8";

#headerinner,
#globalNaviinner,
#contentsinner,
#footerinner{
  width:100%;
  margin:auto;
  position:relative;
}

/* ヘッダー
------------------------------------------ */
header {
  position: fixed;
  top: 0;
  width: 100%;
 /* height: 60px;
  background: #e4007f;*/
  background: linear-gradient(to right, #ff4d90, #fff641);
  background-image: -moz-linear-gradient(
    left,
    #ff4d90 0%,
    #fff641);
  background-image: -webkit-gradient(
    linear, left top, right bottom,
    from(#ff4d90),
    to(#fff641));
  z-index: 4;
}

header h1 {
  width:130px;
  height:33px;
  margin:5px auto 2px auto;
  background: url(../../images/sp_logo.png) no-repeat center top;
  background-size: contain;
  text-indent: -9999px;
}

header h1 a{
  display:block;
  width:100%;
  height:100%;
}

.headerWord{
  display:block;
  width:100%;
  font-size: 10px;
  color:#fff;
  text-align:center;
  padding-bottom:7px;
}

header .sb-toggle-left {
  position:absolute;
  left:10px;
  top: 18px;
  margin-top:-7px;
  cursor:pointer;
  line-height: 1;
  text-align: center;
  color:#fff;
}


header .sb-toggle-right {
  position:absolute;
  right:10px;
  top:50%;
  margin-top:-7px;
  cursor:pointer;
  line-height: 1;
  text-align: center;
}

/* ドロワーメニュー
------------------------------------------ */

#cateList{

}

#cateList li{
  border-bottom: 2px #333 solid;
  font-size: 86%;
}

#cateList li a{
  display:block;
  padding:15px;
  color:#fff;
}

#cateList li a span{
  margin-right:5px;
  color:#e4007f;
}

/* YCDボックス
------------------------------------------ */
#ycdBox{
  padding-top: 20px;
}

#ycdTitle{
  position: relative;
  margin-top:15px;
  padding:0px 10px 10px 34px;
  border-bottom: 3px solid #181818;
  font-size: 86%;
  font-weight:bold;
  color:#181818;
  letter-spacing: -0.5px;
}

#ycdTitle span{
  position:absolute;
  display:table;
  width:18px;
  height:18px;
  float:left;
  top:-1px;
  left:10px;
  background: #e4007f;
  font-size:75%;
  text-align: center;

  border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -o-border-radius: 2em;
  -ms-border-radius: 2em;

}

#ycdTitle span i{
  display:table-cell;
  color: #fff;
  vertical-align: middle;
}

.ycddetail{
  width:100%;
  text-align:center;
}


/* もっと読むボタン
------------------------------------------ */
.moreBtn,
.pastBtn{
  clear:both;
  width: 95%;
  margin: 20px auto;
  background: #e4007f;
  font-size: 115%;
  text-align: center;
  text-shadow: rgba(0,0,0,0.2) 0px -1px 0;
  -webkit-text-shadow: rgba(0,0,0,0.2) 0px -1px 0;
      border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}

.moreBtn a,
.pastBtn a {
  display: block;
  padding: 10px;
  color:#fff;
  text-decoration: none;
}

/* pagetop
------------------------------------------ */

#pagetop {
  position: fixed;
  bottom: 120px;
  right: 20px;
  display:none;
}

#pagetop span {
  position:absolute;
  display:table;
  width:40px;
  height:40px;
  top:0px;
  right:0px;
  background: #3B3B3B;

  text-align: center;
      border-radius: 2em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -o-border-radius: 2em;
  -ms-border-radius: 2em;
}

#pagetop a{
  display:table-cell;
  color: #fff;
  vertical-align: middle;
}

#mvBtn{
  clear:both;
  width: 100%;
  background: #e4007f;
  font-size: 100%;
  text-align: center;
  text-shadow: rgba(0,0,0,0.2) 0px -1px 0;
}

#mvBtn a {
  display: block;
  padding: 10px;
  color:#fff;
  text-decoration: none;
}

#mvBtn a i{
  margin-right: 10px;
}



/* footer
------------------------------------------ */
footer {
  width:100%;
  background:#f2f2f2;
  text-align:center;
}

footer .footerLink{
  width:95%;
  padding:15px 0;
  margin:auto;
  font-size:72%;
}

footer .footerLink li{
  float:left;
  margin-right: 10px;
}

footer .footerLink li a{
  color:inherit;
  text-decoration: underline;
}

footer .footerLink li a:hover{
  opacity: 0.7;
}

#sp_copyright {
  padding-top:15px;
  font-size:72%;
  line-height: 1.2;
  text-align:center;
}

#pc_copyright {
  padding:20px 0;
  font-size:86%;
  text-align:center;
  display:none;
}

/* 共通フッター */
#footerdetail{
 clear:both;
　display:block;
}

/*ページャー
----------------------------------------------*/

.pagerBox{
  display: block;
  position:relative;
  width:100%;
  background: #f2f2f2;
  margin:10px auto;
  font-size: 115%;
  font-family: Roboto,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.pagerBox .pagerInner{
  padding: 20px;
  width:50%;
  margin:auto;
  text-align: center;
}

.pagerBox .pagerInner span{
  padding: 0px 3px;
}

.pagerBox .prevBtn{
  position: absolute;
  top:50%;
  left:20px;
  margin-top: -32px;
}

.pagerBox .nextBtn{
  position: absolute;
  top:50%;
  right:20px;
  margin-top: -32px;
}

.pagerBox a{
  color:#666;
}


/*SNSリスト トップページ
----------------------------------------------*/

.snsList{
  width:95%;
  margin: 15px auto;
}

.snsList li{
    width: 23%;
    float: left;
    margin-right: 2.5%;
    padding: 10px 0;
    text-align: center;
    line-height: 1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.snsList li:last-child{
  margin-right:0;
}

.snsList li img{
  width:24px;
  height:auto;
}

.snsList .twBnr{
  background:#3fa8dd;
}

.snsList .fbBnr{
  background:#3f5a95;
}

.snsList .lnBnr{
  background:#00c300;
}

.snsList .htBnr {
    background: #00a4de;
}

/*SNSリスト 記事ページ
----------------------------------------------*/

.entrySNSBox{
  float:left;
  width:50%;
  margin: 10px auto;
}

.entrySNSBox li{
    width: 23%;
    float: left;
    margin-right: 2.5px;
    padding: 7px 0;
    line-height: 1;
    text-align: center;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}

.entrySNSBox li:last-child{
  margin-right:0;
}

.entrySNSBox li img{
  width:24px;
  height:auto;
}

.entrySNSBox .twBnr{
  background:#3fa8dd;
}

.entrySNSBox .fbBnr{
  background:#3f5a95;
}

.entrySNSBox .lnBnr{
  background:#00c300;
}

.entrySNSBox .htBnr {
    background: #00a4de;
}

/* Google Search
----------------------------------------------*/

#googlesearch {
background-color:#FFF;
border-style:solid;
border-width:1px;
border-color:#EEE;
color:#000;
text-align:left;
}

#googlesearch #srchInput {
    width: 60%;
    margin-right: 2%;
    vertical-align: bottom;
    -webkit-appearance: none;
    padding: 5px !important;
}

#googlesearch * {
  　margin: 5px;
    padding: 0;
    font-size: 13px;
    *font-size: small;
    *font: x-small;
}

#googlesearch #srch {
padding:10px 10px 0 10px;
}

#googlesearch #srch #srchForm {
white-space:nowrap;
}

#googlesearch #srchBtn {
    /*width:50px;*/
    width: 25%;
    height: 26px;
    background: #e4007f;
    color:#fff;
        border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border: medium none;
    cursor: pointer;
     -webkit-appearance: none;
}