@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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


body{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";	
	
}



.header-in  {
    display: none;
}

.navi-in > ul {
    /*height: 8vh;*/
	background-color:#fff;

}
.navi-in > ul .caption-wrap {


}

.navi-in a :hover {
    background-color: #c88589;
	color: #fff;
}



#navi{
		border:0px;
	background-color: #fff;
}

.wrap {
    	/*width: fit-content!important;*/
	max-width: 1180px;
}


.navi .item-label{
   /* display: none;*/
	/*メニューを表示するときはずす*/
	
}


.sien_btn {
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  color: #c88589;
  border:1px solid #d9c8be;
  background-color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.sien_btn:hover {
  color: #fff;
  border:1px solid #c88589;
  background-color: #c88589;
}


.date-tags {
    display: none;
}



.content {
margin-top: 0px; 
}

#main{
	    border-radius: 0px;
border: 0px;	
	padding: 0px 0px;
}

.entry-content {
    margin-top: 0em;
}

.content-top, 
.content-bottom {
margin: 0em 0em; 
	
}

.body .widget
 {
margin: 0em 0em; 
	 border: 0px;	
}


.imgtop
{
position: relative;	
}

.imgtop-omusubi
{
position: absolute;
	bottom:8%;
	right:10%;
		z-index:2;
}

.oshirase-o
{
margin: 2em auto; 
border-radius: 2em;
border : 2px solid #3e3d3b;
	padding: 1em;  1.5em; 
		max-width: 900px;
}


.concept{
    display: -webkit-grid;
    display: -moz-grid;
    display: -ms-grid;
    display: -o-grid;
    display: grid;
	margin: auto auto;
    max-width: 1100px;
}



.concept ul {
list-style: none;
	
}
.concept ul li{
display: inline-block;
	width: 100%;
}


.oneday
{
	width: 100%;
	background-image:url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-back2.png");
	margin-bottom: 0em;

}

.oned-line{
width: 100%;
	background-image:url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-line.png");	
	height: 11px;
}


.oned-index{
position: relative;
margin: 1em auto 1em 1.5em;
}







.oneday .oned-index .oned-in ul {
    list-style: none;
	  display: flex;
  gap: 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
margin: 0 0 0 2em;
justify-content: center;

}
.oneday .oned-index .oned-in ul li{
 width: calc((80% - 20px) / 2);
border-radius: 2em;
border : 2px solid #3e3d3b;
	background-color:#fff;
	padding: 1em 1em 0em 1em;

}
.oned-in p {
    margin-bottom: 0.5em;
}


.oneday .oned-index .oned-in ul li table, 
.oneday .oned-index .oned-in ul li table td, 
.oneday .oned-index .oned-in ul li table th {
	border: 0px solid #595959;
	border-collapse: collapse;
	background: #fff;
	vertical-align: top; 
}
.oneday .oned-index .oned-in ul li table td, 
.oneday .oned-index .oned-in ul li table th {
	padding: 3px;
	height: 25px;
}
.oneday .oned-index .oned-in ul li table th {
	background: #fff;
}


.oneday .oned-index .oned-in ul li table td:first-child{
    width: 0;
    white-space: nowrap;
}






.oned-in2{
position: relative;

}

.oneday .oned-index .oned-in2 ul {
    list-style: none;
	  display: flex;
  gap: 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
margin: 0 0 0 2em;
justify-content: center;

}
.oneday .oned-index .oned-in2 ul li{
 width: calc((80% - 20px) / 1);
border-radius: 2em;
border : 2px solid #3e3d3b;
	background-color:#fff;
	padding: 1em 1em 0em 1em;

}

.oned-in2 p {
    margin-bottom: 0.5em;
}


.oneday .oned-index .oned-in2 ul li table, 
.oneday .oned-index .oned-in2 ul li table td, 
.oneday .oned-index .oned-in2 ul li table th {
	border: 0px solid #595959;
	border-collapse: collapse;
	background: #fff;
	vertical-align: top; 
}
.oneday .oned-index .oned-in2 ul li table td, 
.oneday .oned-index .oned-in2 ul li table th {
	padding: 3px;
	height: 25px;
}
.oneday .oned-index .oned-in2 ul li table th {
	background: #fff;
}


.oneday .oned-index .oned-in2 ul li table td:first-child{
    width: 0;
    white-space: nowrap;
}






.font-tatem {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	background-color:#c98589;
	color:#fff;
	font-weight:bold;
	    padding: 1em 0.5em;
    position: absolute;	
	margin-left: 3em;
	font-size:1.2em;
}




.font-tate-kara {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	  position: relative;	
}
.ftate-outer{
	    position: absolute;	
  text-align: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}




.oneday h2{
background-color: unset;
margin-bottom: 0em;
text-align:center;
margin-top: 1em;
}



.motimono{
	width: 100%;
	background-color:#ffe4d4;
	padding-top: 2em;
}

.motimono{
	width: 100%;
	background-color:#ffe4d4;
	padding-top: 2em;
	position: relative;
		z-index:1;
}

.motimono-img {
    position: absolute;	
  left: 50%;
  transform: translateX(-50%);
	z-index:-1;
}


.motimono-index{
    max-width: 900px;
		margin: auto auto;
	border-radius: 2em;
border : 2px solid #3e3d3b;
	background-color:#fff;
	padding: 1em 1.5em;
		margin-top: 6em;
	margin-bottom: 2em;
	text-align:center;
}



.sougei-top{
	padding-top: 1em;
width: 100%;
	background-image:url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-11-1.png");	
height: 112px;
    background-position: top;
    background-repeat: no-repeat;
}

.sougei2{
	width: 100%;
	background-color:#fff;
	padding-top: 2em;
}


.sougei-in{
    max-width: 900px;
		margin: auto auto;
	padding: 1em 1.5em;

	margin-bottom: 2em;
}
.sougei-sita{
	padding-top: 1em;
width: 100%;
	background-image:url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-10.png");	
height: 116px;
    background-position: top;
    background-repeat: no-repeat;	
	padding-bottom: 1em;
	
}



.owarini
{
	width: 100%;
	background-image:url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-back3.png");
	    background-position: top;
    background-repeat: no-repeat;	
	margin-bottom: 0em;
 /*height: 120vh;*/
 /*position: relative;*/
}

.owarini-in{
    max-width: 700px;
		margin: auto auto;
		padding: 1em 1.5em 5em 1.5em;
	margin-top: 1em;

	    font-size: 1.2em;
}


.owarini-in2{
    max-width: 90%;
	padding: 2em 1.5em 0 1.5em;
	margin-bottom: 0em;
		background-color:#fff;
		border-radius: 2em 2em 0 0;
border : 2px solid #fff;
  /*    position: absolute; */
  /*    bottom: 0em;親要素の外側（下辺）から0px内側 */
	  /* left:5%;*/
    margin: auto auto; /* 上下のmarginはautoである必要がある */
    width: 90%;
	
}




.sisetsu{
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	margin: auto auto;
    max-width: 100%;

}






.sisetsu ul {
  list-style: none;
	  display: flex;
  gap: 10px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;	
}
.sisetsu ul li{
width: calc((100% - 20px) / 2);
}




.tizu{
	width: 100%;
	padding-top: 0em;
}


.tizu-index{
    max-width: 900px;
		margin: auto auto;
	background-color:#fff;
	padding: 1em 0em;
	text-align:center;

}


.omusubi {
  display: block; /* これがないと回転してくれない */
  animation: rotate-z 59s linear infinite; /* 2秒で1回転 */
	margin-bottom: 1em;
}
.omusubi2 {
  display: block; /* これがないと回転してくれない */
  animation: rotate-z 59s linear infinite; /* 2秒で1回転 */
	margin-bottom: 1em;
}
@keyframes rotate-z {
  from { transform: rotateZ(0deg); }
  to { transform: rotateZ(360deg); }
}



.fuwafuwa {
  animation: fuwafuwa 3s ease-in-out infinite alternate;
  background: url("https://kagawa.coop/omusubi/wp-content/uploads/2024/12/20241223-16.png") no-repeat center center / 100px auto;
  display: inline-block;
  transition: 1.5s ease-in-out;
  width: 180px;
  height: 165px;
  margin-top: 0;
}
 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
}


.animation-o{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
  width: 100px;
	 margin-right: 5%;
}

.omusubi3 {
  animation-name: jump;
  animation-duration: 1s;
}

@keyframes jump{
  0%   { transform:translate(0%, 60px) rotateX(50deg); }
  100% { transform:translate(0%, 0%); }
}





.sns-follow-message {
    color: #3a3a3a;
}
.textsns {
    text-align: center;
}
.sns-follow-message {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #491e1c;
}
.sns-follow-message {
    text-align: center;
    margin-bottom: 3px;
}
.sns-follow-message::before,
.sns-follow-message::after {
    background-color: #3a3a3a;
}
.sns-follow-message::before {
    margin-right: 20px;
    transform: rotate(-35deg);
}
.sns-follow-message::before,
.sns-follow-message::after {
    content: '';
    width: 3px;
    height: 30px;
    background-color: #875d5b;
}

.sns-follow-message::after {
    margin-left: 20px;
    transform: rotate(35deg);
}
.sns-follow-message::before,
.sns-follow-message::after {
    content: '';
    width: 3px;
    height: 30px;
    background-color: #875d5b;
}

.sns-buttons {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.sns-follow-buttons {
    justify-content: center;
}

.sns-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    row-gap: 10px;
    column-gap: 6px;
    margin-top: 0.3em;
    margin-bottom: 2em;
}

.sns-follow-buttons a:last-child {
    background-color: #fff;
}
.sns-follow-buttons a:last-child {
    margin-right: 0;
}
.sns-buttons a {
    height: 55px;
    margin-bottom: 8px;
}

.sns-follow-buttons a {
    width: 55px;
}
.sns-follow-buttons a {
    border-radius: 50%;
    font-size: 24px;
}
.sns-follow-buttons a {
    border-radius: 50%;
    font-size: 20px;
    margin: 0 10px;
}
.sns-follow-buttons a {
    width: 40px;
    height: 40px;
    font-size: 30px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
}
.sns-buttons a {
    align-content: center;
    align-items: center;
    background-color: var(--cocoon-sns-color);
    border-radius: var(--cocoon-basic-border-radius);
    display: inline-flex;
    font-size: 18px;
    justify-content: center;
    height: 45px;
    position: relative;
    text-align: center;
    width: 32%;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    margin: 0 !important;
    color: var(--cocoon-white-color);
    text-decoration: none;
}

img.alignnone.size-full.wp-image-16470 {
    width: 55px;
}


.footer {
  margin-top: -70px;
}

.font-yoko {
	background-color:#c98589;
	color:#fff;
	font-weight:bold;
	    padding: 0.2em 0.5em;
	font-size:1.2em;
display: inline-block;
	margin-bottom: 0.5em;
}




.kadomaru {
border-radius:20px;
}


.font-midashi01{
    font-size: 1.5em;
	color:#491e1c;
	
}


.font-midashi01-2{
			margin-top: 1em;
    font-size: 1.5em;
	color:#491e1c;
		text-align:center;
}

.font-midashi02{
    font-size: 1.2em;
	color:#491e1c;
	text-align:center;
}


.font-small{
    font-size: small;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* Firefoxの場合 */
@-moz-document url-prefix(){
.owarini
{

  /*height: 115vh;*/

}	
}


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

/*900px以下*/
@media screen and (max-width: 900px){
  /*必要ならばここにコードを書く*/
	
.motimono-index{
    max-width: 95%;
}
	
	
	.oshirase-o
{
margin: 2em 1em; 

}
}

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

	
	.omusubi {
    width: 80%;
}
.imgtop-omusubi
{
	bottom:2%;
	right:5%;

}

	    .sisetsu ul {
        padding-left: 15px;
			margin-bottom: 0em;
    }
	
.owarini
{

 /*height: 150vh;*/

}	
	
.sisetsu ul {

	  display: block;
  gap: 10px;
    display: -moz-block;
    display: -ms-block;
    display: -o-block;
}
.sisetsu ul li{
width: calc((100% - 20px) / 1);
}

	
.font-tatem {

    margin-left: 0em;
	padding: 0.5em 0.2em;

}	
.oneday .oned-index .oned-in ul {
    justify-content: normal;
}

.oneday .oned-index .oned-in ul li{
 width: calc((100% - 20px) / 2);
border-radius: 2em;
border : 2px solid #3e3d3b;
	background-color:#fff;
	padding: 1em 1em 0em 1em;

}

.oneday .oned-index .oned-in2 ul li {
    width: calc((100% - 20px) / 1);
    border-radius: 2em;
    border: 2px solid #3e3d3b;
    background-color: #fff;
    padding: 1em 1em 0em 1em;
}	
	

	.owarini-in{

	    font-size: 1em;
}

	
 .img-b {
display: block;
    width: 100%;
    margin: 0;
    padding: 0 40%;
}

	    img.alignleft {
        display: block;
        margin: 8px auto;
    }
	


	
}



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

	
.owarini-in2 {

    padding: 1em 0em 0em 0em;

}	
	
	
	
.owarini
{

 /*height: 140vh;*/

}	

	.omusubi {
    width: 60%;
}
.imgtop-omusubi
{
	bottom:1%;
	right:2%;

}
	}

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

.owarini
{

 /*height: 150vh;*/

}		
	
.omusubi {
    width: 50%;
		margin-bottom:0.2em;
	margin-right: 0.7em;
}
.imgtop-omusubi
{
	bottom:0;
	right:5px;

}

	
	
	 .img-b {
    padding: 0 30%;
}
	
	.concept ul {
padding-left: 0px;	
	}

	.font-midashi01{
    font-size: 1.2em;
}	
	
.concept {
 
    margin: auto 0.8em auto 0.8em;

}	
.oned-index {
    margin: 0.5em;
}	
.oneday .oned-index .oned-in2 ul {
    margin: 0 0 0 1em;
}
	
.oneday .oned-index .oned-in ul {
    margin: 0 0 0 1.5em;
	display: block;
}	
.oneday .oned-index .oned-in ul li{
 width: calc((100% - 20px) / 1);

}

	#main {
    padding: 1em 0 1em 0px;
}
 div#container {
        width: 100%;
        overflow-x: hidden;
    }	
	
}


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

.owarini
{

 /*height: 160vh;*/

}		

.motimono-img {
    top: 25px;

}	


}


/*追加*/

.menu-content .menu-drawer {
    padding: 0 0em 0px;
}


    .mobile-footer-menu-buttons .menu-button {
        background-color: #c88589;
        color: #fff;
    }

.fa {
    color: #fff;
}
.mobile-menu-buttons .menu-caption {

    color: #fff;
}
div#navi-menu-content {
opacity: 0.98!important;
}

.menu-drawer a {
    height: 6vh;
	    padding-left: 1em;
}

.menu-drawer li {

    line-height: 5vh;
}
.menu-drawer li a:hover {
    background-color: #c88589;
	color:#fff;
	
}


    .menu-content {
        max-width: 60%;
    }



.cont-d02 {
    margin: auto auto;
    max-width: 1100px;
}

@media screen and (max-width: 1023px){
.cont-d02 {
    width: 95%;
}
}


.map {
    position: relative;
    width: 100%;
    padding-top: 75%;
 /* 比率を4:3に固定 */
    height: 0;
}

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


 /*2025年2月追加 */

.cont-d-single {
    width: 95%;
	   margin: auto auto;

}


.entry-title, .archive-title {
    font-size: 26px;
    line-height: 1.3;
  width: 90%;
margin: 0 0.8em 1em 0.8em;	
    padding-top: 2em;
  padding-bottom: 2em;
}



@media screen and (max-width: 520px){
.entry-title, .archive-title {
margin: 0px 1em;
font-size: 1.3em;
 width: 100%;
}
span.must {
    display: block;
}	
	
}

.cat-link {

    background-color: #c88589;

}

a.entry-card-wrap.a-wrap.border-element.cf:hover {
    background-color: #f9f3ef;
}








.cat-label {
    font-size: 10px;
    padding: 1px 3px;
    margin: 15px 15px;  /* 上下2px、左右6pxのマージン */
background-color: #c88589;
}





div#list {
    margin-left: 10px;
    margin-right: 10px;
}


/* カードリスト：2列グリッドで固定配置 */
.entry-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 2列固定 */
  gap: 30px;
  padding: 25px;
}

/* 各カード */
.entry-card-wrap {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
	
}

.entry-card-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

/* サムネイル画像の角丸 */
.entry-card-thumb img {
  border-radius: 12px 12px 0 0;
  width: 100%;
  display: block;
}

/* カードのタイトル */
.entry-card-title {
  font-size: 1.1rem;
  font-weight: bold;
  color: #333;
  margin: 12px 16px 6px;
}

/* 抜粋文 */
.entry-card-snippet {
  font-size: 0.9rem;
  color: #666;
  margin: 0 16px 16px;
}

@media (max-width: 1024px) {
  .entry-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}



/* スマホ対応（1列） */
@media screen and (max-width: 768px) {
  .entry-cards {
    grid-template-columns: 1fr;
  }

  .entry-card-title {
    font-size: 1rem;
  }

  .entry-card-snippet {
    font-size: 0.85rem;
  }
}