.menu-name { margin:0px auto; color:#381906;}
.menu-name:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.resp-tabs-list li{font-weight:normal;font-size:35px;display:inline-block;padding:0px 0px 0px 20px;margin:0;list-style:none;cursor:pointer;float:left;font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",Meiryo,serif}
.resp-tab-item {background:url(../../images/menu/tab-icon.png) no-repeat left center;}
.resp-tabs-container {padding: 0px; clear: left;}
h2.resp-accordion {cursor: pointer; display: none;}
.resp-tab-content {display: none;padding:15px 0px;}
#nested-tabInfo2 { float:right; width:65%;}
/*-----------Vertical tabs-----------*/
.tabName {	font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-size:35px;}
.resp-vtabs ul.resp-tabs-list{float:left;width:30%}
.resp-vtabs .resp-tabs-list li{display:block;padding:0px 0px 0px 30px;margin:0px 0px 35px 0px;cursor:pointer;float:none}
.resp-vtabs .resp-tabs-container{padding:0px;background-color:#fff;float:right;width:65%;min-height:250px;clear:none}
.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}
.resp-vtabs .resp-tab-content p { background:url(../../images/menu/menu-icon.png) no-repeat center left; font-weight:bold; padding-left:25px; font-size:15px; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.resp-vtabs .resp-tab-content p span { float: right;}
.resp-vtabs .resp-tab-content .menu-list { padding-bottom:20px;}
.resp-vtabs .resp-tab-content dl{ margin-bottom:10px;}
.resp-vtabs .resp-tab-content dl dt { float:left;}
.resp-vtabs .resp-tab-content dl dd { float:right;}
.resp-vtabs .resp-tab-content dl:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797}
.resp-vtabs li.resp-tab-active { position: relative;z-index: 1;}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
.menu_name { width:98%; margin:20px auto; color:#381906;}
#nested-tabInfo2 { display:none!important; }
ul.resp-tabs-list {display: none;}
h2.resp-accordion:first-child { border-top:1px solid #CCC;}
h2.resp-accordion {display: block;font-size:18px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding:10px; margin-bottom: 0;}
.resp-vtabs .resp-tab-content p { background:url(../../images/menu/menu-icon.png) no-repeat left 2px; font-weight:bold; padding-left:25px; font-size:15px; border-bottom:0px dotted #CCCCCC; padding-bottom:3px; margin-bottom:10px;}
.resp-vtabs .resp-tab-content { margin:0px auto;  border-left:1px solid #CCC;border-right:1px solid #CCC; padding:10px;border-bottom:1px solid #CCCCCC;}
.resp-vtabs .resp-tabs-container {border: none;float: none;width: 100%;min-height: 100px; clear: none;}
.resp-vtabs .resp-tab-active { border-bottom:1px dotted #CCCCCC;}
.resp-accordion-closed {display: none !important;}
.resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
}