@charset "utf-8";


body {
}


.comments-open{
background-color: #dddddd;
}

@media (min-width: 960px)  {

.comment-box{
width:950px; 
padding-bottom:10px;
 margin-bottom:10px; 
 border-bottom:1px #dddddd solid; 
 text-align:center;
}

.comments-open{
width:930px;
margin:15px auto 30px auto;
padding: 25px;
font-size: 16px;
line-height: 22px;
background-color: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.comments-open2{
width:930px;
margin:15px auto 30px auto;
padding: 25px;
font-size: 16px;
line-height: 22px;
background-color: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.commentleft{
float:left;
width:280px;
text-align:left;
}

.commentright{
float:right;
width:600px;
text-align:left;
}
                     
.comments-open-footer-position{
margin-top:15px;
margin-left:86px;
}

.welcome{
padding-top:40px;
}
                    
                    
/* -------------------------------------
　フッター
-------------------------------------- */

.footer {
padding: 10px 20px;
overflow: hidden;
margin-top:20px;
border-top:1px dotted #999999;
}

#twt{
margin-left: 20px;
margin-top: 10px;
float:left;
}

#fb{
margin-left: 0px;
margin-top: 10px;
float:left;
}

.backlink{
float: right;
margin-right: 20px;
}

.backlink a{
color:#ffffff;
height: 40px;
line-height:40px;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.sp-about{
display:none;
}

}













.welcome{
width:100%;
background-repeat:repeat-x;
}

.welcome-centerimg{
margin:40px auto 20px auto;
text-align:center;
}

.welcome-centertext{
width:80%;
margin:0px auto 30px auto;
text-align:center;
padding: 15px;
font-size: 16px;
line-height: 24px;
background-color: #efefef;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

#toggle-background{
width:100%;
text-align:center;
padding-top:15px;
padding-bottom:15px;
background-image:url(https://www7.kobe-np.co.jp/blog/hitokoto2014/images/toggle-line.png);
background-repeat:repeat-x;
background-position:bottom;
}

#toggle-bar{
margin:-20px auto 30px auto;
text-align:center;
}

#toggle-bar2{
margin:-20px auto 30px auto;
text-align:center;
}

#toggule-toukouimage{
margin:0px auto 15px auto;
}


.m-unit{
margin:10px auto 20px auto;
width:80%;
}

.m-unit-inner{
border-bottom:1px solid #dddddd;
padding-bottom:7px;
font-size:16px;
text-align:center;
}

.m-unit-count{
font-size:36px;
}



/*
-----------------------------------------------
▼マソンリー
----------------------------------------------- */

#masonry-floor{
margin-left:auto;
margin-right:auto;
                     overflow:hidden;
}

.item {
width: 240px;
padding:12px;
border:1px #efefef solid;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
margin:12px 12px 48px 12px; 
float:left;
font-size:14px;
line-height:24px;
cursor:pointer;
}


.item:hover{
background: #efefef;
box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15) inset;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

a.item-honbun:link { color:#666666; }

.comment-midashi{
font-weight:bold;
font-size:20px;
border-bottom:#cccccc dotted 1px;
padding-bottom:8px;
margin-bottom:30px;
}

.comment-spec{
padding-top:10px;
}












/*
-----------------------------------------------
▼前の追加分
----------------------------------------------- */

.mm-unit{
margin-top:80px;
}

.nmb10{
margin-bottom:16px;
}

.hero-unit2 {
  padding: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 30px;
  color: inherit;
  border:1px solid #dddddd;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}


.featurette-divider {
margin: 50px 0; /* Space out the Bootstrap <hr> more */
}


.lead-h2 {
padding-top:25px;
font-size: 36px;
font-weight:bold;
line-height: 1.18;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.8);
}

.lead {
line-height: 1.25;
color: #1A75BB;
}


.rule li{
margin-bottom:20px;
}
                    
                 
                    
                    
                    /*
-----------------------------------------------
▼震災向け background指定
----------------------------------------------- */
               
                    #toggle-background{
                    background-color:#698296;
                    }

                    .modal-header{
                    background-color:#698296;                   
                    } 
                    



/*
-----------------------------------------------
▼メーンイメージ指定
----------------------------------------------- */


.t-main{
height:450px;
overflow:hidden;
text-align:center;
}

.wrapper{
width:100%;
}

.relative{
position:relative;
}

.t-main-back img{
z-index:1;
}

.glaytone-overlay{
position:absolute;
top:0px;
left:0px;
width:100%;
height:450px;
background-color:rgba(0,0,0,0.3);
}

.t-main-bottom{
position:absolute;
bottom:0;
margin:0 auto;
opacity:0.6;
text-align:center;
width:100%;
}

.t-main-area{
position:absolute;
width:100%;
top:65px;
text-align:center;
l

}

.t-main-title{
margin:0px auto;
width:400px;
}


.t-main-title img{
width:400px;
}

.welcome-centertext{
width:525px;
margin:0px auto 30px auto;
text-align:center;
padding: 15px;
font-size: 16px;
line-height: 24px;
background-color: #efefef;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}















@media (max-width: 959px) {

.navbar .brand{
font-size:12px!important;
padding-right: 0px;
padding-left: 3px;
margin: 0 0 0 -5px;
}




.pull-right img{
width:140px!important;
}

body{
padding-left:0px!important;
padding-right:0px!important;
}

 .navbar-fixed-top,
 .navbar-fixed-bottom,
 .navbar-static-top {
 margin-right: 0px!important;
 margin-left: 0px!important;
 }


.t-main-area{
top:25px;
}


.t-main-title{
width:80%;
max-width:400px;
}

.t-main-title img{
width:100%;
max-width:400px;
}

.welcome-centertext{
width:80%;
}

.welcome-centertext br{
display: none;
}





.comment-box{
padding-bottom:10px;
 margin-bottom:10px; 
 border-bottom:1px #dddddd solid; 
 text-align:center;
}

.comments-open{
width:75%;
margin:15px auto 30px auto;
padding: 25px;
font-size: 16px;
line-height: 22px;
background-color: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.comments-open2{
width:75%;
margin:15px auto 30px auto;
padding: 25px;
font-size: 16px;
line-height: 22px;
background-color: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}


.commentleft{
width:100%;
text-align:left;
padding-bottom: 35px;
}

.commentleft-sp{
display:none;
}

.commentright{
width:100%;
text-align:left;
}
                     
.comments-open-footer-position{
margin-top:15px;
text-align:center;
}


                    
                    
/* -------------------------------------
　フッター
-------------------------------------- */

.footer {
padding: 10px 20px;
overflow: hidden;
margin-top:20px;
border-top:1px dotted #999999;
}

#twt{
}

#fb{
margin-top: 10px;
}

.backlink{
float: right;
margin-right: 20px;
}

.backlink a{
color:#ffffff;
height: 40px;
line-height:40px;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.pull-right{
padding-right:20px;
}

.sp-copyright{
padding:0px 20px 0px 20px;
}

.pc-about{
display:none;
}

.sp-about{
display:block;
padding:20px;
}


}