alt-karate

<div class="menu__tabscover" id="Menu">
  <ul class="menu__tab">
    <li><a href="#menuA" class="active">メニューA</a></li>
    <li><a href="#menuB">メニューB</a></li>
    <li><a href="#menuC">メニューC</a></li>
  </ul>
  <section id="menuA" class="menuA_cont tabcont--hide">
    <?php $fieldloops = $cfs->get('menuAloop');
             foreach ($fieldloops as $fieldloop) { ?>
    <div><?php echo $fieldloop['menuA']; ?></div>

alt-karate

.tabcont--hide {
    display: none;
}

alt-karate

$(function() {
    if ($('#menu')[0]) {
        var $tabcontAry = [$('#menuA'), $('#menuB'), $('#menuC')];
        $('.menu__tab a').off().on('click', function() {
            if (!$(this).hasClass('active')) {
                $('.menu__tab a').removeClass('active');
                $(this).addClass('active');
                var clickdNum = $('.menu__tab a').index($(this));
                for (var i = 0; i < $tabcontAry.length; i++) {
                    $tabcontAry[i].hide();

alt-karate

<li class="circle"><a href="#">トップページ</a></li>

alt-karate

.section_hezadline02 {
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	background: #216ad0;
	padding: 10px;
}

.section_hezadline02 span {
    border-left: 6px solid;

alt-karate

box-shadow: -11px 0 5px -3px rgba(0,0,0,0.5), 11px 0 5px -3px rgba(0,0,0,0.5);

alt-karate

<table id="safetyTable">
			<thead>
			<tr>
			<th>&nbsp;</th>
			<th>防犯ブザー<br>
            ケース</th>
			<th>ピカッと<br>
            ガード</th>
			<th>反射<br>
            シート</th>

alt-karate

Ryumin Medium KL,"リュウミン M-KL",HiraMinProN-W3,HiraMinPro-W3,"ヒラギノ明朝 ProN W3","ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif

alt-karate

.mean-nav {
    position: fixed;
    max-height: 90%;
    overflow-y: auto;
}

alt-karate

font-family: "Hannari", "游明朝", YuMincho, "Sawarabi Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;