/* CSS Document */ table.contents_table p{ font-size:80%; color:#444; line-height:130%; } .text-box{ margin:10px 0 10px 22px; } p.opentime{ margin:15px 0 5px 0; padding:5px 0 5px 0; border-top:1px solid #DDCED5; border-bottom:1px solid #DDCED5; } span.open{ color:#990066;font-size:10px; } p.detail_btn{ text-align:right; } p.restaurant_attention{ border:1px solid #666; padding:3px; } /*--------------------------------------------- 01. bijoux 02. bijoux party 03. sho 04. restaurant 05. clearfix ---------------------------------------------*/ /*--------------------------------------------- 01. bijoux ---------------------------------------------*/ /*オープン前 html用 CSS *********************************************** #bijoux { color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 0px 29px 0px 20px; } #bijoux h3 { margin: 20px 0px; } #bijoux h4 { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } #bijoux table { width: 457px; border-top: 1px solid #ccc; } #bijoux th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #bijoux td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #bijoux .time { padding: 15px 0px 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #bijoux .block { width: 457px; margin-bottom: 30px; } #bijoux .blockLeft { float: left; width: 303px; } #bijoux .blockLeft dt { color: #c14114; padding-bottom: 15px; } #bijoux .blockLeft .bold { color: #333; font-weight: bold; } #bijoux .blockLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #bijoux .blockRight { float: right; width: 134px; } ************************************************/ #bijoux { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/bijoux_bg_img.jpg") no-repeat left top; } #bijoux h3 { padding: 30px 0px 25px; } #bijoux h4 { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } #bijoux dt { padding-bottom: 5px; } #bijoux dd { padding-bottom: 30px; } #bijoux table { width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } #bijoux th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #bijoux td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #bijoux .time { padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #bijoux .eventBtn { text-align: right; padding-top: 15px; } #bijoux .lead { padding-bottom: 15px; } #bijoux .price { padding-bottom: 20px; } #bijoux .blockMain { width: 457px; padding-bottom: 10px; } #bijoux .blockMain dt { font-weight: bold; } #bijoux .blockMainLeft { float: left; width: 222px; } #bijoux .blockMainLeft .textSmall { font-size: 80%; } #bijoux .blockMainLeft dl { padding-bottom: 20px; } #bijoux .blockMainLeft dl.noSpace { padding-bottom: 0px; } #bijoux .blockMainLeft dd { padding-bottom: 0px; } #bijoux .blockMainLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #bijoux .blockMainLeft .attention1 { font-size: 80%; color: #35225b; } #bijoux .blockMainRight { float: right; width: 228px; } #bijoux .block { width: 457px; padding-bottom: 60px; } #bijoux .block dt { font-weight: bold; } #bijoux .blockLeft { float: left; width: 222px; } #bijoux .blockLeft .textSmall { font-size: 80%; } #bijoux .blockLeft dl { padding-bottom: 20px; } #bijoux .blockLeft dl.noSpace { padding-bottom: 0px; } #bijoux .blockLeft dd { padding-bottom: 0px; } #bijoux .blockLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #bijoux .blockLeft .attention1 { font-size: 80%; color: #35225b; } #bijoux .blockRight { float: right; width: 220px; } #bijoux .blockRight .topSpace { padding-top: 23px; } #bijoux .blockRight li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #bijoux .attention { font-size: 80%; color: #35225b; padding: 15px 0px 60px; } #bijoux .attention1 { font-size: 10px; padding: 20px 0px 10px; } #bijoux .bold { font-weight: bold; } #bijoux .box { width: 457px; } #bijoux .box dt { font-weight: bold; } #bijoux .box dd { padding-bottom: 0px; } #bijoux .boxLeft { float: left; width: 300px; } #bijoux .boxLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #bijoux .boxRight { float: right; width: 100px; } #bijoux .boxRight ol { text-align: right; padding-top: 23px; } #bijoux .images { padding: 15px 0px; } #bijoux .btnRestaurant { text-align: right; padding: 30px 0px; } #bijoux .pageTop { text-align: right; padding-bottom: 15px; } /*--------------------------------------------- 02. bijoux party ---------------------------------------------*/ #bijouxParty { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/bijoux_party_bg_img_01.jpg") no-repeat left top; } #bijouxParty h3 { padding: 30px 0px 25px; } #bijouxParty .lead { padding-bottom: 4px; } #bijouxParty .partyBox { background: url("../image/bijoux_party_bg_img_02.png") no-repeat left top; padding-top: 55px; font-size: 12px; } #bijouxParty .partyBox dl { padding-bottom: 25px; } #bijouxParty .partyBox dt { padding-bottom: 1px; } #bijouxParty .partyBox .btmSpace { padding-bottom: 3px; } #bijouxParty .partyBox .noSpace { padding-bottom: 0px; } #bijouxParty .partyBox .equipment { padding: 170px 0px 35px; text-align: right; } #bijouxParty .partyBox .tel { padding: 10px 0px 30px; } #bijouxParty .btnRestaurant { text-align: right; } #bijouxParty .pageTop { text-align: right; padding: 30px 0px 15px; } /*--------------------------------------------- 03. sho ---------------------------------------------*/ /*オープン前 html用 CSS *********************************************** #sho { color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 0px 29px 0px 20px; } #sho h3 { margin: 20px 0px; } #sho h4 { padding-bottom: 7px; margin-bottom: 10px; border-bottom: 1px solid #ccc; } #sho table { width: 457px; border-top: 1px solid #ccc; } #sho th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho .time { padding: 0px 0px 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .bold { color: #333; font-weight: bold; } #sho .lead { padding-bottom: 30px; } #sho .block { width: 457px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #sho .blockLeft { float: left; width: 303px; } #sho .blockLeft dt { color: #8c2626; padding-bottom: 15px; } #sho .blockLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .blockLeft .attention { padding-top: 15px; font-size: 80%; } #sho .blockRight { float: right; width: 134px; } #sho .menuBox { width: 457px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #sho .menuBoxLeft { float: left; width: 213px; } #sho .menuBoxLeft dt { color: #8c2626; padding-bottom: 15px; } #sho .menuBoxLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .menuBoxRight { float: right; width: 213px; } #sho .menuBoxRight dt { color: #8c2626; padding-bottom: 15px; } #sho .menuBoxRight li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .menuBoxRight .bottomSpace { padding-bottom: 30px; } #sho .menuBoxRight .noSpace { margin-bottom: 0px; padding-bottom: 0px; } #sho .menuBox2 { width: 457px; padding-bottom: 30px; } #sho .menuBox2Right { float: left; width: 300px; } #sho .menuBox2Right dt { font-weight: bold; padding-bottom: 15px; } #sho .menuBox2Right li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .menuBox2Left { float: right; width: 100px; text-align: right; } #sho .menuBox2Left ol { padding-top: 33px; } #sho .pageTop { text-align: right; margin-bottom: 30px; } #sho .boxLast { margin-bottom: 0px; border-bottom: none; } ************************************************/ /*design ver1 html用 CSS *********************************************** #sho { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/sho_bg_img.jpg") no-repeat left top; } #sho h3 { padding: 30px 0px 25px; } #sho h4 { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } #sho h5 { padding-bottom: 20px; } #sho dt { padding-bottom: 5px; } #sho dd { padding-bottom: 30px; } #sho table { width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } #sho th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho .time { padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .lead { padding-bottom: 20px; } #sho .block { width: 457px; } #sho .block dt { font-weight: bold; } #sho .blockLeft { float: left; width: 222px; } #sho .blockLeft .textSmall { font-size: 80%; } #sho .blockLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .blockLeft dl { padding: 20px 0px 0px; } #sho .blockLeft dd { padding-bottom: 0px; } #sho .blockRight { float: right; width: 220px; } #sho .attention { font-size: 80%; color: #35225b; padding: 15px 0px 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #sho .box { width: 457px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #sho .box dt { font-weight: bold; } #sho .box li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .boxLeft { float: left; width: 237px; } #sho .boxLeft .textSmall { font-size: 80%; } #sho .boxLeft dl { padding: 20px 0px 0px; } #sho .boxLeft dd { padding-bottom: 0px; } #sho .boxRight { float: right; width: 220px; } #sho .noBorder { padding: 0px; margin: 0px; border: none; } #sho .box2 { width: 457px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #sho .box2 .noSpace { padding: 0px; margin: 0px; } #sho .box2 .space { padding: 40px 0px; } #sho .box2Left { float: left; width: 222px; } #sho .box2Right { float: right; width: 220px; } #sho .box3 { width: 457px; } #sho .box3Left { float: left; width: 300px; } #sho .box3Left li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .box3Right { float: right; width: 100px; } #sho .box3Right ol { text-align: right; padding-top: 34px; } #sho .btnRestaurant { text-align: right; padding: 30px 0px; } #sho .pageTop { text-align: right; padding-bottom: 15px; } #sho .pageTop1 { text-align: right; padding: 30px 0px; } ************************************************/ /*design ver2 html用 CSS *********************************************** #sho { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/sho_bg_img.jpg") no-repeat left top; } #sho h3 { padding: 30px 0px 25px; } #sho h4 { padding-bottom: 7px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } #sho h5 { padding-bottom: 20px; } #sho dt { padding-bottom: 5px; } #sho dd { padding-bottom: 30px; } #sho table { width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } #sho th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho .time { padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .setBlock { width: 457px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .setBlockLeft { float: left; width: 215px; background: url("../image/sho_img_01.gif") no-repeat left top; } #sho .setBlockLeft dl { width: 170px; text-align: center; } #sho .setBlockLeft dt { padding: 0px; } #sho .setBlockLeft dd { padding: 0px; } #sho .setBlockRight { float: right; width: 242px; } #sho .setBlockRight .priceBox { font-size: 12px; line-height: 1.6em; } #sho .setBlockRight .priceBoxLeft { float: left; width: 190px; } #sho .setBlockRight .priceBoxRight { float: right; width: 52px; text-align: right; } #sho .box { width: 457px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .boxLeft { float: left; width: 307px; } #sho .boxLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .boxRight { float: right; width: 150px; } #sho .box1 { width: 457px; } #sho .box1Left { float: left; width: 300px; } #sho .box1Left li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .box1Left .attention { padding-top: 30px; font-size: 80%; } #sho .box1Right { float: right; width: 100px; text-align: right; } #sho .noSpace { padding-bottom: 0px; margin-bottom: 0px; border: none; } #sho .space { padding-bottom: 60px; margin-bottom: 0px; border: none; } #sho .pageTop { text-align: right; padding: 25px 0px; } #sho .pageTop1 { text-align: right; padding-bottom: 15px; } #sho .btnRestaurant { text-align: right; padding: 30px 0px; } ************************************************/ /*design ver3 html用 CSS *********************************************** #sho { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/sho_bg_img.jpg") no-repeat left top; } #sho h3 { padding: 30px 0px 25px; } #sho h4 { padding-bottom: 25px; } #sho dt { padding-bottom: 5px; } #sho dd { padding-bottom: 30px; } #sho table { width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } #sho th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho .time { padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .tabNavi { padding-bottom: 30px; } #sho .tabNavi li { float: left; } #sho .menuBox { width: 457px; padding-bottom: 50px; } #sho .menuBoxLeft { float: left; width: 243px; } #sho .menuBoxLeft dl { padding: 0px 0px 5px; margin: 0px 0px 15px; border-bottom: 1px dashed #ccc; } #sho .menuBoxLeft dt { float: left; margin: 0px; padding: 0px; } #sho .menuBoxLeft dd { text-align: right; margin: 0px; padding: 0px; } #sho .menuBoxLeft .menuAll ul { float: left; padding-right: 30px; } #sho .menuBoxLeft .menuAll ul.right { padding-right: 0px; } #sho .menuBoxLeft .menuAll li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .menuBoxLeft .course { padding-bottom: 25px; margin: 0px; border: none; } #sho .menuBoxLeft .txtBold { font-weight: bold; padding-bottom: 5px; } #sho .menuBoxRight { float: right; width: 199px;} #sho .menuBoxRight .caption { text-align: center; padding-top: 5px; } #sho .lastMenuBox { padding-bottom: 0px; } #sho .pageTop { text-align: right; padding: 30px 0px; } #sho .pageTop1 { text-align: right; padding-bottom: 15px; } #sho .btnRestaurant { text-align: right; padding: 30px 0px; } #sho .attention { font-size: 10px; padding-top: 20px; } ************************************************/ #sho { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 20px 29px 0px 20px; background: url("../image/sho_bg_img.jpg") no-repeat left top; } #sho h3 { padding: 30px 0px 25px; } #sho h4 { padding-bottom: 25px; } #sho h5 { padding: 70px 0px 25px; } #sho dt { padding-bottom: 5px; } #sho dd { padding-bottom: 30px; } #sho table { width: 457px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } #sho th { width: 185px; background-color: #eee; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho td { padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; } #sho .time { padding-bottom: 30px; border-bottom: 1px dashed #ccc; margin-bottom: 30px; } #sho .eventBtn { text-align: right; padding-top: 15px; } #sho .tabNavi { padding-bottom: 30px; } #sho .tabNavi li { float: left; } #sho .menuBox { width: 457px; padding-bottom: 50px; } #sho .menuBox dl { padding: 0px 0px 5px; margin: 0px 0px 15px; border-bottom: 1px dashed #ccc; } #sho .menuBox dt { float: left; margin: 0px; padding: 0px; } #sho .menuBox dd { text-align: right; margin: 0px; padding: 0px; } #sho .menuBox .menuAll ul { float: left; width: 152px; } #sho .menuBox .menuAll ul.right { width: 153px; } #sho .menuBox .menuAll li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .menuBox .txtBold { font-weight: bold; padding-bottom: 5px; } #sho .menuList li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .lastMenuBox { padding-bottom: 0px; } #sho .pageTop { text-align: right; padding: 30px 0px 50px; } #sho .pageTop1 { text-align: right; padding-bottom: 15px; } #sho .btnRestaurant { text-align: right; padding: 30px 0px; } #sho .attention { font-size: 10px; padding-top: 20px; } #sho .attention1 { padding-top: 50px; } #sho .box { width: 457px; } #sho .box dt { font-weight: bold; } #sho .box dd { padding-bottom: 0px; } #sho .boxLeft { float: left; width: 300px; } #sho .boxLeft li { padding-left: 12px; background: url("../image/dod.gif") no-repeat 0px 0.5em; } #sho .boxRight { float: right; width: 100px; } #sho .boxRight ol { text-align: right; } #sho .alacarte { padding: 0px 0px 5px; margin: 0px 0px 15px; border-bottom: 1px dashed #ccc; } #sho .images { padding: 15px 0px; } /*--------------------------------------------- 04. restaurant ---------------------------------------------*/ #restaurant { width: 457px; color: #333; line-height: 1.4em; text-align: left; font-size: 80%; margin: 0px 29px 0px 20px; } #restaurant h3 { margin: 20px 0px; } #restaurant .lead { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #restaurant .bnr li { padding-bottom: 15px; } #restaurant .bnr .last { padding-bottom: 25px; } #restaurant .bnr .attention { font-size: 80%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #ccc; } #restaurant .pageTop { text-align: right; padding: 30px 0px 15px } /*--------------------------------------------- 05. clearfix ---------------------------------------------*/ .clearFix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .clearFix { display: inline-block; } * html .clearFix { height: 1%; } .clearFix { display: block; } /* bijoux ---------------------------------------------*/ #bijoux .blockMain:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #bijoux .blockMain { display: inline-block; } * html #bijoux .blockMain { height: 1%; } #bijoux .blockMain { display: block; } #bijoux .block:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #bijoux .block { display: inline-block; } * html #bijoux .block { height: 1%; } #bijoux .block { display: block; } #bijoux .box:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #bijoux .box { display: inline-block; } * html #bijoux .box { height: 1%; } #bijoux .box { display: block; } /* sho ---------------------------------------------*/ #sho .tabNavi ul:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .tabNavi ul { display: inline-block; } * html #sho .tabNavi ul { height: 1%; } #sho .tabNavi ul { display: block; } #sho .menuBox dl:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .menuBox dl { display: inline-block; } * html #sho .menuBox dl { height: 1%; } #sho .menuBox dl { display: block; } #sho .menuBox .menuAll:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .menuBox .menuAll { display: inline-block; } * html #sho .menuBox .menuAll { height: 1%; } #sho .menuBox .menuAll { display: block; } #sho .box:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box { display: inline-block; } * html #sho .box { height: 1%; } #sho .box { display: block; } /*design ver2 html用 CSS *********************************************** #sho .setBlock:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .setBlock { display: inline-block; } * html #sho .setBlock { height: 1%; } #sho .setBlock { display: block; } #sho .setBlockRight .priceBox:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .setBlockRight .priceBox { display: inline-block; } * html #sho .setBlockRight .priceBox { height: 1%; } #sho .setBlockRight .priceBox { display: block; } #sho .box:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box { display: inline-block; } * html #sho .box { height: 1%; } #sho .box { display: block; } #sho .box1:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box1 { display: inline-block; } * html #sho .box1{ height: 1%; } #sho .box1 { display: block; } ************************************************/ /*design ver1 html用 CSS *********************************************** #sho .block:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .block { display: inline-block; } * html #sho .block { height: 1%; } #sho .block { display: block; } #sho .box:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box { display: inline-block; } * html #sho .box { height: 1%; } #sho .box { display: block; } #sho .box2:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box2 { display: inline-block; } * html #sho .box2 { height: 1%; } #sho .box2 { display: block; } #sho .box3:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .box3 { display: inline-block; } * html #sho .box3 { height: 1%; } #sho .box3 { display: block; } ************************************************/ /*オープン前 html用 CSS *********************************************** #sho .menuBox:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .menuBox { display: inline-block; } * html #sho .menuBox { height: 1%; } #sho .menuBox { display: block; } #sho .menuBox2:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } #sho .menuBox2 { display: inline-block; } * html #sho .menuBox2 { height: 1%; } #sho .menuBox2 { display: block; } ************************************************/