@charset "utf-8";

#subNav {
    display: none;
}


#slider_box {
    display: block;
    position: relative;
}
#slider_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
/*    margin-top: 80px; */ /* logo(height=120px)/2 + margin 20px -> spin top */
    margin-top: -16px;
    margin-left: -16px;
/*    background: transparent url(../../resources/sw_js/slick/spin-gray.svg) no-repeat center center; */
    background: transparent url(../../resources/sw_js/slick/ajax-loader.gif) no-repeat center center;
    z-index: 100;
}
#slider_box.ready:before ,
#slider_box.ready2:before {
    content: none;
}

#sharewithmain .reuse-main-area {
    display: none;
}

.reuse-main-area .multiColumn1 ,
.reuse-main-area .multiColumn2 ,
.reuse-main-area .multiColumn3 ,
.reuse-main-area .multiColumn4 ,
.reuse-main-area .multiColumn5 {
    visibility: hidden;
    height: 0;
    margin-bottom: 0;
}



div.news-latest .all,
div.news-latest-tabbed .all,
div.news-latest-2nd .all,
div.news-latest-tabbed-2nd .all {
    display: block;
}


.layout_top_box01 ,
.layout_top_box01_en {
    border: #92cf9c solid 1px;
}


/*
.layout_top_box02 div.external-teaser {
    width: auto;
    border: #92cf9c solid 1px;
}
.layout_top_box02 div.external-teaser:hover {
    border: #259f3a solid 1px;
    background: #9ed3a7;
}

.layout_top_box02 div.teaser {
    width: auto;
    border: #ffcc96 solid 1px;
}
.layout_top_box02 div.teaser:hover {
    border: #ed7100 solid 1px;
    background-color: #f9a85f;
}

.layout_top_box03 div.teaser ,
.layout_top_box03 div.external-teaser {
    width: auto;
    border: #92cf9c solid 1px;
    padding: 4px;
}

.layout_top_box03 div.teaser:hover ,
.layout_top_box03 div.external-teaser:hover {
    border: #259f3a solid 1px;
    background-color: #eefbef;
}
*/

.layout_top_box02 div.teaser ,
.layout_top_box02 div.external-teaser ,
.layout_top_box03 div.teaser ,
.layout_top_box03 div.external-teaser {
    width: auto;
    border: #92cf9c solid 1px;
    padding: 4px;
}

.layout_top_box02 div.teaser:hover ,
.layout_top_box02 div.external-teaser:hover ,
.layout_top_box03 div.teaser:hover ,
.layout_top_box03 div.external-teaser:hover {
    border: #259f3a solid 1px;
    background-color: #eefbef;
}

.layout_top_box02 div.teaser.highlight ,
.layout_top_box02 div.external-teaser.highlight ,
.layout_top_box03 div.teaser.highlight ,
.layout_top_box03 div.external-teaser.highlight {
    width: auto;
    border: #ffcc96 solid 1px;
    padding: 0px;
}

.layout_top_box02 div.teaser.highlight:hover ,
.layout_top_box02 div.external-teaser.highlight:hover ,
.layout_top_box03 div.teaser.highlight:hover ,
.layout_top_box03 div.external-teaser.highlight:hover {
    border: #ed7100 solid 1px;
    background-color: #f9a85f;
}



/* -- スマホ用 -- */
@media handheld, only screen and (max-width: 767px) {
    .menubar {
        display: none;
    }
    
    #slider_box {
        width: 100%;
        margin: 0 auto;
    }
    #slider_box:after {
        content: "";
        display: block;
        padding-top: 58.59%;
    }
    #slider_box.ready:after {
        content: none;
    }
    
    .slideshow0 {
    }

    .slideshow0 div.teaser {
        position: relative;
    }
    .slideshow0 div.teaser a:before {
        content: "";
        display: block;
        width: 25.78%;
        height: 6.66%;
        position: absolute;
        bottom: 2.2%;
        right: 2.2%;
        background: url("../../resources/sw_img/main00sp_off.png") no-repeat left top;
        background-size: contain;
    }
    .slideshow0 div.teaser a:hover:before {
        background: url("../../resources/sw_img/main00sp_on.png") no-repeat left top;
        background-size: contain;
    }
    
    .slideshow0 div.teaser a:hover img {
        opacity: 1;
    }
    
    div.teaser ,
    div.external-teaser {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    
    .layout_top_box01 div.news-latest,
    .layout_top_box01 div.news-latest-tabbed,
    .layout_top_box01 div.news-latest-2nd,
    .layout_top_box01 div.news-latest-tabbed-2nd ,
    .layout_top_box01_en div.news-latest,
    .layout_top_box01_en div.news-latest-tabbed,
    .layout_top_box01_en div.news-latest-2nd,
    .layout_top_box01_en div.news-latest-tabbed-2nd {
        padding: 0 5px;
    }

    .layout_top_box01_en .all a {
        font-size: 0;
    }
    .layout_top_box01_en .all a:after {
        content: "Back Number";
        display: block;
        font-size: 16px;
    }

    .layout_top_box01 > .column1 ,
    .layout_top_box01_en > .column1 {
        margin-bottom: 10px;
    }
    
    .layout_top_box03 div.text-section {
        margin-bottom: 10px;
    }

    .layout_top_box03 div.text-section p {
        text-align: center;
    }


    .layout_top_box04 div.title3 h3 {
        text-align: center;
        color: inherit;
    }


    .layout_top_box05 div.teaser ,
    .layout_top_box05 div.external-teaser {
        border: 1px solid #ccc;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: reverse;
    	    -ms-flex-direction: column-reverse;
    	        flex-direction: column-reverse;
        margin-bottom: 0;
    }

    .layout_top_box05 div.teaser h2 ,
    .layout_top_box05 div.external-teaser h2 {
    	margin: 0;
    	font-size: inherit;
    	line-height: 1.3;
    	font-size: 13px;
    }

    .layout_top_box05 div.teaser h2 a ,
    .layout_top_box05 div.external-teaser h2 a {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .layout_top_box05 div.teaser h2 a:before ,
    .layout_top_box05 div.external-teaser h2 a:before {
        content: url("../../resources/sw_img/arr03.png");
        display: inline-block;
        vertical-align: middle;
        margin-top: -1px;
        margin-right: 7px;
    }

}

/* -- デスクトップ用 -- */
@media print, screen and (min-width: 768px) {

    a:hover img {
        opacity: 0.9;
    }
    
    
    #slider_box {
        width: 1100px;
        height: 450px;
        margin: 15px auto 0;
    }
    .slideshow0 {
    }
    
    
    .slideshow0 div.teaser {
        position: relative;
    }
    .slideshow0 div.teaser a:before {
        content: "";
        display: block;
        width: 132px;
        height: 20px;
        position: absolute;
        bottom: 6px;
        right: 7px;
        background: url("../../resources/sw_img/main00_off.png") no-repeat left top;
    }
    .slideshow0 div.teaser a:hover:before {
        background: url("../../resources/sw_img/main00_on.png") no-repeat left top;
    }
    
    .slideshow0 div.teaser a:hover img {
        opacity: 1;
    }
    
    
    
    #wrapper-3 {
        width: 1100px;
        margin: 0;
    }
    
    #sharewithmain {
        position: relative;
    }
    
    
    .layout_top_box01 {
        position: absolute;
        top: 0;
        left: 0;
    
        width: 723px;
    /*    height: 298px; */
        min-height: 298px;
        float: left;
        clear: none;
    /*    overflow-y: scroll; */
    }
    .layout_top_box01:after {
        content: none;
    }

    .layout_top_box01_en {
        width: calc(100% - 2px);
    }

    .layout_top_box01 div.news-latest,
    .layout_top_box01 div.news-latest-tabbed,
    .layout_top_box01 div.news-latest-2nd,
    .layout_top_box01 div.news-latest-tabbed-2nd ,
    .layout_top_box01_en div.news-latest,
    .layout_top_box01_en div.news-latest-tabbed,
    .layout_top_box01_en div.news-latest-2nd,
    .layout_top_box01_en div.news-latest-tabbed-2nd {
        padding: 0 15px;
    }
    
    .layout_top_box01_en .all a {
        font-size: 0;
    }
    .layout_top_box01_en .all a:after {
        content: "Back Number";
        display: block;
        font-size: 15px;
    }
    
    .layout_top_box02 {
        width: 350px;
        float: right;
        clear: none;
/*        margin-bottom: 10px;*/
    }
    .layout_top_box02:after {
        content: none;
    }
    .layout_top_box02 > div > div:last-child {
        margin-bottom: 0;
    }
    
    
    .layout_top_box03 {
        width: 100%;
    }
    
    .layout_top_box03 div.text-section {
        margin-bottom: 15px;
        font-size: 16px;
    }
    
    .layout_top_box03 div.teaser ,
    .layout_top_box03 div.external-teaser {
        float: left;
        margin-left: 25px;
    }
    
    .layout_top_box03 div.teaser:first-child ,
    .layout_top_box03 div.external-teaser:first-child ,
    .layout_top_box03 div.text-section + div.teaser ,
    .layout_top_box03 div.text-section + div.external-teaser ,
    .layout_top_box03 div.html-paragraph + div.teaser ,
    .layout_top_box03 div.html-paragraph + div.external-teaser {
        margin-left: 0;
    }

    .layout_top_box04 div.title3 h3 {
        text-align: center;
        color: inherit;
    }

    .layout_top_box05.multiColumn4 .column1 ,
    .layout_top_box05.multiColumn4 .column2 ,
    .layout_top_box05.multiColumn4 .column3 ,
    .layout_top_box05.multiColumn4 .column4 {
        width: 19%;
    }

    .layout_top_box05.multiColumn4 .column1 ,
    .layout_top_box05.multiColumn4 .column2 ,
    .layout_top_box05.multiColumn4 .column3 {
        margin-right: 2%;
    }

    .layout_top_box05.multiColumn4 .column1 {
        margin-left: 9%;
    }

    .layout_top_box05 div.teaser ,
    .layout_top_box05 div.external-teaser {
        border: 1px solid #ccc;
    	display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: reverse;
    	    -ms-flex-direction: column-reverse;
    	        flex-direction: column-reverse;
        width: auto;
    }

    .layout_top_box05 div.teaser > *,
    .layout_top_box05 div.external-teaser > * {
        flex: 0 0 auto;
    }

    .layout_top_box05 div.teaser h2 ,
    .layout_top_box05 div.external-teaser h2 {
    	margin: 0;
    	font-size: inherit;
    	line-height: 1.3;
    	font-size: 15px;
    }

    .layout_top_box05 div.teaser h2 a ,
    .layout_top_box05 div.external-teaser h2 a {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .layout_top_box05 div.teaser h2 a:before ,
    .layout_top_box05 div.external-teaser h2 a:before {
        content: url("../../resources/sw_img/arr03.png");
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 10px;
    }

}

/* -- 印刷用 -- */
@media print {
	nav {
		display: block !important;
	}

	footer ,
	.footer-link-list,
	#footer_logo {
		display: block !important;
	}

	#footer_nameArea {
		height: 90px;
	}
}