/* @override http://pueohana.localhost/common/styles/detail.css */

@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 共通設定スタイル
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/


/* iPHone4,iPhone5,iPhone5s,iPhone6,iPhone6 Plus */
@media screen and (min-width: 320px) and (max-width: 599px)
{

#coverwrap {
 display: none;
}

#crumb {

}

/* #contents */

#contents{
 width: 95%;
 margin-right: auto;
 margin-left: auto;
 padding-left: 0.25%;
 padding-right: 0.25%;
 overflow: auto;
}

#contents figure.title {
 font-size: 0;
}

#contents figure.title img {
 width: 100%;
}

h1.page-title {
}

h1.page-title img {

 display: block;
 width: 100%;
 height: 100%;
}

#catch {
 margin-bottom: 10px;
 font-size: 0;
}

#catch img {
 width: 100%;
}

#catch p {
 line-height: 1.4;
}

/* 本文 */

#detailwrap {
 max-width: 700px;
 margin-right: auto;
 margin-left: auto;
  border-bottom: 1px solid silver;
 padding-bottom: 1em;
 margin-top: 1em;
}

#detailwrap h1 {
 color: #e1638f;
 padding-left: 5px;
 border-left: 8px solid #e1638f;
 margin-bottom: 1em;
 font-weight: normal;
 font-style: normal;
 font-size: 1.2em;
 line-height: 1.2;
}



#detailwrap p {
 font-size: 14px;
 margin-bottom: 1em;
}

#detail > div {
 overflow: hidden;
 margin-bottom: 1em;
}

/* pagination */

#paginationwrap {
 width: 95%;
 overflow: hidden;
 margin: 1em auto 3em;
}

#paginationwrap ul li {
 list-style-type: none;
 float: left;
}

#paginationwrap ul li a {
 color: #e0618b;
}

#paginationwrap ul li.next {
 float: right;
}

/* 記事フッター部 */

.entry-footer-meta {
 font: 1em "Lucida Grande", Meiryo, メイリオ, "ＭＳ Ｐゴシック", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", sans-serif;
 overflow: hidden;
 margin-top: 1em;
}

.entry-date {
 background: url(../images/pen.png) no-repeat left center;
 float: left;
 margin-right: 1em;
 margin-bottom: 0.5em;
 color: #e0618b;
 padding-left: 1.5em;
}

.entry-tag {
 background: url(../images/tag.png) no-repeat left 3px;
 float: left;
 clear: both;
 padding-left: 1.5em;
}

.entry-edit {
 background: url(../images/edit.png) no-repeat left center;
 padding-left: 18px;
 float: left;
 clear: both;
 margin-top: 2px;
}

.entry-tag a,
.entry-edit a {
 text-decoration: none;
 color: #e0618b;
 margin-right: 0.5em;
 margin-left: 0.5em;
}

.entry-tag a:first-child {
 margin-left: 0;
}

.socialbutton {
 padding-top: 1em;
 clear: left;
 display: none;
}

/* iframe */

#contents iframe{
	 width: 100%;
	 max-width: 100%;
}

/* YouTube */
.YoutubeWrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

/* Images */
.alignleft {
	float: left;
 margin: 0 !important;
 width: 50%;
 padding: 0 5px 5px 0
 margin: 0 !important
}

.alignright {
	float: right;
 width: 50%;
 padding: 0 0 5px 5px !important;
 margin: 0 !important;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
 margin-bottom: 1em;
 width: 100%;
}
 
}

@media only all and (min-width: 600px) {

body {
 background: url(../images/bg_page_pc.jpg) repeat-x;
}

#container {
	 margin-bottom: 40px;
}

header {
 height: 266px;
}

#coverwrap {
}

#cover span.imgpc img {

}

/* #contents */

#contents {
 max-width: 750px;
 width: auto;
 height: auto;
 background-color: white;
}

h1.page-title {
 margin-bottom: 5px;
}

h1.page-title img {

 display: block;
}

#catch {
 margin-bottom: 40px;
}

#catch p {
 font-size: 13px;
}

/* 本文 */

#detailwrap {
 margin-top: 10px;
 max-width: 700px;
 border-bottom: 1px solid silver;
 padding-bottom: 1em;
 width: 700px;
 padding-left: 4px;
}

#detailwrap h1 {
 color: #e1638f;
 padding-left: 12px;
 border-left: 8px solid #e1638f;
 margin-bottom: 1em;
 font-weight: normal;
 font-style: normal;
 font-size: 1.3em;
}

#detail {
 margin-bottom: 1em;
}

#detail > div {
 overflow: hidden;
 margin-bottom: 1em;
}

#detail p {
 margin-bottom: 1em;
 line-height: 1.8;
 font-size: 14px;
}

/* pagination */

#paginationwrap {
 margin-top: 1em;
 overflow: hidden;
 margin-bottom: 1em;
}

#paginationwrap ul li {
 list-style-type: none;
 float: left;
}

#paginationwrap ul li a {
 color: #e0618b;
}

#paginationwrap ul li.next {
 float: right;
}

/* 記事フッター部 */

.entry-footer-meta,
.entry-header-meta {
 font-family: "Lucida Grande", Meiryo, メイリオ, "ＭＳ Ｐゴシック", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", sans-serif;
 font-weight: bold;
 color: gray;
 overflow: hidden;
}

.entry-date {
 background: url(../images/pen.png) no-repeat left center;
 padding-left: 24px;
 float: left;
 margin-right: 1em;
 color: #e0618b;
}

.entry-tag {
 background: url(../images/tag.png) no-repeat left center;
 padding-left: 24px;
 float: left;
 margin-right: 1em;
}

.entry-edit {
 background: url(../images/edit.png) no-repeat left center;
 padding-left: 18px;
 float: left;
}

.entry-tag a,
.entry-edit a {
 text-decoration: none;
 color: #e0618b;
 margin-right: 0.5em;
 margin-left: 0.5em;
}

.entry-tag a:first-child {
 margin-left: 0;
}

.socialbutton {
 padding-top: 1em;
 clear: left;
}

/* YouTube */
.YoutubeWrapper{
position: relative ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
 width: 640px;
 margin: 1.2em auto;
}

.YoutubeWrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}

}

/* カテゴリー別 */

body#pueohana_p #detailwrap h1,
body#blog_p #detailwrap h1 {
 color: #e1638f;
 border-left: 8px solid #e1638f;
}

body#pueohana_p #paginationwrap ul li a {
 color: #e0618b;
}

body#pueohana_p .entry-date,
body#pueohana_p .entry-tag a,
body#pueohana_p .entry-edit a {
 color: #e0618b;
}

body#culture_p #detailwrap h1 {
 color: #edbe27;
 border-left: 8px solid #edbe27;
}

body#culture_p #paginationwrap ul li a {
 color: #edbe27;
}

body#culture_p .entry-date,
body#culture_p .entry-tag a,
body#culture_p .entry-edit a {
 color: #edbe27;
}

body#schedule_p #detailwrap h1 {
 color: #fd9832;
 border-left: 8px solid #fd9832;
}

body#schedule_p #paginationwrap ul li a {
 color: #fd9832;
}

body#schedule_p .entry-date,
body#schedule_p .entry-tag a,
body#schedule_p .entry-edit a {
 color: #fd9832;
}

body#counseling_p #detailwrap h1 {
 color: #3fbf8e;
 border-left: 8px solid #3fbf8e;
}

body#counseling_p #paginationwrap ul li a {
 color: #3fbf8e;
}

body#counseling_p .entry-date,
body#counseling_p .entry-tag a,
body#counseling_p .entry-edit a {
 color: #3fbf8e;
}

/* 投稿ページ：共通 */


#detailwrap table {
 width: auto;
 padding-bottom: 0 !important;
 margin-bottom: 0 !important;
 text-align: left;
}

#detailwrap table tr {
 background-color: white !important;
}

#detailwrap table th {
	max-width: 700px;
 text-align: right;
 padding: 2px 3px;
 text-decoration: none;
}

table tr th:after {
 content: ":";
 margin-left: 0.2em;
 margin-right: 0.1em;
}

#detailwrap table td {
	max-width: 700px;
 padding: 2px 3px;
}

#detailwrap sup {
	top: -0.5em;
}

#detailwrap sub {
	bottom: -0.25em;
}

#detailwrap dl {
	margin: 0 20px;
}

#detailwrap dt {
 font-weight: bold;
}

#detailwrap dd {
	margin: 0 0 20px;
}

#detailwrap menu,
#detailwrap ol,
#detailwrap ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

#detailwrap ul {
	list-style-type: disc;
}

#detailwrap h2 {
 font-size: 1.2em;
 margin-bottom: 0.3em;
}

#detailwrap h3 {
 font-size: 1.1em;
 margin-bottom: 0.3em;
}
#detailwrap h4 {
 margin-bottom: 0.1em;
 font-size: 1em;
 font-weight: bold;
}

#detailwrap strong{
 font-weight: bold;
}

#detailwrap em{
 font-style: italic;
}

#detailwrap blockquote,
#detailwrap blockquote p {
	font-size: 1em;
	font-style: italic;
	font-weight: 300;
	margin: 24px 1em;
 line-height: 1.5em;
}


#detailwrap blockquote > p:last-child {
	margin-bottom: 0;
}

#detailwrap blockquote cite,
#detailwrap blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

#detailwrap blockquote em,
#detailwrap blockquote i,
#detailwrap blockquote cite {
	font-style: normal;
}

#detailwrap blockquote strong,
#detailwrap blockquote b {
	font-weight: 400;
}

/* Images */
.alignleft {
	float: left;
 padding-right: 10px;
 padding-bottom: 10px;
}

.alignright {
	float: right;
 padding-bottom: 10px;
 padding-left: 10px;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
 margin-bottom: 1em;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto 1em;
}

img.alignnone {
	margin: 5px 0 1em;
}

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