.mod_thumbnail {
    margin: 0 0 10px 0;
}

/* サムネイル画像表示（thumbnaillist）
-----------------------------------------*/

.thumbnaillist {
    width: auto;
    /*
float: right;*/
}

.thumbnaillist ul {
    text-align: center;
}

.thumbnaillist li:last-child {
    margin-right: 0;
}

.thumbnaillist li {
    width: 10px;
    height: 10px;
    background: none;
    padding: 0;
    margin: 0 5px 10px 0;
    display: inline-block;
    list-style: none;
}

.thumbnaillist li a {
    display: block;
}

.thumbnaillist li a:link {}

.thumbnaillist li a:visited {}

.thumbnaillist li a:hover {
    opacity: 0.8;
}

.thumbnaillist li a:active {
    opacity: 0.8;
}

/* IE用 ↓*/

.thumbnaillist li a:hover img {
    filter: alpha(opacity=80);
}

/* メイン画像表示（mod_mainimglist）
-----------------------------------------*/

.mainimglist {
    width: 235px;
    margin: 0;
    /*            float: left;*/
}

.discription li {
    list-style: none;
}



.ex_clearfix li {
    width: 8px;
    height: 8px;
}

.ex_clearfix li a {
    width: 100%;
    height: 100%;
}

/*チップの色　色を増やす場合はclassを増やす*/

.a_1 {
    background: #3138C6;
}

.a_2 {
    background: #C72A2D;
}

.a_3 {
    background: #1C5F3B;
}

.a_4 {
    background: #5B5B5B;
}

.b_1 {
    background: #000;
}

.b_2 {
    background: #3138C6;
}

.b_3 {
    background: #6F6F6F;
}

.b_4 {
    background: #2AA033;
}

.b_5 {
    background: #E22C2C;
}

.c_1 {
    background: #08193F;
}

.c_2 {
    background: #D39936;
}

.c_3 {
    background: #08193F;
}

.c_4 {
    background: #C23235;
}

.c_5 {
    background: #D39936;
}

.d_1 {
    background: #318EB2;
}

.d_2 {
    background: #6F6F6F;
}

.e_1 {
    background: #FE6A4C;
}

.e_2 {
    background: #FE2225;
}

.e_3 {
    background: #3F9FCB;
}

.e_4 {
    background: #AAAAAA;
}

.e_5 {
    background: #AAAAAA;
}

.f_1 {
    background: #3827E8;
}

.f_2 {
    background: #000;
}

.f_3 {
    background: #605E5E;
}

.f_4 {
    background: #F42B88;
}

.f_5 {
    background: #C400FC;
}

.f_6 {
    background: #00821A;
}

.g_1 {
    background: #D2D2D2;
}

.h_1 {
    background: #1D27C2;
}

.h_2 {
    background: #FF33BE;
}

.h_3 {
    background: #DEFF4F;
}

.i_1 {
    background: #DEFF4F;
}

.i_1 {
    background: #000;
}

.i_2 {
    background: #3B36DC;
}

.i_3 {
    background: #151E7B;
}

.i_4 {
    background: #767676;
}

.i_5 {
    background: #FF4FD1;
}

.i_6 {
    background: #2F7311;
}

.i_7 {
    background: #FF7000;
}

.i_8 {
    background: #FF0004;
}

.i_9 {
    background: #E17815;
}

.i_10 {
    background: #61CFCE;
}

.i_11 {
    background: #690081;
}

.j_1 {
    background: #D1CDCD;
}

.j_2 {
    background: #D1CDCD;
}

.j_3 {
    background: #D1CDCD;
}

.j_4 {
    background: #D1CDCD;
}

.k_1 {
    background: #191E92;
}

.k_2 {
    background: #058073;
}

.k_3 {
    background: #128007;
}

.k_4 {
    background: #AE14B6;
}

.l_1 {
    background: #000;
}

.l_2 {
    background: #0B2881;
}

.l_3 {
    background: #03635B;
}

.l_4 {
    background: #7A7A7A;
}

.l_5 {
    background: #C52527;
}

.m_1 {
    background: #032CB3;
}

.m_2 {
    background: #777777;
}

.m_3 {
    background: #7E0DCC;
}

.m_4 {
    background: #FE03AC;
}

.m_5 {
    background: #F57D2B;
}

.m_6 {
    background: #1C95B2;
}

.n_1 {
    background: #000;
}

.n_2 {
    background: #230392;
}

.n_3 {
    background: #097484;
}

.n_4 {
    background: #7C7B7B;
}

.n_5 {
    background: #F913B9;
}

.n_6 {
    background: #DBEC0E;
}

.n_7 {
    background: #1FA3A2;
}

.o_1 {
    background: #D4CDCD;
}

.p_1 {
    background: #135F9D;
}

.p_2 {
    background: #F31FD6;
}

.p_3 {
    background: #004820;
}

.q_1 {
    background: #152B03;
}

.q_2 {
    background: #017124;
}

.q_3 {
    background: #A40E3B;
}

.q_4 {
    background: #019807;
}

.r_1 {
    background: #0C5A59;
}

.r_2 {
    background: #F83BC3;
}

.r_3 {
    background: #2B9B00;
}

.r_4 {
    background: #862BD8;
}

.r_5 {
    background: #D3E133;
}

.discription {
    margin-bottom: 70px;
    clear: both;
}

.discription li {
    text-align: center;
}

.header_nav_menu {
    margin: 0;
}

.ttl_h2 {
    text-align: center;
    margin-bottom: 30px;
}

.product {
    width: 235px;
    /*            float: left;*/
    margin-right: 0px;
}

.no-margin {
    margin-right: 0 !important;
}

.ttl_h2 {
    text-align: left;
}

.box {
    display: flex;
    overflow: hidden;
    justify-content: space-between
}

.custom_head {
    overflow: hidden;
    margin-bottom: 50px;
}

.lead {
    padding: 20px;
}

.gif_box {
    width: 240px;
    float: right;
}

ul.sns_head {
    display: flex;
    justify-content: flex-end
}

.sns_head li:first-child {
    margin-right: 15px;
}