@charset "UTF-8";

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

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

/*ヘッダー詰める*/
.entry-title,
.content {
padding: 0;
margin: 0;
}

#main{
Padding: 0;
margin: 0;
margin-top:-1px;
background-color: transparent;
}

.logo-header{
  display: none;
} 

/*フェードイン*/

.blogo {
    animation-name: fadein;
    animation-duration: 2s;
	  margin: auto;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(15px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.navi{
border-bottom:2px solid #e70014;
}

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

.article-footer.entry-footer {
	display: none;
}
img{
	margin:0 0 -7px 0 !important;
}

/*タイトル、投稿日時、投稿者の非表示*/
.page .entry-title,
.page .date-tags,
.page .author-info{
  display: none;
}

/*hタグリセット*/
.article h1 {
    padding: 0;
    background: none;
}
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

.article h1 {
	margin:0;
	padding:1.5em 0;
	font-size:200%;
	text-align:center;
}

.article h2 {
     position: relative;
  padding: 0.25em 0 0.25em 0.75em;/*文字周りの余白*/
	margin:0.5em 0;
	font-size:180%;
}
 
.article h2::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 6px;
     height:15px;
     background-color:#e70014;
}

.article h3 {
	font-size:160%;
	margin:0;
	padding:0.25em 0;
	color:#e70014;
	text-align:center;
}

.font1{
	font-size:115%;
	font-weight:bold;
}

/* ボタン指定 */
.article .btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 2em;
  text-decoration: none;
	background-color:#ffffff;
  transition: .4s;
	margin:1em 0;
	border:1px solid #e70014;
	color:#e70014;
}

.article .btn-flat-logo:hover {
  background: #e70014;
	color:#ffffff;
}


/* --- 全体のBOX定義 ---------------------------------------- */
.box {
  position   : relative;
  max-width  : 1920px;
  height     : 650px;
  margin     : auto;
  overflow   : hidden;
}

/* --- 背景の指定 ------------------------------------------- */
.box .bgImg {
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  opacity    : 0;
  animation  : bgAnime 20s infinite;   /* 4画像 × 各5s = 20s */
}

/* --- 段差で背景画像のアニメーションを実行 ----------------- */
.box .src1 {
	background: url('http://menyashidou.com/wp-content/uploads/2020/10/01.png') top center;   /* 背景の画像を指定 */
}
.box .src2 {
	background: url('http://menyashidou.com/wp-content/uploads/2020/10/02.png') top center;   /* 背景の画像を指定 */
  animation-delay  : 5s;
}
.box .src3 {
	background: url('http://menyashidou.com/wp-content/uploads/2020/10/03.png') top center;   /* 背景の画像を指定 */
  animation-delay  : 10s;
}
.box .src4 {
	background: url('http://menyashidou.com/wp-content/uploads/2020/10/02.png') top center;   /* 背景の画像を指定 */
  animation-delay  : 15s;
}

@keyframes bgAnime {
   0% { opacity: 0; }
   7% { opacity: 1; }
  25% { opacity: 1; }
  32% { opacity: 0; }
 100% { opacity: 0; }
}

/* --- 前面の文字定義（サンプルのため変更してください） ----- */
.box .boxString{
  position   : absolute;
  display    : inline-block;
  padding    : 20px;
  top        : 50%;                               /* 中央寄せ */
  left       : 20%;
  transform  : translate(-50%,-50%);
  z-index    : 11;
}

/*ボックス*/

.boxin2 {
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
}
.con {
  width:33.3%;
}

.con2 {
  width:66.7%;
  margin: 0 ;
}

.con3 {
  width:47%;
  margin: 0 0.5em ;
}

.conin{
  width:47%;
  margin: 0 0.5em ;
	padding:1em;
}

.con4{
	padding:0.75em 1.25em;
  border-radius: 10px;
	margin:0.5em 0.25em;
	border:2px solid #e70014;
	width:24%;
	height:250px;
	position: relative;
	font-weight:bold;
	background-color:#f7f7f7;
}

.con4 .text1{
position: absolute;
  bottom:0;
  left:40%;
  transform:translateX(-40%);
font-size:150%;
	margin:0.25em 0;
}

.con5{
	padding:0.5em;
	border:1px solid #cccccc;
  width:48.5%;
  margin: 0.25em ;
	height:260px;
	position: relative;
}

.con5 .text2{
position: absolute;
  bottom:0;
	margin:0.5em 0;
}

box3{
	width:1160px;
	margin:0 0 30px 0;
}

box3 img{
	padding:5px;
}

contents{
  display: flex;
	justify-content:center;
  flex-wrap: wrap;
	padding:0 1.5em;
	margin:0 !important;
}

.cover{
background: url('http://menyashidou.com/wp-content/uploads/2020/10/店内写真横2-scaled.jpg') left center;
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
padding:1.5em;
}

.cover2{
background: url('http://menyashidou.com/wp-content/uploads/2020/10/292628_m.jpg') ;
padding:0.5em  1.5em;
}

/*テーブル*/

.container table tr,
.container table th{
  background-color: transparent;
}
.article td,
.article th {
  border: 1px solid transparent;
	border-bottom:2px dotted #e0e3e7;
}
.article th {
font-weight:normal;
}
.boxin2 table tr:last-child td,
.boxin2 table tr:last-child th {
	border-bottom: 1px solid transparent;
}

.article th{
	text-align:right;
	width:20%;
}

/*必須の調整*/
.haveto{
 font-size:80%;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:80%;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}

a{
text-decoration: none;
	color:#333333;
}

/*-----------投稿ページ幅調整-----------*/
.post-template-default .content,
.archive .content,
.category .content{
	min-height:750px;
	padding:1em;
}

/*-----------ブログ横幅調整-----------*/
.post-template-default .content,
.archive .content,
.category .content{
	max-width:1250px;
	padding:2em;
	margin:0 auto;
}
.post-template-default .wrap{
		max-width:1200px;

}

.post-template-default .main{
		max-width:800px;

}

.post-template-default h1{
	margin-bottom:1em;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.box .boxString{
  position   : absolute;
  display    : inline-block;
  padding    : 20px;
  top        : 50%;                               /* 中央寄せ */
  left       : 50%;
  transform  : translate(-50%,-50%);
  z-index    : 11;
	width:80%;
	background : rgba(255, 255, 255, 0.7);          /* 半透明の青 */
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.con {
  width:100%;
}

.con2 {
  width:100%;
  margin: 0 ;
}

.con3 {
  width:100%;
  margin: 0 ;
		order:1;
}
	
.conin{
	padding:0em;
	order:0;
	  width:100%;
}

.con4{
	padding:0.75em 0.5em;
  border-radius: 10px;
	margin:0.25em;
	border:2px solid #e70014;
	width:47%;
	height:240px;
	position: relative;
	font-weight:bold;
	background-color:#f7f7f7;
}	

.con5{
	padding:0.5em;
	border:1px solid #cccccc;
  width:100%;
  margin: 0.25em ;
	height:260px;
	position: relative;
}
}