@charset "Shift_JIS";

@media screen and (max-width:750px) {
html {
}
/* -- body -- */
body {
    color: #000000;
    text-align: center;
    background-color: #FFFFFF;
    min-width: 280px;
}
div.clear {
    clear: both;
    display: block;
    width: 100%;
}
/* -- font -- */
h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, caption, address, figcaption, small, time, button, select {
    font-size: 1.0rem;
    line-height: 1.5;
}
/* -- i -- */
i {
    vertical-align: baseline;
}
/* -- img -- */
img {
    max-width: 100%;
    height: auto;
}
    
/* -- img alphaOver -- */
.alphaOver a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.alphaOver_no a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

/* -- video -- */
video {
}
/* -- .sp -- */
.pc {
    display: none !important;
}
/* -- container -- */
#container {
    text-align: left;
}
.head_hight {
    height: 60px;
}

/* header
----------------------------------------------------*/
#header {
    background-color: #FFFFFF;
    padding: 12px 0 0;
    height: 60px;
    position: fixed;
    z-index: 51;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    top: 0px;
    opacity: 0.97;
}
#header_s {
    height: 35px;
    position: relative;
    z-index: 51;
    display: block;
    box-sizing: border-box;
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.98;
}
/* clearfix */
#header:after {
    content: "";
    clear: both;
    display: block;
}
#hdLogo {
    width: 200px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    float: none;
}

#hdLogo2 {
    width: 200px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    float: none;
}

#hdSns {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#hdSns:after {
    content: "";
    clear: both;
    display: block;
}
#hdSns li {
    width: 19px;
    height: 19px;
    float: left;
    margin: 0 0 0 7px;
}
#official {
    display: none;
}
/* gNav
----------------------------------------------------*/
#gNavMenu {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 10px;
}
#gNavMenu a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/sp/hd_btn_menu.png") no-repeat center top;
    background-size: 50px auto;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

/*                             */
#gNavWrap {
    width: 100%;
    background-color: #0E275A;
    color: #FFFFFF;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 50;
    display: none;
    height: auto;
    max-height: 900px;
}
/*                             */
#gNavWrapscroll {
    overflow-y: scroll;
    max-height: 450px;
    height: auto;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
#gNavWrapscroll::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
    
    

/*                             */
#gNav > li {
    width: 100%;
    margin: 1px 0 0;
    background-color: #184398;
    float: none;
}
#gNav > li:first-child {
/*
	display: none;
*/
}

/*                             */
#gNav > li:nth-of-type(1) {
    margin-top: 0;
}
#gNav div.gNavMenu {
    display: table;
    width: 100%;
    position: relative;
    cursor: pointer;
}
#gNav div.gNavMenu a {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1;
    padding: 0 69px 0 20px;
    color: #FFFFFF;
    text-decoration: none;
}
#gNav div.gNavMenu a:after {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    background: url("../img/sp/ico_acc01.png") no-repeat center top;
    background-size: 29px auto;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#gNav div.gNavMenu.selected a:after {
    background-position: center bottom;
}
#gNav div.gNavMenu.notBlc a {
    background: url("../img/sp/ico_arrow02_r.png") no-repeat right 20px center;
    background-size: 8px auto;
}
#gNav div.gNavMenu.notBlc a:after {
    display: none;
}
#gNav div.gNavMenu strong, #gNav div.gNavMenu span {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
    vertical-align: text-bottom;
    color: #FFFFFF;
    margin: 0 13px 0 0;
}
#gNav li:nth-child(1) div.gNavMenu br {
    display: none;
}
#gNav div.gNavMenu strong + i {
    font-size: 16px;
    color: #FFFFFF;
}
/*                             */
#gNav .gNavBlc li {
    display: table;
    width: 100%;
    margin: 1px 0 0;
}
#gNav .gNavBlc li a {
    display: table-cell;
    height: 40px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("../img/sp/ico_arrow01_r.png");
    background-color: #FFFFFF;
    background-size: 5px auto;
    vertical-align: middle;
    color: #000000;
    font-size: 1.2rem;
    padding: 0 20px;
    text-decoration: none;
}
#gNav .gNavBlc li img {
    display: none;
}
#gNav .gNavBlc li a strong {
    font-weight: normal;
}
#gNav .gNavBlc li strong + i {
    margin-left: 8px;
    font-size: 16px;
    color: #FFFFFF;
}
#gNav .gNavBlc li a span {
    display: none;
}
#gNav .gNavBlc li > span {
    display: none;
}
/*movie*/
#gNav .gNavBlc li.company strong, #gNav .gNavBlc li.company ul, #gNav .gNavBlc li.company ul li {
    display: table;
    width: 100%
}
#gNav .gNavBlc li.company > a {
    display: none;
}
#gNav .gNavBlc li.company ul li a {
    padding-left: 40px;
    position: relative;
    padding-top: 0px;
}
#gNav .gNavBlc li.company ul li a:after {
    content: "";
    width: 12px;
    height: 1px;
    background-color: #2A73DF;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -50px;
}
#gNavSns {
    display: table;
    width: 100%;
    margin: 1px 0 0;
}
#gNavSns ul {
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -0.3em;
    background-color: #2A73DF;
}
#gNavSns li {
    display: inline-block;
    height: 20px;
    margin-top: 0;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 0;
    letter-spacing: normal;
    background-color: #0042FF;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    width: 23%;
}
#gNavSns li a {
    color: #FFFFFF !important;
}
#gNavSns li a:hover {
    color: #009DFF !important;
}
#gNavSns li a:visited {
}
    
#gNavClose {
    display: table;
    width: 100%;
}
    
#gNavClose span {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    text-align: center !important;
    font-size: 1.2rem;
    cursor: pointer;
    color: #FFFFFF;
}
#gNavClose span:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../img/sp/ico_close01.png") no-repeat center;
    background-size: contain;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

/*                             */
#gNavBg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 49;
    background-color: #1B4E9A;
    opacity: 0.5;
}
.menuOpen #gNavMenu a {
    background-position: center bottom;
}
.menuOpen #gNavWrap, .menuOpen #gNavBg {
    display: block;
    animation: baseSpShow .15s linear 0s;
}
/* contents
----------------------------------------------------*/
#contents {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0;
    background-color: #FFFFFF;
}
/* clearfix */
#contents:after {
    content: "";
    clear: both;
    display: block;
}
    
#ftSitemap {
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
}
.kakushi {
    position: relative;
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
/*-
/*                             */

div.topimage {
    width: 100%;
}
div.topimage_p {
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
    
/* main
----------------------------------------------------*/

main {
    background-color: #FFFFFF;
}
.mainInner {
    margin: 0 20px;
}

/*                             */
#footer {
    clear: both;
    color: #000000;
    padding: 0 20px 20px;
    background-color: #FFFFFF;
}

/*                             */
#footer .pagetop{
    width: 90%;
    overflow: hidden;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    z-index: 55;
}
#footer .pagetop a{
    display: block;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
    background-image: url(../img/btn_pagetop.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 5px;
}
p.pageTop {
    width: 75px;
    height: 75px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-image: url(../img/btn_pagetop.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 75px;
}
/* clearfix */
#footer:after {
    content: "";
    clear: both;
    display: block;
}

/*                             */
#ftSitemap > ul > li {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: 0;
    background: #184398;
    border-top: 1px solid #0E275A;
    width: auto;
}
#ftSitemap > ul > li:first-child {
    margin-top: 0;
}
#ftSitemap div {
    display: table;
    width: 100%;
    position: relative;
    cursor: pointer;
}
#ftSitemap div a {
    display: table-cell;
    height: 45px;
    vertical-align: middle;
    line-height: 1;
    padding: 0 69px 0 20px;
    color: #FFFFFF;
    text-decoration: none;
}
#ftSitemap div a:after {
    content: "";
    display: block;
    width: 29px;
    height: 29px;
    background: url("../img/sp/ico_acc01.png") no-repeat center top;
    background-size: 29px auto;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
#ftSitemap div.selected a:after {
    background-position: center bottom;
}
#ftSitemap div strong {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1;
    vertical-align: text-bottom;
    color: #FFFFFF;
    margin: 0 13px 0 0;
}
#ftSitemap li li {
    display: table;
    width: 100%;
    margin: 1px 0 0;
}
    
#ftSitemap li li.end {
    display: table;
    width: 100%;
    margin: 1px 0 0;
    border-bottom: 1px solid #0E275A;
}
    
/*                             */
#ftSitemap li li a {
    display: table-cell;
    height: 40px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url("../img/sp/ico_arrow01_r.png");
    background-color: #FFFFFF;
    background-size: 5px auto;
    vertical-align: middle;
    color: #000000;
    font-size: 1.2rem;
    padding: 0 20px;
    text-decoration: none;
}
#ftSitemap li li a:hover {
    font-size: 1.2rem;
    opacity: 1;
}


#ftSitemap li:nth-child(1) div br {
    display: none;
}
/*movie*/
#ftSitemap li .play.movie {
    display: none;
}
#ftSitemap li .play.movie a:after {
    content: none;
}
#ftSitemap li .play.movie ul + ul li {
    display: table;
}
#ftSitemap li .play.movie ul + ul > li > a {
    display: table;
    width: 100%;
    box-sizing: border-box;
}
#ftSitemap li .play.movie ul + ul > li > a span {
    display: table-cell;
    vertical-align: middle;
}
#ftSitemap li .play.movie ul + ul li li a {
    padding-left: 40px;
    position: relative;
}
/*                             */
#ftSitemap li .play.movie ul + ul li li a:after {
    content: "";
    width: 12px;
    height: 1px;
    background: #1B4E9A;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -0.5px;
}

#ftSitemap li .account {
    padding: 20px;
    display: block!important;
    background: #1B4E9A;
    border-top: 1px solid #333;
}
#ftSitemap li .account:after {
    content: "";
    clear: both;
    display: block;
}
#ftSitemap li .account li {
    width: 47%;
}
#ftSitemap li .account li.fb {
    float: left;
}
#ftSitemap li .account li.yt {
    float: right;
}
#ftSitemap li .account li a {
    padding: 10px 0 10px 46px;
    color: #FFFFFF;
    display: block;
    border-radius: 200px;
}
#ftSitemap li .account li.fb a {
    background: url("../common/img/ico_fb.gif") no-repeat left 15px center #3a579a;
    background-size: 23px;
}
#ftSitemap li .account li.yt a {
    background: url("../common/img/ico_yt.gif") no-repeat left 15px center #b0210a;
    background-size: 23px;
}
	
@media screen and (max-width: 320px) {
 #ftSitemap li .account li a {
 padding: 12px 0 12px 38px;
 background-position: 10px center!important;
}
}
#ftNav {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    margin: 0 -10px;
}
#ftNav ul {
    text-align: center;
    letter-spacing: -0.3em;
    margin: 15px 0 0;
}
#ftNav ul:first-child {
    margin: 0;
}
#ftNav li {
    font-size: 1.2rem;
    line-height: 1;
    display: inline-block;
    letter-spacing: normal;
    border-left: 1px solid #555;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
#ftNav li:first-child {
    border: none;
    padding: 0;
    margin: 0;
}
#ftNav li a {
    color: #000000;
    text-decoration: none;
    font-size: 0.9rem;
}
#ftCopyright {
    text-align: center;
    color: #000000;
    font-size: 0.7rem;
}
#ftCopyright small {
    font-size: 1.0rem;
}
    
/* bread_crumb
----------------------------------------------------*/

#wrapper_bread_crumb {
    background: #eee;
    line-height: 40px;
}
#bread_crumb {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
#bread_crumb li {
    display: inline-table;
    font-size: 120%;
    height: 40px;
    padding-right: 20px;
    margin-right: 5px;
    background: url("../img/bread_crumb01.png") right center no-repeat;
    background-size: 15px auto;
}
#bread_crumb li:last-child {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
#bread_crumb li a, #bread_crumb li > span {
    display: table-cell;
    vertical-align: middle;
    transition: opacity 0.3s;
}
#bread_crumb li a:hover {
    text-decoration: none;
    opacity: 0.7;
}
#bread_crumb li a > span {
    color: #0aa547;
}
/* spanGreen */
.spanGreen {
    font-size: 50%;
    color: #0aa547;
    margin-top: 5px;
    display: block;
    font-weight: normal;
}
/* linkArea
---------------------------------------------*/

.linkArea {
    padding: 40px 20px;
    border-top: 1px solid #eeeeee;
    background: #FFFFFF;
}
.linkArea a {
    display: block;
    text-align: center;
}
/* snsBox
---------------------------------------------*/

.snsBox {
    overflow: hidden;
}
.snsBox a {
    color: #FFFFFF;
    border-radius: 40px;
    line-height: 5;
    font-size: 160%;
    width: 100%;
    max-width: 335px;
    margin: 0 auto 10px;
}
.snsBox a i {
    font-size: 150%;
    margin-right: 12px;
    color: #FFFFFF;
}
/* TOP縺ｸ謌ｻ繧?
---------------------------------------------*/

.linkArea > a {
    color: #555555;
    border: 1px solid #1B4E9A;
    margin: 10px auto 0;
    border-radius: 25px;
    width: 200px;
    font-size: 140%;
    line-height: 3.57;
}
    
/* menu
----------------------------------------------------*/
.menu {
}
.menu li {
    position: relative;
    width: 100%;
}
.menu li span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    position: absolute;
    bottom: 3%;
    left: 0;
}
.menu li:nth-of-type(1) span,.menu li:nth-of-type(2) span,.menu li:nth-of-type(3) span, .menu li:nth-of-type(4) span {
    color: #FFFFFF;
}
.menu li span strong {
    display: block;
    font-size: 1.8rem;
}
.menu li a > div {
    display: none;
}
/* news
----------------------------------------------------*/
    
dl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

dt {
    float: left;
    width: 80px;
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 10px;
    clear: both;
    border-top: dotted thin #999;
}

dd {
    margin-left: 90px;
    padding: 10px 0;
    border-top: dotted thin #999;
    width: auto;
}
dt.no-line, dd.no-line { border: none; }
dt.blank, dd.blank { height:4px; }

.news {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
}
.news h2 {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
.news p {
    width: 120px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: table;
}
.news p a {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: #555;
    font-size: 0.8rem;
    background-color: #F5F5F5;
}

div.news01 {
    width: auto;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    height: auto;
    background-color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
}
div.news01 a, li.news01 a:link li.news01 a:visited {
    text-decoration: underline;
}
div.news01 a:hover {
    text-decoration: none;
}
div.news02 {
    width: auto;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    height: auto;
    background-color: #FFFFFF;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -20px;
}
div.news02 a, li.news02 a:link li.news02 a:visited {
    text-decoration: underline;
}
div.news02 a:hover {
    text-decoration: none;
}
    
/* CONETNTS ITEMS */
#cont_area {
    display: block;
    width: 100%;
    margin-bottom: 100px;
}

#cont_area_new {
    display: block;
    width: 100%;
    margin-bottom: 27px;
}

#sm_area {
    margin-bottom: 40px;
    font-size: 0.9em;
    float: none;
    width: 100%;
    margin-top: 15px;
    height: 100px;
}

#sm_area ul.sm {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    float: left;
    width: 100%;
    height: auto;
}

#sm_area ul.no_t_border { border-top: none; }

#sm_area li {
    list-style-type: none;
    width: 50%;
    float: left;
    display: block;
}

#sm_area li.sm_title {
    list-style-type: none;
    width: 100%;
    float: left;
    display: block;
}

#sm_area li.sm_title2 {
    list-style-type: none;
    width: 50%;
    float: left;
    display: block;
}

.sm_space15 {
	height: 15pt;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #999;
	display: block;
}
#sm_area_002 {
    font-size: 0.9em;
    float: none;
    width: auto;
    height: 40px;
    line-height: normal;
    border-top: 1px dotted #ccc;
}
#sm_area_002 ul.sm {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    float: left;
    width: 100%;
    height: auto;
    border-radius: 4px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

#sm_area_002 ul.no_t_border { border-top: none; }

#sm_area_002 li {
    list-style-type: none;
    width: 50%;
    float: left;
    display: block;
}


.sm_title {
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding: 5px 0;
    background-color: #EEEEEE;
    color: #444444;
    width: 100%;
}

.sm_title2 {
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    background-color: #EEEEEE;
    color: #444444;
    width: 100%;
}


.sm_link1, .sm_link1_st, .sm_item, .sm_eco {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sm_eco { font-size: 1.2em; }

.sm_link2, .sm_link3, .sm_link2_st, .sm_link3_st {
    border: 1px solid #F5F5F5;
}

.sm_link1 a:link, .sm_link1 a:visited {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.9em;
}

.sm_link1 a:hover {
	color: #FFF;
	background-image: url(../common/img/sm1_btn_bg_on.jpg);
}

.sm_link1_st a:link, .sm_link1_st a:visited {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 20px;
    padding-bottom: 10px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg_st.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.9em;
}

.sm_link2 a:link, .sm_link2 a:visited {
	padding: 5px 5px 5px 22px;
	color: #036;
	display: block;
	text-decoration: none;
	background-image: url(../common/img/sm2_btn_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.sm_link2 a:hover {
	color: #FFF;
	background-image: url(../common/img/sm2_btn_bg_on.jpg);
}

.sm_link2_st {
	padding: 5px 5px 5px 30px;
	display: block;
	text-decoration: none;
	background-image: url(../common/img/sm2_btn_bg_st.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.sm_link3 a:link, .sm_link3 a:visited {
	padding: 5px 5px 5px 30px;
	color: #036;
	display: block;
	text-decoration: none;
	background-image: url(../common/img/sm3_btn_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.sm_link3 a:hover {
	color: #FFF;
	background-image: url(../common/img/sm3_btn_bg_on.jpg);
}

.sm_link3_st {
	padding: 5px 5px 5px 30px;
	display: block;
	text-decoration: none;
	background-image: url(../common/img/sm3_btn_bg_st.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

.sm_link2, .sm_link3, .sm_link2_st, .sm_link3_st {
	border-top: dotted 1px #999;
	/*border-right: solid 1px #999;*/
}

.sm_eco a:link, .sm_eco a:visited {
    padding: 15px 5px 15px 56px;
    color: #063;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm_eco_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.9em;
}

.sm_eco a:hover {
	color: #063;
	background-image: url(../common/img/sm_eco_bg_on.jpg);
}

.sm_item {
	padding: 10px;
	text-align: center;
}

.testroom {
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 30px;
    width: 50%;
    float: left;
    border: 1px solid #CCC;
}
.movie_btn {
    margin-top: 10px;
    margin-right: 0;
    width: 50%;
    margin-bottom: 30px;
    float: left;
    border: 1px solid #CCC;
}
h2.title_01 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 5px;
    border-bottom: solid 1px #039;
    margin-top: 15px;
    line-height: 1.8rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    background-image: url(../common/img/h2_bg.jpg);
    display: block;
}

h2.title_02 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 5px;
    border-bottom: solid 1px #039;
    margin-top: 15px;
    line-height: 2rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    background-image: url(../common/img/h2_bg_high.jpg);
    display: block;
    background-color: #A8C7E3;
}

h3 {
    width: 100%;
    font-size: 1.2em;
    border-bottom: solid 1px #CCC;
    height: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-top: 5px;
    margin-bottom: 20px;
    display: block;
    margin-top: 30px;
}

/* LAYOUT */
.wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 0.9rem;
    display: block;
    line-height: 1.5rem;
}

.wrapper_auto {
    overflow: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 0.9rem;
    display: block;
    line-height: 1.5rem;
}

.col2 {
    float: left;
    width: 100%;
	}

.col2_end {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.col2 p, .col2_end p,
.col3 p, .col3_end p, .col3_2 p {
	padding-left: 0;
	padding-right: 0;
}

.col3 {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
}
.col3_1 {
	float: left;
	width: 400px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
}

.col3_2 {
	float: left;
	width: 479px;
	margin: 0 15px 15px 0;
}

.col3_end {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
}

.col4 {
    float: left;
    width: 140px;
    margin: 0 14px 15px 0;
    height: 300px;
}

.catalog_box_001 {
    float: left;
    width: 32.3%;
    margin-top: 0;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 1%;
    height: 300px;
}
.catalog_box_001 img {
	border: solid 1px #999999;
}
.col4_end {
	float: left;
    width: 140px;
	margin: 0 0 15px 0;
    height: 300px;
}
.products_box_nozzle {
    float: left;
    width: 48%;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 10px;
    height: auto;
}

/* 證ｫ螳夊ｨｭ螳? START */
.col4 img, .col4_end img {
	border: solid 1px #999999;
}
/* 證ｫ螳夊ｨｭ螳? END */

.col3_2_3_1 {
	float: left;
	width: 153px;
	margin: 0 10px 10px 0;
}

.col3_2_3_1_last {
	float: left;
	width: 153px;
	margin: 0 0 10px 0;
}

/*failsafe逕ｨ START*/
.col3_2_fail {
	float: left;
	width: 227px;
	margin: 0;
	/*padding: 0 5px;*/
	background-color: #FFE6FF;
}

.col3_2_fail_old {
	float: left;
	width: 227px;
	margin: 0;
	/*padding: 0 5px;*/
	background-color: #DADADA;
}

.col3_2_fail_cent {
	float: left;
	width: 25px;
	margin: 0;
	padding: 0;
}

.col3_2_fail p,
.col3_2_fail_old p { margin: 5px; }

.fail_wrapper {
	width: 479px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url(../../products/order/img/fail_bg_arrow.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/* MAIN TITLE */
#mt_container {
    width: 100%;
    background-color: #FFF;
    margin: 0 auto;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 1px #999;
    text-align: center;
}

#mt_container img { margin: 0 auto; }

/* LAYOUT */
.movie_box {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 0.9em;
    margin-left: 2%;
    width: 96%;
    margin-right: 2%;
}
.movie_box_02 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
/* LAYOUT */
.movie_container {
	text-align: center;
	text-align: center;
}
/* LAYOUT */
.movie_box_img {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}
/* LAYOUT */
.movie_box_txt {
    width: 96%;
    display: block;
    float: left;
    clear: none;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 50px;
}
/* FONT */
.movie_txt {
    font-weight: bold;
    color: #039;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 50px;
    font-size: 1.2rem;
    text-indent: 0px;
    text-align: center;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    height: 50px;
}
.movie_txt_01 {
	font-size: 15px;
	font-weight: bold;
	color: #E10000;
	text-align: left;
}
/* FONT */
.movie_txt_02 {
	width: 726px;
	font-size: 1.2em;
	font-weight: bold;
	color: #039;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	border-bottom: solid 1px #039;
	text-indent: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.movie_txt_03 {
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: bold;
	color: #E10000;
	text-align: right;
	width: 726px;
}
.movie_txt_04 {
	font-size: 15px;
	font-weight: bold;
	color: #E10000;
	text-align: center;
}
.big_copy {
    font-size: 1rem;
    line-height: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.text_base_001 {
    font-size: 1.1rem;
    line-height: 2rem;
}

.text_base_001_jigyousyo {
    font-size: 0.8rem;
    line-height: 1.2rem;
    display: block;
    width: 50%;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.text_base_001_jigyousyo_01 a{
    font-size: 0.8rem;
    line-height: 1.6rem;
    display: block;
    width: 20%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    padding-top: 4px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
}
.text_base_001_jigyousyo_01 a:hover{
    font-size: 0.8rem;
    line-height: 1.6rem;
    display: block;
    width: 20%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    padding-top: 4px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    background-color: #DEDEDE;
}

.text_base_001_jigyousyo_02 a{
    font-size: 0.8rem;
    line-height: 1.6rem;
    display: block;
    width: 20%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    padding-top: 4px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.text_base_001_jigyousyo_02 a:hover{
    font-size: 0.8rem;
    line-height: 1.6rem;
    display: block;
    width: 20%;
    float: right;
    height: 30px;
    text-align: center;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    padding-top: 4px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #DEDEDE;
}

.text_base_001_gyoukai {
    font-size: 1.1rem;
    line-height: 2rem;
    float: left;
    margin-right: 20px;
    width: 180px;
    display: block;
}
	
/*                             */
.cp_table tr:first-child th {
    border-top: 1px solid #dddddd;
    width: auto;
	}
.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
    margin-top: 1%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
    width: 98%;
    border-left: 0px none #FFFFFF;
    border-right: 0px none #FFFFFF;
    border-bottom: 0px none #FFFFFF;
    border-top: 0px none #FFFFFF;
	}
.cp_table th, .cp_table td {
    display: block;
    text-align: left;
    border-bottom-style: none;
    border-right-style: none;
    line-height: 2rem;
	}
.cp_table th {
    width: 100%;
    text-align: left;
    background-color: #094D9B;
    line-height: 24px;
    font-size: 15px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}
.cp_table td {
    display: block;
    width: 100%;
}
.company-table{
	padding-top: 12rem;
	line-height: 2rem;
	width: 90%;
	margin-left: 5%;
}

.company-table th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 15px;
    padding-left: 5px;
}

.company-table td{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 5px;
    font-size: 15px;
}
/*                             */
.cp_table_no {
}
.cp_table_no th, .cp_table_no td {
    width: 30%;
	}

.indisp {
	background-color: #FFE8E5;
}

.products_indexbox_001 {
    float: left;
    width: 48%;
    margin-top: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    border-left: 0px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #ccc;
    height: auto;
	}

.products_indextxt_001 {
    float: left;
    width: 100%;
    color: #FFFFFF;
    padding-right: 3%;
    padding-left: 3%;
    line-height: 1.2rem;
    font-size: 0.8rem;
    font-weight: bold;
    display: block;
    vertical-align: middle;
    border-left: 5px solid #ccc;
    height: 60px;
	}

.products_indeximg_001 {
    float: left;
    width: 49%;
	}

    
/* 陬ｽ蜩∵ュ蝣ｱ */
    
.products_img_001 {
    width: 94%;
    margin: 3%;
    float: left;
    text-align: center;
}
.products_img_001_webshowroom {
    width: 94%;
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 3%;
    float: left;
    text-align: center;
    margin-top: 1%;
}
.products_img_002 {
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
}
.products_txt_001 {
    float: right;
    width: 100%;
    margin-top: 3%;
    margin-left: 4%;
}
.products_txt_002 {
    display: block;
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 1%;
}
ul.prod li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 15px;
    margin-top: 15px;
}

    
.products_tablebox_001 {
    float: left;
    width: 100%;
    margin: 0 15px 15px 0;
}
    
ul.products li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 15px;
    margin-top: 20px;
}
ul.products_webshowroom li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
}

.products_bunner_001 {
    float: left;
    width: 100%;
    margin: 0 15px 15px 0;
}
    
.products_indextxt_001 {
    float: left;
    width: 100%;
    padding-left: 3%;
    line-height: 1.4rem;
    font-size: 0.7rem;
    font-weight: bold;
    display: block;
    vertical-align: middle;
    border-left: 5px solid #ccc;
    height: 80px;
	}

.products_indextxt_002 {
    line-height: 1.6rem;
    font-size: 1.1rem;
    font-weight: bold;
    vertical-align: middle;
	}
.products_indextxt_003 {
    line-height: 1.6rem;
    font-size: 0.6rem;
    font-weight: bold;
    vertical-align: middle;
	}
.products_indextxt_004 {
    line-height: 1.6rem;
    font-size: 0.6rem;
    font-weight: bold;
    vertical-align: middle;
    word-spacing: -5px;
	}


.products_indeximg_001 {
    float: left;
    width: 49%;
	}
.products_box_shinku {
    float: left;
    width: 48%;
    margin-top: 1%;
    margin-right: 1%;
    margin-left: 0;
}

.products_box_shinku_last {
    float: left;
    width: 48%;
    margin-top: 1%;
    margin-right: 0;
    margin-left: 0;
}

/*                             */

div.form_txt {
    display: block;
    font-size: 1em;
    line-height: 2.1em;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}

.text_base_001_access_map a{
    font-size: 1rem;
    display: block;
    width: 45%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_001_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 45%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}
.text_base_002_access_map a{
    font-size: 1rem;
    display: block;
    width: 45%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_002_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 45%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}
.text_base_003_access_map a{
    font-size: 1rem;
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_003_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}

/*---------- 繧｢繝ｳ繧ｫ繝ｼ -----------*/
a.anchor{
    display: block;
    margin-top: -55px;
    padding-top: 55px;
    width: 200px;
}
.mailmaga {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
    
/*---------- サイド -----------*/
.side{
    position: fixed;
    z-index: 9999;
    top: 80%;
    right: 0;
    margin-top: 0px;
    opacity: 0.9;
    width: 150px;
}

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
    width: 50px; /* ボタンの幅 */
    height: 100px; /* ボタンの高さ */
    background-size: 48px 48px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
    margin-top: 20%; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(images/arrow-right.png);
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(images/arrow-left.png);
}


/* 新しい製品タイトルのスタイル */
.prod_new {
    background-image: url(../img/title_xxx_new.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 12px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 15px;
    min-height: 70px;
}
.prod_sub_new {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding-left: 5px;
    height: 20px;
}
.prod_main_new {
    width: 100%;
    display: block;
    height: auto;
}
.prod_t_s {
    color: #454545;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    display: block;
    letter-spacing: -1px;
}
.prod_t_s_off {
    color: #454545;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 10px;
    display: block;
    letter-spacing: -1px;
    clear: both;
}
.prod_t_m {
    color: #454545;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    display: block;
    letter-spacing: -1px;
}
.prod_t_m_off {
    color: #454545;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    display: block;
    letter-spacing: -1px;
    clear: both;
}
.prod_t_l {
    width: 100%;
    height: 55px;
    color: #454545;
    font-size: 2rem;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
}

/* 新しい製品タイトルのスタイル 2行タイプ */
.prod_2new_2 {
    background-image: url(../img/title_xxx_new.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 12px;
    padding-right: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 15px;
    height: 80px;
}
.prod_sub_new_2 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding-left: 5px;
    height: 25px;
}
.prod_main_new_2 {
    width: 100%;
    display: block;
    height: auto;
}
.prod_t_s_2 {
    color: #454545;
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 10px;
}
.prod_t_m_2 {
    color: #454545;
    font-size: 20px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
}
.prod_t_l_2 {
    width: 100%;
    height: 55px;
    color: #454545;
    font-size: 2rem;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
}

.top h1 {
    text-align: center;
    font-size: 1rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
div.information {
    margin-top: 0;
    margin-bottom: 3px;
    height: 150px;
    background-image: url(../img/titleimg_whatsnews.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 150px;
    color: #FFFFFF;
    text-align: center;
    font-size: 2.4em;
    text-shadow: 5px 5px 5px #000000;
    text-indent: 0px;
}
h1.information {
    margin-top: 0;
    margin-bottom: 3px;
    height: 150px;
    background-image: url(../img/titleimg_whatsnews.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 150px;
    color: #FFFFFF;
    text-align: center;
    font-size: 2.4em;
    text-shadow: 5px 5px 5px #000000;
    text-indent: 0px;
}
h2.prod_new_01 {
    width: 100%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.read_001 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
}
.read_002 {
    font-size: 1.5rem;
    margin-bottom: 15px;
    font-weight: bold;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
}
.read_001_new {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
    line-height: 150%;
}
.read_002_new {
    font-size: 1.5rem;
    margin-bottom: 35px;
    font-weight: bold;
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
    line-height: 150%;
}
.read_003 {
    font-size: 1rem;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 200%;
    display: block;
    border-bottom-width: 0px;
    border-bottom-style: none;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 15px;
}
.read_003 a:link {
    text-decoration: underline;
}
.read_003 a:hover {
    text-decoration: none;
    opacity: 0.5;
}
.read_003 a:visited {
    text-decoration: underline;
}

.read_004 {
    font-size: 1rem;
    margin-bottom: 20px;
    font-weight: normal;
    line-height: 200%;
    display: block;
    border-bottom-width: 0px;
    border-bottom-style: none;
    margin-left: 10px;
    margin-right: 10px;
}
.read_004 a:link {
    text-decoration: underline;
}
.read_004 a:hover {
    text-decoration: none;
    opacity: 0.5;
}
.read_004 a:visited {
    text-decoration: underline;
}

.read_004_new {
    font-size: 1rem;
    font-weight: normal;
    line-height: 200%;
    display: block;
    border-bottom-width: 0px;
    border-bottom-style: none;
    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
}
.read_004_new a:link {
    text-decoration: underline;
}
.read_004_new a:hover {
    text-decoration: none;
    opacity: 0.5;
}
.read_004_new a:visited {
    text-decoration: underline;
}

/* インフォメーション*/
h1.info_title_00 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 5px;
    border-bottom: solid 1px #039;
    margin-top: 15px;
    line-height: 2rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    background-image: url(../common/img/h2_bg_high.jpg);
    display: block;
    background-color: #A8C7E3;
}
.info_img_001 {
    width: 100%;
}

.info_txt_001 {
    width: 100%;
    font-size: 1rem;
    line-height: 180%;
    margin-bottom: 30px;
}

.info_txt_001_bold {
    font-size: 1rem;
    line-height: 180%;
    font-weight: bold;
}

.info_copy_01 {
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #6D6D6D;
    margin-top: 10px;
    padding-bottom: 5px;
}

.info_copy_02 {
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    margin-top: 10px;
    border-bottom-width: 0px;
}

    

    /* ***************************************************************************** */
}
@media screen and (max-height:414px) {
/*                             */
#gNavWrapscroll {
    overflow-y: scroll;
    max-height: 197px;
    height: auto;
}

}

@media screen and (max-height:320px) {
/*                             */
#gNavWrapscroll {
    overflow-y: scroll;
    max-height: 153px;
    height: auto;
}

}


@keyframes baseSpShow {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}