@charset "UTF-8";

.business #menubar {
    background: #9E9E9E;
}

.business .widget h3 {
    border-left: 5px #00BCD4 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}


.business #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.business #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #ff5722;
}

.business2 #main h3 {
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
}

.business nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #00BCD4;
}

.business nav#menubar ul li a {
    color: #fff;
}

.business #sub ul.submenu li a:hover {
    background-color: #00BCD4;
    color: #fff;
}

.business a:hover {
    color: #00BCD4;
    text-decoration: none;
}

.business .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.business .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.business .button::before {
    background-color: #4CAF50;
}

.business .button::after {
    background-color: #4CAF50;
}

.business .button:hover::before {
    background-color: #4CAF50;
}

.business .button:hover::after {
    background-color: #4CAF50;
}

.business header {
    border-top: 4px;
    border-top-color: #00BCD4;
    color: #ffffff;
    border-style: solid;
}

.business footer {
    background-color: #616161;
    color: #ffffff;
}

.business footer a {
    color: #fff;
}

.business .step_midashi span {
    color: #00BCD4;
}

.business .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #ff5722;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.business .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #ff5722;
}

.business2 .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.business2 .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.business2 .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #F57C00;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.facebook_title {
    position: relative;
    padding: .5em .75em;
    background-color: #3B5998;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.line_title {
    position: relative;
    padding: .5em .75em;
    background-color: #00b900;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.insta_title {
    position: relative;
    padding: .5em .75em;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*ゆいまーる---------------------------------------------------------------------------------------------------------------------------------------------------*/

.business2 #menubar {
    background: #8bc34ae8;
    ;
    color: #ffffff;
}

.business2 .widget h3 {
    padding-left: 10px;
    font-size: 18px;
    background-color: #8bc34ae8;
    padding: 8px;
    color: #fff;
    border-radius: 3px;
    border: none;
    margin-bottom: 0.8em;
    text-align: center;
    margin-top: 2em;
}

.business2 .widget h3 span {
    display: block;
    font-size: 10px;
}

.business2 #main h2 {
    clear: both;
    background: #8bc34ae8;
    font-size: 24px;
    margin: 2em 0em 1.5em;
    color: #ffffff;
    padding: 16px 24px;
    text-align: left;
    border-radius: 16px;
    border: #8bc34a solid 5px;
}

.business2 #main .erabareru_title h2 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}


.business2 #main h3 {
    position: relative;
    padding: 10px 0 10px 16px;
    margin-left: 8px;
    border-bottom: none;
    border-top: none;
}

.business2 #main h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    width: 6px;
    height: 100%;
    background: #ffc778;
}

.business2 #main #ninkatsu h3:before {
    background: unset;
    }

.business2 #main .yakusoku_left h3 {
border:none;
background:none;
margin: 0;
padding: 16px;
}

.business2 #main .yakusoku_left h3:before {
display: none;}

.business2 #main .voice_box_right h3 {
    margin: 0 0 8px;
    padding: 8px 16px;
    border-bottom: dotted #dacfd0;
    box-sizing: border-box;
    display: block;
}

.business2 #main .voice_box_right h3:before {
    display: none;
}

#main .blog_in h3 {
    position: relative;
    margin-left: 16px;
    border-bottom: none;
    border-top: none;
    margin: 0;
}

.business2 nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #FF5722;
    color: #fff;
}

.business2 nav#menubar ul li a {
    color: #ffffff;
}

.business2 #sub ul.submenu li a:hover {
    background-color: #FFF3E0;
    color: #8bc34ae8;
}

.business2 a:hover {
    color: #8bc34ae8;
    text-decoration: none;
}

.business2 .square_btn a:hover{
    color: #fff;
    text-decoration: none;
}

.business2 header {
    border-top: 4px;
    border-top-color: #8bc34ae8;
    color: #ffffff;
    border-style: solid;
}

.business2 footer {
    background-color: #fff;
    color: #212121;
    border-top-style: solid;
    border-color: #8bc34ae8;
    border-top-width: 10px;
}

.business2 footer a {
    color: #212121;
}

.business2 footer a:hover {
    color: #8bc34ae8;
}

.business2 .step_midashi span {
    color: #FF5722;
}

.business2 .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #00BCD4;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.business2 .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #00BCD4;
}

.business2 .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.business2 .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.business2 .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #F57C00;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.business2 #main h2 span {
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 8px;
}


.business2 #main .wpcf7 h2{
color: #494949;
font-size: 20px;
font-weight: bold;
border: none;
background: none;
text-align: center;
margin:1em 0 0 0;
}



/*赤---------------------------------------------------------------------------------------------------------------------------------------------------*/

.red #menubar {
    background: #D32F2F;
}

.red .widget h3 {
    border-left: 5px #D32F2F solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.red #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.red #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #D32F2F;
}

.red #main h3 {
    border-top: 1px solid #FF5252;
    border-bottom: 1px solid #FF5252;
}

.red nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #F44336;
}

.red nav#menubar ul li a {
    color: #fff;
}

.red #sub ul.submenu li a:hover {
    background-color: #D32F2F;
    color: #fff;
}

.red a:hover {
    color: #FF5252;
    text-decoration: none;
}

.red .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.red .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.red .button::before {
    background-color: #4CAF50;
}

.red .button::after {
    background-color: #4CAF50;
}

.red .button:hover::before {
    background-color: #4CAF50;
}

.red .button:hover::after {
    background-color: #4CAF50;
}

.red header {
    border-top: 4px;
    border-top-color: #D32F2F;
    color: #ffffff;
    border-style: solid;
}

.red footer {
    background-color: #D32F2F;
    color: #ffffff;
}

.red footer a {
    color: #fff;
}

.red .step_midashi span {
    color: #D32F2F;
}

.red .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #D32F2F;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.red .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #D32F2F;
}

.red .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.red .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.red .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #D32F2F;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*オレンジ---------------------------------------------------------------------------------------------------------------------------------------------------*/

.orange #menubar {
    background: #FF9800;
}

.orange .widget h3 {
    border-left: 5px #FF9800 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.orange #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.orange #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #FF9800;
}

.orange #main h3 {
    border-top: 1px solid #FF5722;
    border-bottom: 1px solid #FF5722;
}

.orange nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #FF5722;
}

.orange nav#menubar ul li a {
    color: #fff;
}

.orange a:hover {
    color: #FF5722;
    text-decoration: none;
}

.orange .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.orange .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.orange .button::before {
    background-color: #4CAF50;
}

.orange .button::after {
    background-color: #4CAF50;
}

.orange .button:hover::before {
    background-color: #4CAF50;
}

.orange .button:hover::after {
    background-color: #4CAF50;
}

.orange header {
    border-top: 4px;
    border-top-color: #FF9800;
    color: #ffffff;
    border-style: solid;
}

.orange footer {
    background-color: #FF9800;
    color: #ffffff;
}

.orange footer a {
    color: #fff;
}

.orange .step_midashi span {
    color: #FF9800;
}

.orange .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #FF9800;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.orange .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FF9800;
}

.orange .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.orange .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.orange .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #FF9800;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*黄色---------------------------------------------------------------------------------------------------------------------------------------------------*/

.yellow #menubar {
    background: #FFC107;
}

.yellow .widget h3 {
    border-left: 5px #FFC107 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.yellow #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.yellow #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #FFC107;
}

.yellow #main h3 {
    border-top: 1px solid #FFC107;
    border-bottom: 1px solid #FFC107;
}

.yellow nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #FFA000;
}

.yellow nav#menubar ul li a {
    color: #fff;
}

.yellow #sub ul.submenu li a:hover {
    background-color: #FFC107;
    color: #fff;
}

.yellow a:hover {
    color: #FFC107;
    text-decoration: none;
}

.yellow .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.yellow .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.yellow .button::before {
    background-color: #4CAF50;
}

.yellow .button::after {
    background-color: #4CAF50;
}

.yellow .button:hover::before {
    background-color: #4CAF50;
}

.yellow .button:hover::after {
    background-color: #4CAF50;
}

.yellow header {
    border-top: 4px;
    border-top-color: #FFC107;
    color: #ffffff;
    border-style: solid;
}

.yellow footer {
    background-color: #FFC107;
    color: #ffffff;
}

.yellow footer a {
    color: #fff;
}

.yellow footer a:hover {
    color: #795548;
}

.yellow .step_midashi span {
    color: #FFC107;
}

.yellow .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #FFC107;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.yellow .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #FFC107;
}

.yellow .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.yellow .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.yellow .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #FFC107;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*緑---------------------------------------------------------------------------------------------------------------------------------------------------*/

.green #menubar {
    background: #4CAF50;
}

.green .widget h3 {
    border-left: 5px #4CAF50 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.green #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.green #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #4CAF50;
}

.green #main h3 {
    border-top: 1px solid #4CAF50;
    border-bottom: 1px solid #4CAF50;
}

.green nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #8BC34A;
}

.green nav#menubar ul li a {
    color: #fff;
}

.green #sub ul.submenu li a:hover {
    background-color: #4CAF50;
    color: #fff;
}

.green a:hover {
    color: #FFA000;
    text-decoration: none;
}

.green .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.green .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.green .button::before {
    background-color: #4CAF50;
}

.green .button::after {
    background-color: #4CAF50;
}

.green .button:hover::before {
    background-color: #4CAF50;
}

.green .button:hover::after {
    background-color: #4CAF50;
}

.green header {
    border-top: 4px;
    border-top-color: #4CAF50;
    color: #ffffff;
    border-style: solid;
}

.green footer {
    background-color: #4CAF50;
    color: #ffffff;
}

.green footer a {
    color: #fff;
}

.green footer a:hover {
    color: #795548;
}

.green .step_midashi span {
    color: #4CAF50;
}

.green .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #4CAF50;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.green .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #4CAF50;
}

.green .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.green .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.green .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #4CAF50;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*ライム---------------------------------------------------------------------------------------------------------------------------------------------------*/

.lime #menubar {
    background: #CDDC39;
}

.lime .widget h3 {
    border-left: 5px #CDDC39 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.lime #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.lime #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #CDDC39;
}

.lime #main h3 {
    border-top: 1px solid #CDDC39;
    border-bottom: 1px solid #CDDC39;
}

.lime nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #AFB42B;
}

.lime nav#menubar ul li a {
    color: #fff;
}

.lime #sub ul.submenu li a:hover {
    background-color: #CDDC39;
    color: #fff;
}

.lime a:hover {
    color: #8BC34A;
    text-decoration: none;
}

.lime .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.lime .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.lime .button::before {
    background-color: #4CAF50;
}

.lime .button::after {
    background-color: #4CAF50;
}

.lime .button:hover::before {
    background-color: #4CAF50;
}

.lime .button:hover::after {
    background-color: #4CAF50;
}

.lime header {
    border-top: 4px;
    border-top-color: #CDDC39;
    color: #ffffff;
    border-style: solid;
}

.lime footer {
    background-color: #CDDC39;
    color: #ffffff;
}

.lime footer a {
    color: #fff;
}

.lime footer a:hover {
    color: #795548;
}

.lime .step_midashi span {
    color: #CDDC39;
}

.lime .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #CDDC39;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.lime .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #CDDC39;
}

.lime .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.lime .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.lime .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #CDDC39;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*青---------------------------------------------------------------------------------------------------------------------------------------------------*/

.blue #menubar {
    background: #2196F3;
}

.blue .widget h3 {
    border-left: 5px #2196F3 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.blue #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.blue #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #2196F3;
}

.blue #main h3 {
    border-top: 1px solid #2196F3;
    border-bottom: 1px solid #2196F3;
}

.blue nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #1976D2;
}

.blue nav#menubar ul li a {
    color: #fff;
}

.blue #sub ul.submenu li a:hover {
    background-color: #2196F3;
    color: #fff;
}

.blue a:hover {
    color: #2196F3;
    text-decoration: none;
}

.blue .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.blue .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.blue .button::before {
    background-color: #4CAF50;
}

.blue .button::after {
    background-color: #4CAF50;
}

.blue .button:hover::before {
    background-color: #4CAF50;
}

.blue .button:hover::after {
    background-color: #4CAF50;
}

.blue header {
    border-top: 4px;
    border-top-color: #2196F3;
    color: #ffffff;
    border-style: solid;
}

.blue footer {
    background-color: #2196F3;
    color: #ffffff;
}

.blue footer a {
    color: #fff;
}

.blue footer a:hover {
    color: #FF9800;
}

.blue .step_midashi span {
    color: #2196F3;
}

.blue .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #2196F3;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.blue .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #2196F3;
}

.blue .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.blue .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.blue .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #2196F3;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*紺---------------------------------------------------------------------------------------------------------------------------------------------------*/

.indigo_blue #menubar {
    background: #303F9F;
}

.indigo_blue .widget h3 {
    border-left: 5px #303F9F solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.indigo_blue #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.indigo_blue #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #303F9F;
}

.indigo_blue #main h3 {
    border-top: 1px solid #303F9F;
    border-bottom: 1px solid #303F9F;
}

.indigo_blue nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #448AFF;
}

.indigo_blue nav#menubar ul li a {
    color: #fff;
}

.indigo_blue #sub ul.submenu li a:hover {
    background-color: #3F51B5;
    color: #fff;
}

.indigo_blue a:hover {
    color: #536DFE;
    text-decoration: none;
}

.indigo_blue .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.indigo_blue .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.indigo_blue .button::before {
    background-color: #4CAF50;
}

.indigo_blue .button::after {
    background-color: #4CAF50;
}

.indigo_blue .button:hover::before {
    background-color: #4CAF50;
}

.indigo_blue .button:hover::after {
    background-color: #4CAF50;
}

.indigo_blue header {
    border-top: 4px;
    border-top-color: #303F9F;
    color: #ffffff;
    border-style: solid;
}

.indigo_blue footer {
    background-color: #303F9F;
    color: #ffffff;
}

.indigo_blue footer a {
    color: #fff;
}

.indigo_blue footer a:hover {
    color: #FF9800;
}

.indigo_blue .step_midashi span {
    color: #303F9F;
}

.indigo_blue .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #303F9F;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.indigo_blue .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #303F9F;
}

.indigo_blue .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.indigo_blue .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.indigo_blue .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #303F9F;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*紫---------------------------------------------------------------------------------------------------------------------------------------------------*/

.purple #menubar {
    background: #9C27B0;
}

.purple .widget h3 {
    border-left: 5px #9C27B0 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.purple #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.purple #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #9C27B0;
}

.purple #main h3 {
    border-top: 1px solid #7B1FA2;
    border-bottom: 1px solid #7B1FA2;
}

.purple nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #7B1FA2;
}

.purple nav#menubar ul li a {
    color: #fff;
}

.purple #sub ul.submenu li a:hover {
    background-color: #9C27B0;
    color: #fff;
}

.purple a:hover {
    color: #7C4DFF;
    text-decoration: none;
}

.purple .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.purple .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.purple .button::before {
    background-color: #4CAF50;
}

.purple .button::after {
    background-color: #4CAF50;
}

.purple .button:hover::before {
    background-color: #4CAF50;
}

.purple .button:hover::after {
    background-color: #4CAF50;
}

.purple header {
    border-top: 4px;
    border-top-color: #9C27B0;
    color: #ffffff;
    border-style: solid;
}

.purple footer {
    background-color: #9C27B0;
    color: #ffffff;
}

.purple footer a {
    color: #fff;
}

.purple footer a:hover {
    color: #FF9800;
}

.purple .step_midashi span {
    color: #9C27B0;
}

.purple .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #9C27B0;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.purple .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #9C27B0;
}

.purple .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.purple .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.purple .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #9C27B0;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*ピンク---------------------------------------------------------------------------------------------------------------------------------------------------*/

.pink #menubar {
    background: #E91E63;
}

.pink .widget h3 {
    border-left: 5px #E91E63 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.pink #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.pink #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #E91E63;
}

.pink #main h3 {
    border-top: 1px solid #E91E63;
    border-bottom: 1px solid #E91E63;
}

.pink nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #C2185B;
}

.pink nav#menubar ul li a {
    color: #fff;
}

.pink #sub ul.submenu li a:hover {
    background-color: #f06292;
    color: #fff;
}

.pink a:hover {
    color: #f06292;
    text-decoration: none;
}

.pink .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.pink .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.pink .button::before {
    background-color: #4CAF50;
}

.pink .button::after {
    background-color: #4CAF50;
}

.pink .button:hover::before {
    background-color: #4CAF50;
}

.pink .button:hover::after {
    background-color: #4CAF50;
}

.pink header {
    border-top: 4px;
    border-top-color: #E91E63;
    color: #ffffff;
    border-style: solid;
}

.pink footer {
    background-color: #E91E63;
    color: #ffffff;
}

.pink footer a {
    color: #fff;
}

.pink footer a:hover {
    color: #FF9800;
}

.pink .step_midashi span {
    color: #E91E63;
}

.pink .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #E91E63;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.pink .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #E91E63;
}

.pink .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.pink .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.pink .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #E91E63;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*茶色---------------------------------------------------------------------------------------------------------------------------------------------------*/

.brown #menubar {
    background: #795548;
}

.brown .widget h3 {
    border-left: 5px #795548 solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.brown #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.brown #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #795548;
}

.brown #main h3 {
    border-top: 1px solid #795548;
    border-bottom: 1px solid #795548;
}

.brown nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #5D4037;
}

.brown nav#menubar ul li a {
    color: #fff;
}

.brown #sub ul.submenu li a:hover {
    background-color: #795548;
    color: #fff;
}

.brown a:hover {
    color: #795548;
    text-decoration: none;
}

.brown .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.brown .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.brown .button::before {
    background-color: #4CAF50;
}

.brown .button::after {
    background-color: #4CAF50;
}

.brown .button:hover::before {
    background-color: #4CAF50;
}

.brown .button:hover::after {
    background-color: #4CAF50;
}

.brown header {
    border-top: 4px;
    border-top-color: #795548;
    color: #ffffff;
    border-style: solid;
}

.brown footer {
    background-color: #795548;
    color: #ffffff;
}

.brown footer a {
    color: #fff;
}

.brown footer a:hover {
    color: #FF9800;
}

.brown .step_midashi span {
    color: #795548;
}

.brown .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #795548;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.brown .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #795548;
}

.brown .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.brown .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.brown .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #795548;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



/*ビューティー---------------------------------------------------------------------------------------------------------------------------------------------------*/

.beauty1 #menubar {
    background: #ffeede;
}

.beauty1 .widget h3 {
    border-left: 5px #ffeede solid;
    border-bottom: 1px #cccccc solid;
    padding-left: 10px;
    font-size: 13px;
}

.beauty1 #main h2 {
    clear: both;
    padding: .5em .75em;
    background-color: #f3f3f3;
    border-radius: 6px;
    color: #111111;
    font-weight: bold;
    padding-left: 39px;
    margin-bottom: 10px;
    position: relative;
}

.beauty1 #main h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    top: 11px;
    left: 23px;
    height: 27px;
    background-color: #795548;
}

.beauty1 #main h3 {
    border-top: 1px solid #573731;
    border-bottom: 1px solid #573731;
}

.beauty1 nav#menubar ul li a:hover {
    background: none 0% 0% / auto auto repeat scroll padding-box border-box #ffd6af;
}

.beauty1 nav#menubar ul li a {
    color: #573731;
}

.beauty1 #sub ul.submenu li a:hover {
    background-color: #ffeede;
    color: #573731;
}

.beauty1 a:hover {
    color: #ffeede;
    text-decoration: none;
}

.beauty1 .button {
    background-color: #4CAF50;
    border: 2px solid #4CAF50;
    color: #fff;
}

.beauty1 .button:hover {
    background-color: #fff;
    border-color: #4CAF50;
    color: #4CAF50;
}

.beauty1 .button::before {
    background-color: #4CAF50;
}

.beauty1 .button::after {
    background-color: #4CAF50;
}

.beauty1 .button:hover::before {
    background-color: #4CAF50;
}

.beauty1 .button:hover::after {
    background-color: #4CAF50;
}

.beauty1 header {
    border-top: 4px;
    border-top-color: #ffeede;
    color: #ffffff;
    border-style: solid;
}

.beauty1 footer {
    background-color: #ffeede;
    color: #573731;
}

.beauty1 footer a {
    color: #573731;
}

.beauty1 footer a:hover {
    color: #FF9800;
}

.beauty1 .step_midashi span {
    color: #573731;
}

.beauty1 .yakusoku_title {
    position: relative;
    padding: .5em .75em;
    background-color: #573731;
    border-radius: 6px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.beauty1 .yakusoku_title::after {
    position: absolute;
    top: 100%;
    left: 30px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #573731;
}

.beauty1 .moushikomi_title {
    position: relative;
    padding: .5em .75em;
    background-color: #f6f6f6;
    border-radius: 6px;
    color: #212121;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.beauty1 .moushikomi_title::after {
    position: absolute;
    top: 100%;
    left: 49%;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #f6f6f6;
}

.beauty1 .moushikomi_title2 {
    position: relative;
    padding: .5em .75em;
    background-color: #573731;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.blog-body h1 {
    width: auto;
    text-align: left;
    line-height: 1.75em;
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

#main .blog-body h2 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    background: none;
    padding: 0;
    color: #555151;
    border: none;
}

#main .blog-body h2:before {
    display: none;
}

#main .blog-body h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    border: none;
        padding: 10px 8px;
}

#main .blog-body h3:before {
    display: none;
}

#main .blog-body h4 {
    display: block;
    -webkit-margin-before: 1.33em;
    -webkit-margin-after: 1.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

#main .blog-body h5 {
    display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

#main .blog-body h6 {
    display: block;
    font-size: 0.67em;
    -webkit-margin-before: 2.33em;
    -webkit-margin-after: 2.33em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


@media (max-width: 980px) and (min-width: 481px) {

    .business2 header {
        border-top: 4px;
        border-top-color: #F57C00;
        color: #ffffff;
        borde
    }

    h1 {
        width: 100%;
        color: #494949;
        margin: 0px auto 0px;
        font-size: 14px;
        line-height: 32px;
        font-weight: normal;
        text-align: left;
        display: block;
        padding: 0 0 0 0px;
    }
}


@media (max-width: 480px) {

    .business2 #main .yakusoku_left h3 {padding: 0px;}

    .business2 #menubar {
        display: none;
    }

    .business2 header {
    /* border-top: 4px; */
    /* border-top-color: #8bc34ae8; */
    color: #ffffff;
    /* border-style: solid; */
    border:  none;
}

    .business2 #main h2 {
        border-radius: 16px;
            padding: 8px 24px;
    }

    .business2 #main h2 span {
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: normal;
        display: block;
        padding-left: 0px;
    }

    .business2 #main h3 {
margin:3em 8px 1em;
}

.erabarerubox {
    margin: 2em 0;
    background: #dcefff;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

.tyui {
    width: 88%;
}

    .red .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .red .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .red #main h2:before {
        top: 18px;
    }

    .orange .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .orange .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .orange #main h2:before {
        top: 18px;
    }

    .blue .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .blue .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .blue #main h2:before {
        top: 18px;
    }

    .indigo_blue .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .indigo_blue .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .indigo_blue #main h2:before {
        top: 18px;
    }

    .green .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .green .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .green #main h2:before {
        top: 18px;
    }

    .yellow .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .yellow .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .yellow #main h2:before {
        top: 18px;
    }

    .purple .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .purple .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .purple #main h2:before {
        top: 18px;
    }

    .pink .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .pink .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .pink #main h2:before {
        top: 18px;
    }

    .brown .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .brown .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .brown #main h2:before {
        top: 18px;
    }

    .beauty1 .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .beauty1 .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .beauty1 #main h2:before {
        top: 18px;
    }

    .lime .yakusoku_title {
        font-size: 20px;
        width: 90%;
    }
    .lime .yakusoku_title::after {
        position: absolute;
        left: 162px;
    }
    .lime #main h2:before {
        top: 18px;
    }
}