@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Cabin+Sketch);
html {
  position: relative;
  min-height: 100%;
}
body {line-height: 1.8; background: #fff; margin-bottom: 60px;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif; margin: 0; }

i{
	padding-right:5px;
	
}
a{
	color:#333;
}

.logomark{
	font-family: 'Cabin Sketch', cursive;
	font-size:2.5em;
	color:#e37987;
}
.container {
    max-width: 100%;
}

.jcolor{
	background:#9DC6D8;
}
.navbar {
    margin-bottom:0;
  }
.jumbotron {
      margin-bottom:0;
}

.search{
	text-align:center;
	margin-top:15px;
	padding:5px;
}

.POSTIMAGE{
	background:#fff;
	margin-top:15px;
	padding-bottom:15px;
}
/* #footer */
#footer {
    background: #eee;
    border-top: 4px solid #e1e1e1;
    font-size: 0.8em;
    padding: 20px 0 0;
    position: relative;
    clear: both;
    margin-top:20px;
	width:100%;
}

.footer-col h3{
    color:#7e7e7e;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}
.footer-btm{
    margin-top: 30px;
    padding: 20px;
    background-color: #FF6699;
	color:#fff;
}

.footer-btm a{
    color:#fff;
}

.footnav{
	text-align:center;
	padding-top:20px;
	font-size:0.9em;
}



.PicSection ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
}
.PicSection ul li {     
          list-style:none;
          margin-bottom:15px;           
      }
.PicSection ul li img {
          cursor: pointer;
      }

.trpink{
	color:#E3868F;
}


.comment-title {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
}

    .for-mobile .comment-title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
    }

h2.comment-title {
        border-bottom: 2px solid #f3abb5;
        /*color: #000;*/
        padding-bottom: 10px;
    }
    
        .for-mobile h2.comment-title {
            padding: 10px;
            border-left: 2px solid #f3abb5;
            border-bottom-style: none;
            background-color: #f7f3ea;
            font-size: 17px;
            font-size: 1.7rem;
        }


section#admin {
    padding: 10px 0;
}

section#admin h2 {
    margin: 0;
    font-size: 3em;
}

section#admin.success {
    color: #fff;
    background: #18bc9c;
}

	.nopadding {
	   padding: 3px !important;
	   margin:  0px !important;
	}

.title {
    font-size 17px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
        border-bottom: 2px solid #f3abb5;
        /*color: #000;*/
        padding-bottom: 5px;

}

    .for-mobile .title {
        font-weight: bold;
        margin: -11px -10px 0 -10px;
        padding: 10px;
        background-color: #f7f3ea;
        border-width: 1px;
        border-style: solid none;
        border-color: #e3ded3;
    }
    
    .for-mobile .title {
        font-size: 13px !important;
        font-size: 1.3rem !important;
    }
        
    .title .note {
        float: right;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 0.8em;
        font-weight: normal !important;
    }
    .title .more {
        float: right;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 0.8em;
        font-weight: normal !important;
		color:#999;
    }
    
        .for-mobile .title .note {
            margin-top: 0.1em;

       }

	.pic_title{
		font-size:16px;
		font-weight:bold;
	}
	.owner{
		font-size:14px;
	}
	.imginfo{
		font-size:9px;
		margin-top:0.8em;
		color:#888;
	}
	.top_info{
		font-size:11px;
		margin-top:0.8em;
		color:#888;
	}

.fukidashi {
	position: relative;
    display: inline-block;
    border: 1px solid #ccc !important;
    font-size: 11px;
    font-size: 1.1rem;
    margin-left: 8px;
    padding: 5px;
    line-height: 1;
    border-radius: 3px;
    background-color: #fff;
    color: #666 !important;
    vertical-align: middle;
}

    .for-mobile .fukidashi {
        padding-bottom: 6px;
    }
    
.fukidashi:after, .fukidashi:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.fukidashi:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	top: 50%;
	margin-top: -5px;
}

.fukidashi:before {
	border-color: rgba(204, 204, 204, 0);
	border-right-color: #cccccc;
	border-width: 6px;
	top: 50%;
	margin-top: -6px;
}



		#menu ul{
			display:table;
			table-layout: fixed;
			width:100%;
			margin-top:5px;
			padding:0;
			background:#efefef;
		}
		#menu li.active{
			padding-top:5px;
			display:table-cell;
			text-align:center;
			border-bottom:3px solid #FF6699;
			color:#FF6699;
		}
		#menu li{
			display:table-cell;
			text-align:center;
			border-bottom:3px solid #c0c0c0;
			color:#666;
		}
		#menu small{
			display:block;
			text-align:center;
			margin-top:-5px;
		}
		.title {
		    font-size 17px;
		    font-size: 1.6rem;
		    font-weight: bold;
		    margin-bottom: 10px;
		        border-bottom: 1px solid #ccc;
		        /*color: #000;*/
		        padding-bottom: 5px;
		}
		.help-block{
			font-size:0.8em;
		}

		.numbadge{
			margin-top:-65px;
			padding-left:40px;
		}
		.badge{
			background:#9bc848;
		}
		.title {
		    font-size 17px;
		    font-size: 1.6rem;
		    font-weight: normal;
		    margin-bottom: 10px;
		        border-bottom: 1px solid #ccc;
		        /*color: #000;*/
		        padding-bottom: 5px;

		}

		#Infomation ul{
			list-style-type: none;
			padding:0;
		}
		#Infomation li{
		        border-bottom:1px solid #eee;
				display:block; 
				font-size:12px;
		}

		#Infomation i{
				color:#e8b536;
		}
		.dayinfo{
			display:block;
			color:#ccc;
			font-size:11px;
		}

#mypicinfo{
		margin-top:30px;
	}


/*-------------------------------------------------------------------------
	Navigation Bar
*/
		.navbar-custom {
		  background-color: #ffffff;
		  border-color: #eeeeee;
		}
		.navbar-custom .navbar-brand {
		  color: #a19999;
		}
		.navbar-custom .navbar-brand:hover,
		.navbar-custom .navbar-brand:focus {
		  color: #897e7e;
		  background-color: transparent;
		}
		.navbar-custom .navbar-text {
		  color: #a19999;
		}
		.navbar-custom .navbar-nav > li:last-child > a {
		  border-right: 1px solid #eeeeee;
		}
		.navbar-custom .navbar-nav > li > a {
		  color: #a19999;
		  border-left: 1px solid #eeeeee;
		}
		.navbar-custom .navbar-nav > li > a:hover,
		.navbar-custom .navbar-nav > li > a:focus {
		  color: #c0c0c0;
		  background-color: transparent;
		}
		.navbar-custom .navbar-nav > .active > a,
		.navbar-custom .navbar-nav > .active > a:hover,
		.navbar-custom .navbar-nav > .active > a:focus {
		  color: #c0c0c0;
		  background-color: #eeeeee;
		}
		.navbar-custom .navbar-nav > .disabled > a,
		.navbar-custom .navbar-nav > .disabled > a:hover,
		.navbar-custom .navbar-nav > .disabled > a:focus {
		  color: #cccccc;
		  background-color: transparent;
		}
		.navbar-custom .navbar-toggle {
		  border-color: #dddddd;
		}
		.navbar-custom .navbar-toggle:hover,
		.navbar-custom .navbar-toggle:focus {
		  background-color: #dddddd;
		}
		.navbar-custom .navbar-toggle .icon-bar {
		  background-color: #cccccc;
		}
		.navbar-custom .navbar-collapse,
		.navbar-custom .navbar-form {
		  border-color: #ededed;
		}
		.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
		.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
		  border-top-color: #c0c0c0;
		  border-bottom-color: #c0c0c0;
		}
		.navbar-custom .navbar-nav > .open > a,
		.navbar-custom .navbar-nav > .open > a:hover,
		.navbar-custom .navbar-nav > .open > a:focus {
		  background-color: #eeeeee;
		  color: #c0c0c0;
		}
		.navbar-custom .navbar-nav > .open > a .caret,
		.navbar-custom .navbar-nav > .open > a:hover .caret,
		.navbar-custom .navbar-nav > .open > a:focus .caret {
		  border-top-color: #c0c0c0;
		  border-bottom-color: #c0c0c0;
		}
		.navbar-custom .navbar-nav > .dropdown > a .caret {
		  border-top-color: #a19999;
		  border-bottom-color: #a19999;
		}
		@media (max-width: 767) {
		  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
		    color: #a19999;
		  }
		  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
		  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
		    color: #c0c0c0;
		    background-color: transparent;
		  }
		  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
		  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
		  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
		    color: #c0c0c0;
		    background-color: #eeeeee;
		  }
		  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
		  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
		  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		    color: #cccccc;
		    background-color: transparent;
		  }
		}
		.navbar-custom .navbar-link {
		  color: #a19999;
		}
		.navbar-custom .navbar-link:hover {
		  color: #c0c0c0;
		}


		.home{
			padding:5px;
			text-align:center;
			margin:0;
		}

		.navbar-brand {
		  padding-top:5px;
		  background: url("http://sp.mojimaru.com/img/logo.png") no-repeat left center;
		  background-size: contain;
		  height: 45px;
		  width: 250px;
		}
		.zeropadding{
			padding:0;
			margin:0;
		}
		.cap{
			background: rgba(51,51,26,0.7);
			background: #333 \9;
			width: 100%;
			padding: 2px;
			position: absolute;
			left: 0px;
			bottom: 0px;
			color:#fff;
			font-size:10px;
		}
		img{	
			z-index:-1;

		}
		.wrap {
			padding:0;
			margin:0;
		}
		.wrap strong{
			font-size:16px;
			font-weight:normal;
			padding-left:5px;
		}
		.wrap a {
		    display: block;
		    width: 100%;
		    height: 100%;
			text-decoration:none;
			background:#fff;
			padding:5px 5px;
			border:1px solid #ccc;
		}
		.minit{
			font-size:10px;
			color:#666;
			display:block;
		}
/*-------------------------------------------------------------------------
	InfoMation Badge
*/

		.badge1 {
		   position:relative;
		}
		.badge1[data-badge]:after {
		   content:attr(data-badge);
		   position:absolute;
		   top:-60px;
		   right:-30px;
		   font-size:.7em;
		   background:#00B2CA;
		   color:white;
		   width:18px;height:18px;
		   text-align:center;
		   line-height:18px;
		   border-radius:50%;
		   box-shadow:0 0 1px #333;
		   z-index: 99;
		}

	.pic_frame{
		display: block;
		margin: 0 auto;
		padding: 4px;
		background: #fff;
		border: 1px solid #bfbfbf;
		z-index:-1;
	}

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.Titleh3 {
	margin: 0 0 10 0;
	padding: 10px 15px;
	background-color: #e56183;
	background-image: -webkit-linear-gradient(-45deg, #de3d66 25%, transparent 25%, transparent 50%, #de3d66 50%, #de3d66 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #de3d66 25%, transparent 25%, transparent 50%, #de3d66 50%, #de3d66 75%, transparent 75%, transparent);
	background-size: 12px 12px;
	text-shadow:1px 1px 2px rgba(0,0,0,.3);
	color:#FFFFFF;
	font-size:14px;
}
.Titleh4{
	padding:10px 0;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
#menu01{
	  list-style: none;
	  width: 300px;
	  padding: 0;
	  margin: 0 auto;
	}
	#menu01 li{
	  list-style: none;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  border-bottom: 1px solid #666;
	}
	#menu01 li:last-child{
	  border-bottom: 0px;
	}
	#menu01 li a{
	  position: relative;
	  display: block;
	  margin: 0;
	  padding: 10px;
	  background: #eee;
	  color: #333;
	  font-weight: normal;
	  text-decoration: none;
	}
	#menu01 li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 25px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #222;
	}
	#menu01 li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 30px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #eee;
	}

#ad-mini{
	padding:5px 0;
}

.marker {
  background: linear-gradient(transparent 40%, #FFB96D 40%); 
  position: relative;
}
 
.marker:before {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 16px solid #FFB96D;
    border-left: 6px solid transparent;
    position: absolute;
    bottom: 0;
    left: -6px;
}
 
.marker:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid #FFB96D;
    border-right: 6px solid transparent;
    position: absolute;
    bottom: 0;
    right: -6px;
}


	.toptitle{
		background:#5CBEFC;
		color:#fff;
		padding:10px;
		font-size:18px;
		margin-top:0px;
	}
	.subtitle{
		display:block;
		font-size:10px;
		padding-top:5px;
	}


#menu02{
	  list-style: none;
	  width: 250px;
	  padding: 0;
	  margin: 0 auto;
	}
	#menu02 li{
	  list-style: none;
	  width: 100%;
	  margin: 0;
	  padding: 0;
	  border-bottom: 1px solid #666;
	}
	#menu02 li:last-child{
	  border-bottom: 0px;
	}
	#menu02 li a{
	  position: relative;
	  display: block;
	  margin: 0;
	  padding: 10px;
	  background: #eee;
	  color: #333;
	  font-weight: normal;
	  text-decoration: none;
	}
	#menu02 li a:before{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 25px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #222;
	}
	#menu02 li a:after{
	  display: block;
	  content: "";
	  position: absolute;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 50%;
	  right: 30px;
	  width: 10px;
	  height: 10px;
	  margin-top: -5px;
	  background: #eee;
	}
	.h2Title{
		background:#5CBEFC;
		padding:10px;
		color:#fff;
		font-size:16px;

	}