@media only screen and (max-width: 720px) {

    /* !wrapper
    ---------------------------------------------------------- */
    body.mobile #wrapper {
        width: 100%;
    }

    /* !header
    ---------------------------------------------------------- */
    body.mobile #header {
        margin-bottom: 1px;
        width: 100%;
        padding: 0;
    }

    body.mobile #hd_logo {
        padding: 0 2vw;
    }

    body.mobile #hd_access {
        display: none;
    }

    body.mobile #shop_face{
        display: none;
    }

    body.mobile #ysLogo {
        display: none;
    }

    body.mobile #ysLogo-shops {
        display: none;
    }

    /* !breadcrumb
    ---------------------------------------------------------- */

    /* !mainimg
    ---------------------------------------------------------- */
    body.mobile .mainimg {
        width: 100%;
    }

    body.mobile .mainimg ul {
        width: 100%;
        margin-right: 0px;
    }

    body.mobile .mainimg ul li {
        width: 100%;
        margin-right: 0px;
    }

    body.mobile .mainimg ul li p.img {
        width: 100% !important;
    }

    body.mobile .mainimg ul li p.img img {
        width:100% !important;
        margin: 0 auto ;
    }

    body.mobile .mainimg ul li p.txt {
        padding: 10px 5px 5px 5px;
    }

    body.mobile #featured4{
        display: none;
    }

    /* !Side
    ---------------------------------------------------------- */
    body.mobile #side {
         /*display: none;*/
         position: absolute;
         top: 0;
         left: -210px;
    }

    body.mobile #side #lNavi li{
        margin-bottom: 0;
    }

    body.mobile #side #sd_search{
        margin-bottom: 0;
    }

    body.mobile #side #sd_bnr{
        display: none;
    }

    /* !Breadcrumb
     ---------------------------------------------------------- */
    body.mobile #breadcrumb {
        width:98%;
        padding: 3px 0 3px 2%;
        border-right: 0 solid #ccc;
        border-left: 0 solid #ccc;
    }

    /* !contents
    ---------------------------------------------------------- */
    body.mobile #contents {
        margin: 0 auto;
        padding-bottom: 20px;
        width: 100%;
        text-align: left;
    }

    body.mobile #contents_single {
        margin: 0 auto;
        padding-bottom: 20px;
        margin-bottom: 1700px;
        width: 100%;
        text-align: left;
    }


    body.mobile #main{
        float:left;
        -webkit-transform-origin: top left;
    }

    body.mobile #main_search ul li#main_search03{
        display: none;
    }
    body.mobile #main #main_topiclist {
        width: 100%;
    }

    body.mobile #main #main_topiclist ul {
        width: 100%;
    }

    body.mobile#theme-from-public #main #main_topiclist ul li{
        width: 100%;
        display: block;
        height: 300px;
        padding: 10px 0 10px 0;
    }

    body.mobile #main #main_topiclist ul li{
        width: 100%;
        display: block;
        height: 400px;
        padding: 10px 0 10px 0;
    }


    body.mobile #main #main_topiclist ul li p.main_topiclist_item{
        width:40%;
        height: 75%;
        margin-right: 5%;
        display: block;
        padding-left:10px;
    }

    body.mobile #main #main_topiclist ul li p.main_topiclist_item a {
        width:100%;
        height: 100%;
        text-align: left;
    }

    body.mobile #main #main_topiclist ul li p.main_topiclist_item  img{
        /*width: 40%;*/
        /*height: 70%;*/
        position:absolute;

    }

    body.mobile #main #main_topiclist ul li div {
        width: 50%;
        float:left;
    }

    body.mobile #main #main_topiclist ul li div h4 {
        width: 80%;
        height: 150px;
        background-size: 100%;
        font-size: 200%;
    }

    body.mobile #main #main_topiclist ul li div dl {
        margin: 5px 0 0 0;
    }

    body.mobile #main #main_topiclist ul li div dl dt {
        width: 28%;
        height: auto;
    }

    body.mobile #main #main_topiclist ul li div dl dt img {
        height: auto;
    }

    body.mobile #main #main_topiclist ul li div dl dd {
        width: 60%;
        height:auto;
        font-size: 150%;
    }


    body.mobile #main #main_topiclist ul li p.entry_summary {
        /*width: 100%;*/
        /*float:left;*/
        /*clear: none;*/
        /*padding: 10px 0 10px 20px;*/
        font-size: 150%;
        margin-left: 10px;
    }

   /* body.mobile #pickedBox .pickedPic img{
        max-width: none;
        max-height: none;
    }*/
    body.mobile #main_topiclist .main_topiclist_item img{
        max-width: 300px;
        max-height: 300px;
    }

    body.mobile .pageTop {
        display: none;
    }

    /* !footer
    ---------------------------------------------------------- */
    body.mobile #footer {
        display: block;
        width: 100%;
        font-size: 90%;
    }

    body.mobile #ft_inner {
        display: block;
        width: 100%;
        padding: 30px 10px 0;
    }

    body.mobile #ft_shopInfo {
        width: 100%;
    }
    body.mobile #ft_shopInfo dl{
        top: 15px;
    }

    body.mobile #ft_shopMap {
        float: left;
        width: 100%;
        height:auto;
    }

    body.mobile #ft_shopMap iframe{
        width: 100%;
    }

    body.mobile #ft_links {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 10px;
    }

    body.mobile #ft_links ul {
        width: auto;
    }

    body.mobile #ft_links ul li {
        width: auto;
        padding: 0;
    }

    body.mobile #ft_links ul li:not(.menu-item--privacy-policy) {
        display: none;
    }

    body.mobile .copy-right {
        margin-top: 0;
    }

    body.mobile #side.display{
        left: 0;
    }

    body.mobile #btn_collapse.right{
        margin-left: 210px;
    }
    

    /* dResponsive
    ---------------------------------------------------------- */
    body.mobile.dResponsive #main{
        width: 100%;
    }
    body.mobile.dResponsive #main img{
        max-width: 100%;
        height: auto;
    }

    /* TOP mainimg */
    body.mobile.dResponsive .mainimg {
        margin-bottom: 0;
    }
    body.mobile.dResponsive .mainimg ul {
        font-size: 0;
        background: #014293;
        white-space: nowrap;
        width: 400%;
        overflow-x: scroll;
        position: relative;
        left: 0;
        margin-bottom: 0;
    }
    body.mobile.dResponsive .mainimg ul li {
        width: 25%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    body.mobile.dResponsive .mainimg ul li .txt{
        white-space: normal;
    }
    body.mobile.dResponsive .mainimg ul li p.img,
    body.mobile.dResponsive .mainimg ul li p.img img {
        height: auto !important;
    }
    body.mobile.dResponsive .mainimg ul li #f4_2 {
        padding-left: 5px;
    }
    
    body.mobile.dResponsive #wrapper  {
        margin-top: 70px;
    }
    body.mobile.dResponsive #wrapper #header {
        position: fixed;
        top: 0;
        background: #fff;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
        z-index: 15;
    }
    body.mobile.dResponsive #wrapper .menu-trigger {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        /* content: ''; */
        font-size: 0;
        display: flex;
        align-items: center;
        box-sizing: border-box;
        height: 100%;
        padding: 20px 12px;
        z-index: 19;
    }
    /* body.mobile.dResponsive #wrapper .menu-trigger:after {
        content: '';
        display: block;
        position: absolute;
        height: 2px;
        width: 26px;
        top: 7px;
        background: #000D54;
    } */
    body.mobile.dResponsive #wrapper .menu-trigger__line {
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        width: 26px;
        height: 20px;
        border-top: 2px solid #000D54;
        border-bottom: 2px solid #000D54;
    }
    body.mobile.dResponsive #wrapper .menu-trigger__line:after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        height: 2px;
        width: 100%;
        background: #000D54;
    }
    body.mobile.dResponsive #wrapper .menu-trigger__line:before {
        top: 0;
    }
    body.mobile.dResponsive #wrapper .menu-trigger__line:after {
        bottom: 0;
    }

    body.mobile.dResponsive #main .mainTit_type01,
    body.mobile.dResponsive #main #main_search,
    body.mobile.dResponsive #main .textopics {
        display: none;
    }
    body.mobile.dResponsive .mainimg {
        margin-bottom: 40px;
    }
    
    /* TOP more_load_columns */
    body.mobile.dResponsive #main .more_load_columns {
        width: 70%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        height: 55px;
        line-height: 55px;
        border: 1px solid #000D54;
        color: #000D54;
        margin-bottom: 10px;
        background: #fff;
    }
    
    /* TOP section_title */
    body.mobile.dResponsive .section_title {
        color: #014293;
        margin: 0 0 20px;
        text-align: center;
    }
    body.mobile.dResponsive .section_title.topic_title.in_bottom_area {
        margin-top: 95px;
    }
    body.mobile.dResponsive .section_title .sub {
        display: block;
        font-size: 16px;
    }

    /* TOP main_bnr */
    body.mobile.dResponsive .main_bnr_wrapper {
        margin: 0 8px 50px;
    }
    body.mobile.dResponsive .main_bnr_wrapper .main_bnr,
    body.mobile.dResponsive .main_bnr_wrapper .main_bnr ul {
        width: 100%;
    }
    body.mobile.dResponsive .main_bnr_wrapper .more_load_columns_back,
    body.mobile.dResponsive .main_bnr_wrapper .more_load_columns {
        display: none;
    }
    body.mobile.dResponsive .main_bnr_wrapper.limit-show {
        max-height: 700px;
        overflow: hidden;
        position: relative;
    }
    body.mobile.dResponsive .main_bnr_wrapper.limit-show .more_load_columns_back {
        display: block;
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 300px;
        background: linear-gradient(transparent, #fff);
        z-index: 5;
    }
    body.mobile.dResponsive .main_bnr_wrapper.limit-show .more_load_columns {
        display: block;
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
        z-index: 10;
    }
    body.mobile.dResponsive #main .main_bnr,
    body.mobile.dResponsive #main .main_bnr ul{
        width: 100%;
    }
    body.mobile.dResponsive #main .main_bnr ul li,
    body.mobile.dResponsive #main .main_bnr ul li a{
        margin-right: 0;
        width: 100%;
    }
    body.mobile.dResponsive #main .main_bnr ul li,
    body.mobile.dResponsive #main .main_bnr ul li a,
    body.mobile.dResponsive #main .main_bnr ul li a img{
        display: block;
    }
    body.mobile.dResponsive #main .main_bnr ul li a img{
        min-width: 100%;
    }

    /* TOP Googleカレンダー */
    body.mobile.dResponsive #main .embed-calendar {
        padding: 0px 8px 5px;
    }

    /* TOP 記事一覧 */
    body.mobile.dResponsive #main #main_search,
    body.mobile.dResponsive #main #latestopicBox .latepick_container,
    body.mobile.dResponsive #main #latestopicBox .latepick_container .content_wrap{
        width: 100%;
        box-sizing: border-box;
    }
    body.mobile.dResponsive #main #latestopicBox #tabs div {
        margin-right: 0;
        border-right: none;
    }
    body.mobile.dResponsive #main #latestopicBox #tabs div:last-child {
        border-right: 2px solid #000000;
    }
    body.mobile.dResponsive #main #latestopicBox .latepick_container #pickedBox {
        display: none;
    }
    body.mobile.dResponsive #main #main_topiclist ul li{
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        margin-right: 0;
        background: #0289c3;
        padding: 0;
        margin-top: 30px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item {
        width: calc(100% - 4% - 200px);
        height: 100%;
        padding-left: 0;
        margin: 0 2%;
        position: relative;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item::before {
        display: block;
        content: '';
        padding-top: 100%;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item a,
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item a img {
        position: relative;
        top: initial;
        right: initial;
        bottom: initial;
        left: initial;
        width: auto;
        height: auto;
        max-width: 100% !important;
        max-height: 100% !important;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.entry_summary {
        display: none;
        margin: 0 10px;
        padding: 0 0 30px;
        font-size: 16px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div {
        width: 200px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div h4 {
        width: 165px;
        height: 90px;
        padding: 12px 12px 0;
        font-size: 14px;
        margin-top: -30px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd {
        font-size: 14px;
    }
    body.mobile.dResponsive #main #main_topiclist {
        background: transparent;
        margin-bottom: 20px;
    }
    body.mobile.dResponsive #main #main_topiclist.all-show {
        margin-bottom: 0px;
    }
    body.mobile.dResponsive #main #main_topiclist ul {
        display: inline-block;
        width: calc(100% - 16px);
        margin: 0 8px;
    }
    body.mobile#theme-from-public #main #main_topiclist ul li,
    body.mobile.dResponsive #main #main_topiclist ul li {
        width: calc(50% - 16px) !important;
        background: transparent;
        margin: 0 8px 30px;
        padding: 0;
        box-sizing: border-box;
        vertical-align: top;
        white-space: normal;
        position: relative;
        border: none;
    }
    body.mobile.dResponsive #main #main_topiclist ul li:hover {
        opacity: 0.6;
    }
    body.mobile#theme-from-public #main #main_topiclist ul li:nth-child(n + 9),
    body.mobile.dResponsive #main #main_topiclist ul li:nth-child(n + 9) {
        display: none;
    }
    body.mobile#theme-from-public #main #main_topiclist ul#lowerTopic li:nth-child(n + 9),
    body.mobile.dResponsive #main #main_topiclist ul#lowerTopic li:nth-child(n + 9),
    body.mobile#theme-from-public #main #main_topiclist.all-show ul li:nth-child(n + 9),
    body.mobile.dResponsive #main #main_topiclist.all-show ul li:nth-child(n + 9) {
        display: block;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item {
        width: 100%;
        margin: 0 0;
        border: 1px solid #ddd;
        margin-bottom: 5px;
        position: relative;
    }
    body.mobile.dResponsive #main #main_topiclist ul li p.main_topiclist_item::before {
        padding-top: 75%;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div {
        width: 100%;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div h4 {
        margin: 0 0 6px;
        padding: 0 0;
        background: transparent;
        font-size: 13px;
        vertical-align: top;
        text-align: left;
        word-break: break-all;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 42px;
        width: 100%;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div h4 a{
        color: #333;
        font-weight: normal;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl {
        margin: 0;
        padding-left: 0;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt {
        width: 44px;
        height: 44px;
        overflow: hidden;
        border-radius: 50%;
        padding: 0;
        position: relative;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 50%;
        border: solid 1px #e6e6e6;
        position: absolute;
        top: 0;
        left: 0;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0010.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0020.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0030.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0040.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0050.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0060.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0070.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0080.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/0090.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00100.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00110.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00120.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00130.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00140.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00150.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00160.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00170.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00180.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00190.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00200.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00210.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00220.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00230.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00240.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00250.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00260.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00270.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00280.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00290.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00300.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00310.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00320.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00330.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00340.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00350.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00360.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00370.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00380.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00390.jpg"],
    body.mobile.dResponsive #main #main_topiclist ul li div dl dt img[src="/https://www.ysroad.co.jp/images/staff_photo/00999.jpg"] {
        margin-top: -10px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd {
        float: left;
        margin-left: 6px;
        position: relative;
        overflow: visible;
        width: calc(100% - 50px);
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_staff {
        font-size: 13px;
        margin-top: 10px;
        line-height: 16px;
        height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_date {
        font-size: 13px;
        line-height: 18px;
        height: 18px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_date:before {
        content: '投稿日：';
        display: inline;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon {
        position: absolute;
        right: 0;
        top: -4px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a {
        color: #666;
        font-size: 12px;
        line-height: 12px;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a:hover {
        text-decoration: none;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span {
        background: none;
        text-indent: 0;
        line-height: 12px;
        text-align: right;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span:before {
        display: inline;
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.item:before,
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.itemblog:before {
        content: '#商品紹介';
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.blog:before,
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.staffblog:before {
        content: '#スタッフ記事';
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.event:before {
        content: '#イベント案内';
    }
    body.mobile.dResponsive #main #main_topiclist ul li div dl dd .main_topiclist_icon a span.column:before {
        content: '#サイクルコラム';
    }
    body.mobile.dResponsive #main #main_topiclist ul li:hover div h4 a{
        text-decoration: none;
    }
    body.mobile.dResponsive #main .more_load_columns + .mb40 {
        display: none;
    }
    body.mobile.dResponsive #main #main_topiclist + .mb40 {
        margin-bottom: 10px !important;
        margin-right: 10px;
    }

    /* TOP fotter contents */
    body.mobile.dResponsive #main .main_service_type01 {
        width: 100%;
    }
    body.mobile.dResponsive #main .main_service_type01 li{
        width: 50%;
        margin-right: 0;
    }
    body.mobile.dResponsive #main .main_service_type01 li img{
        display: block;
        min-width: 100%;
    }
    body.mobile.dResponsive #main #serviceList {
        width: 100%;
        box-sizing: border-box;
    }
    body.mobile.dResponsive .main_bnr_wrapper #serviceListWrapper .section {
        width: 100%;
        margin: 0 0 0;
        padding: 0 0 0;
    }
    body.mobile.dResponsive .main_bnr_wrapper #serviceListWrapper .section ul {
        width: 100%;
    }

    /* title */
    body.mobile.dResponsive .mainTit_type01{
        padding-bottom: 0;
        background: none;
    }
    /* up from lower_service */
    body.mobile.dResponsive .sharedaddy+div p,
    body.mobile.dResponsive .sharedaddy+div a,
    body.mobile.dResponsive .sharedaddy+div span{
        word-break: break-all;
    }
    
    /* lower_service */
    body.mobile.dResponsive .lower_service{
        width: 100%;
        box-sizing: border-box;
    }
    body.mobile.dResponsive .lower_service ul{
        width: 100%;
    }
    body.mobile.dResponsive .lower_service ul li{
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    body.mobile.dResponsive .lower_service ul li dl dt a img{
        width: 65px !important;
        height: 65px !important;
    }
    body.mobile.dResponsive .lower_service ul li dl dd{
        width: calc(100% - 75px);
    }

    /* CMS 記事詳細コンテンツ */
    body.mobile.dResponsive #contents_single {
        margin-bottom: 100px !important;
    }

    /* パンくずリスト */
    body.mobile.dResponsive ul#topicsPath li {
        white-space: normal;
    }
    
    /* CMSタイトル */
    body.mobile.dResponsive .entryTitle {
        font-size: 22px;
        border-left: 4px solid #ffc65a;
        padding: 3px 10px;
        line-height: 30px;
    }
    
    /* CMSタイトル下 関連商品UI */
    body.mobile.dResponsive #related_ec .onlineshop_wrapper .onlineshop_lead {
        font-size: 18px;
        margin-bottom: 8px;
    }
    body.mobile.dResponsive #related_ec .onlineshop_wrapper .item-image {
        max-width: 80px;
        max-height: 80px;
    }
    body.mobile.dResponsive #related_ec .onlineshop_wrapper .item_name {
        font-size: 13px;
        margin-bottom: 8px;
    }
    body.mobile.dResponsive #related_ec .onlineshop_wrapper .main_action_button {
        font-size: 13px;
        padding: 10px 0;
    }
    body.mobile.dResponsive #related_ec .onlineshop_wrapper .icon-shopping-cart:before {
        font-size: 13px;
        margin-right: 6px;
    }
    
    /* CMS内タイトル類 */
    body.mobile.dResponsive .entryDetail h1 {
        border-left: 4px solid #ffc65a;
    }
    body.mobile.dResponsive .entryDetail h1,
    body.mobile.dResponsive .entryDetail h1 span {
        font-size: 24px !important;
    }

    body.mobile.dResponsive .entryDetail h2,
    body.mobile.dResponsive .entryDetail h2 span {
        font-size: 23px !important;
    }
    body.mobile.dResponsive .entryDetail h3,
    body.mobile.dResponsive .entryDetail h3 span {
        font-size: 22px !important;
    }
        body.mobile.dResponsive .entryDetail h4,
    body.mobile.dResponsive .entryDetail h4 span {
        font-size: 20px !important;
    }
    .entryDetail h4:before{
        top:5px;
    }
    
    body.mobile.dResponsive .entryDetail h5,
    body.mobile.dResponsive .entryDetail h5 span {
        font-size: 19px !important;
            }
    body.mobile.dResponsive .entryDetail h6,
    body.mobile.dResponsive .entryDetail h6 span {
        font-size: 18px !important;
            }
    /* CMS内本文 */
    body.mobile.dResponsive .entryDetail p {
        font-size: 16px;
        line-height: 1.8;
    }
    
    /* CMS下 関連商品UI */
    body.mobile.dResponsive .entryDetail #related_ec .ec-lead-box {
        padding: 20px;
    }
    body.mobile.dResponsive .entryDetail #related_ec .ec-btn {
        font-size: 16px;
        padding: 16px 0;
        box-sizing: border-box;
    }

    /* CMS下 オンライン売れ筋商品UI */
    body.mobile.dResponsive .entryDetail #related_ec #bottom-ec-sales-content {
        margin: 15px 0px !important;
    }
    body.mobile.dResponsive .entryDetail #related_ec #bottom-ec-sales-content .ec-lead-text {
        font-size: 16px !important;
    }
    body.mobile.dResponsive .entryDetail #related_ec #bottom-ec-sales-content .ec-btn {
        width: 100%;
        text-align: center;
        padding: 6px 0;
        font-weight: normal;
    }

    /* dl_lower */
    body.mobile.dResponsive .dl_lower dt,
	body.mobile.dResponsive .dl_lower dd {
        width: inherit;
        float: none;
    }
    body.mobile.dResponsive .dl_lower dt {
        margin: 0;
    }
    body.mobile.dResponsive .dl_lower dd {
        margin-top: 10px;
    }

    /* feature page contents title */
    body.mobile.dResponsive #feature01 h3,
    body.mobile.dResponsive #feature02 h3,
    body.mobile.dResponsive #feature03 h3,
    body.mobile.dResponsive #feature04 h3 {
        font-size: 20px !important;
    }

    /* scroll-wrap */
    body.mobile.dResponsive .scroll-wrap {
        overflow-x: scroll;
    }

    /* youtube-wrap */
    body.mobile.dResponsive .c {
        width: 100%;
        aspect-ratio: 16 / 9;
    }
    body.mobile.dResponsive .youtube-wrap iframe {
        width: 100%;
        height: 100%;
    }
}
