/*** for PC Browser ***/

@media (min-width:401px)

{

/* == キャッチスライド == */

#mainimg {

    width: 1000px;

    margin: 0px auto;

    padding: 0px;

    position: relative;

}



#mainimg .featured

{

    position: relative;

    z-index: 0;

}



#mainimg .mainimg_b {

    margin: 0;

    padding: 0;

    width: 1000px;

}



/* == 画像ブロック == */

#mainimg .ui-tabs-panel

{

    position: relative;

    z-index: 1;

    padding: 0;

}



#mainimg p

{

    margin: 0px;

    padding: 0px;

}



#mainimg img {

    margin: 0px;

    padding: 0px;

    vertical-align: bottom;

    width: 1000px;

    height: 320px;

}





/* == タイトル == */

#mainimg #thumbTitle {

    background: #E2F1F8;

    color: #000000;

    font-weight: bold;

    position: absolute;

    text-align: center;

    width: auto;

    z-index: 3;

    left: 10px;

    bottom: 10px;

    padding: 5px 10px;

    border-radius: 3px;

}





/* == 停止ボタン == */

#mainimg #thumbStop

{

}



#mainimg #thumbStop a {

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #fff;

    bottom: 10px;

    color: #000000;

    cursor: pointer;

    font-weight: bold;

    right: 10px;

    padding: 4px 9px;

    position: absolute;

    text-decoration: none;

    z-index: 4;

}



/* == タブメニューブロック == */

#mainimg #thumbBtn {

    bottom: 15px;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 50px;

    z-index: 5;

    display: flex;

}



#mainimg #thumbBtn li {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}



#mainimg #thumbBtn li a {

    background-color: #E2F1F8;

    border: 1px solid #015D8C;

    border-radius: 10px;

    display: block;

    height: 19px;

    margin: 0 7px 0 0;

    text-indent: -9999px;

    width: 19px;

}



#mainimg #thumbBtn li.ui-tabs-selected a

{

    background-color: #015D8C;

}



/* == 上書き画像 == */

#mainimg  .mainimg_overpanel

{

}



#mainimg #thumbStop img {

    width: 14px;

    height: 14px;

    vertical-align: middle;

}

}





/*** for Smart Phone ***/

@media (max-width:400px)

{

/* == キャッチスライド == */

#mainimg {

    width: 320px;

    margin: 0px auto;

    padding: 0px;

    position: relative;

}



#mainimg .featured

{

    position: relative;

    z-index: 0;

}



#mainimg .mainimg_b {

    margin: 0;

    padding: 0;

    width: 320px;

}



/* == 画像ブロック == */

#mainimg .ui-tabs-panel

{

    position: relative;

    z-index: 1;

    padding: 0;

}



#mainimg p

{

    margin: 0px;

    padding: 0px;

}



#mainimg img {

    margin: 0px;

    padding: 0px;

    vertical-align: bottom;

    width: 320px;

    height: auto;

}





/* == タイトル == */

#mainimg #thumbTitle {

    background: #E2F1F8;

    color: #000000;

    font-weight: bold;

    position: relative;

    text-align: center;

    width: auto;

    z-index: 3;

    padding: 5px 10px;

    border-radius: 3px;

}





/* == 停止ボタン == */

#mainimg #thumbStop

{

}



#mainimg #thumbStop a {

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #fff;

    bottom: 38px;

    color: #000000;

    cursor: pointer;

    font-weight: bold;

    right: 10px;

    padding: 2px 7px;

    position: absolute;

    text-decoration: none;

    z-index: 4;

}



/* == タブメニューブロック == */

#mainimg #thumbBtn {

    bottom: 42px;

    margin: 0;

    padding: 0;

    position: absolute;

    left: 93px;

    z-index: 5;

    display: flex;

}



#mainimg #thumbBtn li {

    list-style: none outside none;

    margin: 0;

    padding: 0;

}



#mainimg #thumbBtn li a {

    background-color: #E2F1F8;

    border: 1px solid #015D8C;

    border-radius: 10px;

    display: block;

    height: 19px;

    margin: 0 7px 0 0;

    text-indent: -9999px;

    width: 19px;

}



#mainimg #thumbBtn li.ui-tabs-selected a

{

    background-color: #015D8C;

}



/* == 上書き画像 == */

#mainimg  .mainimg_overpanel

{

}



#mainimg #thumbStop img {

    width: 14px;

    height: 14px;

    vertical-align: middle;

}

}