@charset "utf-8";

/*---------------------------------------------------------------------------------
Theme Name: miyazaki-child
Template: miyazaki
Version: 1.0
Author: Le Pivot
----------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- */
/*	00. Personal Fonts
/* -------------------------------------------------------------------------------- */

/* タイトル系フォント　Alphabet */
h1, #site-header, #site-footer, .bframe, .entry-title, .toggle, .search-toggle, #search-2, .search-submit, .post-meta, .pagination-single, .previous-post, .next-post, .title, 
.preview-title, .page-chapter, #load-more, .post-tags-title, .archive-title, .footer-credit .footer-credit-lepivot, .related-posts-title, #smart-menu ul, #main-menu ul, .smart-menu-credit{
font-family: "Helvetica-Thin", sans-serif;
}

/* 本文フォント　日本語ベース ＋ Alphabet */
h2, h3, p{}


h1, h2, h3, h4, h5, h6 {}

h1 {}
h2 {}
h3 {}
h4 { font-size: 2.4rem; line-height: 0.1rem; }
h5 { font-size: 2.0rem; line-height: 0.0rem; }
h6 { font-size: 1.8rem; line-height: 0.0rem; }

/* 本文中のタイトル要素 */
h1.archive-title, h1.entry-title{}

/* .entry-content h1, */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {} 


.entry-content h2 {} /* 記事内の h2 */
.entry-content h3 {} /* 記事内の h3 */


h3.preview-title {
	font-weight: 400;
	font-size: 2.1rem;
	margin: 0.5rem 0 1rem;
}

.related-posts-title {
    font-size: 7rem;
	font-weight: 400;
    margin-bottom: 2rem;
}




/* --------------------------------------------------------------------------------
 ol（oder list）オーダーリスト
 ul（unorder list）非オーダーリスト
 li（list）リスト内容
-------------------------------------------------------------------------------- */

ul,
ol {
	font-family: "Helvetica-Thin", sans-serif;
	margin: 0 0 0.1rem 1.6em;
}

ul { list-style: none; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }

ol { list-style: decimal; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }

li {
	line-height: 1.5;
	margin: 0.2rem 2.5rem;
}

li > ul,
li > ol {
	margin: 1rem 0 0 1.6em;
}

.reset-list-style,
ul.reset-list-style,
.reset-list-style ul,
.reset-list-style ol,
ul.reset-list-style ul,
ul.reset-list-style ol,
.reset-list-style,
ol.reset-list-style,
.reset-list-style ul,
.reset-list-style ol,
ol.reset-list-style ul,
ol.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

/* -------------------------------------------------------------------------------- */
/* dl（description list）説明リスト
/* dt（description term）説明タイトル
/* dd（definition description）定義文 or 説明文
/* -------------------------------------------------------------------------------- */

dl, dt {
	margin: 1rem 0;
	padding: 0;
	line-height: 2rem;
}

dd {
	margin: 1rem 0;
	padding: 0 0 0 2rem;	
	line-height: 1rem;
}

/* -------------------------------------------------------------------------------- */
/*	3.	Element Base
/* -------------------------------------------------------------------------------- */


/* --------------------------------------------------
	Structure
-------------------------------------------------- */
body {}


.home{
	max-width:2400px;
	width: 100%;
}

#wrapper-index{
	margin:0;
	padding:0;
}

.section-inner {}


/* --------------------------------------------------
	HEADER
-------------------------------------------------- */
#page-header {
	/* position: fixed; */
	display: block;
	width: 100%;
	/* height: 500px; */
	margin: 0;
	padding: 0 1%;　/* iPhone iPad */
	background: transparent;
	z-index: 1500;  !important;
}

.clear{
	clear: both;
}

/* ---------------------------------------------
メイン Menu 								
--------------------------------------------- */
#main-menu {
	margin: 0;
	padding: 0rem 0 0 0;
	display: flex;
   justify-content: right;  /*メニュー　右寄せ */
	z-index: 50;
}

.menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3.0rem;
	line-height: 0.8rem;
	margin: 0;
	padding: 0;
	list-style-type:none;
	text-decoration: none;
	/* display: none;  iPhone iPad では消している */
}
.menu > li {
	display:inline-block;
	position:relative;
	padding:0;
	margin: 0 0 0 1rem;
}
.menu > li > ul {
	display:none;
	margin: 0;
	padding: 0;
	width: 40rem; /*長いサブメニュー用*/
	/* opacity: 0;  本当はフェードしたい*/

}

.menu > li:hover ul {
	display:block;
	position:absolute;
	padding:0;
	margin: 0;
	/* top:1.5em; */
	left:0;
	list-style-type:none;
  	/*transition: all 1.0s;
    opacity: 1;  本当はフェードしたい*/
}

.menu .submenu {
	/* padding: 0 0 0 1.3rem; 一文字分右寄せ*/
	padding: 0 0 0 0rem; /* 一文字分右寄せなし*/
	margin: -1rem 0;
}

#smart-menu nav .submenu {
	padding: 1rem 0 1rem 2rem; /* 一文字分右寄せ*/
	margin: 0;
}


.menubtn{
	margin:{0};
	padding: 1rem 1rem 0 0;
	float: right;
	z-index: 50;
	font-size: 3.0rem;
　　　display: block; /* respo 一応表示させておく */
}




/* --------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------
	Home Page - front-page.php
---------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------*/
.homepage-inner {
	max-width: 2400px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.homepage-inner h2 {}

.homepage-inner p {}

.page-chapter {}

h2 > .page-chapter a {color: #e0e0e0;}
h2 > .page-chapter a:hover {color: #00e094;}
h2 > .page-chapter a:active {color: #f00;}

/* --------------------------------------------------
	Footer(footer.php)
-------------------------------------------------- */
#site-footer {
}



/* --------------------------------------------------
	Content (content.php 固定ページ)
-------------------------------------------------- */
.content-inner {
	max-width: 2400px;
	width: 100%;
	margin: 0rem auto 0;
	padding: 0 10%;
}

/* --------------------------------------------------
	Homepage front-page.php
-------------------------------------------------- */
#homepage-site-content { 
	margin: 0 auto 0;
	padding: 0;
}

/* 固定ページ */
#site-content {}


/* --------------------------------------------------
	Arhive (index.php ポートフォリオ、ブログ、検索結果)
-------------------------------------------------- */

.archive-inner {

}

.archive-title {

}

.preview {
	margin-bottom: 2rem;
}

/* --------------------------------------------------
	Post Inner
-------------------------------------------------- */
/* 記事本文 */
.post-inner {
	margin: 0;
	padding: 0 0 20rem 0; /* iPad の設定　横幅ぎりぎり*/
	width: 100%;
}

.entry-content p, .entry-content ul,.entry-content p, .entry-content ul, .entry-content ol, .entry-content pre{margin-bottom:0;} /* Reset */

.entry-content img{
	margin: 0;
	padding: 0;
}

.entry-content hr {
    border-style: none;
    border-top: 3px solid black;
}


.related-posts{
	margin: 0;
	padding: 0 10%;
}


/* --------------------------------------------- */
/* Font Reset------------------------------------*/
/* --------------------------------------------- */
.no-search-results, .intro-text, .comment-content, .comment-form p.logged-in-as, .entry-content{sans-serif;}

/* --------------------------------------------- */
/* Widget: Search ------------------------------ */
/* --------------------------------------------- */

/* Widget Base ------------------------------- */

.widget {
	padding-top: 0;
}

.widget-content {
	font-size: 1.7rem;
}

.widget_search label,
.widget_search img {
	display: none;
}

.widget_search .search-form {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 -.8rem -.8rem;
}

.widget_search .search-field,
.widget_search .search-submit {
	margin: 0 0 .8rem .8rem;
}

.widget_search .search-field {
	width: 100%;
}

.widget_search .search-submit {
	flex-shrink: 0;
}


/* --------------------------------------------- */
/* Embed iframe YouTube 100% x 56.25%
/* --------------------------------------------- */
.youtube-16-9 {
position: relative;
width: 100%;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
}

.youtube-16-9 iframe,
.youtube-16-9 object,
.youtube-16-9 embed {
position: absolute;
top: 0;
left: 0;
width: 100%; !important;
height: 100%; !important;
}

.youtube-16-9 {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px; height: 0; overflow: hidden;
}

.youtube-16-9 iframe,
.youtube-16-9 object,
.youtube-16-9 embed {
position: absolute;
top: 0;
left: 0;
width: 100%; !important;
height: 100%; !important;
}