/*
Theme Name: Gridster-Lite
Theme URI: http://themefurnace.com/gridster-lite-theme/
Author: ThemeFurnace
Author URI: http://themefurnace.com
Description: Gridster is a tidy little portfolio theme for photographers and creative types. It has a grid-based homepage, left sidebar and space to show off your images in style. The theme is responsive so it will look good on every screen, from mobiles and tablets up to large desktop displays. Now upload your own logo via the theme customizer.
Pro version of this theme includes a full-featured theme options panel and customer support, see http://themefurnace.com/blog/portfolio/gridster

Version: 1.0.6.3
License: GNU General Public License
License URI: license.txt
Tags: blue, gray, white, left-sidebar, custom-background, custom-menu, featured-images, sticky-post, threaded-comments, sticky-post, translation-ready, responsive-layout

Gridster is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
*/

/* Import Reset and Defaults */
@import url("inc/defaults.css");


/* Links */

a {
	color: #0066ab;
	text-decoration: none;
}

 
a:visited {
	color:#0066ab;
}
a:hover, a:focus, a:active {
	color: #384249;
    filter: alpha(opacity=70);
	
	 -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
　　　-webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}

.sidebarwidget a {
	color: #8fb9d4;
	text-decoration: none;
}
.sidebarwidget a:visited {
	color:#8fb9d4;
}
.sidebarwidget a:hover, .sidebarwidget a:focus, .sidebarwidget a:active {
	color: white;
}
.posttitle a {
	color: #31373b;
	text-decoration: none;
}
.posttitle a:visited {
	color:#31373b;
}
.posttitle a:hover, .posttitle a:focus, .posttitle a:active {
	color: #8fb9d4;
}
.postmeta a {
	color: #979A9B;
	text-decoration: none;
}
.postmeta a:visited {
	color:#979A9B;
}
.postmeta a:hover, .postmeta a:focus, .postmeta a:active {
	color: #8fb9d4;
}

#blogtitle{
	font-family: 'Open Sans Condensed', sans-serif;
	color:white;
	font-size:30px;
	padding:10px;
	text-transform:uppercase;
　　　　margin: 0 0 1.5em;

}

#blogtitle a{
	color:white;
}

/* Theme Layout */
#container {
width:1250px;
	overflow:hidden;
line-height:2em;

float:left;
}
#sidebar {
	background-color: #384249;
	width:225px;
	border-right:5px solid #476172;
	border-left:5px solid #476172;
	text-align: center;
	float: left;
	color:#91a3af;
	font-size:12px;
	line-height: 15px;
	padding-bottom:30px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}
.logo {
	max-width:225px;
	overflow: hidden;
	margin-top:20px;
	margin-bottom:20px;
}
.tagline {
	margin-left:15px;
	margin-right:15px;
	font-size: 12px;
	line-height:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #272F34;
	box-shadow: 0 1px 0 #4B6272;
}
.sidebarwidget {
	text-align:left;
	margin-left:15px;
	margin-right:15px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom: 1px solid #272F34;
	box-shadow: 0 1px 0 #4B6272;
}
.sidebarwidget ul {
	margin:0px;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
}
.sidebarwidget li {
	font-size:12px;
	margin-bottom:10px;
}
.sidetitle {
	color:white;
	font-size:18px;
	text-transform: uppercase;
	margin-bottom:15px;
	margin-left:10px;
}
#main {
	margin-left:22px;
	margin-top:22px;
	float: right;
	width:990px;
	z-index:4;
}

.poste {
	background-color: white;
	text-align: center;
	width:225px;
	min-height:228px;
	border-bottom:5px solid #ECEDED;
	margin-right:18px;
	position:relative;
	margin-bottom:22px;
	display: inline-block;
	vertical-align: top;
}
.posttitle {
	color:#31373b;
	font-size:18px;
	margin-top:10px;
	margin-bottom:2px;
	padding-right:10px;
	padding-left:10px;
}
.postmeta {
	font-size:12px;
	padding-right:10px;
	padding-left:10px;
}
.postimg {
	width:225px;
	height:158px;
}
.portfoliooverlay span {
	font-size:40px;
	font-weight: bold;
	background-color: #384249;
	height: 45px;
	width: 75px;
	display:block;
	text-align: center;
	margin: 0 auto;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:80px;
	margin-top:45px;
	-moz-opacity: 0.20;
	-khtml-opacity: 0.20;
	opacity: 0.20;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	padding-top:30px;
	-moz-border-radius:75px;
	-webkit-border-radius: 75px;
	border-radius: 75px;
	line-height: 15px;
}
.portfoliooverlay:hover span {
	-webkit-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-webkit-transition-duration: 0.4s;
	-moz-transition: opacity 1s ease-in-out;
	opacity: 0.8;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay {
	position:absolute;
	top:0px;
	left:0px;
	width:225px;
	height:158px;
}
.portfoliooverlay:hover {
	-webkit-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-webkit-transition-duration: 0.4s;
	-moz-transition: border-bottom 1s ease-in-out;
	opacity: 1;
	-moz-transition-duration: 0.4s;
}
.portfoliooverlay a {
	color:white;
	display:block;
	width:225px;
	height:158px;
}
.portfoliooverlay a:hover {
	color:white;
	transition: all 0.5s ease-out;
}
.postimage {
	max-width:990px;
	width: 100%;
}
#postheading {
	padding-top:35px;
	margin-top:100px;
	line-height: 35px;
}
#postheading h1 {
	padding-left:10px;
	padding-right:30px;
	font-size:35px !important;
    padding:10px;
    border-top: 3px double #008caf;
    border-bottom: 3px double #008caf;
}
#content {
	background-color: #fff;
	padding:30px;
	padding-bottom:20px;
	max-width:990px;
	margin-top:-140px;
	overflow:hidden;

}
#meta {
	font-size: 12px;
	padding-left:5px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:25px;
	margin-left:-10px;
}

#meta li {
	display:inline;
	margin-right:40px;
	line-height: 30px;
}
#meta .datemeta {
	background-image: url(img/date-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .categorymeta {
	background-image: url(img/category-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .commentsmeta {
	background-image: url(img/comments-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}
#meta .authormeta {
	background-image: url(img/author-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:27px;
	padding-top:7px;
	padding-bottom:7px;
}


/* Titles */
.page-title {
	font-size:25px;
	margin-bottom:30px;
}
#reply-title {
	font-size:25px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:70px;
}
.comments-title {
	font-size:25px;
	margin-left:10px;
	margin-bottom:30px;
	margin-top:70px;
}


/* Comments */

.comment-notes {
	font-size:12px;
}
.form-allowed-tags {
	display:none;
}
.comment-form-comment textarea {
	width:70%;
	clear:both;
	padding:8px;
}
.comment-form-comment label {
	display:none;
}
.commentinfo {
	font-size: 11px;
	margin-top:10px;
}
.cancelcomment {
	margin-bottom:10px;
}
.loggedinauthor {
}
.form-allowed-tags {
	font-size:11px;
	margin-bottom:10px;
	margin-top:10px;
}
.comment-form-author label {
	margin-top:10px;
	font-size:11px;
	display:block;
}
.comment-form-author input {
	width:50%;
	padding:8px;
}
.comment-form-email label {
	font-size:11px;
	display:block;
}
.comment-form-email input {
	width:50%;
	padding:8px;
}
.comment-form-comment label {
	font-size:11px;
	display:block;
}
.comment-form-comment input {
	width:50%;
	padding:8px;
}
.comment-form-url label {
	font-size:11px;
	display:block;
}
.comment-form-url input {
	width:50%;
	margin-bottom:20px;
	padding:8px;
}
.edit-link {
	margin-left:10px;
	clear:both;
	display:block;
}
.comments {
	background-color: white;
	width:100%;
	margin-top:40px;
	position:relative;
	-webkit-box-shadow: 0px 0px 3px 0px #CCCBCB;
	box-shadow: 0px 0px 3px 0px #CCCBCB;
	moz-box-shadow: 0px 0px 3px 0px #CCCBCB;
	margin-left:40px;
	margin-bottom:40px;
	padding-bottom:20px;
	clear:both;
}
.comments ol {
}
#commentsform {
	padding-right:10px;
	position:relative;
	margin-bottom:0px;
}
#comments p {
}
.commentstop {
	border-bottom:1px solid #ececec;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
}
.yours {
	float:right;
	margin-top:20px;
}
.comment {
	padding-bottom:20px;
}
.avatar {
	float:left;
	margin-right:10px;
	padding: 2px;
	border: 1px solid #C8C8C8;
}
.comment-author {
	font-size: 12px;
	color:#010101;
	clear:both;
}
.comment-author a {
	border-bottom:0px;
	color:#000000;
}
.bypostauthor {
}
.comment-meta {
	font-size: 11px;
}
.comment-meta a {
	border-bottom:0px;
}
.comment-meta a:visited {
	border-bottom:0px;
}
.comment-body {
	margin-left:20px;
}
.comment-body p {
	margin-top:10px;
	line-height:20px;
	margin-left:47px;
}
.comment li {
	margin-top:20px;
}
.comment {
	list-style-type:none;
}
.children ul {
}
.depth-1 {
	margin-top:20px;
}
.depth-2 {
	margin-top:20px;
	margin-left:10%;
}
.depth-3 {
	margin-top:20px;
	margin-left:10%;
}
#comments .comment:last-child.depth-2 {
}
#comments .comment:first-child.depth-2 {
}
#comments .comment:last-child.depth-3 {
}
.comment-author-admin {
}
#comments ul.children {
}
.reply {
	float: right;
	position:relative;
	border-bottom:1px solid #ECECEC;
	width:100%;
	margin-bottom:25px;
	padding-bottom:25px;
	clear:both;
}
.comment-reply-link {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
a.comment-reply-link {
	float:right
}
a.comment-reply-link:visited {
	color: rgba(0, 0, 0, .8);
}
a.comment-reply-link:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
.commentinput {
	width:50%;
	margin-bottom:20px;
}
.commentbox {
	width:70%;
	height:150px;
}
.commentinfo {
	font-size: 11px;
	margin-top:20px;
}
.commentsubmit {
	margin-top:20px;
	display: block;
	background-color: #464646;
	color:white;
	border:0px;
	font-size: 11px;
	padding:5px 15px;
}
.commentsubmit:hover {
	background-color: #5E5E5E;
	cursor: pointer;
}
.cancelcomment {
	margin-bottom:10px;
}
.loggedinauthor {
}


/* Footer */

#footer {
	font-size:12px;
	clear:both;
	padding:20px;
        border-top:  1px dotted #727272;
   	 -webkit-box-shadow: 0 1px 0 #fcfcfc;
   	 -moz-box-shadow: 0 1px 0 #fcfcfc;
   	 box-shadow: 0 1px 0 #fcfcfc;
	background-color: #dbe3e5;
}
.nav-previous, .nav-next {
	padding-top:10px;
	padding-bottom:10px;
	display:block;
}


/* Responsive*/

img {
	max-width: 100%;
	height:auto;
}

/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 959px) {
 #container {
 width:680px;
}
}


/* 1024 Screens */
@media only screen and (min-width: 1000px) and (max-width: 1249px) {
#container {
 width:1000px;
}
 #main {
 width:740px;
}
 .portfoliooverlay span {
 line-height: 10px;
}
}


/* Portrait Tablets */
@media only screen and (min-width: 768px) and (max-width: 999px) {
 #container {
 width:750px;
}
 #main {
 width:490px;
}
 .portfoliooverlay span {
 line-height: 10px;
}
}


/*  Portrait Mobiles */
@media only screen and (max-width: 767px) {
 #container {
/* width:320px;*/
width:100%;
}
 #sidebar {
 width:310px;
 margin-bottom: 0px;
 padding-bottom: 30px;
}
#main {
width:100%;

/* width:285px;
 float: left;*/
 margin:0 auto;
 text-align:center;
 margin-left:0px;
 padding-top:25px;
 padding-left:25px;
 text-align: left;
}
.portfoliooverlay span {
 line-height: 10px;
}
 #postheading {
margin-top:-20px;
}
.poste{
	margin-left:25px;
}
 #content {
 margin-top:-20px;
 padding:10px;
}
 #meta li {
 display: list-item;
 list-style-type: none;
 width:150px;
 line-height: 18px;
}
}


/* Landscape Mobiles */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 #container {
/* width:540px;*/
 width:100%;

}
 #sidebar {
 width:225px;
 border-right:5px solid #476172;
 border-left:5px solid #476172;
 margin-bottom: -5000px;
 padding-bottom: 5000px;
}
 #main {
/* width:230px;
 margin-left:25px;
float:left;*/

 width:100%;

 margin-left:10px;

 text-align: left;
}
.poste{
	margin-left:15px;
}
.portfoliooverlay span {
 line-height: 10px;
}

 #content {

}
 #meta li {
 display: list-item;
 list-style-type: none;
 width:150px;
 line-height: 18px;
}
}


aside ul {
	float:left;
	width: 270px;
	padding: 10px;
}

/*--ここから追加--*/

.maintext {
line-height:20px;
}

#header {
 width:800px;
 min-height:90px;
 height:auto !important;
 height:188px;
 background:#5b646c url(img/headbg.png) repeat-x;
}

/*#header h1 {
 margin:5px 0 15px ;
}*/

#header ul {
 margin:0;
 padding:8px 10px 3px 10px;
 font-size:70%;
 text-align:right;
}

#header li {
 margin:0 0 5px 0;
 line-height:1.32em;
}

#header img {
 float:left;
}#header {
 width:100%;
 min-height:90px;
 height:auto !important;
 height:105px;
 background:#CCC url(img/headbg.png) repeat-x;
}

#header h1 {
 margin:10px 45px 0 35px;
font-size:1.2em;
}

#header ul {
 margin:0;
 padding:8px 10px 3px 10px;
 font-size:70%;
 text-align:right;
}

#header li {
 margin:0 0 5px 0;
 line-height:1.32em;
}

#header img {
 float:left;
}


h2{
    position: relative;
    color: #31373b;
    font-size: 1.143em;

    margin: 10px 0 1.143em;
    padding: 0.5em 0.5em 0.5em 1.5em;
    border-bottom: 3px solid #DDD;
}
 
h2:before{
    content: "";
    position: absolute;
    background: #e7b891;
    top: 0;
    left: 0.2em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h2:after{
    content: "";
    position: absolute;
    background:#ca8044;
    top: 0.5em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
/**固定・投稿のh３**/
h3.subpost{
	padding: 0.09em 0 0.09em 1.5em;
	border-left: 6px solid #008caf;
	color:#4e5157;
	margin:40px 0;
}

/**ヘッダー要素**/

#h_title {
	color:#3d73a3;
	font-size: 3.2rem;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    	position:relative;
  	top: 20px;
	left:50px;
  	right: 0;


}

/**breadclumb**/
.breadcrumbs{
	margin-top:25px;
	padding-left:25px;
	font-size:0.9em;
	color:#ddd;
	padding-bottom:10px;
/*	height:25px;*/
	float:left;
	width:100%;
	background:#5d666e;
	z-index:-4000px;
}

.breadcrumbs a:link,a:visited{color:#7ec0df;}
.breadcrumbs a:hover{color:#FDFDFD;}


/**bt

.btn { float:left;

	background: -moz-linear-gradient(top,#09C 0%,#09C 50%,#069 50%,#069);
	background: -webkit-gradient(linear, left top, left bottom,from(#09C), color-stop(0.5,#09C), color-stop(0.5,#069),  to(#069));
	border: 1px solid #DDD;
color: #FFF;
	width: 120px;
	padding: 10px ;
        font-size:1.2em;
        text-align:center;
margin-right:5px;
}*/

.btn { float:left;
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #1847a0 0%, #3498db 100%);
	background: linear-gradient(to bottom, #1847a0 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	width: 125px;
	padding: 10px ;
        font-size:1.5em;
font-weight:bold;
        text-align:center;
	margin-right:5px;
margin-bottom:20px;
}

.btn a:link,a:after {color:#DDD;}
.btn a:hover{color:#FDFDFD;}


.topbn {
	float:left;
	padding-right:10px;
	margin-bottom:20px;
	width:50%;
}

h2.topic {padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;}

/**box**/

.box-medium{
/*	width: 850px;*/
	width:90%;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	border: solid 1px #036983;
	behavior: url(http://shonanisan.net/wp-content/themes/gridster-lite/PIE.htc9);
	margin-bottom:20px;
}

.box-medium h4{
	padding: 10px;
	background: #036983;
	color: #FFFFFF;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	behavior: url(http://shonanisan.net/wp-content/themes/gridster-lite/PIE.htc9);
	text-align:center;
}
.box-medium h5 {
	font-weight:bold;
	text-align:center;
}
.box-medium p{
	text-align:center;
	padding: 10px;
}
/**button**/
a.button{
  display:inline-block;
	
	font:normal normal 300 1.3em 'Open Sans';
	text-decoration:none;	
	
	color:rgba(0,140,175, 1);
	brackground-color:transparent;
	border:1px solid rgba(0,140,175, 1);
	border-radius:100px;
	
	padding: .3em 1.2em;
	margin:5px;
	
	font-weight:bold;		
	background-size: 200% 100%;	
	background-image: linear-gradient(to right, transparent 50%, rgba(0,140,175, 1) 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

a.button:hover{
	color:rgba(255, 255, 255, 1);
	background-color:rgba(0,140,175,1);
	background-position: -100% 100%;
}

/**投稿**/
h1.detaile_p {
font-size:1em;
}


h1.detaile_p {
	position:relative;
	padding:5px;
	background:#99d6f2;
	box-shadow:
		10px 0 0 0 #99d6f2,
		-10px 0 0 0 #99d6f2,
		0 3px 3px 0 rgba(0,0,0,0.1);
margin-bottom:35px;
}
h1.detaile_p:before{
	content:" ";
	position:absolute;
	top:100%;
	left:-10px;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}
h1.detaile_p:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:20px 10px;
	border-style:solid;
	border-color:#88ccef;
	border-right-color:transparent;
}

h1.detaile_p a{
color:#e9e8e8;
border:solid 1px #3f92c6;
padding:5px 10px;
border-radius:5px;
background: #3f92c6;
}

h1.detaile_p a:hover{
color:#3f92c6;
opacity: 0.7;     /* 透過レベル */
    filter: alpha(opacity=70);
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
background:#fff;
}

/**
h1.detaile_p {
font-size:1.2em;margin-bottom:35px;
	position: relative;
	padding-bottom: .5em;
}

h1.detaile_p::before,
h1.detaile_p::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
     
}
h1.detaile_p::before {
	z-index: 2;
	width: 15%;
	background-color: #ddd;

}
h1.detaile_p::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #ddd 2px, #ddd 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #ddd 2px, #ddd 4px);
}
**/
.recpct img{padding:5px;}
.recomend {
	
	position: relative;
	padding-bottom: .5em;
	margin-bottom:20px;
	position: relative;
	padding: .2em .8em .1em .8em;
	background:url(../../uploads/2015/12/recicon.png) #e5ebed no-repeat 5px 15px;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;

}
.recomend p {
	font-size:1em;
	padding-top:25px;
	padding-left:30px;	
}
.recomend::after {
	position: absolute;
	bottom: -9px;
	right: 10%;
	content: '\002702';
	color: #aaa;
	font-size:18px;
	line-height: 1;
}

/**お問い合わせ**/

#contact_box {
         border:solid 1px #ddd;
width:600px;
line-height:2em;
font-size:1.5em;
          padding:20px;
	 border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

/**hometopics**/

#hometopics{
	float:left;
/*	margin-top:40px;*/
	margin-top:10px;
/*	width:990px;*/
	width:100%;
}

#topic-fb{
	float:left;
	margin-left:25px;
}

#topic{
	float:left;
	margin-left:10px;
/*	width:390px;*/
	width:44%;
	height:auto;
}

#topic ul li{
	list-style:none;
}
.topic-title{
	height:14px;
	position:relative;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	margin-bottom:10px;
	padding-bottom:30px;
	border-color:#000;
	color:#000;
}

.topic-title img{
	position:absolute;
	top:0;
	left:0;
}

.topicbox{
	float:left;
/*	width:370px;*/
	width:100%;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

.topicbox-left{
	float:left;
	width:70px;
	color:#07f;
	padding:0;
	font-weight:bold;
}

.topicbox-right{
	float:left;
	width:300px;
	color:#000;
}

.topicbox a{
	color:#07f;
	text-decoration:none;
}

.topicbox a:hover{
	color:#07f;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	text-decoration:none;
	border-color:#07f;
}

/**サイドメニューボタン **/

.sidebarwidget li {
	background: -moz-linear-gradient(top,#404b53 0%,#333c42);
	background: -webkit-gradient(linear, left top, left bottom, from(#404b53), to(#333c42));
	border: 1px solid #333c42;
	color: #111;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
/*	width: 150px;*/
	padding: 10px;
font-size:13px;
}

/** test 田邊追加12/15 **/

.btn2 { float:left;
	border:solid 1px;
	background: #fff;
	color: #000;
/*	width: 250px;*/
	padding: 0px ;
    	font-size:1.1em;
    	text-align:left;
	margin-right:5px;
	margin-bottom:10px;
}

.btn2 a:link,a:after {color:#DDD;}
.btn2 a:hover{color:#FDFDFD;}

.midashi {
   margin-top:-50px;
   margin-bottom:0px!important;
   margin-left:0px!important;
   opacity: 0.55; /* 55％不透明度（＝45％透過） */
   background-color: #000000;
   color: white;
}

.topbn2 {
	float:left;
	margin-bottom:20px;
	text-align:right;
}

.btn3 { float:left;
	border:solid 1px;
	background: #fff;
	color: #000;
	width: 225px;
	height:158px;
	padding: 0px ;
    	font-size:1.1em;
    	text-align:left;
	margin-right:5px;
	margin-bottom:10px;
}

@media screen and (max-width:768px){
	#h_title{
		display:none;
	}

	.topbn {
		float:left;
		margin-bottom:20px;
		width:100%;
	}

	#topic{
		float:left;
		width:100%;
		height:auto;
		margin-left:0px;
	}

	.topicbox-right{
		float:left;
		width:100%;
		color:#000;
		margin-left:0px;
	}
	.btn2 {
		float:left;
		border:solid 1px;
		background: #fff;
		color: #000;
	    	text-align:center;
		margin-bottom:10px;
	}

	.btn3 {
		float:left;
		border:solid 1px;
		background: #fff;
		color: #000;
	    	text-align:center;
		margin-bottom:10px;
	}
	
	#content ul {
    padding-left: 0px!important;

}
}


@media screen and (max-width:640px){
	#h_title{
		display:none;
	}

	.topbn {
		float:left;
		margin-bottom:20px;
		width:100%;
	}

	#topic{
		float:left;
		width:100%;
		height:auto;
		margin-left:0px;
	}

	.topicbox-right{
		float:left;
		width:100%;
		color:#000;
		margin-left:0px;
	}
	.breadcrumbs{
		width:92.3%;
	}
}
/*201604追加*/
.button_vote {
	position: relative;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0px 1px 0px #f56778;
	padding:10px;
	font-size:1.8em;
	width:95%;
	text-align:center;
	letter-spacing:0.3em;
}
.button_vote,
.button_vote:hover {
	border-bottom: 4px solid #cb5462;
	background-color: #f56778;
	background-image: -webkit-linear-gradient(top, #f997b0, #f56778);
	background-image: linear-gradient(to bottom, #f997b0, #f56778);
	box-shadow: inset 1px 1px 0 #fbc1d0;
}
.button_vote::before,
.button_vote::after {
	bottom: -1px;
	left: -1px;
	width: 200px;
	height: 50px;
	border: 1px solid #ee8090;
	border-bottom: 1px solid #b84d5a;
	border-radius: 4px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
}
.button_vote::before {
	height: 48px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
}
.button_vote:hover {
	background: #f56778;
	background-image: -webkit-linear-gradient(top, #f56778, #f997b0);
	background-image: linear-gradient(to bottom, #f56778, #f997b0);
	color: #913944;
	text-shadow: 0px 1px 0px #f9a0ad;
}
.button_vote:active {
	bottom: -4px;
	margin-bottom: 4px;
	border: none;
	box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.button_vote:active::before,
.button_vote:active::after {
	border: none;
	box-shadow: none;
}

/*******/
.arrow_box {
	position: relative;
	background: #78c0cf;
	border: 4px solid #c2e1f5;
	border-radius: 10px;
	margin-bottom:20px;
	padding:20px;
	line-height:150%;
	width:95%;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(120, 192, 207, 0);
	border-top-color: #78c0cf;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 36px;
	margin-left: -36px;
}

.arrow_box h4{
	color:#ffffff;
	font-weight:bold;
	font-size:1.5em;
	margin-top:0;
	margin-bottom:10px;
}

.vote_rule{
	background:#6FF;
	border-radius:5px;
	font-size:1.4em;
	padding:10px;
	line-height:150%!important;
}

/**201605サイドバーボタン**/
.button_sdb {
	position: relative;
	background-color: #ffff01;
	border-radius: 4px;
	line-height: 180%;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #e7e703;
font-size:1.6em;
text-align:center;
padding:5px;
font-weight:bold;
}
.button_sdb a{
color:#e32549;
}

.button_sdb a:hover{
color:#e32549;
}

.button_sdb a:visited{
color:#e32549;
}
.button_sdb:hover {
	top: -4px;
	box-shadow: 0 7px 0 #e7e703;
}
.button_sdb:active {
	top: 3px;
	box-shadow: none;
}
/*角丸背景*/

tsmall{
font-size:9px!important;
}
p.comment {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background-color:#C2E1F5;
	padding:10px;
	line-height:150%!important;
	margin-bottom:40px!important;
}

h4.sub_tt{
       padding: .5em .75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top:20px;
}

.votemenu {
    background-color: #fff !important;
    font-size: 20px !important;
    line-height: 150%;
}

/*other*/
.mb-3{
	margin-bottom:2em;
}

ul.foo li{
	display: inline-block!important;
	width:45%;
	margin-left:20px;
    margin-bottom:2em;
	list-style:none!important;
}



/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}


@media screen and (max-width:640px){
ul.foo li{
	width:100%;
	margin-left:0px;
	list-style:none!important;
}
}

@media screen and (max-width:767px){
#nav-drawer {
position: absolute;
top: 0;
right: 0;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
  margin:25px;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#sidebar {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 250px;/*最大幅（調整してください）*/
  height: 100%;
  background: #333c42;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #sidebar {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}




.sidebarwidget {
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:15px;
	margin-bottom:10px;
	border-bottom: 1px solid #272F34;
	box-shadow: 0 1px 0 #4B6272;
}
.sidebarwidget ul {
	margin:0px;
	list-style-type:none;
	margin-left:10px;
	margin-top:10px;
}
.sidebarwidget li {
	font-size:12px;
	margin-bottom:10px;
}

#topic-fb {
		width: 100%;
		max-width: 500px;
		margin-left:0px;
		margin-bottom:30px;
	}
	
	#postheading h1 {
    font-size: 28px !important;
	}
	#hometopics {
	    width: 90%;
	}
}