@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


@font-face {
	font-family: 'MyYuMinchoM';
	font-weight: 500;
	src: url('/wp/wp-includes/fonts/yumin.woff2') format('woff2'),
	local('YuMincho-Medium'), 		
	local('Yu Mincho Medium'),     	/* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	local('YuMincho-Regular');     	/* 游ゴシックMediumが存在しないWindows8.1用 */
	
	font-display: swap;
}


@font-face {
	font-family: 'MyYuMinchoB';
	font-weight: bold;
	src: local('YuMincho-Bold'), 
	local('Yu Mincho');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	
	font-display: swap;
}



body{
	font-family :
	MyYuMinchoM,    /* Windows調整用 */
	'Yu Mincho', /* Mac */
	serif !important;
}

* {
	font-family: MyYuMinchoM, YuMincho, sans-serif;
}

.no-sidebar .wrap {
 width: 100%;
}

p, .paragraph {
	font-size: 16px;
}
h1 {
	font-size: 18px;
}

h2 {
  /*border-bottom: solid 3px #FFC778;*/
  position: relative;
background-color:#ffffff!important;
		font-size: 16px;
}
/*
h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ff9400;
  bottom: -3px;
  width: 20%;
}*/

.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 0.4em 0 1em;
    margin-top: 0.4em;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
}
.sitasen {
  display: inline-block;
  position: relative;
}
.sitasen:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px; /*下線の上下位置調整*/
  display: inline-block;
  width: 50px; /*下線の幅*/
  height: 2px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #7A3345; /*下線の色*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/

.mblt-header-mobile-buttons {
    margin-top: 0;
}



p, .paragraph {
	font-size: 16px;
/*    margin: 0.4em 0;*/
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
.shindohuji {
    font-size: 10px!important;
}
}




/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	

	
p, .paragraph {
	font-size: 16px;
/*    margin: 0.4em 0;*/
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
	
	
.shindohuji {
    font-size: 10px!important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	p, .paragraph {
	font-size: 14px;
/*    margin: 0.4em 0;*/
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}

.shindohuji {
    font-size: 10px!important;
}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	p, .paragraph {
	font-size: 14px;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 14px;
}
.shindohuji {
    font-size: 10px!important;
}

}

/*情熱画像垂直設定*/

.vertical-height1 { vertical-align: bottom; }

.text-bottom1 {
  vertical-align: text-top;
}

/* タイトル 非表示*/ 
.page 
.entry-title {
  display: none;
}

/* スマホトップタイト */ 

@media screen and (max-width: 480px){
	#header {
   	  display:none;
	}
}

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}


