/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */

/* 
-------------------------------------------------------------- 
-------------------------------------------------------------- 

#2024 D&B Site Integration

-------------------------------------------------------------- 
Arrenged from Onepress-Customize doesn't work.
So if you need it to be overwriting, then here.

Onepress上、「カスタマイズ」でのCSS上書きが出来なくなったので
変更必要分の上書きにはこちらで。
*/

/*　ベースフォント設定 
-------------------------------------------------------------- */

div#page * {
/*
    font-family: Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
*/
/*    font-family: Garamond, "Yu Mincho", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "MS P明朝", "MS PMincho", serif; */
/* Android  明朝？ */
font-family: 'Noto Serif JP', serif;

}

body, button, input, select, textarea,
#site-navigation,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #000;
}

/* 　トップページ 
-------------------------------------------------------------- */
#header-section header#masthead {
	background-image:url("../../uploads/2024/02/header_top_line2.png");
	background-repeat:repeat-x;	
	padding-top:1em;
}

h5{
}

.entry-content {
	text-align: center; 
}

div#content h2.section-title,
.section-title-area h2{
	display:inline; 
	padding-left:1em;
	background-image:url("../../uploads/2024/02/h2_title02.png");
	background-repeat: no-repeat;	
}


/* ワンディッシュデリ 20221015 ---*/
/* LPテキスト */
.LP-text {
	display:none;
}

/* 各商品ラッパー*/
.onedishwrapper{
	padding-bottom:1.5em;
	border-bottom: 5px solid #9E0228;
}

.onedishwrapper img{
	border:1px solid #CFCFCF;
	margin-top: -2em;
	margin-bottom: -1em;
}

/* 各商品説明ラッパー */
.productsdetails {
	margin-top:0;
	margin-bottom:1.5em;
	border-left :1px solid #CFCFCF;
	border-right :1px solid #CFCFCF;
	border-bottom :1px solid #CFCFCF;
	padding:1em;
	font-size:120%;	
	text-align:left;
}

.productsdetails h4{
	font-size:200%;	
	text-align:center;
}	
.productsdetails h5{
	font-size:130%;	
	margin-bottom:1.5em;
}	


/* 　フッターSNSバナー類　
-------------------------------------------------------------- */

/* フォントサイズ */
.sidebar .widget a button{ 
 font-size :11px;
}

/*ホリゾンタル */
.horizontal{
  display:flex;
  width:100%;
  margin:0;
} 
.horizontal>div{
  width:48%;
  margin:0 1%;
}
.horizontal button{
  width:100%;
  height:40px;
}


.byline,
.slb_template_tag_ui_group_status {
  display: none;
   visibility: hidden;
}





/* 
-------------------------------------------------------------- 
-------------------------------------------------------------- 

#2024 D&B Site Integration
  
-------------------------------------------------------------- 
Add new styles

*/




/*
Products　CSS 
-------------------------------------------------------------- */

.Products .feature-item{ /* 上部プロダクツ説明文箇所 */ 
 margin-bottom:2em;

}
.Products .row{
 margin-bottom:2em;
}

div.col-lg-6 pre {
 min-height: 100px;
 margin: 0 auto;
 width:95%;
}


/*　
 プロダクツ
 ベーカリー事業  
-------------------------------------------------------------- */

#Bakery h3,
#Bakery .item_detail strong {
 padding-top:1em;
 color: #913f2e;
}

/* ベーカリー大枠 */
#Bakery {
padding:0.5em;
background: #fff6eb;
}
/* タイトル・スライダー枠 */
#Bakery .col-lg-4 {
 padding-top:1em;
 color:white;
 background: #7e3f2e;
}
#Bakery .col-lg-4 *{
 color:white;
 background: #7e3f2e;
}
/* スライダー背景色 */
#Bakery .slideBakery{
background: #7e3f2e;
}

/*　
 プロダクツ
 デリカ事業  
-------------------------------------------------------------- */

#Delica h3,
#Delica .item_detail strong {
 padding-top:1em;
 color: #517930;
}

/* ベーカリー大枠 */
#Delica {
padding:0.5em;
background: #fff6eb;
}
/* タイトル・スライダー枠 */
#Delica .col-lg-4 {
 padding-top:1em;
 color:white;
 background: #62903B;
}
#Delica .col-lg-4 *{
/* width:100%; */
 color:white;
 background: #62903B;
}

/* スライダー背景色 */
#Delica .slideBakery{
background: #517930;
}


/*　
 プロダクツ 共用パーツ 
-------------------------------------------------------------- */
.items{ /* アイテムごと枠 */
 border-top: 3px double #666;
 padding:2em 0;
}


.itemHeadingIntro {
text-align:left;
font-size:1em;

    width: 55%;
    padding-left: 3%;
    margin-bottom: 25px;
}

.lead{ /* アイテムリード箇所 */
    font-family: Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
	font-size:1em;
}
.item_detail{ /* アイテム価格箇所 */ 
 margin-top: 1em;
 padding-top: 1em;
 border-top:1px dotted #999;

}

/* アイテム　イメージ左、テキスト右 */ 
.itemsLeft img{ 
	float:left;
}
.itemsLeft .itemHeadingIntro{
	float:right;
}
/* アイテム　イメージ右、テキスト左 */ 
.itemsRight img{
	float:right;
}
.itemsRight .itemHeadingIntro{ 
	float:left
	;
}



/*　
 プロダクツ スライダー 共通
/*-------------------------------------------------------------- */

.slide {
  position: relative;
  overflow: hidden;
  margin: auto;
  background: #fff;
width: 300px;
height: 250px;
}

.slide img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 100%;
  animation: slide-anime 25s ease-in-out infinite;
width: 300px;
height: 250px;
}
.slideDelica img:nth-of-type(1) {animation-delay: 0s;}
.slideDelica img:nth-of-type(2) {animation-delay: 5s;}
.slideDelica img:nth-of-type(3) {animation-delay: 10s;}
.slideDelica img:nth-of-type(4) {animation-delay: 15s;}
.slideDelica img:nth-of-type(5) {animation-delay: 20s;}
 
@keyframes slide-anime{
  0% {left: 100%;}
  2% {left: 0;}
  18% {left: 0;}
  20% {left: -100%;}
  100% {left: -100%;}
}


/*
　プロダクツ スライダー
　ベーカリー　個別調整
-------------------------------------------------------------- */

.slideBakery {
  position: relative;
  overflow: hidden;
  margin: auto;
  background: #fff;
/*
  width: 300px;
  height: 250px;

*/
	width: 100%;
	aspect-ratio: 3 / 2;
	
text-align:center;
 margin: 0 auto;
  
}

.slideBakery img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 100%;
  top: 0px;

  animation: slide-anime-bakery 15s ease-in-out infinite;
}

.slideBakery img:nth-of-type(1) {animation-delay: 0s;}
.slideBakery img:nth-of-type(2) {animation-delay: 5s;}
.slideBakery img:nth-of-type(3) {animation-delay: 10s;}

@keyframes slide-anime-bakery{
  0% {left: 100%;}
  2% {left: 0;}
  30% {left: 0;}
  35% {left: -100%;}
  100% {left: -100%;}
}


/* 
-------------------------------------------------------------- 
-------------------------------------------------------------- 
  
  Donno WHY Fix 

-------------------------------------------------------------- 
-------------------------------------------------------------- */
 
/*
Footer Arrow rotate clear.
-------------------------------------------------------------- */
.site-footer .btt a {
  border-radius: 0px 20px 0 0;
  color: #999999;
  background: #222222;
  display: block;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  position: absolute;
  right: 60px;
  top: -25px;
  transition: all 0.2s linear 0s;
  width: 50px;
  z-index: 99;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}


/* 
-------------------------------------------------------------- 
-------------------------------------------------------------- 

クリアフィックス、メディアスクリーン等。

-------------------------------------------------------------- 
-------------------------------------------------------------- 
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

/*
 スクリーンサイズが990px以下の場合に適用
-------------------------------------------------------------- */
@media screen and (max-width: 990px) {

/*
フッターSNSバナー類　フォントサイズ 
*/
.sidebar .widget a button{ 
font-size :9px;
font-weight: bold;
}

/* 
デリカ　左枠イメージ100％
*/
#Delica .col-lg-4 *{
 width:100%; 
}


}

/*
 スクリーンサイズが770px以下の場合に適用
-------------------------------------------------------------- */
@media screen and (max-width: 770px) {

/*
h2 背景位置
*/

div#content h2.section-title,
.section-title-area h2,
div#content-inside .entry-content h2.section-title {
	padding-left:1.2em;
    background-position: 0px 0px; 
}


/* 企業概要、役員構成等、折り返し禁止とか文字サイズとか。。。 */
.table th,
.table td,
.storeTBL th {
/*	color:red; */
	font-size: 80%;

}

/*
フッターSNSバナー類　フォントサイズ 
*/
.sidebar .widget a button{ 
font-size :13px;
}

/* 
ベーカリー　左枠イメージ100％
*/
#Bakery .col-lg-4 *{
 width:100%; 
}

/* 
デリカ、ベーカリー　両事業ページのアイテム向け
 */
.items{
	float:clear;
}

.itemsLeft img{
	float:clear;
    width: 100%;	
}
.itemsLeft .itemHeadingIntro{
	float:clear;
    width: 100%;
}


.itemsRight img{
	float:clear;
    width: 100%;	
}
.itemsRight .itemHeadingIntro{ 
	float:clear;
    width: 100%;
}

.slideBakery {


}

}