/*
Theme Name: Express
Theme URI: http://www.yoarts.com/express-free-responsive-magazine-wordpress-theme/
Author: YoArts
Author URI: http://www.yoarts.com
Description: Express is a Free Responsive Magazine WordPress Theme with quiet simply design, your readers would have the friendly feeling which helps them to focus on “reading” content than “looking” your blog.
Version: 1.0.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: express
Domain Path: /languages/
Tags: black, blue, gray, white, light, two-columns, right-sidebar, responsive-layout, custom-menu, threaded-comments, translation-ready
*/
.postitem{
	display: block;
    width: 92%;
    height: 150px;
    margin: auto;
    padding-left: 10px;
    border-bottom: 1px dotted #a8a8a8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.postimg{
	display: block;
    clear:both;
	float: left;
	width: 20%;
	margin-top:5px;
	margin-left:5px;
}
.postimg img{
	width: 150px !important;
	height: 120px !important;
}
#thumarticle{
	display: block;
    float:left;
    margin-left: 40px;	
    width:70%;
}
#thumarticle h3{
	margin-top: 0px;
	margin-bottom: 5px;
}
#thumarticle h3 a{
	font-size:17px;
	font-weight: bold;
	color:#337ab7;
	text-decoration:none;
}
#thumarticle p{
	margin-top:10px;
    font-size: 14px;
    line-height: 20px;
}
.clear{
	clear: both;
}
.sidebar{
	display: block;
	width: 450px;
	float: right;
	padding-left: 0px;
	margin-left: 0;
}
.topMain{
	display: block;
	width: 790px;
	float: left;
	border-right: 1px solid #e5e5e5;
}
.container{
	display: block;
	padding-left:0px;
	padding-right:0px;
	margin: 0px;
	margin: auto;
}
.content{
	display: block;
	width: 1250px;
	padding-left:0px;
	padding-right:0px;
	margin: 0px;
}
body{
	margin: 0;
	padding: 0;
	background-color: white;
}
#topImage{
	display: block;
	width: 100%;
	height: 400px;
	text-align: center;
	background-color: white;
	background-image: url("http://minto.tech/wp-content/uploads/2015/09/pixelaTop1.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
}
.contentMain{
	width: 88%;
	margin: auto;
}
.contentMain img{
	display: block;
	width: 100% !important;
	height: auto !important;
	display: block !important;
	margin: auto !important;
	text-align: center !important;
}
.contentMain p{
	font-size: 16px;
	line-height: 28px;
	color: #202020 !important;
	margin-top:30px;
	margin-bottom: 30px;
}
.contentMain h2{
	border-bottom: 5px solid #64c7eb;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
	font-weight: 300;
	background-color: #fcfcfc;
}
.contentMain h3{
	border-left: 5px solid #64c7eb;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 25px;
	font-weight: 300;
}
h3#reply-title{
	 background-color: white;
}
#jp-relatedposts h3{
	background-color: white;
}
.wsbl_line img{
	width: 75px !important;
	height: 22px !important;
}
.entry-header h1.entry-title{
	font-size: 36px !important;
	color: #4d4d4d;
	line-height: 50px !important;
}
#mokuzi{
	width: 100%;
	border: 1px solid #c3c3c3;
	box-sizing: border-box;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-top: 30px;
}
#mokuzi ol{
	list-style: decimal;
	padding: 0;
	margin: 0;
	list-style-position: inside;
}
#mokuzi ul{
	list-style: circle;
	padding: 0;
	margin: 0;
	list-style-position: inside;
}
#mokuzi ol li ul{
	margin-left: 20px;
	padding: 0;
}
p.syutten{
	font-size: 14px;
	color: #959595;
}
p.syutten a{
	color: #959595;
}
.shopInfo{
	display: block;
	width: 100%;
	height: auto;
	padding:10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f7f7f7;
	margin-top: 30px;
}
.divList{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	padding: 15px;
	border: 1px solid #b8b8b8;
}
.divList ol{
	list-style: circle;
	list-style-position: inside;
}
#pixelaTopAd{
	display: none;
}
@media screen and (max-width: 768px) {
    /* 767px以下用（タブレット／スマートフォン用）の記述 */
    .topMain{
		width: 100%; 
		float: none;
		display: block;
	}
	.content{
		width: 100%;
	}
	#pageID{
		display: block;
		padding: 0;
		margin: 0;
	}
	.postitem{
		display: block;
		height: auto;
		padding-bottom: 10px;
	}
	#thumarticle{
		margin-left: 15px;
	}
	#thumarticle p{
		display: none;
	}
	.postimg{
		margin-top: 0px;
		padding-top: 0px;
		width: 15%;
	}
	.postimg img{
		width: 75px !important;
		height: 75px !important;
		margin-top: 0;
		padding-top: 0;
	}
	#thumarticle{
		width: 70%;
		float: right;
	}
	#thumarticle h3{
		line-height: 15px;
		margin-top:0px;
	}
	#thumarticle h3 a{
		font-size:14px;
	}
	.entry-header h1.entry-title{
		font-size: 24px !important;
		color: #4d4d4d;
		line-height: 36px !important;
	}
	#topImage{
		display: block;
		width: 100%;
		background-size: 200% auto;
		height: 160px;
	}
	#pixelaTopAd{
		display: block;
		width: 100%;
	}
	#pixelaTopAd img{
		width: 100%;
	}
	#pixelaSideAd{
		display: none;
	}
	#pixelaSideAd img{
		display: none;
	}
}
/*ーーーーーーーーーーーーーーーページナビゲーションーーーーーーーーーーーーーーーー*/
.tablenav {
	color: #2583ad;
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:right;
	margin-right: 50px;
}
a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}
a.page-numbers:hover {
	color:white;
	background: #328ab2;
}
.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold:
}
.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}
#sideSNS{
	display:block;
	height:130px;
	margin-top:0px;
	padding-top:20px;
}
.sideSNSItem{
	display:block;
	height:35px;
}
#doubleAd{
	display: block;
	width: 710px;
	margin: auto;
}
#topAd{
	display: block;
	width: 770px;
	margin: auto;
	margin-bottom: 20px;
}
#bottomAd{
	display: block;
	width: 770px;
	margin: auto;
	margin-top: 20px;
}
#doubleAdLeft{
	display:block;
	float:left;
	width:350px;
}
#doubleAdRight{
	display:block;
	float:right;
	width:350px;
}
#contentAd{
	clear: both;
	direction: block;
	width: 350px;
	margin-top:10px;
	margin-bottom: 30px;
}
.entry-content img{
}

#entryList{
	height:60px;
	width:75%;
	margin:auto;
	border:1px solid black;
	border-radius:8px;
	margin-top: 20px;
	background-color: #2857a9;
	color: white;
	font-size: 24px;
	text-align: center;
}
#entryList a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 60px;
	color: white;
	text-decoration: none;
}
#side-Category{
	width: 100%;
	margin: auto;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.sideCategoryItem{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #ebebeb;
	padding-top: 7px;
}
.sideCategoryItemLeft{
	width: 20%;
	float: left;
	padding-left: 10px;
}
.sideCategoryItemLeft img{
	height: 30px;
}
.sideCategoryItemRight{
	width: 75%;
	float: right;
	
}
.sideCategoryItemRight p{
	color:#5f5f5f;
	text-decoration: none;
	line-height: 40px;
	margin: 0;
}
.wpp-list{
	width: 100%;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.wpp-list li{
	padding-top:10px;
	height: 90px;
	border-bottom:1px solid #ebebeb;
}
.wpp-list li a{
	color: #2368bb;
}
.wpp-listTitle{
	font-size: 17px;
	color: #434343;
	margin-top: 20px;
	margin-bottom: 10px;
}
#navigationBar{
	display: block;
	width: 100%;
	height: 80px;
	background-color: white;
}
#navigationMain{
	width: 1080px;
	margin: auto;
}
#navigationImage{
	display: block;
	width: 300px;
	padding-top: 5px;
	float: left;
}
#navigationImage img{
	height: 70px;
}
#navMessage{
	display: block;
	width: 380px;
	float: left;
	padding-top: 27px;
}
#navMessage p{
	font-size: 13px;
	color: #575757;
	line-height: 14px;
	margin-bottom: 5px;
}
#categoryNaviBar{
	display: block;
	width: 600px;
	margin: auto;
}
#menu-box{
	width: 1240px;
	background-color: #58CE91;
	height: 42px;
	margin: auto;
}
#menu{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #58CE91;
}
#menu li{
  display: block;
  float: left;
  width: 12.5%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #58CE91;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
#menu li a:hover{
  background: #58CE91;
}
#toggle{ 
 display: none;
}
@media only screen and (max-width: 768px) {
  #menu-box{
		width: auto;
		height: auto;
	}
  #menu{
    display: none;
  }
  #menu li{
    width: 100%;
    border-bottom: 1px solid #58CE91;
  }
  #toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #58CE91;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #58CE91;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #58CE91;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
}
#npcatch{
	width: 100%;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
#npcatch li{
	padding-top:10px;
	height: 90px;
	border-bottom:1px solid #ebebeb;
	list-style: none;
}
#npcatch img{
/*サムネイルのスタイル*/
	float:left;
	padding:0px;
	margin: 0;
}
#npcatch .title{
/*記事タイトルのスタイル*/
	width: 70%;
	margin-left: 10px;
	font-size: 13px !important;
	color: #434343;
	text-align: left;
}
.widget h3.widget-title{
	font-size: 17px;
	color: #434343;
	margin-top: 20px;
	line-height: 17px;
	margin: 0;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 300;
}
.breadcrumbs{
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #e4e4e4;
	padding-left: 15px;
	line-height: 30px;
	font-size: 12px;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.categoryMain{
	width: 100%;
	margin: auto;
}
.categoryMain img{
	margin: 0;
}
.categoryMain .postitem{
	display: block;
    width: 100%;
    height: 150px;
    margin: auto;
    margin: 0;
    border-bottom: 1px dotted #a8a8a8;
    padding-top: 10px;
    padding-bottom: 10px;
}
.categoryMain h1{
	margin-bottom: 30px;
	font-size: 24px;
}
#facebookPage{
	width: 500px;
	height: auto;
	margin: auto;
	text-align: center;
}
h2.snsH2{
	text-align: center;
	background-color: #b5b5b5;
	color: white;
	width: 88%;
	margin: auto;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	font-size: 28px;
}
#topAd{
	width: 340px;
	margin-left: 0;
	background-color: #f8f8f8;
}
#bottomAd{
	width: 100%;
	margin-bottom: 20px;
}
#bottomAdLeft{
	float: left;
	width: 340px;
	height: auto;
}
#bottomAdRight{
	float: right;
	width: 340px;
	height: auto;
}
.tateImage img{
	width: 50% !important;
	height: auto !important;
}
.contentMain .width100 img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
.width50 img{
	display: block;
	width: 50% !important;
	height: auto;
	margin: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
#pixelaAd{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#pixelaAd img{
	width: 100%;
}

#pixelaSideAd{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
#pixelaSideAd img{
	width: 100%;
}
.listSpace{
	border: 1px solid #919191 !important;
	padding-top: 21px;
	padding-bottom: 10px;
	color: #363636;
	font-size: 16px;
	line-height: 28px;
}
@media screen and (max-width: 768px) {
    /* 767px以下用（タブレット／スマートフォン用）の記述 */
    #doubleAd{
	    width: 100%;
    }
    #doubleAdLeft{
	    width: 100%;
    }
    #doubleAdRight{
	    width: 100%;
	    display: none;
    }
    #topAd{
	    width: 100%;
    }
    #bottomAd{
	    width: 100%;
    }
    #contentAd{
	    width: 100%;
    }
    #navigationBar{
    }
	#navigationMain{
		width: 100%;
	}
	#navigationImage{
		display: block;
		width: 30%;
		padding-top: 20px;
		float: left;
	}
	#navigationImage img{
		height: 26px;
	}
	#navMessage{
		display: block;
		width: 70%;
		float: left;
		padding-top: 18px;
	}
	#navMessage p{
		font-size: 10px;
		color: #575757;
		line-height: 14px;
		margin-bottom: 5px;
	}
   
    .breadcrumbs{
	    height: 40px;
	    line-height: 15px;
    }
    .floatright{
	    display: none;
    }
    .contentMain img{
	    margin-top: 30px;
	    margin-bottom: 10px;
    }
    .categoryMain .postitem{
		display: block;
		height: auto;
		padding-bottom: 10px;
	}
	.sidebar{
	    width: 100%;
	    padding-left: 10px;
    }
    #facebookPage{
	    width: 90%;
	    margin: auto;
    }
    h2.snsH2{
    	font-size: 20px;
    	width: 95%;
    }
    #topAd{
	    width: 100%;
    }
    #bottomAdLeft{
	    float: none;
	    width: 100%;
    }
    #bottomAdRight{
	    display: none;
    }
    .tateImage img{
		width: 95%;
	}
}
#mokuzi{
	border:1px solid #7c7c7c;
	width: auto;
	height: auto;
	padding:15px;
	margin-top: 40px;
}
#mokuzi p{
	padding-left: 35px;
	padding-bottom: 0;
	margin-bottom: 10px;
	font-size: 18px;
}
#mokuzi li{
	line-height: 25px;
}
#mokuzi a{
	color: #1d94cb;
	font-size: 17px;
	line-height: 25px;
}