@charset "UTF-8";

/*----------------------------------------
 * フォント
 *----------------------------------------*/

@font-face {
	font-family: 'Zen Old Mincho';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/ZenOldMincho-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Zen Old Mincho';
	font-style: medium;
	font-weight: 500;
	font-display: swap;
	src: url(../webfonts/ZenOldMincho-Medium.ttf) format('truetype');
}

@font-face {
	font-family: 'EBGaramond';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/EBGaramond-Italic.ttf) format('truetype');
}

@font-face {
	font-family: 'Baskervville';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/Baskervville-Italic.ttf) format('truetype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../webfonts/NotoSansJP-Bold.otf) format('opentype');
}

/*
@font-face {
	font-family: 'Zen Old Mincho';
	font-style: semibold;
	font-weight: 600;
	font-display: swap;
	src: url(../webfonts/ZenOldMincho-SemiBold.ttf) format('truetype');
}

@font-face {
	font-family: 'Zen Old Mincho';
	font-style: bold;
	font-weight: 700;
	font-display: swap;
	src: url(../webfonts/ZenOldMincho-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Zen Old Mincho';
	font-style: black;
	font-weight: 800;
	font-display: swap;
	src: url(../webfonts/ZenOldMincho-Black.ttf) format('truetype');
}
*/

/*
@font-face {
	font-family: 'Oswald';
	font-style: normal;
	font-display: swap;
	src: url(../webfonts/Oswald-VariableFont_wght.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: bold;
	font-weight: 700;
	font-display: swap;
	src: url(../webfonts/Roboto-Bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../webfonts/Roboto-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url(../webfonts/Roboto-LightItalic.ttf) format('truetype');
}

@font-face {
	font-family: 'STIXTwoText';
	font-style: Italic;
	font-display: swap;
	src: url(../webfonts/STIXTwoText-Italic-VariableFont_wght.ttf) format('truetype');
}
*/


body {

    font-family: 'Zen Old Mincho', '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
/*
   font-family: 'Zen Old Mincho';
*/
	margin:0;
	padding:0;
	font-size:1rem;
	font-weight:400;
	color:#3d340c;
	line-height:2em;
	background-color:#f9f8ee;
}

/*----------------------------------------
 * ヘッダー
 *----------------------------------------*/

header.second {
	position:fixed;
	padding:30px;
	width:calc(100% - 60px);
	z-index:20;
	top:0
}

header.second h1 {
	position:relative;
	margin:0;
	width:162px;
	z-index:2;
}

header.second h1 img{
	display:block;
	width:100%;
	height:auto;
}

header.second nav {
	position:absolute;
	width:100%;
	top:60px;
	left:-0.5em;
	width:100%;
	text-align:center;
}

header.second nav ul,
header.second nav ul li {
	display:inline;
	padding:0;
}

header.second nav ul li { margin-right:100px;}
header.second nav ul li:last-child { margin-right:0;}

/* サブナビゲーション */
header nav ul li .sub_nav {
}

/* モーダル表示用の背景 */
.modal_bg {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:10;
}

.modal_bg.mb {
	display:none;
}

/*----------------------------------------
 * ページテンプレート
 *----------------------------------------*/

/* 記事エリア */
section.article_area {
}

/* pタグマージンをリセット */
section.article_area p {
	margin:0;
}

/* パンクズナビゲーション */

/* 記事部分 */
article {
	position:relative;
	z-index:1;
}

/* 見出し */
section.article_area article .std_h1 {
}

section.article_area article .std_h2 {
}

section.article_area article .std_h3 {
}

/* リード文部分 */
section.article_area .lead_area {
}

/*----------------------------------------
 * 基本書式
 *----------------------------------------*/
/* 見出し */
h1,h2,h3,h4,h5 {
	font-weight:400;
}

/* 縦書き */
.writing-rl {
	writing-mode: vertical-rl;
	display:inline-block;
	text-align:left;
}

/* 上付き */
.writing-rl sup {
	top:0;
	left:0.5em;
	display:inline;
}

/* 縦中横 */
.writing-rl em {
	text-combine-upright: all;
	font-style: normal;
	left:-2.5px;
	position:relative;
	display:inline;
}

.writing-rl em.em_1 {
	left:0;
}

.writing-rl em.em_1.after_margin {
	margin-bottom:0.2em;
}

/* 文字詰め */
.ls_005 { letter-spacing:0.05em;}
.ls_008 { letter-spacing:0.08em;}
.ls_010 { letter-spacing:0.1em;}


/* 文字色 */
.col_red {color:#b10c1a;}
.col_gray {color:#808080;}
.col_black {color:black;}

/* キャプション */
.caption {
/*
	font-size:0.625rem;
*/
}

/* 背景色 */
/*
.bg_dark_gray {background-color:#333333;color:#a7a7a7;}
*/
.bg_light_gray {background-color:#f7f7f7;}
.bg_white {background-color:white;}
.bg_dark_gray {background-color:#222;color:#717171;}
.bg_s_dark_gray {background-color:#a8a8a8;}
.bg_s_light_gray {background-color:#eeeeee;}
.bg_kakomi_in_dark_gray {background-color:#292929;}
.bg_dark {background-color:#333333;color:white;}


/* 背景 */
.std_bg_1 { background:url(../images/share/bg_1.jpg) repeat center center;position:relative;}
.std_bg_2 { background:url(../images/share/bg_2.jpg) repeat center center;position:relative;}


/* レイアウト */
.col2_40_40 .left {width:40%;}
.col2_40_40 .right {width:40%;}


/* BOX書式 */

/* flex */
.std_flex {
	display:flex;
	justify-content: space-between;
}

.std_flex2 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.std_flex2 .column{
	width:50%;
	text-align:justify;
}

.std_flex3 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.std_flex3 .column{
	width:31%;
	text-align:justify;
}

.std_flex4 {
	display:flex;
	justify-content: space-between;
}

.std_flex4 .column{
	width:23%;
	text-align:justify;
}

/* ドロップシャドウ */
.std_drop_shadow {
	box-shadow: 0px 0px 15px -9px rgb(0 0 0 / 30%);
}

/* 定義 */
dl.std_dl {
	display:flex;
	flex-wrap:nowrap;
	align-content: space-between;
	margin-top:0px;
	margin-bottom:5px;
}

dl.std_dl dt{
	width:12em;
	background-color:white;
	padding:1em 0;
	text-align:center;
	color:#db0113;
	border-left:2px solid #db0113;
	border-bottom:1px solid #f7adb3;
	font-weight:700;
}

dl.std_dl dd{
	width:calc(100% - 12em);
	padding:1em;
	margin-left:5px;
	border-bottom:1px solid #dadada;
}

.recruit dl.std_dl dt {
	color:#3f9eea;
	border-color:#3f9eea;
}

/* 表 */
table.std_table {
	width:100%;
	border-collapse:collapse;
}

table.std_table.middle {
	vertical-align:middle;
}

table.std_table.center {
	text-align:center;
}

table.std_table th,
table.std_table td {
}

table.std_table th {
	background-color:#665a3c;
	color:white;
	padding:0.8em;
	border-top:1px solid #7c796d;
	border-right:1px solid #7c796d;
	border-bottom:1px solid #7c796d;
	border-left:1px solid #7c796d;
}

table.std_table td {
	padding:0.8em 1em;
	border:1px solid #7c796d;
	position:relative;
	line-height:1.5em;
	background-color:white;
}

/* 表の上中下旬（Early, Mid, Late）*/
table.std_table tr.eml td {
	padding-left:0;
	padding-right:0;
	text-align:center;
	width:1em;
}

table.std_table th.th2,
table.std_table td.td2 {
	border-left:1px solid white;
	border-right:1px solid white;
}

table.std_table th.th2_left,
table.std_table td.td2_left {
	border-left:1px solid #7c796d;
	border-right:1px solid white;
}

table.std_table th.th2_right,
table.std_table td.td2_right {
	border-left:1px solid white;
	border-right:1px solid #7c796d;
}

table.std_table tr.bg2 th,
table.std_table tr.bg2 td,
table.std_table th.bg2,
table.std_table td.bg2 {
	background-color:#efedd3;
	color:#3d340c;
}

table.std_table tr.bg3 th,
table.std_table tr.bg3 td,
table.std_table th.bg3,
table.std_table td.bg3 {
	background-color:#d6ca8c;
	color:#3d340c;
}

table.std_table tr.bg4 th,
table.std_table tr.bg4 td,
table.std_table th.bg4,
table.std_table td.bg4 {
	background-color:#e3dfb0;
	color:#3d340c;
}

table.std_table td.td3 {
	border-left:1px solid #7c796d;
	border-right:1px solid #7c796d;
}

table.std_table td span {
	position:absolute;
	text-indent:-5em;
	overflow:hidden;
	display:block;
	top:23px;
	left:0;
	height:10px;
	width:calc(100% + 1px);
	background-color:#b6a133;
	z-index:2;
}

table.std_table td.dot {
	border-left:1px dotted #7c796d;
	border-right:1px dotted #7c796d;
}

table.std_table .no_left { border-left:none;}
table.std_table .no_right { border-right:none;}
table.std_table .no_top { border-top:none;}
table.std_table .no_bottom { border-bottom:none;}

table.std_table .white_top { border-top:1px solid white;}
table.std_table .white_bottom { border-bottom:1px solid white;}

table.std_table .writing-rl {
	display:table-cell;
	line-height:1em;
	text-align:center;
}

table.std_table .writing-rl em {
	left:1px;
}

p.std_p {
	margin:0;
}

.clearboth { clear:both;}

/* 飾り罫付きの段落（縦書き） */
.para_v:before {
	content:'';
	background:url(/resources/images/common/para_v.png) no-repeat top right;
	position:absolute;
	display:block;
	width:100%;
	height:30px;
	top:15px;
	right:9px;
}

.para_v {
	position:relative;
	padding-top:45px;
	letter-spacing:0.1em;
}

.para_v.pad_left_1 { padding-left:1em;}
.para_v.pad_left_2 { padding-left:2em;}
.para_v.pad_left_3 { padding-left:3em;}
.para_v.pad_left_4 { padding-left:4em;}
.para_v.pad_left_5 { padding-left:5em;}

.caption {
	font-family:'Noto Sans JP';
	color:#7C796D;
/*
	font-size:0.625rem;
*/
	font-size:0.75rem;
}

.caption.mincho {
   font-family: 'Zen Old Mincho', '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

/*----------------------------------------
 * 共通フッター 桃・ぶどう
 *----------------------------------------*/
.std_width:has(.footer_flex_2){
	position:relative;
	z-index:0;
}

.footer_flex_2 {
	display:flex;
	width:100%;
	margin-bottom:170px;
}

.footer_flex_2 div.column {
	position:relative;
	width:50%;
}

.footer_flex_2 div.column h2 {
	position:absolute;
	z-index:3;
	display:inline-block;
	background-color:white;
	color:#3d340c;
	padding:1em 0.5em;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	transition:background-color 0.5s, color 0.2s;
	top:-20px;
	right:40px;
	z-index:3;
}

.footer_flex_2 div.column div.image {
	position:relative;
	display:block;
	width:420px;
	height:auto;
	border-radius:210px 210px 0 0;
	margin-left:auto;
	margin-right:auto;
	z-index:2;
	overflow:hidden;
}

.footer_flex_2 div.column a div.image img {
	display:block;
	transition:all 0.5s;
}

.footer_flex_2 div.column a:hover div.image img {
	transform:scale(1.2);
}

.footer_flex_2 div.column img.bg {
	position:absolute;
	z-index:1;
}

.footer_flex_2 div.column img.bg.momo { top:-280px;left:-120px;}
.footer_flex_2 div.column img.bg.budou { top:-150px;left:-120px;}



/*----------------------------------------
 * ページトップへ
 *----------------------------------------*/
.totop {
	padding:10px;
	text-align:center;
	background:url(/resources/images/common/totop_bg.png) no-repeat center center;
}

.totop img {
	display:block;
	margin:0 auto;
	width:13px;height:12px;
}

.totop a {
	font-size:12px;
	color:#b6a133;
}


/*----------------------------------------
 * フッター
 *----------------------------------------*/
footer {
	margin-top:60px;
	border-top:1px solid #b6a133;
	padding-top:60px;
	text-align:center;
	padding-bottom:60px;
}

footer img.logo {
    width: 162px;
    height: auto;
    display: block;
    margin: 0 auto 30px auto;
}

footer .tel_mail {
	margin-top:20px;
	font-size:12px;
	line-height:20px;
}

footer .tel_mail .tel {
	margin-right:2em;
}

footer .tel_mail .tel:before,
footer .tel_mail .mail:before {
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:0.5em;
}
footer .tel_mail .tel:before{
	background:url(/resources/images/common/footer_tel.png) no-repeat center center;
	background-size:cover;
}
footer .tel_mail .mail:before{
	background:url(/resources/images/common/footer_mail.png) no-repeat center center;
	background-size:cover;
}


/*----------------------------------------
 * 共通フォーマット
 *----------------------------------------*/
/* section.history */
section.history {
	position:relative;
	text-align:right;
	height:28.5em;
	margin-bottom:270px;
}

section.history h2 {
	margin-left:60px;
}

section.history div.para_v {
	height:21em;
	text-align:justify;
}

section.history a {
	position:relative;
	display:inline-block;
	background-color:white;
	color:#3d340c;
	padding:1em 0.5em;
	margin-top:250px;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	transition:background-color 0.5s, color 0.2s;
	z-index:2;
}

section.history a div {
	display:inline-block;
	width:20px;
	height:12px;
	margin-top:1em;
	background-image:url(/resources/images/common/bt_arrow.png);
	background-size:cover;
	overflow:hidden;
	text-indent:110%;
}

section.history a:hover {
	background-color:#b6a133;
	color:white;
}

section.history a:hover div {
	background-image:url(/resources/images/common/bt_arrow_hover.png);
}

section.history .history_photo {
	position:absolute;
	border-radius:100%;
	height:auto;
}


/*----------------------------------------
 * トップページ
 *----------------------------------------*/
/* nav */
.toppage nav.writing-rl {
	position:fixed;
	display:block;
	right:40px;
	top:160px;
	font-size:0.875rem;
	z-index:10;
}

.toppage nav.writing-rl ul,
.toppage nav.writing-rl ul li {
	display:inline;
}

.toppage nav.writing-rl ul li {
	margin-bottom:100px;
}

.toppage nav.writing-rl ul li a {
}

/* header */
.toppage header.top h1 {
	margin:0;
	padding-top:40px;
}

.toppage header.top h1 img {
	width:162px;
	height:auto;
	display:block;
	margin:0 auto;
}

.toppage header h1 {
	margin:0;
	padding-top:40px;
}

.toppage header h1 img {
	width:162px;
	height:auto;
	display:block;
	margin:0 auto;
}

/* section.main */
.toppage .main {
	position:relative;
}

.toppage .main h1 {
	top:0;
	left:0;
	position:absolute;
	margin:0;
	width:100%;
	writing-mode: vertical-rl;
	color:#b6a133;
	height:100%;
	font-weight:400;
}

.toppage .main h1 span,
.toppage .main h1 strong,
.toppage .main h1 div {
	position:absolute;
	display:block;
}

.toppage .main h1 span { 
	top:-40px;
	right:0;
	font-size:32px;
	letter-spacing:0.2em;
}

.toppage .main h1 strong { 
	top:120px;
	right:88px;
	font-weight:400;
	font-size:78px;
}

.toppage .main h1 div { 
	top:120px;
	left:80px;
	font-size:58px;
}

.toppage .main h1 div em {
	font-style:normal;
}

.toppage .main div.image {
	background:url(/resources/images//top/main.jpg?v=1625) no-repeat center center;
	background-size:cover;
	width:620px;
	height:760px;
	border-radius:310px 310px 0 0;
	display:block;
	margin:60px auto 0 auto;
	text-indent:110%;
	overflow:hidden;
}

.toppage .main h2 {
	margin-top:150px;
	margin-bottom:40px;
	font-size:40px;
	line-height:1.5em;
	letter-spacing:0.2em;
	text-align:center;
} 

.toppage .main p {
	font-size:1.125rem;
	text-align:center;
	line-height:2.5em;
	margin-top:0;
	margin-bottom:100px;
}

.toppage .history .history_photo.p1{ width:150px;top:0;left:-70px;}
.toppage .history .history_photo.p2{ width:200px;top:132px;left:-217px;}
.toppage .history .history_photo.p3{ width:150px;top:362px;left:-20px;}
.toppage .history .history_photo.p4{ width:200px;top:41px;right:-243px;}
.toppage .history .history_photo.p5{ width:150px;top:295px;right:-153px;}

/*----------------------------------------
 * セカンドページ
 *----------------------------------------*/
.second  {
	padding-top:140px;
}

.second article h1 {
	margin:0;
	padding-top:100px;
	font-size:36px;
	text-align:center;
	background:url(/resources/images/common/second_h1.png) repeat-x center top;
	height:150px;
}


/*----------------------------------------
 * 岡山の桃・ぶどうの歴史
 *----------------------------------------*/
.second.history section.history {
	padding-top:100px;
	margin-bottom:200px;
}

.second.history section.history_hr {
	position:relative;
	padding-left:80px;
}

.second.history section.history_hr h2 {
	position:absolute;
	font-size:60px;
	font-weight:400;
	line-height:1em;
	color:#d3c785;
	left:-30px;
	top:0;
	margin:0;
}

.second.history section.history_hr h2 img {
	display:inline-block;
	width:50px;
	margin:0 auto;
}

.second.history section.history_hr h3 {
	font-size:1.5em;
	margin:0 0 25px 0;
}

.second.history section.history_hr h3.margin_top_50 {
	margin-top:50px;
}

.second.history section.history_hr .para_h dl {
	position:relative;
	margin:0;
	padding-bottom:2em;
}
.second.history section.history_hr .para_h dl.pad_bottom_1 { padding-bottom:1em;}

.second.history section.history_hr .para_h dl:before {
	content:'';
	position:absolute;
	display:block;
	top:10px;
	left:0;
	width:10px;
	height:100%;
}
.second.history section.history_hr.momo .para_h dl:before {
	background:url(/resources/images/history/para_h_momo.png) no-repeat center top;
}
.second.history section.history_hr.budou .para_h dl:before {
	background:url(/resources/images/history/para_h_budou.png) no-repeat center top;
}
.second.history section.history_hr.momo_budou .para_h dl:before {
	background:url(/resources/images/history/para_h_momo_budou.png) no-repeat center top;
}

.second.history section.history_hr .para_h dl:after { content:'';display:block;clear:both;}

.second.history section.history_hr .para_h dl dt {
	margin-left:18px;
	float:left;
	width:5em;
/*
	font-size:0.625em;
*/
	font-size:0.75em;
	line-height:1.5em;
}

.second.history section.history_hr .para_h dl dt span {
   font-family: 'EBGaramond';
   font-weight:400;
   font-style:italic;
   font-size:24px;
   display:block;
   line-height:1.5em;
}

.second.history section.history_hr.momo .para_h dl dt span { color:#ef9190;}
.second.history section.history_hr.budou .para_h dl dt span { color:#9372b0;}
.second.history section.history_hr.momo_budou .para_h dl dt span { color:#b6a133;}

.second.history section.history_hr .para_h dl dd {
	padding-top:0.2em;
	margin-left:6em;
	line-height:1.75em;
	text-align:justify;
}

.second.history section.history_hr.budou {
	margin-top:100px;
}

.second.history section.history_hr.momo_budou {
	padding-left:0;
}
.second.history .history_hr_wrapper {
	margin-top:100px;
	margin-bottom:200px;
	margin-left:80px;
	padding:30px;
	background-color:#efedd3;
}

.second.history section.history_hr.momo_budou h2 {
	height:10em;
	line-height:1.2em;
	left:-220px;
	top:-30px;
}

/*----------------------------------------
 * 岡山の桃、ぶどう 共通
 *----------------------------------------*/
.second.momo article,
.second.budou article {
	margin-bottom:200px;
}

.second.momo article .lead,
.second.budou article .lead {
	margin-top:100px;
}

.second.momo article .lead .image,
.second.budou article .lead .image {
	position: relative;
    display: block;
    width: 420px;
    height: auto;
    border-radius: 210px 210px 0 0;
    z-index: 2;
    overflow: hidden;
}

.second.momo article .lead .right,
.second.budou article .lead .right{
	font-size:1.125rem;
	line-height:2.5em;
	padding-top:30px;
}

.second.budou article .lead .right{ letter-spacing:-0.01em;}

/* 岡山県の桃、岡山のぶどう */
.second.momo article .hinsyu,
.second.budou article .hinsyu {
	margin-top:200px;
}

.second.momo article .hinsyu h2,
.second.budou article .hinsyu h2,
.second.momo article .jiki h2,
.second.budou article .jiki h2,
.second.momo article .jyuni h2,
.second.budou article .jyuni h2,
.second.momo article .saibai h2,
.second.budou article .saibai h2,
.second.momo article .tabekata h2,
.second.budou article .tabekata h2 {
	margin:0 0 50px 0;
	text-align:center;
	font-size:2em;
}

.second.momo article .hinsyu .flex_3,
.second.budou article .hinsyu .flex_3 {
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
}

.second.momo article .hinsyu .flex_3 div,
.second.budou article .hinsyu .flex_3 div {
	width:240px;
	margin:0 43px 40px 43px;
	text-align:center;
}

.second.momo article .hinsyu .flex_3 div a span.img,
.second.budou article .hinsyu .flex_3 div a span.img {
	border-radius:100%;
	display:block;
	overflow:hidden;
}

.second.momo article .hinsyu .flex_3 div img,
.second.budou article .hinsyu .flex_3 div img {
	width:100%;
	height:auto;
	transition:all 0.5s;
}

.second.momo article .hinsyu .flex_3 div a:hover img,
.second.budou article .hinsyu .flex_3 div a:hover img {
	transform:scale(1.2);
}


.second.momo article .hinsyu .flex_3 div h3,
.second.budou article .hinsyu .flex_3 div h3 {
	display:block;
	position:relative;
	margin-top:-20px;
}

.second.momo article .hinsyu .flex_3 div h3 span,
.second.budou article .hinsyu .flex_3 div h3 span {
	display:inline-block;
    background-color: white;
    color: #3d340c;
    padding: 0.5em 1em;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}


/* 岡山県の桃の出荷時期 */

.second.momo article .jiki,
.second.budou article .jiki {
	margin-top:160px;
}

.second.momo article .jiki table,
.second.budou article .jiki table {
	margin-top:50px;
}

/* 全国もも産地順位及び品種構成 */
.second.momo article .jyuni,
.second.budou article .jyuni {
	margin-top:200px;
}

.second.momo article .jyuni h3,
.second.budou article .jyuni h3 {
	font-size:1.5rem;
}

/* おかやまの桃づくり、ぶどうづくり */
.second.momo article .saibai,
.second.budou article .saibai {
	margin-top:200px;
}

.second.momo article .saibai .arrow_wrapper {
	position:relative;
}

.second.momo article .saibai .arrow_wrapper .arrow {
	position:absolute;
	width:50px;
	top:55px;
	height:100%;
}

.second.momo article .saibai .arrow_wrapper .arrow .pc,
.second.momo article .saibai .arrow_wrapper .arrow .mb {
	height:100%;
}

.second.momo article .saibai .arrow_wrapper .arrow img {
	display:block;
	width:100%;
	height:auto;
}

.second.momo article .saibai .arrow_wrapper .arrow img.bar {
	height:100%;
}

/* 食べ方 */
.second.momo article .tabekata,
.second.budou article .tabekata {
	margin-top:200px;
}

/* saibai_box */
.second.momo article .saibai_box {
	position:relative;
	border:1px solid #b6a133;
	margin-left:80px;
	width:815px;
	padding-left:65px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	margin-bottom:35px;
}

.second.budou article .saibai_box {
	position:relative;
	border:1px solid #b6a133;
	width:895px;
	padding-left:65px;
	padding-top:25px;
	padding-right:25px;
	padding-bottom:25px;
	margin-bottom:35px;
}

.second.momo article .saibai_box:after,
.second.budou article .saibai_box:after {
	background:url(/resources/images/momo/saibai_box_bottom.png) no-repeat center top;
	content:'';
	position:absolute;
	bottom:-25px;
	left:0;
	width:100%;
	display:block;
	width:100%;
	height:25px;
}

.second.momo article .saibai_box.last:after,
.second.budou article .saibai_box.last:after {
	display:none;
}

.second.momo article .saibai_box .number,
.second.budou article .saibai_box .number {
	position:absolute;
	font-family:'Baskervville';
	font-size:48px;
	color:#b6a133;
	font-weight:400;
	text-align:center;
	line-height:80px;
	width:80px;
	top:30px;
	left:-42px;
	z-index:2;
}

.second.momo article .saibai_box .number img,
.second.budou article .saibai_box .number img {
	display:block;
	width:40px;
	height:auto;
	margin:20px;
}

.second.momo article .saibai_box .number:before,
.second.budou article .saibai_box .number:before {
	content:'';
	position:absolute;
	display:block;
	width:80px;
	height:80px;
	border:1px solid #b6a133;
	background-color:#f9f8ee;
	z-index:-1;
	border-radius:100%;
	clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%);
}

.second.momo article .saibai_box h3,
.second.budou article .saibai_box h3 {
	font-size:1.375rem;
	margin:10px 0 5px 0;
}

.second.momo article .saibai_box img,
.second.budou article .saibai_box img {
	width:160px;
	height:auto;
	/*
	margin-left:10px;
	*/
	vertical-align:middle;
}

.second.momo article .saibai_box .right img:last-child,
.second.budou article .saibai_box .right img:last-child {
	margin-left:0
}


/*----------------------------------------
 * 岡山の桃
 *----------------------------------------*/

/* 岡山県の桃 */


.second.momo article .jiki div.align_center {
	letter-spacing:-0.03em;
}

/* 桃の美味しい食べ方 */

.second.momo article .tabekata .flex_2 {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.second.momo article .tabekata .flex_2 .column {
	width:48%;
	margin-bottom:30px;
	background-color:white;
}

.second.momo article .tabekata .flex_2 .column .inner {
	padding:40px;
}

.second.momo article .tabekata .flex_2 .column .inner h3 {
	margin:0 0 30px 0;
	text-align:center;
	font-size:1.375rem;
}

.second.momo article .tabekata .flex_2 .column .inner div.column,
.second.momo article .tabekata .flex_2 .column .inner div.desc {
	margin-bottom:40px;
}

.second.momo article .tabekata .flex_2 .column .inner div.w80p img {
	border-radius:16px;
}

.second.momo article .tabekata .flex_2 .column .inner .gokan {
}

.second.momo article .tabekata .flex_2 .column .inner .gokan div {
	margin-bottom:10px;
}

.second.momo article .tabekata .flex_2 .column .inner .gokan span {
	display:inline-block;
	width:2em;
	height:2em;
	border-radius:100%;
	border:1px solid #3d340c;
	text-align:center;
	line-height:2em;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:0.5em;
}

/* 上手な切り方 */
.second.momo article .kirikata h3 {
	margin:50px 0 40px 0;
	text-align:center;
	font-size:1.5rem;
	background:url(/resources/images/momo/tabekata_h3_bg.png) repeat-x left center;
}

.second.momo article .kirikata h3 span {
	display:inline-block;
	padding:0 1em;
	background-color:#f9f8ee;
}

.second.momo article .kirikata .flex_4 {
	display:flex;
	justify-content:space-between;
}

.second.momo article .kirikata .flex_4 div.column {
	width:22%;
	border:1px solid #b6a133;
	position:relative;
}

.second.momo article .kirikata .number {
	position:absolute;
	width:80px;
    top: -42px;
    left: calc(50% - 40px);
	z-index:2;
}

.second.momo article .kirikata .number img {
	display:block;
	width:40px;
	height:auto;
	margin:20px;
}

.second.momo article .kirikata .number:before {
	content:'';
	position:absolute;
	display:block;
	width:80px;
	height:80px;
	border:1px solid #b6a133;
	background-color:#f9f8ee;
	z-index:-1;
	border-radius:100%;
	clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}

.second.momo article .kirikata .inner {
	padding:60px 30px 30px 30px;
}

.second.momo article .kirikata .inner img {
	vertical-align:middle;
	margin-bottom:20px;
}

.second.momo article .kirikata a {
	margin:50px auto 0 auto;
	font-size:1.25rem;
	width:calc(400px - 1em);
	text-align:center;
	display:block;
	background-color: white;
    color: #3d340c;
	padding: 1.4em 0.5em;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	transition: background-color 0.5s, color 0.2s, background-image 0.5s;
	line-height:1em;
}

.second.momo article .kirikata a:visited { color:#3d340c;}

.second.momo article .kirikata a:hover {
	background-color: #b6a133;
    color: white;
}

.second.momo article .kirikata a span {
	display:inline-block;
	width:25px;
	height:25px;
	margin-right:1em;
	vertical-align:middle;
	margin-top:-5px;
	background:url(/resources/images/momo/bt_movie_icon.png) no-repeat center center;
	background-size:cover;
}

.second.momo article .kirikata a:hover span {
	background-image:url(/resources/images/momo/bt_movie_icon_hover.png);
}

.second.momo .momo_movie video{
	width:100%;
	height:auto;
}

/*----------------------------------------
 * 岡山のぶどう
 *----------------------------------------*/

.second.budou article .budou_saibai_box_2 {
	top:calc(50% - 40px);
}

.second.budou article .budou_saibai_2 h3 {
	margin-top:20px;
	margin-bottom:20px;
}

/* saibai_box2 */
.second.budou article .budou_saibai_2 {
	position:relative;
	margin-top:20px;
}

/* saibai_box2 */
.second.budou article .saibai_box2 {
	background-color:#efedd3;
}

.second.budou article .saibai_box2 .sb2_inner {
	padding:25px;
	line-height:1.5em;
}

.second.budou article .saibai_box2 h4 {
	font-size:1.375rem;
	margin-top:0;
	margin-bottom:15px;
	line-height:1em;
}

.second.budou article .saibai_box2 .point {
	margin-top:20px;
}

.second.budou article .saibai_box2 .point dl dt {
	display:inline-block;
	background-color:#b6a133;
	padding:12px 30px 12px 12px;
	font-size:0.8125rem;
	color:white;
	font-family:'Noto Sans JP';
	font-weight:700;
	clip-path:polygon(0 0, 90% 0, 100% 100%, 0 100%);
}

.second.budou article .saibai_box2 .point dl dd {
	border-top:1px solid #b6a133;
	margin-left:0;
	padding:15px 20px;
	background-color:white;
	font-family:'Noto Sans JP';
	font-weight:400;
}

.second.budou article .saibai_box2.sb_1 {
	position:relative;
	width:600px;
	margin:0 auto 50px auto;
	left:-30px;
}
.second.budou article .saibai_box2.sb_2 {
	position:relative;
	width:430px;
	float:right;
	margin-bottom:50px;
}
.second.budou article .saibai_box2.sb_3 {
	position:relative;
	clear:right;
	width:430px;
	float:right;
	margin-bottom:50px;
}
.second.budou article .saibai_box2.sb_4 { 
	position:relative;
	width:430px;
	clear:both;
	margin:0 auto 50px auto;
	left:-30px;
}

.second.budou article .saibai_box2.sb_5 {
	width:430px;
	position:absolute;
	bottom:210px;
}

.second.budou article .saibai_box2.sb_6 {
	position:absolute;
	top:0;
	width:430px;
}

.second.budou article .budou_saibai_2 .arrow {	position:absolute;}
.second.budou article .budou_saibai_2 .arrow.ar1 { top:70px;left:-62px; width:43px;height:123px;}
.second.budou article .budou_saibai_2 .arrow.ar1_2 { top:70px;left:406px; width:20px;height:26px;}
.second.budou article .budou_saibai_2 .arrow.ar2 { top:79px;right:-97px; width:73px;height:93px;}
.second.budou article .budou_saibai_2 .arrow.ar3 { bottom:-35px;right:80px; width:26px;height:20px;}
.second.budou article .budou_saibai_2 .arrow.ar4 { top:-32px;right:-171px; width:153px;height:123px;}
.second.budou article .budou_saibai_2 .arrow.ar5 { top:-14px;left:-158px; width:133px;height:93px;}
.second.budou article .budou_saibai_2 .arrow.ar6 { top:-48px;left:45px; width:26px;height:20px;}

/* 選び方のポイント,美味しい食べ方 */
.second.budou article .erabikata_tabekata { 
	background-color:white;
	margin-bottom:30px;
}

.second.budou article .erabikata_tabekata .erabikata_tabekata_inner {
	padding:40px;
} 

.second.budou article .erabikata_tabekata h3 {
	margin:0 0 30px 0;
	font-size:1.375rem;
}

.second.budou article .erabikata_tabekata ul {
	margin:0 0 0 -16px;
}

.second.budou article .erabikata_tabekata ul li {
	margin-bottom:20px;
}

.second.budou article .erabikata_tabekata .kome {
/*
	font-size:0.625rem;
*/
	font-size:0.75rem;
	margin-left:2.5em;
	text-indent:-2.5em;
	line-height:1.8em;
}

.second.budou article .erabikata_tabekata .kome span {
	display:inline-block;
	width:2.5em;
	text-indent:0;
}

.second.budou article .erabikata_tabekata .std_flex2 .std_column2 {
	width:48%;
}

.second.budou article .erabikata_tabekata .std_flex2 .std_column2 h4 {
	background-color:#b6a133;
	display:inline-block;
	padding:5px 1em;
	color:white;
}




/* モーダルウィンドウ */
.std_modal {
	display:none;
	height: 100vh;
	position:absolute;
	top:40px;
	width:100%;
	z-index:10000;
}

.std_modal .std_text {
	position:relative;
}

.std_modal .std_text .jiki{
	position:absolute;
	right:0;
	top:0;
	border:1px solid #3d340c;
	padding:0 0.5em;
}

.std_modal h4 {
	margin:0 0 1em 0;
	font-size:1.5em;
}

.std_modal h5 {
	margin:1em 0 10px 0;
	font-size:1.25em;
}

.std_modal .right h5 { margin-top:0;}

.std_modal p {
	margin-top:0;
	text-align:justify;
}

.std_modal_src {
	display:none;
}

.std_modal_bg {
	background:rgba(182,161,51,0.8);
	height:100vh;
	position:fixed;
	width:100%;
	top:0;
}

.std_modal_bt_close {
	position:absolute;
	width:80px;
	height:auto;
	top:-90px;
	left:calc(50% - 40px);
	text-align:center;
	cursor:pointer;
    z-index: 1;
	
}

.std_modal_bt_close img {
	width:100%;
	height:auto;
}

.std_modal_content {
	background:#fff;
	left:50%;
	padding:40px;
	position:absolute;
	width:686px;
	transform: translate(-50%, 0%);
	z-index:10001;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
}

.std_modal:has(video) .std_modal_content {
	padding:5px;
	background-color:white;
}

.std_modal video {
	display:block;
}

/* プリロード関連 */
.contents { display:none;z-index:1;}

.preload {
	display:none;
	width:100%;
	height:100vh;
	position:relative;
	background-color:#f7c7c6;
	z-index:10;
}

.preload img {
	position:absolute;
	display:block;
	width:160px;
	height:auto;
	left:calc(50% - 80px);
	top:calc(50% - 80px);
}


.second .preload {
	top:-140px;
}