@charset "UTF-8";
/* CSS Document */
*{
    margin-top: 0;
    margin-left: 0px;    
}

body {
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	
	background-image:linear-gradient(to right, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url("../img/renew2026/daolmointerior-bg1.jpg");
    
background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    
    
    

	
text-align: center;

	

    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



.fade-out-image {
  opacity: 1;
  transition: opacity 0.5s ease-out; /* フェードアウトの速さ */
}

/* 画面外に移動した時に付与されるクラス */
.fade-out-image.hidden {
  opacity: 0;
}





.do #container {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	
	
	left: auto;
	
	width: 960px;
	height: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background:rgba(0,0,0,0);
	border-top: 0px solid #ffffff;
	border-left: 0px solid #993300;
	border-right: 0px solid #993300;
	border-bottom: 0px solid #ffffff;
	text-align:center;

	
}

/* index-entrance2 */


.do #topics {
       position: relative;
margin: 0 auto;
	float: left;
	
    top: auto;
    left: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
	
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	
	
    width: 960px;
    height: auto;
    text-align:center;
   

}


.do #topics div.box1 {
	
    z-index: 0;
    position: fixed;

background:rgba(255,255,255,0);
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	width: 960px;
	text-align:center;
}


.do #topics div.box1a {
	
    z-index: 1;
    position: fixed;

	margin-top: 50px;
	margin-left: 750px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;

	width: 870px;
	height: auto;
	text-align:center;


}



.do #topics div.box2 {
    z-index: 2;
    position: relative;
    float: left;
    top: 0px;
    left: auto;
    padding-left: 0px;
    background: rgba(255,255,255,0.85);
    width: 960px;
    height: auto;
    text-align: center;
    bottom: 0px;
}


.do #topics div.box2b {
	
    z-index: 2;
    position: relative;
    display: none;

	float: left;
	
	top: 1260px;
	left: auto;
	padding-top: 107px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 110px;
	background:rgba(0,0,0,0.8);
	width: 960px;
	height: auto;
	text-align:center;


}



.do #topics div.box2a {
	
    z-index: 3;
    position: relative;

	float: left;
	
	top: 1260px;
	left: auto;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 100px;
	background:rgba(0,0,0,0.8);
	width: 960px;
	height: auto;
	text-align:center;


}


.do #topics div.box3 {
    z-index: 1000;
    position: fixed;
    float: left;
    transform: translate(-0%, -0%);
    margin-top: 100px;
    margin-right: 0px;
    margin-left: 680px;
    background: rgba(255,255,255,0);
    border-top: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    width: 170px;
    height: auto;
    text-align: center;
    /* アニメーションの設定 */
    animation: fadeOutAnimation linear;
    animation-timeline: scroll(); /* スクロール全体に連動 */
    animation-range: 0% 30%;
    animation-fill-mode: both; /* 終了後も透明度0を維持 */
}

/* フェードアウトのキーフレーム */
@keyframes fadeOutAnimation {
  0% { opacity: 1; }
  100% { opacity: 0; }
}



.do #topics p.box3-logo {
    z-index: 1000;
    position: fixed;
    float: left;
    transform: translate(-80%, -80%);
    margin-top: 300px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 170px;
    height: auto;
    text-align: center;
    margin-left: 950px;
    /* アニメーションの設定 */
    animation: fadeOutAnimation linear;
    animation-timeline: scroll(); /* スクロール全体に連動 */
    animation-range: 0% 80%;      /* スクロール0%〜50%でアニメーション完了 */
}

/* フェードアウトのキーフレーム */
@keyframes fadeOutAnimation {
  0% { opacity: 1; }
  100% { opacity: 0; }
}




.do #topics div.box3a {
	
    z-index: 5;
    position:relative;
 
	
	float: left;
	
	top: 250px;

	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 600px;
	
	background:rgba(255,255,255,0.8);
	
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	

	width: 960px;
	height: auto;
	text-align:center;


}





.do #topics p.box1 {
    float: left;
    top: auto;
    left: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 960px;
    height: 1280px;
    text-align: center;
}



.do #topics p.box1b {
	float: left;
	background-color: #ffffff;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	width: 960px;
	height: 960px;
	text-align:left;

}





.do #topics div.space {
	clear: both;
}







.do #topics p.box-space1 {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background:#000000;
	width: 960px;
	height: auto;
	text-align:center;
}





.do #topics p.box1-logo {
	float: left;
	
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 80px;
color:#F7F3F3;
	width: 960px;
	height: auto;
	text-align:center;

}


.do #topics p.box1-map {
    float: left;
    top: auto;
    left: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: 200px;
    width: 600px;
    height: auto;
    text-align: center;
}


.do #topics p.box1-otable {
    float: left;
    top: auto;
    left: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-left: 200px;
    width: 600px;
    height: auto;
    text-align: center;
}



.do #topics p.box1-mbody {
	float: left;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	top: auto;
	left: auto;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	width: 960px;
	height: auto;
	text-align:center;

}


.do #topics p.box1-mbodyl {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	
	text-align: center;
}



do #topics p.box1-coverphoto {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background:rgba(255,255,255,0);
	width: 960px;
	height: auto;
	
	text-align: center;
}






.do #topics p.box1-text {
    float: left;
    top: 0px;
    left: 0px;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 860px;
    height: auto;
    text-align: left;
    font-size: 12pt;
    color: #000000;
    font-weight: normal;
    line-height: 240%;
    letter-spacing: normal;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    right: 0px;
    bottom: 0px;
}


.do #topics p.box1-text14pt {
    float: left;
    top: 0px;
    left: 0px;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 860px;
    height: auto;
    text-align: left;
    font-size: 14pt;
    color: #11193D;
    font-weight: bold;
    line-height: 280%;
    letter-spacing: normal;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    right: 0px;
    bottom: 0px;
}


.do #topics p.box-spaceh30pix {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background:rgba(255,255,255,1.00);
	width: 960px;
	height: 30px;
	text-align:center;
}


.do #topics p.box-spaceh1pix154 {
    float: left;
    top: auto;
    left: auto;
    background: rgba(154,154,154,1.00);
    width: 600px;
    height: 1px;
    text-align: center;
}

.do #topics p.box-spaceh1pixclear {
    float: left;
    top: auto;
    left: auto;
    background: rgba(255,255,255,0);
    width: 200px;
    height: 1px;
    text-align: center;
}








.do #topics p.box1-text2 {
    float: left;
    top: auto;
    left: auto;
    padding-top: 0px;
    padding-left: 100px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 860px;
    height: auto;
    text-align: left;
    font-size: 12pt;
    color: #000000;
    font-weight: normal;
    line-height: 180%;
    letter-spacing: normal;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


.do #topics p.box1-text3 {
    float: left;
    top: auto;
    left: auto;
    padding-top: 10px;
    padding-left: 200px;
    padding-right: 0px;
    padding-bottom: 10px;
    width: 760px;
    height: auto;
    text-align: center;
    font-size: 12pt;
    color: #000000;
    font-weight: normal;
    line-height: 180%;
    letter-spacing: normal;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

hr {
    width: 78%;         /* 幅を親要素の50%にする */
    margin: 30px auto;  /* 上下に20px、左右中央に配置 */
    border: none;       /* デフォルトのボーダーを消す */
    border-top: 1px dotted #666666; /* 上側に線を設定 */
}


.do #topics p.box1-space3b {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 200px;
	padding-right: 0px;
	padding-bottom: 0px;

	width: 600px;
	height: 50px;
	height: auto;
	text-align: left;
	font-size: 12pt; color: #000000;
	font-weight:  normal;
	line-height: 180%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}







.do #topics p.box1-frame {
	float: left;
	top: auto;
	left: auto;
	
	margin-top: 0px;
	margin-left: 320px;
	margin-right: 0px;
	margin-bottom: 40px;
	
	background:rgba(255,255,255,0.22);
	
	border-top: 0px solid #ED8832;
	border-left: 0px solid #ED8832;
	border-right: 0px solid #ED8832;
	border-bottom: 0px solid #ED8832;
	
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;

	width: 300px;
	height: auto;
	text-align: center;
	font-size: 11pt; color: #ED8832;
	font-weight:  bold;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


.do #topics p.box1-frame2 {
	float: left;
	top: auto;
	left: auto;
    
	
	margin-top: 0px;
	margin-left: 320px;
	margin-right: 0px;
	margin-bottom: 60px;
	
	background:rgba(255,255,255,0.22);
	
	border-top: 0px solid #ED8832;
	border-left: 0px solid #ED8832;
	border-right: 0px solid #ED8832;
	border-bottom: 0px solid #ED8832;
	
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;

	width: 300px;
	height: auto;
	text-align: center;
	font-size: 11pt; color: #ED8832;
	font-weight:  bold;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


label{
	cursor: pointer;
    background:rgba(255,255,255,0.22);
	width: 300px;
	
	margin-top: 0px;
	margin-left: 280px;
	margin-right: 0px;
	margin-bottom: 60px;
	
	padding-top: 10px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 10px;
	
	font-size: 11pt; color: #ED8832;
	text-align: center;
	font-weight:  normal;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}





.do #topics p.box1-textinfo {
	float: left;
	top: auto;
	left: auto;
	padding-top: 50px;
	padding-left: 200px;
	padding-right: 0px;
	padding-bottom: 100px;

	width: 760px;
	height: auto;
	text-align: left;
	font-size: 11pt; color: #000000;
	font-weight:  normal;
	line-height: 180%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}




.do #topics p.box1-insta {
	float: left;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	top: auto;
	left: auto;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;

	width: 960px;
	height: auto;
	text-align:center;
	
	opacity: 0.5;

}



.do #topics p.box1-credit {
	float: left;
	top: auto;
	left: auto;
	padding-top: 140px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;

	width: 960px;
	height: auto;
	text-align: center;
	font-size: 9pt; color: #333333;
	font-weight:  normal;
	line-height: 140%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}






.do #topics p.box-space2a {
	float: left;
	top: auto; 
	left: 200px;
	padding-top: 0px;

	width: 400px;
	height: 10;
    background:#000000;
text-align:center;
	
}




.do #topics p.box-space2 {
	float: left;
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 273px;
	height: 50;
text-align:center;
	
}





.do #topics2 {
	position: relative;
	
	float: left;
	
	top: 0px;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: auto;
	text-align: center;
	background: #000000;
}



.do #topics2 div.space {
	clear: both;
}




.do #topics2 div.box1 {
	float: left;
	
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	text-align:center;
	
}








.do #topics2 p.box1 {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;

	text-align: center;
}



.do #topics2 p.box1-logo {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 120px;
	background: #000000;
	width: 414px;
	height: auto;
	
	text-align: center;
}


.do #topics2 p.box1-mbody {
	float: left;
	top: auto;
	left: auto;
	padding-top: 120px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 414px;
	height: auto;
	
	text-align: center;
}


.do #topics2 p.box1-mbodyl {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	
	text-align: center;
}





.do #topics2 p.box1-text {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	font-size: 11pt; color: #ED8832;
	font-weight:  bold;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 
}







.do #topics2 p.box-space {
	float: left;
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 414px;
	height: 50;
	text-align:center;
}

.do #topics2 p.box-space1 {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 273px;
	height: 50px;
	text-align:center;
}



.do #topics2 div.box1-space {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 273px;
	height: 50px;
	
	text-align: center;
}



.do #topics2 p.box-space2 {
	float: left;
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 273px;
	height: 50px;
	text-align:center;
}








/* collection1- */


.do #topics3 {
	position: relative;
	
	float: left;
	
	top: 0px;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: auto;
	text-align:center;
	background: #000000;
}

.do #topics3 div.space {
	clear: both;
}




.do #topics3 div.box1 {
	float: left;
	
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	text-align:center;
	font-size: 10pt; color: #ED8832;
	font-weight:  normal;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}








.do #topics3 p.box1 {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	text-align:center;

}


.do #topics3 p.box1-text {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background: #000000;
	width: 960px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	font-size: 10pt; color: #ED8832;
	font-weight:  normal;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 
}


.do #topics3 p.box1-text2 {
	float: left;
	top: auto;
	left: auto;
	padding-top: 20px;
	padding-left: 160px;
	padding-right: 0px;
	padding-bottom: 5px;
	background: #000000;
	width: 320px;
	height: auto;
	text-align: left;
	font-size: 10pt; color: #ED8832;
	font-weight:  normal;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 
}
 
.do #topics3 p.box1-text3 {
	float: left;
	top: auto;
	left: auto;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 160px;
	padding-bottom: 5px;
	background: #000000;
	width: 320px;
	height: auto;
	text-align: right;
	font-size: 10pt; color: #ED8832;
	font-weight:  normal;
	line-height: 260%;
	letter-spacing: normal;
	font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Ariel, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 
}





.do #topics3 p.box1-photo1 {
	float: left;
	top: auto;
	left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	
	background: #000000;
	width: 960px;
	height: auto;

	text-align: center;

}





.do #topics3 p.box-space1 {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 273px;
	height: auto;
	
}


.do #topics3 p.box-space2 {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 107px;
	height: auto;
	text-align: left;

}

.do #topics3 p.box-space3 {
	float: left;
	
	top: auto; 
	left: auto;
	padding-top: 0px;
	background:#000000;
	width: 107px;
	height: auto;
	
}









a:link {
 
color:#26B1FA;
text-decoration:none;
 
}

a:visited {
 
color:#26B1FA;
text-decoration:none;
 
}

a:hover {
 
color:#26B1FA;
text-decoration:none;
 
}

a:active {
 
color:#26B1FA;
text-decoration:none;
 
}





.img-box{
  width: 100%;
  height: 60vw;
  overflow: hidden;
  position: relative;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60vw;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  
  opacity: 0;
  animation-name: fade;
  animation-duration: 12s;
 animation-fill-mode: forwards;
  animation-iteration-count:1;
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 1;
    
  }
  100%{
    opacity: 1;
    
  }
}
/* 1枚目のスライド */
.img-box>div:first-of-type{
  background-image: url("../img/renew2026/cuisine/jpeg-S/K1011825-s.jpg");
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
  background-image: url("../img/renew2026/cuisine/jpeg-S/K1011921-s.jpg");
  animation-delay: 6s;
}

/* 3枚目のスライド */
.img-box>div:last-of-type{
  background-image: url("../img/renew2026/cuisine/jpeg-S/K1011850-s.jpg");
  animation-delay: 12s;
}




.declic_fix-02{
     right:0;
     font-family:"Roboto Slab" , "Garamond" , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 18px; color: #ffffff;
	font-weight:  normal;
     line-height:36px;
     position:fixed;
     top:30%;
    height:100%;
     z-index:1000;
     padding-top:.30px;
    padding-bottom:30px;
    padding-left:30px;
    padding-right:30px;
 }

.fade-in-element {
  opacity: 0;
    transition-duration: 2s;
}