@charset "UTF-8";

/*
Theme Name: sumireblog
Description: blogテーマすみれナレッジサイト
Template: sumire
*/

/* default style clear
------------------------------------------- */
@import url("../sumire/normalize.css");


/* all style
------------------------------------------- */
@import url("../sumire/common.css");

.cont_inner {
	margin: 0 auto;
	width: 90%;
}

/*768px*/
@media screen and (min-width : 768px) {
#global-nav li.menu-item-4 a { background-image: url(../sumire/images/home.gif);}
#global-nav li.menu-item-5 a { background-image: url(../sumire/images/about.gif);}
#global-nav li.menu-item-6 a { background-image: url(../sumire/images/manner.gif);}
#global-nav li.menu-item-7 a { background-image: url(../sumire/images/chaina.gif);}
#global-nav li.menu-item-9 a { background-image: url(../sumire/images/tea.gif);}
#global-nav li.menu-item-8 a { background-image: url(../sumire/images/blog.gif);}
#global-nav li.menu-item-10 a { background-image: url(../sumire/images/contact.gif);}

#global-nav li.menu-item-4 a:hover { background-image: url(../sumire/images/home_ov.gif);}
#global-nav li.menu-item-5 a:hover { background-image: url(../sumire/images/about_ov.gif);}
#global-nav li.menu-item-6 a:hover { background-image: url(../sumire/images/manner_ov.gif);}
#global-nav li.menu-item-7 a:hover { background-image: url(../sumire/images/chaina_ov.gif);}
#global-nav li.menu-item-9 a:hover { background-image: url(../sumire/images/tea_ov.gif);}
#global-nav li.menu-item-8 a:hover { background-image: url(../sumire/images/blog_ov.gif);}
#global-nav li.menu-item-10 a:hover { background-image: url(../sumire/images/contact_ov.gif);}

#content{
	overflow : hidden;
}

.cont_inner {
	width: 75%;
}

#content #main {
	float: left;
	width: 67%;
 } 

#content #side {
	float: right;
	width: 25%; 
}
}

/* サイド */
#sidebar li {
	font-size: 0.95em;
}

/*420px以下*/
@media screen and (max-width: 420px) {
#sidebar li a {
	display: block;
	width: 100%;
	padding: 1em 0;
	border-bottom: 1px solid #ddd;
	background: #fafafa url(../sumire/images/arw_02.gif) center right no-repeat;
}

#sidebar li h2 {
	margin: 0.5em 0 0 0;
	padding: 0.75em 0;
	background: #f2f2f2;
}
}

.widgettitle {
	font-size: 1.2em;
	color: #444;
}

/*パン屑ナビ*/
#breadcrumbs { 
	padding: 1em 0 2em 0;
}

#breadcrumbs ol { 
	margin: 0;
	padding: 0;
	list-style: none;
}

#breadcrumbs li {
	float: left;
	padding: 0 1em 0 0;
	background: url(images/breadcrumbs.gif) right 0.45em no-repeat;
	font-size: 0.9em;
}

#breadcrumbs li:last-child {
	background: none;
}

#breadcrumbs li a {
	text-decoration: none;
}


.post {
	margin-bottom: 3em;
	border-bottom: 1px #ccc dashed;
}

.post h1 {
	padding-left: 0.45em;
	border-left: 0.5em #5e68a9 solid;
}

.post h2 {
	margin-top: 0;
	padding-left: 1em;
	background: transparent url(../sumire/images/h2_bg.gif) left repeat-y;
}

.post h2 a {
	text-decoration: none;
}

.post .post_date {
	text-align: right;
	font-size: 0.9em;
}

/*youtube*/
.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.movie iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*詳しく読むボタン*/
.morebtn {
	clear: both;
	margin: 0 0 0.3em 0;
	text-align: right;
}

a.btn-more {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #7079b2;
  padding: 7px 18px 7px 18px;
  text-decoration: none;
}

a.btn-more:hover {
  background: #f07aaa;
  text-decoration: none;
}