@charset "UTF-8";
@import url("../simplicity/responsive.css");

/*ここにレスポンシブのスタイルを書く*/





/*******************************************************************************
	モバイル＆スマートフォン表示調整　親テーマの css/responsive-pc.css 調整
*******************************************************************************/

@media screen and (max-width:1110px) {
	#mobile-menu {
		display: none;
	}
}





/*******************************************************************************
	スマートフォン表示調整　親テーマの responsive.css 調整
*******************************************************************************/

@media screen and (max-width:740px) {

#main {
	margin: 0;
}

}





/*******************************************************************************
	スマートフォン表示調整　親テーマの css/narrow.css 調整
*******************************************************************************/



/*	解像度639px以下のスタイル
------------------------------------------------------------------------------*/


@media screen and (max-width:639px) {

#site-title,
#h-top #site-title a {
/*	font-size: 20px;	*/
	font-size: 1.6rem;
}

}


@media screen and (max-width:639px) {

.article h1,
#archive-title {
/*	font-size: 20px;	*/
	font-size: 1.8rem;
}

}


@media screen and (max-width:639px) {

.article h2,
.article h3,
#comment-area h3,
#related-entries h3,
.entry h2 a {
/*	font-size: 20px;	*/
	font-size: 1.4rem;
}

.related-entry-title a,
#sidebar h4 {
/*	font-size: 20px;	*/
	font-size: 1.4rem;
}

}


@media screen and (max-width:639px) {

blockquote {
/*	padding: 10px;	*/
	padding: 0 10px;
}



/*	解像度440px以下のスタイル
------------------------------------------------------------------------------*/


@media screen and (max-width:440px) {

.article ul,
.article ol {
/*	padding-left: 2em;	*/
	padding-left: 0;
}

}


@media screen and (max-width:440px) {

#header-in,
#navi-in {
	padding: 0;
}

#sidebar {
	margin: 0 !important;
	padding: 0 10px !important;
}

}

@media screen and (max-width:440px) {

#h-top #site-description {
/*	font-size: 14px;	*/
	font-size: 1.3rem;
/*	line-height: 140%;	*/
	line-height: 1.5;
}

}


@media screen and (max-width:440px) {

#main .entry-card,
#main .related-entry {
/*	margin-bottom: 23px;	*/
	margin-bottom: 3.0em;
}

.entry-card .entry-thumb,
.related-entry .related-entry-thumb {
/*	margin-top: 5px;	*/
	margin: 0 1.0em 0 0;
}

.related-entry-thumb img {
	width: 100px;
	height: 100px;
}

.entry h2,
.entry h2 a.entry-title,
.related-entry h4 a {
/*	font-size: 17px;	*/
	font-size: 1.4rem;
/*	line-height: 100%;	*/
	line-height: 1.5;
}

.entry h2 a.entry-title:after,
.related-entry h4 a:after {
	content: "";
	display: table;
	clear: both;
	overflow: hidden;  /*　for Firefox　*/
}

.entry-card .entry-read a,
.related-entry .related-entry-read a {
/*	padding: 3px;	*/
	padding: 0;
/*	font-size: 80%;	*/
	font-size: 100%;
}

}

@media screen and (max-width:440px) {

.entry-card .post-meta {
/*	margin: 1px auto;	*/
/*	margin-top: 9px;	*/
	margin: 0.5em 0;
}

}





/*******************************************************************************
	睡眠改善インストラクター
*******************************************************************************/


/*	解像度440px以下のスタイル
------------------------------------------------------------------------------*/


@media screen and (max-width:440px) {

.instructor img {
	height: 6.25em !important;
	margin-left: 1.5em !important;
}

.instructor p {
	margin: 1.0em 0 0 !important;
}

.instructor br {
	display: block !important;
}

}