@charset "utf-8";

/* ==========================================================================
   common definitions for sankei-digital news service common.css
   ========================================================================== */


/* ==== index ===============================================================

0. global styles
	0-0. layout

1. header styles
	1-1. header
	1-2. weather
	1-3. related service
	1-4. search box
	1-5. social button
	1-6. navigation

2. footer styles

3. right module styles
	3-1. shimbun image
	3-2. subscribe button
	3-3. sankei information &press release
	3-4. ranking
	3-5. premium & pickupnews
	3-6. scoreboard

4. left module styles
	4-1. top pickup flash
	4-2. top news
	4-3. mod premium
	4-4. mod feature
	4-5. module relatedservice
	4-6. module photo+newslist
	4-7. module newslist
	4-8. module photolist
	4-9. module induction
	4-10. module column
	4-11. module storylist
	4-12. genretop news
	4-13. mod feature pickup
	4-14. module election map
	4-15. module QA

5. index styles
	5-1. index text
	5-2. index photo
	5-3. index feature
	5-4. index ranking
	5-5. index photoranking
	5-6. index photo+text
	5-7. index motto
	5-8. pagenator

6. detail styles
	6-1. news detail
	6-2. photo detail
	6-3. feature detail
	6-4. photozoom detail
	6-5. newsprint detail

7. static detail
	7-1. weather detail
	7-2. smartphone changeview
	7-3. error
	7-4. frequency

8. other
	8-1. app box
	8-2. swiper
	8-3. topilog
	8-4. banner
	8-5. video
	8-6. english template

========================================================================== */


/* --------------------------------------------
0. global styles
--------------------------------------------*/
#topMovie{
	float: left;
	margin-top: 10px;
}
#topMovie h1{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
	background: url(../../../images/v1/common/logo_youtube_top.png) right 50% no-repeat;
	background-size: auto 25px;
	line-height: 1.8;
}

#topMovie .modYoutube {
	position: relative;
	height:0;
	width:260px;
	padding-bottom:56.25%;
}
#topMovie .modYoutube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ===== common ====================================================================== */

body.bodyMenu3 {
    width: 100%;
    background: url(../../../images/v1/common/bg_bodyMenu3.png) #fff top left repeat-x;
    margin: 0 auto;
}

body.bodyMenu2 {
    width: 100%;
    background: url(../../../images/v1/common/bg_bodyMenu2.png) #fff top left repeat-x;
    margin: 0 auto;
}

body.bodyMenu1 {
    width: 100%;
    background: url(../../../images/v1/common/bg_bodyMenu1.png) #fff top left repeat-x;
    margin: 0 auto;
}

#contentsContainer {
    margin: 0 auto;
}

.contentBox {
    width: 1024px;
    background-color: #fff;
    margin: 0 auto;
}

.contentWrap {
    background-color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.contentWrap:after {
    content: ".";
    clear: both;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    display: block;
    visibility: hidden;
}

.lt-ie9 .contentWrap {
    zoom: 1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

#primary {
    width: 664px;
    margin-left: 20px;
    float: left;
}

#notificationWrap {
    margin: 0 auto 15px;
    text-align: center;
}

#secondary {
    width: 300px;
    margin-left: 20px;
    float: left;
    position: relative;
}

.sideFixedWrapper {
    width: 300px;
}

#additional {
    width: 984px;
    margin: 10px 20px 0;
}

.footerWrap {
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.05), -2px 0px 2px 0px rgba(0, 0, 0, 0.05);
}

.lt-ie9 .footerWrap {
    zoom: 1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}


/* --------------------------------------------
1. header styles
--------------------------------------------*/


/* ===== 1-1. header ====================================================================== */

.headerWrap {
    width: 100%;
    background-color: #fff;
    color: #333;
}

.headerWrap header {
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
}

.headerWrap #headerMod {
    height: 75px;
    padding-top: 25px;
    width: 1024px;
    margin: 0 auto;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    position: relative;
}

.lt-ie8 .headerWrap #headerMod {
    height: 49px;
}


/* ===== ロゴ ===== */

#headerMod #logo {
    text-align: center;
    width: 170px;
    display: inline-block;
    float: left;
    margin-left: 20px;
}

#headerMod #logo img {
    display: block;
    margin: 0 auto;
    padding: 0;
}

.lt-ie8 #headerMod #logo {
    display: inline;
    zoom: 1;
}


/* ===== 1-2. weather ====================================================================== */

#headerMod #modWeather {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.lt-ie8 #headerMod #modWeather {
    display: inline;
    zoom: 1;
}

#headerMod #modWeather dl {
    display: block;
    padding: 0 10px;
}

#headerMod #modWeather dl dt, #headerMod #modWeather dl dd {
    display: table-cell;
    line-height: 24px;
    vertical-align: middle;
}

.lt-ie8 #headerMod #modWeather dl dt, .lt-ie8 #headerMod #modWeather dl dd {
    display: inline;
    zoom: 1;
}

#headerMod #modWeather dl dt .locatePref, #headerMod #modWeather dl dt .locateArea {
    color: #113b7d;
    margin-right: 5px;
}

#headerMod #modWeather dl dd span {
    vertical-align: middle;
    display: table-cell;
}

#headerMod #modWeather dl dd .weather img {
    height: 24px;
}

#headerMod #modWeather dl dd .maxtemp {
    padding-left: 5px;
}



/* css sprite */
.weather .sprite {
    background-image: url(../../../images/v1/weather/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}
.weather span.sprite{
	font-size:0;
}

.sprite-100 {
    width: 40px;
    height: 24px;
    background-position: -5px -5px;
}

.sprite-101 {
    width: 40px;
    height: 24px;
    background-position: -55px -5px;
}

.sprite-102 {
    width: 40px;
    height: 24px;
    background-position: -105px -5px;
}

.sprite-103 {
    width: 40px;
    height: 24px;
    background-position: -155px -5px;
}

.sprite-104 {
    width: 40px;
    height: 24px;
    background-position: -205px -5px;
}

.sprite-105 {
    width: 40px;
    height: 24px;
    background-position: -255px -5px;
}

.sprite-106 {
    width: 40px;
    height: 24px;
    background-position: -305px -5px;
}

.sprite-107 {
    width: 40px;
    height: 24px;
    background-position: -355px -5px;
}

.sprite-108 {
    width: 40px;
    height: 24px;
    background-position: -405px -5px;
}

.sprite-110 {
    width: 40px;
    height: 24px;
    background-position: -5px -39px;
}

.sprite-111 {
    width: 40px;
    height: 24px;
    background-position: -55px -39px;
}

.sprite-112 {
    width: 40px;
    height: 24px;
    background-position: -105px -39px;
}

.sprite-113 {
    width: 40px;
    height: 24px;
    background-position: -155px -39px;
}

.sprite-114 {
    width: 40px;
    height: 24px;
    background-position: -205px -39px;
}

.sprite-115 {
    width: 40px;
    height: 24px;
    background-position: -255px -39px;
}

.sprite-116 {
    width: 40px;
    height: 24px;
    background-position: -305px -39px;
}

.sprite-117 {
    width: 40px;
    height: 24px;
    background-position: -355px -39px;
}

.sprite-118 {
    width: 40px;
    height: 24px;
    background-position: -405px -39px;
}

.sprite-119 {
    width: 40px;
    height: 24px;
    background-position: -5px -73px;
}

.sprite-120 {
    width: 40px;
    height: 24px;
    background-position: -55px -73px;
}

.sprite-121 {
    width: 40px;
    height: 24px;
    background-position: -105px -73px;
}

.sprite-122 {
    width: 40px;
    height: 24px;
    background-position: -155px -73px;
}

.sprite-123 {
    width: 40px;
    height: 24px;
    background-position: -205px -73px;
}

.sprite-124 {
    width: 40px;
    height: 24px;
    background-position: -255px -73px;
}

.sprite-125 {
    width: 40px;
    height: 24px;
    background-position: -305px -73px;
}

.sprite-126 {
    width: 40px;
    height: 24px;
    background-position: -355px -73px;
}

.sprite-127 {
    width: 40px;
    height: 24px;
    background-position: -405px -73px;
}

.sprite-128 {
    width: 40px;
    height: 24px;
    background-position: -5px -107px;
}

.sprite-129 {
    width: 40px;
    height: 24px;
    background-position: -55px -107px;
}

.sprite-130 {
    width: 40px;
    height: 24px;
    background-position: -105px -107px;
}

.sprite-131 {
    width: 40px;
    height: 24px;
    background-position: -155px -107px;
}

.sprite-132 {
    width: 40px;
    height: 24px;
    background-position: -205px -107px;
}

.sprite-140 {
    width: 40px;
    height: 24px;
    background-position: -255px -107px;
}

.sprite-160 {
    width: 40px;
    height: 24px;
    background-position: -305px -107px;
}

.sprite-170 {
    width: 40px;
    height: 24px;
    background-position: -355px -107px;
}

.sprite-181 {
    width: 40px;
    height: 24px;
    background-position: -405px -107px;
}

.sprite-200 {
    width: 40px;
    height: 24px;
    background-position: -5px -141px;
}

.sprite-201 {
    width: 40px;
    height: 24px;
    background-position: -55px -141px;
}

.sprite-202 {
    width: 40px;
    height: 24px;
    background-position: -105px -141px;
}

.sprite-203 {
    width: 40px;
    height: 24px;
    background-position: -155px -141px;
}

.sprite-204 {
    width: 40px;
    height: 24px;
    background-position: -205px -141px;
}

.sprite-205 {
    width: 40px;
    height: 24px;
    background-position: -255px -141px;
}

.sprite-206 {
    width: 40px;
    height: 24px;
    background-position: -305px -141px;
}

.sprite-207 {
    width: 40px;
    height: 24px;
    background-position: -355px -141px;
}

.sprite-208 {
    width: 40px;
    height: 24px;
    background-position: -405px -141px;
}

.sprite-209 {
    width: 40px;
    height: 24px;
    background-position: -5px -175px;
}

.sprite-210 {
    width: 40px;
    height: 24px;
    background-position: -55px -175px;
}

.sprite-211 {
    width: 40px;
    height: 24px;
    background-position: -105px -175px;
}

.sprite-212 {
    width: 40px;
    height: 24px;
    background-position: -155px -175px;
}

.sprite-213 {
    width: 40px;
    height: 24px;
    background-position: -205px -175px;
}

.sprite-214 {
    width: 40px;
    height: 24px;
    background-position: -255px -175px;
}

.sprite-215 {
    width: 40px;
    height: 24px;
    background-position: -305px -175px;
}

.sprite-216 {
    width: 40px;
    height: 24px;
    background-position: -355px -175px;
}

.sprite-217 {
    width: 40px;
    height: 24px;
    background-position: -405px -175px;
}

.sprite-218 {
    width: 40px;
    height: 24px;
    background-position: -5px -209px;
}

.sprite-219 {
    width: 40px;
    height: 24px;
    background-position: -55px -209px;
}

.sprite-220 {
    width: 40px;
    height: 24px;
    background-position: -105px -209px;
}

.sprite-221 {
    width: 40px;
    height: 24px;
    background-position: -155px -209px;
}

.sprite-222 {
    width: 40px;
    height: 24px;
    background-position: -205px -209px;
}

.sprite-223 {
    width: 40px;
    height: 24px;
    background-position: -255px -209px;
}

.sprite-224 {
    width: 40px;
    height: 24px;
    background-position: -305px -209px;
}

.sprite-225 {
    width: 40px;
    height: 24px;
    background-position: -355px -209px;
}

.sprite-226 {
    width: 40px;
    height: 24px;
    background-position: -405px -209px;
}

.sprite-227 {
    width: 40px;
    height: 24px;
    background-position: -5px -243px;
}

.sprite-228 {
    width: 40px;
    height: 24px;
    background-position: -55px -243px;
}

.sprite-229 {
    width: 40px;
    height: 24px;
    background-position: -105px -243px;
}

.sprite-230 {
    width: 40px;
    height: 24px;
    background-position: -155px -243px;
}

.sprite-231 {
    width: 40px;
    height: 24px;
    background-position: -205px -243px;
}

.sprite-240 {
    width: 40px;
    height: 24px;
    background-position: -255px -243px;
}

.sprite-250 {
    width: 40px;
    height: 24px;
    background-position: -305px -243px;
}

.sprite-260 {
    width: 40px;
    height: 24px;
    background-position: -355px -243px;
}

.sprite-270 {
    width: 40px;
    height: 24px;
    background-position: -405px -243px;
}

.sprite-281 {
    width: 40px;
    height: 24px;
    background-position: -5px -277px;
}

.sprite-300 {
    width: 40px;
    height: 24px;
    background-position: -55px -277px;
}

.sprite-301 {
    width: 40px;
    height: 24px;
    background-position: -105px -277px;
}

.sprite-302 {
    width: 40px;
    height: 24px;
    background-position: -155px -277px;
}

.sprite-303 {
    width: 40px;
    height: 24px;
    background-position: -205px -277px;
}

.sprite-304 {
    width: 40px;
    height: 24px;
    background-position: -255px -277px;
}

.sprite-306 {
    width: 40px;
    height: 24px;
    background-position: -305px -277px;
}

.sprite-308 {
    width: 40px;
    height: 24px;
    background-position: -355px -277px;
}

.sprite-309 {
    width: 40px;
    height: 24px;
    background-position: -405px -277px;
}

.sprite-311 {
    width: 40px;
    height: 24px;
    background-position: -5px -311px;
}

.sprite-313 {
    width: 40px;
    height: 24px;
    background-position: -55px -311px;
}

.sprite-314 {
    width: 40px;
    height: 24px;
    background-position: -105px -311px;
}

.sprite-315 {
    width: 40px;
    height: 24px;
    background-position: -155px -311px;
}

.sprite-316 {
    width: 40px;
    height: 24px;
    background-position: -205px -311px;
}

.sprite-317 {
    width: 40px;
    height: 24px;
    background-position: -255px -311px;
}

.sprite-320 {
    width: 40px;
    height: 24px;
    background-position: -305px -311px;
}

.sprite-321 {
    width: 40px;
    height: 24px;
    background-position: -355px -311px;
}

.sprite-322 {
    width: 40px;
    height: 24px;
    background-position: -405px -311px;
}

.sprite-323 {
    width: 40px;
    height: 24px;
    background-position: -5px -345px;
}

.sprite-324 {
    width: 40px;
    height: 24px;
    background-position: -55px -345px;
}

.sprite-325 {
    width: 40px;
    height: 24px;
    background-position: -105px -345px;
}

.sprite-326 {
    width: 40px;
    height: 24px;
    background-position: -155px -345px;
}

.sprite-327 {
    width: 40px;
    height: 24px;
    background-position: -205px -345px;
}

.sprite-328 {
    width: 40px;
    height: 24px;
    background-position: -255px -345px;
}

.sprite-329 {
    width: 40px;
    height: 24px;
    background-position: -305px -345px;
}

.sprite-340 {
    width: 40px;
    height: 24px;
    background-position: -355px -345px;
}

.sprite-350 {
    width: 40px;
    height: 24px;
    background-position: -405px -345px;
}

.sprite-361 {
    width: 40px;
    height: 24px;
    background-position: -5px -379px;
}

.sprite-371 {
    width: 40px;
    height: 24px;
    background-position: -55px -379px;
}

.sprite-400 {
    width: 39px;
    height: 24px;
    background-position: -105px -379px;
}

.sprite-401 {
    width: 40px;
    height: 24px;
    background-position: -154px -379px;
}

.sprite-402 {
    width: 40px;
    height: 24px;
    background-position: -204px -379px;
}

.sprite-403 {
    width: 40px;
    height: 24px;
    background-position: -254px -379px;
}

.sprite-405 {
    width: 39px;
    height: 24px;
    background-position: -304px -379px;
}

.sprite-406 {
    width: 39px;
    height: 24px;
    background-position: -353px -379px;
}

.sprite-407 {
    width: 39px;
    height: 24px;
    background-position: -402px -379px;
}

.sprite-409 {
    width: 40px;
    height: 24px;
    background-position: -5px -413px;
}

.sprite-411 {
    width: 40px;
    height: 24px;
    background-position: -55px -413px;
}

.sprite-413 {
    width: 40px;
    height: 24px;
    background-position: -105px -413px;
}

.sprite-414 {
    width: 40px;
    height: 24px;
    background-position: -155px -413px;
}

.sprite-420 {
    width: 40px;
    height: 24px;
    background-position: -205px -413px;
}

.sprite-421 {
    width: 40px;
    height: 24px;
    background-position: -255px -413px;
}

.sprite-422 {
    width: 40px;
    height: 24px;
    background-position: -305px -413px;
}

.sprite-423 {
    width: 40px;
    height: 24px;
    background-position: -355px -413px;
}

.sprite-424 {
    width: 40px;
    height: 24px;
    background-position: -405px -413px;
}

.sprite-425 {
    width: 39px;
    height: 24px;
    background-position: -455px -5px;
}

.sprite-426 {
    width: 39px;
    height: 24px;
    background-position: -455px -39px;
}

.sprite-427 {
    width: 39px;
    height: 24px;
    background-position: -455px -73px;
}

.sprite-450 {
    width: 39px;
    height: 24px;
    background-position: -455px -107px;
}

/* ===== 1-3. related service ====================================================================== */

#headerMod ul.modRelatedservice {
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    float: left;
    margin-left: 6px;
}

.lt-ie8 #headerMod ul.modRelatedservice {
    display: inline;
    zoom: 1;
}

#headerMod ul.modRelatedservice li {
    color: #555;
    display: inline-block;
    float: left;
    height: 30px;
    margin-left: 10px;
    border-left: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(../../../images/v1/common/bg_modRelatedservice.png) center top repeat-x;
}

#headerMod ul.modRelatedservice li a {
    color: #555;
    vertical-align: middle;
    text-align: center;
    line-height: 27px;
    display: block;
    background: #f0f0f0;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f0f0f0 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 100%);
    /* W3C */
}

#headerMod ul.modRelatedservice li.siteDiscussion a {
    text-indent: -9999px;
    background: url(../../../images/v1/basic/logo_content_ironna.png) center 40% no-repeat;
    width: 80px;
    height: 27px;
}

#headerMod ul.modRelatedservice li a:hover {
    background: #f0f0f0;
}

#headerMod ul.modRelatedservice li.siteDiscussion a:hover {
    background: url(../../../images/v1/basic/logo_content_ironna.png) #f0f0f0 center 40% no-repeat;
}

#headerMod ul.modRelatedservice li.siteNews {
    border-bottom: 2px solid #00a8ff;
}

#headerMod ul.modRelatedservice li.sitePhoto {
    border-bottom: 2px solid #00a8ff;
    letter-spacing: 2px;
    width: 70px;
}

#headerMod ul.modRelatedservice li.siteDiscussion {
    border-bottom: 2px solid #ff8a00;
    width: 80px;
}

#headerMod ul.modRelatedservice li.siteWest {
    border-bottom: 2px solid #e2266d;
    letter-spacing: 0px;
    width: 110px;
}


/* ===== 1-4. search box ====================================================================== */

#headerMod .modSearchBox {
    height: 30px;
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    right: 88px;
}

#headerMod .modSearchBox #popin_query {
    margin: 0;
    width: 200px;
    padding-left: 10px;
    height: 30px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: url(../../../images/v1/common/logo_search_popin.png) #fff center right no-repeat;
}

#headerMod .modSearchBox #searchbutton {
    color: #fff;
    margin: 0;
    min-width: 68px;
    height: 30px;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    background: #044e95;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0NGU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYxYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #044e95), color-stop(100%, #0061bf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #044e95 0%, #0061bf 100%);
    /* W3C */
}


/* ===== 1-5. social button ====================================================================== */

#headerMod .modSocialbtn {
    height: 30px;
    position: absolute;
    right: 20px;
}

#headerMod .modSocialbtn ul {
    vertical-align: middle;
    text-align: center;
    display: block;
}

#headerMod .modSocialbtn ul li {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    margin-left: 4px;
}

#headerMod .modSocialbtn ul li a {
    width: 30px;
    height: 30px;
    display: block;
}

#headerMod .modSocialbtn ul li.tw {
    background: url(../../../images/v1/common/icon_header_tw.png) #0179be center center no-repeat;
}

#headerMod .modSocialbtn ul li.fb {
    background: url(../../../images/v1/common/icon_header_fb.png) #014686 center center no-repeat;
}


/* ===== 1-6. navigation ====================================================================== */

#headerNav {
    font-size: 15px;
    font-size: 1.5rem;
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1), -2px 0px 2px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1), -2px 0px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.1), -2px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

.lt-ie9 #headerNav {
    border-left: 1px solid #01407a;
    border-right: 1px solid #01407a;
    border-top: none;
    border-bottom: none;
}


/* ===== メインジャンルナビ ===== */

header a:hover {
    text-decoration: none;
}

#headerNav nav .navMaingenre ul {
    width: 100%;
    height: 35px;
    display: block;
    margin: 0 auto;
    background: url(../../../images/v1/common/bg_navMaingenre.png) #0064be top left repeat-x;
}

#headerNav nav .navMaingenre ul li {
    color: #fff;
    display: inline-block;
    float: left;
    margin-top: 3px;
    background: url(../../../images/v1/common/separater_navMaingenre.png) center right no-repeat;
}

#headerNav nav .navMaingenre ul li:first-of-type {
    margin-left: 10px;
}

#headerNav nav .navMaingenre ul li a {
    color: #fff;
    vertical-align: middle;
    text-align: center;
    margin-top: 2px;
    line-height: 20px;
    display: block;
}


#headerNav nav .navMaingenre ul li a.navNihonryoku {
    display: block;
    margin: 0 7px;
    padding: 5px 8px 0;
    background: url(../../../images/v1/common/logo_content_nihonryoku.png) center center no-repeat;
    width: 48px;
    height: 27px;
}

#headerNav nav .navMaingenre ul li a.navDonetimes {
    /*
	display: block;
	margin: 0 7px;
	padding: 5px 8px 0;
	background: url(../../../images/v1/common/logo_content_dw.png) center center no-repeat;
	width: 68px;
	height: 26px;
*/
}

#headerNav nav .navMaingenre ul li a.navValueaging {
    display: block;
    margin: 0 7px;
    padding: 1px 8px 0;
    background: url(../../../images/v1/common/logo_content_valueaging.png) center center no-repeat;
    width: 68px;
    height: 29px;
}

#headerNav nav .navMaingenre ul li a span {
    display: block;
    margin: 0 7px;
    padding: 5px 7px 0;
    border-bottom: 5px solid #0064be;
}

#headerNav nav .navMaingenre ul li a span:hover {
    border-bottom: 5px solid #014686;
}

#headerNav nav .navMaingenre ul li a.navGqjapan span, #headerNav nav .navMaingenre ul li a.navWired span,
/*#headerNav nav .navMaingenre ul li a.navDonetimes span, */

#headerNav nav .navMaingenre ul li a.navNihonryoku span, #headerNav nav .navMaingenre ul li a.navValueaging span, #headerNav nav .navMaingenre ul li a.navGqjapan span:hover, #headerNav nav .navMaingenre ul li a.navWired span:hover, #headerNav nav .navMaingenre ul li a.navNihonryoku span:hover, #headerNav nav .navMaingenre ul li a.navValueaging span:hover {
    border-bottom: none;
    display: none;
}


/* ===== サブジャンルナビ ===== */

#headerNav nav .navSubgenre ul {
    width: 100%;
    height: 35px;
    margin: 0 auto;
    position: relative;
    background: url(../../../images/v1/common/bg_navSubgenre.png) #014686 top left repeat-x;
}

#headerNav nav .navSubgenre ul li {
    color: #fff;
    display: inline-block;
    float: left;
    background: url(../../../images/v1/common/separater_navSubgenre.png) center right no-repeat;
}

#headerNav nav .navSubgenre ul li:first-of-type {
    margin-left: 10px;
}

#headerNav nav .navSubgenre ul li a {
    color: #fff;
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
    line-height: 20px;
    display: block;
}

#headerNav nav .navSubgenre ul li a.navColumn, #headerNav nav .navSubgenre ul li a.navRanking, #headerNav nav .navSubgenre ul li a.navOther, #headerNav nav .navSubgenre ul li a.navEntertainment, #headerNav nav .navSubgenre ul li a.navNuclear {
    margin-top: 0;
    padding-top: 10px;
    background: url(../../../images/v1/common/separater_navSubgenre_end.png) center right no-repeat;
}

#headerNav nav .navSubgenre ul li a span {
    display: block;
    margin: 0 7px;
    padding: 0 6px;
    border-bottom: 5px solid #014686;
}

#headerNav nav .navSubgenre ul li a span:hover {
    background: #014686;
    border-bottom: 5px solid #fff;
}

#headerNav nav .navSubgenre ul li#navColumn {
    position: absolute;
    top: 5px;
    right: 0;
    background: none;
}

#headerNav nav .navSubgenre p.navShuchou, #headerNav nav .navSubgenre p.navSankeisho {
    width: 80px;
    height: 23px;
    border: none;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    display: inline-block;
    margin-right: 5px;
}

.lt-ie8 #headerNav nav .navSubgenre p.navShuchou, .lt-ie8 #headerNav nav .navSubgenre p.navSankeisho {
    display: inline;
    zoom: 1;
}

#headerNav nav .navSubgenre p.navShuchou a, #headerNav nav .navSubgenre p.navSankeisho a {
    width: 80px;
    height: 23px;
    margin-top: 0;
    line-height: 23px;
    display: block;
}

#headerNav nav .navSubgenre p.navShuchou a {
    background: url(../../../images/v1/common/icon_nav_shuchou.png) #fff center center no-repeat;
}

#headerNav nav .navSubgenre p.navSankeisho a {
    background: url(../../../images/v1/common/icon_nav_sankeishou.png) #fff center center no-repeat;
}

#headerNav nav .navSubgenre p.navShuchou a:hover, #headerNav nav .navSubgenre p.navSankeisho a:hover {
    background-color: #f0f0f0;
}

#headerNav nav .navSubgenre ul li a.navGqjapan span{
    display: block;
    width: 40px;
    height: 16px;
    margin: 10px 5px 0;
    line-height: 20px;
    font-size: 0;
    background: url(../../../images/v1/common/logo_content_gqjapan.png) center center no-repeat;
}
#headerNav nav .navSubgenre ul li a.navGqjapan span:hover{border:0;}
#headerNav nav .navSubgenre ul li a.navGqjapan.current span{border:0;}
#headerNav nav .navSubgenre ul li a.navWired span {
    display: block;
    width: 90px;
    height: 15px;
    margin: 10px 5px 0;
    line-height: 20px;
    font-size: 0;
    background: url(../../../images/v1/common/logo_content_wired.png) center center no-repeat;
}
#headerNav nav .navSubgenre ul li a.navWired span:hover{border:0;}
#headerNav nav .navSubgenre ul li a.navWired.current span{border:0;}


/* ===== リストジャンルナビ ===== */

#headerNav nav .navListgenre {
    height: 35px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
}

#headerNav nav .navListgenre ul {
    width: 1024px;
    margin: 0 auto;
}

#headerNav nav .navListgenre ul li {
    color: #333;
    display: inline-block;
    float: left;
    margin-left: 10px;
}

#headerNav nav .navListgenre ul li a {
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
    display: block;
    padding: 0 8px;
}

#headerNav nav .navListgenre ul li a:hover {
    text-decoration: underline;
}


/* ===== ナビの下線 ===== */


/* メイン */

#headerNav .navMaingenre ul li a.current span {
    border-bottom: 5px solid #014686;
}


/* サブ */

#headerNav .navSubgenre ul li a.current span {
    border-bottom: 5px solid #fff;
}


/* サブのした */

#headerNav .navListgenre ul li a.current {
    color: #333;
}


/* --------------------------------------------
2. footer styles
--------------------------------------------*/

#footerSubarea {
    padding: 0 20px;
    position: relative;
    background-color: #f2f2f2;
}

.footerIndex h1 {
    height: 20px;
    padding: 15px 20px;
    margin: 0 20px;
    background: url(../../../images/v1/common/logo_footer_news.png) left center no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
}

.footerIndex .f2t {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    width: 150px;
    height: 30px;
    display: block;
    background-color: #808080;
    position: absolute;
    top: 0;
    right: 0;
}

.footerIndex .f2t a {
    color: #fff;
    width: 150px;
    text-indent: 25px;
    line-height: 30px;
    display: block;
    background: url(../../../images/v1/common/icon_footer_f2t.png) 95% 50% no-repeat;
}

.footerIndex ul {
    margin: 0 20px;
}

.footerIndex ul li a {
    color: #898989;
}

.footerIndex ul li.separate {
    width: 140px;
    margin-top: 10px;
    display: inline;
    float: left;
}

.footerIndex ul li.separate.first {
    width: 100px;
}

.footerIndex ul li.separate ul {
    margin: 0 0 20px;
}

.footerIndex ul li.separate ul li {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    margin: 0 0 10px 12px;
}

.footerIndex ul li.separate ul li ul {
    margin: 10px 0 0;
}

.footerIndex ul li.separate ul li ul li {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
    background: url(../../../images/v1/common/icon_list_point.png) 3px 7px no-repeat;
    padding-left: 15px;
    margin: 0 0 2px 0;
}

.footerRelevant ul {
    padding: 15px 20px;
    margin: 0 20px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.footerRelevant ul li {
    display: inline-block;
    margin-right: 15px;
}

.lt-ie8 .footerRelevant ul li {
    display: inline;
    zoom: 1;
}

.footerMainarea {
    width: 100%;
    margin: 0 auto;
}

.footerMainarea footer ul {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    height: 34px;
    margin: 0 auto;
    background-color: #014687;
}

.footerMainarea footer ul li {
    display: inline-block;
    line-height: 1;
}

.lt-ie8 footer ul li {
    display: inline;
    zoom: 1;
}

.footerMainarea footer ul li a {
    color: #fff;
    display: block;
    margin: 10px 0;
    padding: 0 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadowbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadowbox-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.15);
}

.footerMainarea footer .copyrights {
    display: block;
    padding: 10px 0;
}

.footerMainarea footer small {
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
}

.footerMainarea footer small a {
    color: #333;
}


/* --------------------------------------------
3. right module styles
--------------------------------------------*/


/* ===== 3-1. shimbun image ====================================================================== */

#secondary section.modShimenview {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #e6e6e6;
}

#secondary section.modShimenview h1 {
    color: #0064bf;
    padding: 10px 10px 5px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary section.modShimenview a {
    margin: 0 auto;
    text-align: center;
    display: block;
    height: 125px;
    overflow: hidden;
}

#secondary section.modShimenview a img {
    display: block;
    width: 220px;
    margin: 0 auto;
}


/* ===== 3-2. subscribe button ====================================================================== */

#secondary aside.modSubscribe {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
}

#secondary aside.modSubscribe ul {
    width: 100%;
}

#secondary aside.modSubscribe li {
    display: inline-block;
}

.lt-ie8 #secondary aside.modSubscribe li {
    display: inline;
    zoom: 1;
}

#secondary aside.modSubscribe li.subscribeShimbun {
    width: 185px;
}

#secondary aside.modSubscribe li.subscribeBooks {
    width: 110px;
    margin-left: 5px;
}

#secondary aside.modSubscribe li a {
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    display: block;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */
}


/* ===== 3-3. sankei information &press release ====================================================================== */

#secondary section.modPressrelease, #secondary section.modSankeiinfo {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #e6e6e6;
}

#secondary section.modPressrelease h1, #secondary section.modSankeiinfo h1 {
    color: #0064bf;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary section.modPressrelease ul, #secondary section.modSankeiinfo ul {
    padding: 0 10px 10px;
}

#secondary section.modPressrelease li, #secondary section.modSankeiinfo li {
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
}


/* ===== 3-4. ranking ====================================================================== */

#secondary section#modRanking {
    margin: 0 auto 15px;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
}

#secondary section#modRanking h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #0064bf;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */
}

#secondary section#modRanking .modRankingwrap {
    display: block;
    margin: 0 10px 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap ul.tab {
    width: 100%;
    margin: 0 0 10px;
    background-color: #fff;
    display: block;
    border-bottom: 1px solid #e6e6e6;
}

#secondary section#modRanking .modRankingwrap ul.tab li {
    font-size: 15px;
    font-size: 1.5rem;
    width: 35%;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap ul.tab li:first-of-type {
    width: 30%;
}

#secondary section#modRanking .modRankingwrap ul.tab li.current {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

#secondary section#modRanking .modRankingwrap ul.tab li.current a {
    color: #575757;
}

#secondary section#modRanking .modRankingwrap ul.tab li a {
    display: block;
    text-align: center;
    padding: 5px 0;
    outline: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody {
    position: relative;
    overflow: hidden;
}

#secondary section#modRanking .modRankingwrap .rankingBody section {
    background: #FFF;
    position: absolute;
    top: 0;
    overflow: hidden;
}

#secondary section#modRanking .modRankingwrap .rankingBody section>div>div {
    padding: 0 10px 0 10px;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol {
    display: block;
    width: 256px;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 8px;
    display: block;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li div {
    /*
	display: table-cell;
	vertical-align: middle;
*/
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status {
    display: block;
    margin: 5px 0 0;
    padding: 0 0 5px 26px;
    border-bottom: 1px dotted #B2B2B2;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li dl.status {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd {
    display: inline-block;
    min-width: 46px;
    text-align: right;
}

.lt-ie8 #secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd {
    margin-left: 3px;
    display: inline;
    zoom: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd.tw {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_tw.png) #5cb0f0 5px center no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .status dd.fb {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_fb.png) #4462a0 5px center no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo {
    /*
	text-align: center;
	width:85px;
	height:85px;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
*/
    display: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo a {
    vertical-align: top;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li .photo img {
    display: block;
    max-width: 85px;
    max-height: 85px;
    margin: 0 auto;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li span {
    width: 20px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank1, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank01,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank2, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank02,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank3, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank03,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank4, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank04,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank5, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank05,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank6, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank06,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank7, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank07,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank8, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank08,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank9, #secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank09,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank10,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank11,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank12,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank13,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank14,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank15,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank16,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank17,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank18,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank19,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank20,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank21,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank22,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank23,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank24,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank25,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank26,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank27,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank28,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank29,
#secondary section#modRanking .modRankingwrap .rankingBody ol li span.rank30 {
    border: 1px solid #ddd;
    text-align: center;
    color: #666;
    line-height: 22px;
    font-size: 1.2rem;
    box-sizing: border-box;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody {
    height: 310px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .js-holder {
    margin-bottom: 10px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .js-holder ol li a {
    outline: none;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport {
    overflow: hidden;
    position: relative;
    height: 310px;
    width: 256px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
    background-image: url(../../../images/v1/common/loading.gif);
    background-position: center 20%;
    background-repeat: no-repeat;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
    background-color: #fff;
    left: 0;
    overflow: hidden;
    position: absolute;
    border: none;
    padding-bottom: 0;
    /*margin-bottom: 10px;*/
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    transition: all 350ms linear;
}

.cssgradients #secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
    opacity: 1;
}

#secondary section#modRanking .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
    height: 10px;
    opacity: 0.3;
    position: relative;
    width: 100%;
    z-index: 2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .accesscountBody {
    height: 310px;
}

#secondary section#modRanking .modRankingwrap .rankingBody .accesscountBody ol {
    border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRanking .modRankingwrap .rankingBody .socialcountBody {
    height: 320px;
}

#secondary section#modRanking .modRankingwrap span.more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 10px 10px;
}

#secondary section#modRanking .modRankingwrap span.more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 3-4-1. ranking social ====================================================================== */

#secondary section#modRankingSocial {
    margin: 0 auto 15px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
}

#secondary section#modRankingSocial h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #0064bf;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary section#modRankingSocial .modRankingwrap {
    display: block;
    margin: 0 10px;
    background-color: #fff;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody {
    position: relative;
    overflow: hidden;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody section {
    background: #FFF;
    position: absolute;
    top: 0;
    overflow: hidden;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody section>div>div {
    padding: 0;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol {
    display: block;
    width: 100%;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 8px;
    display: block;
    width: 100%;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li .status {
    display: block;
    margin: 5px 0 0;
    padding: 0 0 5px 26px;
    border-bottom: 1px dotted #B2B2B2;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li dl.status {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li .status dd {
    display: inline-block;
    min-width: 46px;
    text-align: right;
}

.lt-ie8 #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li .status dd {
    margin-left: 3px;
    display: inline;
    zoom: 1;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li .status dd.tw {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_tw.png) #5cb0f0 5px center no-repeat;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li .status dd.fb {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_fb.png) #4462a0 5px center no-repeat;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span {
width: 20px;
height: 22px;
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank1, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank01,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank2, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank02,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank3, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank03,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank4, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank04,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank5, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank05,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank6, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank06,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank7, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank07,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank8, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank08,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank9, #secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank09,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank10,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank11,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank12,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank13,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank14,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank15,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank16,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank17,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank18,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank19,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank20,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank21,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank22,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank23,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank24,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank25,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank26,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank27,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank28,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank29,
#secondary section#modRankingSocial .modRankingwrap .rankingBody ol li span.rank30 {
border: 1px solid #ddd;
text-align: center;
color: #666;
line-height: 22px;
font-size: 1.2rem;
box-sizing: border-box;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody {
    height: 310px;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .js-holder {
    margin-bottom: 10px;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .js-holder ol li a {
    outline: none;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport {
    overflow: hidden;
    position: relative;
    height: 310px;
    width: 256px;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
    background-image: url(../../../images/v1/common/loading.gif);
    background-position: center 20%;
    background-repeat: no-repeat;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
    background-color: #fff;
    left: 0;
    overflow: hidden;
    position: absolute;
    border: none;
    padding-bottom: 0;
    /*margin-bottom: 10px;*/
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    transition: all 350ms linear;
}

.cssgradients #secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
    opacity: 1;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .chartbeatBody .cb-rank-viewport .cb-rank-cover {
    height: 10px;
    opacity: 0.3;
    position: relative;
    width: 100%;
    z-index: 2;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .accesscountBody {
    height: 310px;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .accesscountBody ol {
    border-bottom: 1px dotted #b2b2b2;
}

#secondary section#modRankingSocial .modRankingwrap .rankingBody .socialcountBody {
    height: 320px;
    width: 100%;
}

#secondary section#modRankingSocial .modRankingwrap span.more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 10px 10px;
}

#secondary section#modRankingSocial .modRankingwrap span.more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 3-5. premium & pickupnews ====================================================================== */

#secondary section#modDailynews, #secondary section#modPremium, #secondary section#modPickupnews {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #e6e6e6;
}

#secondary section#modPremium {
    border-bottom: none;
    margin: 0 auto;
}

#secondary section#modDailynews h1, #secondary section#modPremium h1, #secondary section#modPickupnews h1 {
    color: #0064bf;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary section#modDailynews ul, #secondary section#modPremium ul, #secondary section#modPickupnews ul {
    padding: 0 10px 10px;
    background-color: #fff;
}

#secondary section#modDailynews li, #secondary section#modPremium li, #secondary section#modPickupnews li {
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
}

#secondary section#modPremium li:first-of-type, #secondary section#modPickupnews li:first-of-type {
    margin-bottom: 10px;
}

#secondary section#modPremium li:last-of-type {
    border-bottom: 1px dotted #b2b2b2;
    padding-bottom: 10px;
    margin-bottom: 0;
}

#secondary section#modPickupnews li:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}

#secondary section#modDailynews li.headline, #secondary section#modPremium li.headline, #secondary section#modPickupnews li.headline {
    background: none;
    padding-left: 0;
}

#secondary section#modDailynews li.headline a, #secondary section#modPremium li.headline a, #secondary section#modPickupnews li.headline a {
    padding-left: 0;
}

#secondary section#modDailynews li.headline div, #secondary section#modPremium li.headline div, #secondary section#modPickupnews li.headline div {
    display: table-cell;
    vertical-align: middle;
}

#secondary section#modDailynews li.headline .photo, #secondary section#modPremium li.headline .photo, #secondary section#modPickupnews li.headline .photo {
    text-align: center;
    width: 85px;
    height: 85px;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
}

#secondary section#modDailynews li.headline .photo img, #secondary section#modPremium li.headline .photo img, #secondary section#modPickupnews li.headline .photo img {
    display: block;
    max-width: 85px;
    max-height: 85px;
    margin: 0 auto;
}

#secondary section#modDailynews li.headline .text, #secondary section#modPremium li.headline .text, #secondary section#modPickupnews li.headline .text {
    padding-left: 10px;
}

#secondary section#modDailynews span.more, #secondary section#modPremium span.more, #secondary section#modPickupnews span.more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 10px 10px;
}

#secondary section#modDailynews span.more a, #secondary section#modPremium span.more a, #secondary section#modPickupnews span.more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 3-6. scoreboard ====================================================================== */

#secondary section#modScoreboard {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #e6e6e6;
}

#secondary section#modScoreboard h1 {
    color: #0064bf;
    padding: 10px 8px 10px 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary section#modScoreboard h1 span {
    color: #0064bf;
    display: block;
    background: url(../../../images/v1/common/logo_content_sanspo.png) right center no-repeat;
}


/* ===== 3-7. japan style ====================================================================== */

#secondary #modJapanStyle {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
    border: 1px solid #e6e6e6;
    position: relative;
}

#secondary #modJapanStyle h1 {
    color: #0064bf;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#secondary #modJapanStyle .siteLogo {
    position: absolute;
    right: 10px;
    top: 10px;
}

#secondary #modJapanStyle ul {
    padding: 0 10px 0px;
}

#secondary #modJapanStyle li {
    margin-bottom: 10px;
}

#secondary #modJapanStyle .photo {
    float: left;
    width: 90px;
    height: 60px;
    background: #efefef;
    text-align: center;
    margin-right: 10px;
}

#secondary #modJapanStyle .photo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* --------------------------------------------
4. left module styles
--------------------------------------------*/


/* ===== 4-1. top pickup flash ====================================================================== */


/* --bace */

.modTopflash, .modTopflash02, .modTopflash03, .modTopflash04 {
    text-align: center;
    margin-bottom: 20px;
}

.modTopflash a, .modTopflash02 a, .modTopflash03 a, .modTopflash04 a {
    display: block;
    padding: 5px;
}

.modTopflash p, .modTopflash02 p, .modTopflash03 p, .modTopflash04 p {
    font-size: 22px;
    font-size: 2.2rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    padding: 10px 50px 10px 10px;
}


/* --A */

.modTopflash {
    background-color: #000;
}

.modTopflash a {
    color: #fff;
}

.modTopflash p {
    color: #fff;
    background: url(../../../images/v1/common/icon_list_arrowflash.png) 99% center no-repeat;
}


/* --B */

.modTopflash02 {
    background-color: #cce7ff;
}

.modTopflash02 a {
    color: #173b7d;
}

.modTopflash02 p {
    color: #173b7d;
    background: url(../../../images/v1/common/icon_list_arrowflash02.png) 99% center no-repeat;
}


/* --C */

.modTopflash03 {
    background-color: #F2F2F2;
}

.modTopflash03 a {
    color: #000;
}

.modTopflash03 p {
    color: #000;
    background: url(../../../images/v1/common/icon_list_arrowflash03.png) 99% center no-repeat;
}


/* --D */

.modTopflash04 {
    background-color: #D5000F;
}

.modTopflash04 a {
    color: #fff;
}

.modTopflash04 p {
    color: #fff;
    background: url(../../../images/v1/common/icon_list_arrowflash04.png) 99% center no-repeat;
}


/* ===== 4-2. top news ====================================================================== */

.topMain {
    margin-bottom: 20px;
}


/* ===== トップニュース ===== */

.modToppick {
    margin-bottom: 10px;
    position: relative;
    min-height: 150px;
}

.modToppick .daiji {
    display: block;
    float: left;
    width: 80px;
    height: 90px;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e95;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e95 0%, #0064be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e95), color-stop(100%, #0064be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e95 0%, #0064be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e95 0%, #0064be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e95 0%, #0064be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e95 0%, #0064be 100%);
    /* W3C */
}

.modToppick .daiji span {
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    text-align: center;
    display: block;
    height: 54px;
    padding-bottom: 5px;
    margin: 5px 10px 0;
    background: url(../../../images/v1/common/icon_content_daiji.png) center top no-repeat;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-box-shadowbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadowbox-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

.modToppick .daiji time {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
}

.modToppick .kokuchi {
    position: absolute;
    left: 0;
    top: 95px;
}

.modToppick article {
    width: 564px;
    display: block;
    float: right;
}

.modToppick article h1 {
    font-size: 22px;
    font-size: 2.2rem;
    padding-bottom: 10px;
}

.modToppick article .addition {
    display: block;
    padding-bottom: 10px;
}

.modToppick article .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 4px 5px;
    margin-right: 10px;
    display: inline-block;
    background-color: #e61647;
}

.modToppick article time {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 5px;
}

.modToppick article p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
}


/* ===== ピックアップニュース ===== */

.modToplist {
    font-size: 15px;
    font-size: 1.5rem;
    width: 380px;
    display: block;
    float: right;
}

.modToplist li {
    display: block;
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: 1px dotted #b2b2b2;
    line-height: 1.2;
}

.modToplist li .addition {
    margin-left: 5px;
}

.modToplist li .addition time {
    margin: 0 5px;
}

.modToplist .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 5px;
}

.modToplist .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/*--- ピックアップフォト+動画ラップ   */
.topModuleWrap{
float: left; width: 260px;
}

/* ===== ピックアップフォト ===== */

.modTopslider {
    width: 260px;
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    float: left;
}

.device {
    height: 460px;
    padding: 0 0 30px 0;
    background: #000;
    margin: 0 auto;
    position: relative;
}

.device .arrow-left {
    background: url(../../../images/v1/common/icon_slide_prev.png) no-repeat center center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 30px;
    z-index: 9999;
}

.device .arrow-right {
    background: url(../../../images/v1/common/icon_slide_next.png) no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 30px;
    z-index: 9999;
}

.device .swiper-container {
    width: 260px;
    height: 460px;
}

.device .swiper-container .swiper-wrapper .swiper-slide {
    width: 260px;
    height: 460px;
    position: relative;
}

.device .swiper-slide a {
    display: block;
}

.device .swiper-slide img {
    width: 100%;
    display: block;
}

.device .swiper-slide p {
    color: #fff;
    width: 100%;
    margin: 0;
    background: #000000;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #4c4847));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%, #4c4847 100%);
    /* W3C */
    position: absolute;
    bottom: 0;
    left: 0;
}

.device .swiper-slide p span.addition {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.device .swiper-slide p span.title {
    font-size: 17px;
    font-size: 1.7rem;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.device .swiper-slide-active {
    /* Specific active slide styling: */
}

.device .swiper-slide-visible {
    /* Specific visible slide styling: */
}


/* トップフォトスライダー ================================= */


/* フォールバック対応 => 矢印アイコンを非表示 */

.no-js #topPhotoSlider .device .arrow-left, .no-js #topPhotoSlider .device .arrow-right {
    display: none;
}

.device .pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 30px;
    vertical-align: middle;
}

.device .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(../../../images/v1/common/icon_topslider_off.png) no-repeat center center;
    margin: 0 3px;
    cursor: pointer;
    margin-top: 9px;
}

.device .swiper-active-switch {
    background: url(../../../images/v1/common/icon_topslider_on.png) no-repeat center center;
    margin-top: 9px;
}


/* ===== 4-3. site information ====================================================================== */

#modSiteinfo {
    margin: 0 auto 20px;
}

#modSiteinfo p {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    vertical-align: middle;
    margin: 0 10px 10px 0;
    width: 320px;
}

.lt-ie8 #modSiteinfo p {
    display: inline;
    zoom: 1;
}

#modSiteinfo p span {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
    width: 35px;
    padding: 3px 0 2px;
    margin-right: 8px;
    display: inline-block;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */
}


/* ===== 4-3. mod premium ====================================================================== */

#primary #modPremium {
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    margin: 0 auto 15px;
    position: relative;
}

#primary #modPremium h2 {
    color: #d7000f;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */
}

#primary #modPremium .swiper-container {
	width: 600px;
	height: 136px;
	margin-bottom: 15px;
}

#primary #modPremium .swiper-container .swiper-wrapper .swiper-slide {
	display: block;
	float: left;
	width: 300px;
	height: 136px;
	background: #F7F7F7;
}

#primary #modPremium .swiper-container .swiper-wrapper .swiper-slide .swiper-item {
	padding: 4px;
	margin: 0 auto;
	width: 292px;
	height: 136px;
	background: #FFF;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#primary #modPremium .swiper-container .swiper-wrapper .swiper-slide .swiper-item span {
	text-align: center;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 126px;
	height: 126px;
	background-color: #fff;
}

#primary #modPremium .swiper-container .swiper-wrapper .swiper-slide .swiper-item span img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	padding: 2px;
}

#primary #modPremium .pagination {
	text-align: center;
	height: 25px;
}

#primary #modPremium .pagination .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	margin: 0 3px;
	cursor: pointer;
}
#primary #modPremium .pagination .swiper-active-switch {
	background: red;
}

#primary #modPremium .modPremiumNav .prev {
	background: #111;
	width:20px;
	height:136px;
	position: absolute;
	top: 35px;
	left: 5px;
	cursor: pointer;
}

#primary #modPremium .modPremiumNav .prev:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 7px;
	width: 0;
	height: 0;
	margin-top: -10px;
	border: 7px solid transparent;
	border-right: 10px solid #fff;
}

#primary #modPremium .modPremiumNav .next {
	background: #111;
	width:20px;
	height:136px;
	position: absolute;
	top: 35px;
	right: 5px;
	cursor: pointer;
}

#primary #modPremium .modPremiumNav .next:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 7px;
	width: 0;
	height: 0;
	margin-top: -10px;
	border: 7px solid transparent;
	border-left: 10px solid #fff;
}

#primary #modPremium .more {
	display: block;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 10px 5px;
	margin: 0 10px 0;
	border-top: 1px dotted #B2B2B2;
}

#primary #modPremium .more a {
	padding-left: 20px;
	margin-left: 20px;
	background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-4. mod feature ====================================================================== */

#primary #modFeature {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
}

#primary #modFeature h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

#primary #modFeature h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

#primary #modFeature .photoL {margin-bottom: 30px;}
#primary #modFeature .photoS{float: left;width: 300px;min-height: 220px;margin-right: 30px;}
#primary #modFeature .photoS>div{min-height: 95px;}
#primary #modFeature .photoS .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#primary #modFeature .photoL .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

#primary #modFeature .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

#primary #modFeature .text {
    display: block;
    float: left;
    width: 438px;
}

#primary #modFeature .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
    line-height: 1.4;
}
#primary #modFeature .photoL .title {
    font-size: 18px;
    font-size: 1.8rem;
}

#primary #modFeature .lead {
    line-height: 1.25;
}

#primary #modFeature ul {
    margin-top: 10px;
}

#primary #modFeature div ul li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
}

#primary #modFeature ul li .addition {
    margin-left: 5px;
}

#primary #modFeature .featureMore h3 {
    margin-top: 20px;
}

#primary #modFeature .featureMore ul {
    font-size: 14px;
    padding: 20px 0;
}

#primary #modFeature .featureMore ul li {
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 2px no-repeat;
    margin: 0 10px 5px 0;
    display: inline-block;
    padding-left: 16px;
    width: 210px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#primary #modFeature .addition {
    margin-left: 5px;
}

#primary #modFeature .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

#primary #modFeature .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-5. module relatedservice ====================================================================== */

#modRelatedservice {
    margin: 0 auto 20px;
}


/* ===== オピニオン ===== */

#modRelatedservice #modDiscussion {
    width: 320px;
    display: block;
    float: left;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
}

#modRelatedservice #modDiscussion h1 {
    color: #ef8200;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */
}

#modRelatedservice #modDiscussion ul {
    padding: 0 10px;
}

#modRelatedservice #modDiscussion li {
    background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
}

#modRelatedservice #modDiscussion li.headline {
    margin: 0 0 5px 0;
    padding: 0;
    background: none;
}

#modRelatedservice #modDiscussion li.headline a {
    margin-left: 0;
}

#modRelatedservice #modDiscussion li.headline div {
    vertical-align: middle;
}

#modRelatedservice #modDiscussion .photo {
    background-color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto 5px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 296px;
    overflow: hidden;
}

#modRelatedservice #modDiscussion .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

#modRelatedservice #modDiscussion .title {
    line-height: 1.25;
    margin: 5px;
}

#modRelatedservice #modDiscussion .lead {
    line-height: 1.25;
}

#modRelatedservice #modDiscussion .infoDiscussion {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    padding: 5px 10px;
    line-height: 24px;
    text-align: right;
}

#modRelatedservice #modDiscussion .infoDiscussion a {
    color: #333;
    display: block;
}

#modRelatedservice #modDiscussion .infoDiscussion a:hover {
    text-decoration: none;
}

#modRelatedservice #modDiscussion .infoDiscussion a img {
    margin-left: 10px;
}


/* ===== 産経フォト ===== */

#modRelatedservice #modPhotos {
    width: 320px;
    display: block;
    float: right;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    text-align: center;
}

#modRelatedservice #modPhotos h1 {
    color: #00b8ee;
    text-align: left;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */
}

#modRelatedservice #modPhotos ul {
    margin: 0 auto;
}

#modRelatedservice #modPhotos li {
    vertical-align: top;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 0 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 150px;
    height: 114px;
    position: relative;
}

#modRelatedservice #modPhotos li a {
    display: block;
    color: #fff;
}

#modRelatedservice #modPhotos li a .photo {
    display: block;
    overflow: hidden;
    max-width: 150px;
    max-height: 150px;
}

#modRelatedservice #modPhotos li a .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
    max-width: 144px;
    max-height: 144px;
}

#modRelatedservice #modPhotos li a .photoOverlay {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #333;
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha( opacity=80);
    opacity: 0.8;
    -webkit-transition: .5s;
    transition: .5s;
}

#modRelatedservice #modPhotos li a:hover .photoOverlay {
    top: 0;
    left: 0;
}

#modRelatedservice #modPhotos li a .photoOverlay .title {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    height: 2.8em;
    overflow: hidden;
    display: block;
    margin: 5px 5px 0;
}


/* ===== 産経west ===== */

#modRelatedservice #modWest {
    width: 320px;
    display: block;
    float: right;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
}

#modRelatedservice #modWest h1 {
    color: #eb4b80;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */
}

#modRelatedservice #modWest ul {
    padding: 0 10px 10px;
}

#modRelatedservice #modWest li {
    background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
}


/* ===== 4-6. module photo+newslist ====================================================================== */

.modIndexphoto {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.modIndexphoto h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modIndexphoto h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

.modIndexphoto h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.modIndexphoto .photo {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 206px;
}

.modIndexphoto .photo a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

.modIndexphoto .photo .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 10px;
    display: block;
    text-align: left;
    color: #898989;
}

.modIndexphoto .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
    max-width: 200px;
}

.modIndexphoto .text {
    display: block;
    float: left;
    width: 438px;
}

.modIndexphoto ul {
    font-size: 15px;
    font-size: 1.5rem;
}

.modIndexphoto li {
    display: block;
    margin: 0 0 8px 0;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
}

.modIndexphoto li .addition {
    margin-left: 5px;
}

.modIndexphoto .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modIndexphoto .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

.modIndexphoto #relateDiscussion h3 {
    color: #ef8200;
    margin-top: 15px;
}

.modIndexphoto #relateDiscussion li {
    display: block;
    margin: 0 0 8px 0;
    background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
}


/* ===== 4-7. module newslist  ====================================================================== */

.modIndextext {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.modIndextext h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modIndextext h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

.modIndextext h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.modIndextext ul {
    margin-bottom: 30px;
}

.modIndextext li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    position: relative;
    padding-left: 20px;
}

.modIndextext li a {
    display: block;
    width: 520px;
}

#newsSlider.modIndextext li a {
    display: block;
    width: 520px;
}

#latestNews.modIndextext li a {
    display: inline;
    width: auto;
}

.modIndextext li .addition {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 0.2px;
    right: 0;
}

.articleText .modIndextext li .addition {
    position: static;
    margin-left: 10px;
}

.modIndextext li .addition time {
    margin-left: 5px;
}

.modIndextext .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modIndextext .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* forプレスリリース ================================= */

.indexText article {
    padding-bottom: 30px;
}

.indexText article h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    padding: 0 0 10px;
    margin: 0;
    background: none;
    position: static;
}

.indexText article h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.indexText article .addition {
    display: block;
    padding-bottom: 10px;
}

.indexText article time {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 5px;
}

.indexText article p {
    font-size: 15px;
    font-size: 1.5rem;
}

.indexText article .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

.indexText article .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}


/* forsponsored ================================= */

.addition .sponsored_l {
    margin-right: 10px;
}

h1 .sponsored_l, .title .sponsored_l {
    margin-left: 10px;
}


/* ニューススライダー ================================= */


/* イメージロード */

.js .modIndextext .image-loading {
    background-image: url(../../../images/v1/common/loading.gif);
    background-position: center 20%;
    background-repeat: no-repeat;
    padding: 0 !important;
}


/* フォールバック対応 => 高さ固定解除(一覧表示化) */

.no-js .modIndextext .swiper-container {
    height: auto;
}


/* フォールバック対応 => float解除 */

.no-js .modIndextext .swiper-slide {
    float: none;
}


/* フォールバック対応 => ページネーション非表示化 */

.no-js .modIndextext .pagenator {
    display: none;
}

.modIndextext .swiper-container {
    width: 664px;
    height: 530px;
    /* default */
}

.js .modIndextext .swiper-slide {
    visibility: hidden;
}


/* ニューススライダー - ページネーション */

.modIndextext .pagenator .pagePrev {
    display: block;
    float: left;
    position: relative;
    width: 100px;
    height: 30px;
    top: 50%;
    z-index: 1;
}

.modIndextext .pagenator .pagePrev span {
    display: block;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../../../images/v1/common/icon_list_arrow_prev.png") no-repeat scroll left 13px rgba(0, 0, 0, 0);
}

.lt-ie9 .modIndextext .pagenator .pagePrev span {
    top: 30%;
    background: url("../../../images/v1/common/icon_list_arrow_prev.png") no-repeat scroll left 13px;
}

.modIndextext .pagenator .pageNext {
    display: block;
    float: right;
    position: relative;
    width: 100px;
    height: 30px;
    top: 50%;
    z-index: 1;
}

.modIndextext .pagenator .pageNext span {
    display: block;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url("../../../images/v1/common/icon_list_arrow_next.png") no-repeat scroll right 13px rgba(0, 0, 0, 0);
}

.lt-ie9 .modIndextext .pagenator .pageNext span {
    top: 30%;
    background: url("../../../images/v1/common/icon_list_arrow_next.png") no-repeat scroll right 13px;
}

.modIndextext .pagenator .pagePrev:hover, .modIndextext .pagenator .pageNext:hover {
    text-decoration: none;
}

.modIndextext .pagenator .paginationWrapper {
    float: left;
    position: relative;
    width: 464px;
}

.modIndextext .pagenator .paginationWrapper .pagination {
    position: relative;
    left: 50%;
    float: left;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-pagination-switch {
    float: left;
    position: relative;
    left: -50%;
    margin: 0 3px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    color: #fff;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-pagination-switch:hover {
    cursor: pointer;
    text-decoration: underline;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-active-switch {
    color: #595757;
    background: #ffffff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
    /* W3C */
    border: 1px solid #b2b2b2;
}

.modIndextext .pagenator .paginationWrapper .pagination span.swiper-active-switch:hover {
    cursor: default;
    text-decoration: none;
    color: #595757;
    background: #ffffff;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
    /* W3C */
    border: 1px solid #b2b2b2;
}


/* ===== 4-8. module photolist ===================================================================== */
/* 新フォトギャラリースライダー：20170418 */

.modMultiSlider {
	font-size: 1.5rem;
	margin: 0 auto 20px;
	position: relative;
}
.modMultiSlider h3 {
	color: #333;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.modMultiSlider .swiper-container {
	width: 600px;
	height: 126px;
}
.modMultiSlider .swiper-container .swiper-slide {
	width: 130px;
	height: 126px;
}
.modMultiSlider .swiper-container .swiper-slide a {
	display: block;
	width: 126px;
	height: 126px;
	border: 1px solid #e6e6e6;
	padding: 2px;
	box-sizing: border-box;
}
.modMultiSlider .prev {
	background: #111;
	cursor: pointer;
	height: 126px;
	left: 5px;
	position: absolute;
	top: 25px;
	width: 20px;
}
.modMultiSlider .next {
	background: #111;
	cursor: pointer;
	height: 126px;
	position: absolute;
	right: 5px;
	top: 25px;
	width: 20px;
}
.modMultiSlider .prev.invalid,
.modMultiSlider .next.invalid{
	background: #e1e1e1;
}
.modMultiSlider .next::before,
.modMultiSlider .prev::before {
	border: 7px solid transparent;
	content: "";
	display: block;
	height: 0;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 0;
}
.modMultiSlider .prev::before {
	border-right: 10px solid #fff;
	right: 7px;
}
.modMultiSlider .next::before {
	border-left: 10px solid #fff;
	left: 7px;
}

/* 旧フォトギャラリー */
.modPhoto {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.modPhoto h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modPhoto h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
    position: absolute;
    top: 4px;
}

.modPhoto h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

.modPhoto h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.modPhoto ul {}

.modPhoto li {
    display: inline;
    float: left;
    margin: 0 0 5px 5px;
}

.modPhoto li a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 126px;
    height: 126px;
}

.modPhoto li a img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
    max-height: 120px;
    max-width: 120px;
}

.modPhoto li.relatePhotos {
    display: inline;
    float: left;
    margin: 0 0 8px 5px;
    border: 1px solid #00b8ee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 257px;
    height: 126px;
}

.modPhoto li.relatePhotos span {
    display: table-cell;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    color: #00b8ee;
    width: 131px;
}

.modPhoto li.relatePhotos a {
    border: 0;
    display: table-cell;
    vertical-align: middle;
}


/* ===== 4-9. module induction ===================================================================== */

.modInduction {
    margin: 0 auto 20px;
}

.modInduction h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 20px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

.modIndexinduction {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 auto 20px;
}

.modInduction .modIndexinduction h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    height: 40px;
    margin: 0 0 10px;
    border: none;
    padding: 0;
    background: #fff;
    display: block;
    position: relative;
}

.modInduction .modIndexinduction h1 a {
    width: 164px;
    height: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.modInduction .modIndexinduction h1 a img {
    vertical-align: middle;
    line-height: 40px;
    margin: auto;
}

.modInduction .modIndexinduction h1 span {
    margin-left: 10px;
    position: absolute;
    top: 16px;
    left: 180px;
}

.modIndexinduction .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
}

.modIndexinduction .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.modIndexinduction .text {
    display: block;
    float: left;
    width: 558px;
}

.modIndexinduction li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_outerblue.png) left 4px no-repeat;
    padding-left: 20px;
}

.modIndexinduction li .addition {
    margin-left: 5px;
}

.modIndexinduction li a {
    display: block;
}

.modIndexinduction .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modIndexinduction .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_outergray.png) left 4px no-repeat;
}


/* ===== 4-10. module column ====================================================================== */

.modColumn {
    margin: 0 auto 20px;
}

.modColumn h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modIndexcolumn {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 auto 20px;
}

.modColumn .modIndexcolumn h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    height: 40px;
    margin: 0 0 20px;
    border: none;
    padding: 0;
    background: none;
    position: relative;
}

.modColumn .modIndexcolumn h1 a {
    width: 164px;
    height: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
}

.modColumn .modIndexcolumn h1 a img {
    vertical-align: middle;
    line-height: 40px;
    margin: auto;
}

.modColumn .modIndexcolumn h1 span {
    margin-left: 10px;
    position: absolute;
    top: 16px;
    left: 180px;
}

.modIndexcolumn li {
    display: block;
    margin: 0 0 8px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
}

.modIndexcolumn .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 15px;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modIndexcolumn .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-11. module storylist ====================================================================== */

.modStory {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 auto 20px;
}

.modStory h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 20px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */
}

.modStory div {
    width: 320px;
    display: inline-block;
    margin-bottom: 30px;
}

.modStory div.odd {
    margin-right: 18px;
}

.modStory div.even {
    clear: right;
}

.modStory div h2 {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 10px;
}

.modStory ul {
    display: block;
}

.modStory li {
    display: block;
    margin: 0 0 8px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
}

.modStory .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modStory .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-12. genretop news ====================================================================== */

.modGenretop {}

.modGenretop h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modGenretop .map {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.modGenretop article {
    display: block;
    margin-bottom: 20px;
}

.modGenretop article h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    padding: 0 0 5px;
    margin: 0;
    background: none;
    position: static;
}

.modGenretop article .addition {
    display: block;
    padding-bottom: 10px;
}

.modGenretop article .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 4px 5px;
    margin-right: 10px;
    display: inline-block;
    background-color: #e61647;
}

.modGenretop article time {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 5px;
}

.modGenretop article p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
}

.modGenretop article .photo {
    text-align: center;
    margin: 10px auto 20px;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 606px;
}

.indexPhoto li a img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}


/* ===== ピックアップニュース ===== */

.modGenretoplist {
    font-size: 17px;
    font-size: 1.7rem;
    display: block;
}

.modGenretoplist .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: 200px;
    color: #fff;
    background: #000000;
}

.modGenretoplist.photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
}

.modGenretoplist .photo .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #fff;
    text-align: left;
    padding: 5px;
    display: block;
    background: #000000;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #4c4847));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%, #4c4847 100%);
    /* W3C */

}

.modGenretoplist .photo .caption a {
    color: #fff;
}

.modGenretoplist .photo .addition {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    margin-bottom: 5px;
    display: block;
}

.modGenretoplist .text {
    display: block;
    float: left;
    width: 444px;
}

.modGenretoplist li {
    display: block;
    margin-bottom: 8px;
    border-bottom: 1px dotted #B2B2B2;
    line-height: 1.2;
}

.modGenretoplist li .addition {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    display: block;
}

.modGenretoplist li .addition time {
    margin: 0 5px;
}

.modGenretoplist .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0 5px;
}

.modGenretoplist .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}

.device .swiper-slide p {
    color: #fff;
    width: 100%;
    margin: 0;
    background: #000000;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YzQ4NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #4c4847));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%, #4c4847 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%, #4c4847 100%);
    /* W3C */

    position: absolute;
    bottom: 0;
    left: 0;
}

.device .swiper-slide p span.addition {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    overflow: hidden;
    margin: 5px;
}

.device .swiper-slide p span.title {
    font-size: 17px;
    font-size: 1.7rem;
    display: block;
    overflow: hidden;
    margin: 5px;
}


/* ===== 4-13. mod feature pickup ====================================================================== */

.modFeaturePickup {
    margin: 0 auto 15px;
}

.modFeaturePickup h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.modFeaturePickup li {
    display: inline-block;
    margin: 0 10px 10px 0;
    float: left;
    width: 48%;
}

.lt-ie8 .modFeaturePickup li {
    display: inline;
    zoom: 1;
    height: 136px;
}

.modFeaturePickup .photo {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 126px;
    float: left;
}

.modFeaturePickup .photo a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 126px;
    height: 126px;
}

.modFeaturePickup .photo a img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.modFeaturePickup .text {
    margin: 0 0 10px 0;
}

.modFeaturePickup .title {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2;
}

.modFeaturePickup .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.modFeaturePickup .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 4-14. module election map ====================================================================== */

#modElMeibo {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

#modElMeibo h1 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 20px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

#modElMeibo h2 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

table.nationalmap {
    width: 660px;
    margin-left: 2px;
    margin-bottom: 30px;
    padding: 2px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 2px;
}

table.nationalmap tr {}

table.nationalmap td.prefecture {
    width: 66px;
    padding: 2px;
    background-color: #f5f5f5;
    border-top: 1px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    text-align: center;
}

table.nationalmap td a:link, table.nationalmap td a:visited {
    display: block;
    background-color: ffffff!important;
}

table.nationalmap td a:active.linkgrpbg01, table.nationalmap td a:hover.linkgrpbg01 {
    display: block;
    background-color: #b1e1f0!important;
}

table.nationalmap td a:active.linkgrpbg02, table.nationalmap td a:hover.linkgrpbg02 {
    display: block;
    background-color: #a9e5e1!important;
}

table.nationalmap td a:active.linkgrpbg03, table.nationalmap td a:hover.linkgrpbg03 {
    display: block;
    background-color: #cae4a3!important;
}

table.nationalmap td a:active.linkgrpbg04, table.nationalmap td a:hover.linkgrpbg04 {
    display: block;
    background-color: #e4f0ab!important;
}

table.nationalmap td a:active.linkgrpbg05, table.nationalmap td a:hover.linkgrpbg05 {
    display: block;
    background-color: #eb8d92!important;
}

table.nationalmap td a:active.linkgrpbg06, table.nationalmap td a:hover.linkgrpbg06 {
    display: block;
    background-color: #f2dfb8!important;
}

table.nationalmap td a:active.linkgrpbg07, table.nationalmap td a:hover.linkgrpbg07 {
    display: block;
    background-color: #f4c8e3!important;
}

table.nationalmap td a:active.linkgrpbg08, table.nationalmap td a:hover.linkgrpbg08 {
    display: block;
    background-color: #eb8d92!important;
}

table.nationalmap td a:active.linkgrpbg09, table.nationalmap td a:hover.linkgrpbg09 {
    display: block;
    background-color: #a8b2d3!important;
}

table.nationalmap td a:active.linkgrpbg10, table.nationalmap td a:hover.linkgrpbg10 {
    display: block;
    background-color: #deb9db!important;
}

table.nationalmap td a:active.linkgrpbg11, table.nationalmap td a:hover.linkgrpbg11 {
    display: block;
    background-color: #b3e0f2!important;
}

table.nationalmapH {
    width: 660px;
    margin-left: 2px;
    margin-bottom: 30px;
    padding: 2px;
    line-height: 1.5;
    border-collapse: separate;
    border-spacing: 2px;
}

table.nationalmapH tr {}

table.nationalmapH td.prefecture {
    width: 110px;
    padding: 2px;
    background-color: #f5f5f5;
    border-top: 1px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    text-align: center;
}

table.nationalmapH td a:link, table.nationalmapH td a:visited {
    display: block;
    background-color: ffffff!important;
}

table.nationalmapH td a:active.linkgrpbg01, table.nationalmapH td a:hover.linkgrpbg01 {
    display: block;
    background-color: #b1e1f0!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg02, table.nationalmapH td a:hover.linkgrpbg02 {
    display: block;
    background-color: #a9e5e1!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg03, table.nationalmapH td a:hover.linkgrpbg03 {
    display: block;
    background-color: #cae4a3!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg04, table.nationalmapH td a:hover.linkgrpbg04 {
    display: block;
    background-color: #e4f0ab!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg05, table.nationalmapH td a:hover.linkgrpbg05 {
    display: block;
    background-color: #eb8d92!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg06, table.nationalmapH td a:hover.linkgrpbg06 {
    display: block;
    background-color: #f2dfb8!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg07, table.nationalmapH td a:hover.linkgrpbg07 {
    display: block;
    background-color: #f4c8e3!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg08, table.nationalmapH td a:hover.linkgrpbg08 {
    display: block;
    background-color: #eb8d92!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg09, table.nationalmapH td a:hover.linkgrpbg09 {
    display: block;
    background-color: #a8b2d3!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg10, table.nationalmapH td a:hover.linkgrpbg10 {
    display: block;
    background-color: #deb9db!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg11, table.nationalmapH td a:hover.linkgrpbg11 {
    display: block;
    background-color: #b3e0f2!important;
    color: #333!important;
}

table.nationalmapH td a:active.linkgrpbg, table.nationalmapH td a:hover.linkgrpbg {
    display: block;
    background-color: #e6e6e6!important;
    color: #333!important;
}

table.nationalmap td a:hover, table.nationalmapH td a:hover {
    color: #ffffff;
    text-decoration: none;
}


/* ===== 4-15. module QA ====================================================================== */
/*--- Question and Answer( for article module) */
#modQAanswer {
    padding: 15px 0;
    margin-bottom: 25px;
}

#modQAanswer h3.title {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #014686;
    display: inline-block;
    width: 60%;
}


/* logo */

#modQAanswer .logo-oshiete {
    float: right;
    margin-bottom: 10px;
    margin-top: -5px;
}

#modQAanswer .logo-oshiete img {
    width: 180px;
}


/* logo */

#modQAanswer .linkTo a {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    width: 280px;
    float: left;
    padding: 15px;
    border: 1px solid #efefef;
    text-align: center;
    color: #fff;
    margin: 10px;
    border-radius: 4px;
}

#modQAanswer .linkTo a.comBtn {
    background: #014686;
}

#modQAanswer .linkTo a.moreBtn {
    background: #111;
}


/* コメントなし */

#modQAanswer .noCommentArea {
    font-size: 15px;
    font-size: 1.5rem;
    border: 2px solid #ddd;
    text-align: center;
    padding: 50px 0;
    border-radius: 4px;
}


/* コメントあり */

#modQAanswer .a_article_wrap {}

#modQAanswer .a_article {
    width: 100%;
    margin: 15px auto;
}

#modQAanswer .a_article .user_area {
    width: 40px;
    padding: 0 15px 0 0;
    display: table-cell;
    vertical-align: top;
}

#modQAanswer .a_article .user_area img {
    height: 40px;
    display: block;
    margin: 0 auto;
}

#modQAanswer .a_article .a_article_right {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    padding: 10px;
    background: #fff;
}

#modQAanswer .a_article .a_article_right:before {
    content: "";
    display: block;
    background: url(../../../../../images/v2/pc/sankei/fukidashi_arrow_white.png) no-repeat left top;
    width: 18px;
    height: 12px;
    position: absolute;
    top: 25px;
    left: -18px;
}

#modQAanswer .a_article_info {
    padding-bottom: 13px;
}

#modQAanswer .a_article_info .a-title_item ul {
    height: 20px;
    line-height: 20px;
}

#modQAanswer .a_article_info .a-title_item ul li {
    float: left;
}

#modQAanswer .a_article_info .author {
    border-left: 6px solid #014686;
    margin: 0 16px 0 0;
    padding-left: 6px;
    font-size: 16px;
    font-size: 1.6rem;
}

#modQAanswer .a_article_info .date {
    color: #999;
    font-size: 12px;
}

#modQAanswer .a_text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}

#modQAanswer .a_text h2 {
    display: inline;
}

#modQAanswer .a_complain {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 5px;
    text-align: right;
}


/* --------------------------------------------
5. index styles
--------------------------------------------*/


/* ===== 5-1. index text ====================================================================== */

.indexText {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.indexText h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexText h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
    position: absolute;
    top: 4px;
}

.indexText h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

.indexText h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.indexText ul {
    margin-bottom: 30px;
}

.indexText ul.igoshogilist {
    margin-bottom: 10px;
}

.indexText li {
    display: block;
    margin: 0 0 8px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    position: relative;
    padding-left: 20px;
}

.indexText li a {
    display: block;
    width: 520px;
}

.indexText ul.bookreview li {
    background: none;
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 22px;
}

.indexText ul.bookreview li a {
    width: auto;
    vertical-align: middle
}

.indexText ul.bookreview li .photo {
    text-align: center;
    display: table-cell;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
}

.indexText ul.bookreview li .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.indexText ul.bookreview li .title {
    display: table-cell;
    max-width: 560px;
    min-height: 86px;
    vertical-align: middle;
}

.indexText ul.bookreview li .title a {
    vertical-align: middle;
    margin-left: 10px;
}

.indexText li .addition {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 0.2px;
    right: 0;
}

.indexText li .addition time {
    margin-left: 5px;
}

.indexText .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.indexText .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ==  碁会所  == */

.indexText li.oneThird {
    display: inline-block;
    margin: 0 0 8px 0;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
    width: 190px;
}

.indexText li.oneThird a {
    display: inline;
    width: auto;
}

.indexText li.oneThirdRed {
    display: block;
    margin: 0 0 15px 0;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
    font-weight: bold;
}

.indexText li.oneThirdRed a {
    display: inline;
    width: auto;
    color: #cc0000;
}

.indexText .gokaisho {
    margin: 0 auto 15px;
}

.indexText .gokaisho .banner, .indexText .gokaisho ul {
    display: table-cell;
    vertical-align: top;
}

.indexText .gokaisho ul li {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    margin: 0 0 8px 10px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left top no-repeat;
    padding-left: 20px;
}

.indexText .gokaisho ul li a {
    display: inline;
    width: auto;
}

.indexText .gokaisho p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 auto 15px;
}


/* ==  速報ページ add:20161021  == */

.indexText .pickupNews {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}

.indexText .pickupNews h2 {
    border: none;
    background: #fff;
    margin: 10px 0;
    padding: 0;
}


/* ===== 5-2. index photo ====================================================================== */

.indexPhoto {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.indexPhoto h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexPhoto h1.speech {
    margin: 0;
    padding: 0;
}

.indexPhoto h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
    position: absolute;
    top: 4px;
}

.indexPhoto ul {
    margin: 0 1px;
}

.indexPhoto li {
    display: inline-block;
    margin: 0 8px 8px 0;
}

.indexPhoto li.last {
    margin: 0 0 8px 0;
    clear: right;
}

.indexPhoto li a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 126px;
    height: 126px;
}

.indexPhoto li a img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}


/* ===== 5-3. index feature ====================================================================== */

.indexFeature {
    margin: 0 auto 15px;
    font-size: 15px;
    font-size: 1.5rem;
}

.indexFeature h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexFeature h1.speech {
    margin: 0;
    padding: 0;
}

.indexFeature h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
    position: absolute;
    top: 4px;
}

.indexFeature h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

.indexFeature h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.indexFeature ul {
    display: block;
}

.indexFeature li {
    margin-bottom: 10px;
}

.indexFeature li.photoS .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
}

.indexFeature li.photoL .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

.indexFeature li .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.indexFeature li .text {
    display: block;
    float: left;
    width: 438px;
}

.indexFeature li .title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 5px;
}

.indexFeature li .lead {
    line-height: 1.25;
}

.indexFeature ul li ul {
    margin-top: 10px;
}

.indexFeature ul li ul li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    padding-left: 20px;
}

.indexFeature ul li ul li .addition {
    margin-left: 5px;
}

.indexFeature .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.indexFeature .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 5-3. index feature ====================================================================== */


/* ===== 5-4. index ranking ====================================================================== */

.indexRanking {
    margin: 0 auto 30px;
    font-size: 1.6rem;
}

.indexRanking h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexRanking ul.tab {
    width: 100%;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
    display: block;
    margin-bottom: 15px;
}

.indexRanking ul.tab li {
    width: 120px;
    display: inline-block;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.indexRanking ul.tab li.current a {
    color: #575757;
    display: block;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

.indexRanking ul.tab li a {
    display: block;
    text-align: center;
    padding: 8px 0 5px;
    outline: none;
}

.indexRanking div.rankingBody {
    position: relative;
    overflow: hidden;
}

.indexRanking div.rankingBody section {
    background: #FFF;
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 100%;
}

.indexRanking div.rankingBody section.chartbeatBody {
    height: 1050px;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport {
    overflow: hidden;
    position: relative;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol {
    position: relative;
    width: 100%;
    height: 100%;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
    background-image: url(../../../images/v1/common/loading.gif);
    background-position: center 20%;
    background-repeat: no-repeat;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
    background-color: #fff;
    left: 0;
    overflow: hidden;
    position: absolute;
    border: none;
    padding-bottom: 0;
    margin-bottom: 15px;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    transition: all 350ms linear;
}

.cssgradients .indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-cover {
    opacity: 1;
}

.indexRanking div.rankingBody section.chartbeatBody .cb-rank-viewport .cb-rank-cover {
    height: 10px;
    opacity: 0.3;
    position: relative;
    width: 100%;
    z-index: 2;
}

.indexRanking div.rankingBody section.accesscountBody {
    height: 970px;
}

.indexRanking div.rankingBody section.socialcountBody {
    height: 2100px;
}

.indexRanking div.rankingBody section.photocountBody {
    height: 1900px;
}

.indexRanking .interval {
    display: block;
    text-align: left;
    padding: 5px 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px dotted #e6e6e6;
}

.indexRanking .interval span {
    margin: 0 20px 0 0;
}

.indexRanking .interval span.current a {
    color: #575757;
}

.indexRanking .modRankingwrap {
    display: block;
    margin: 0 10px 10px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.indexRanking ol {
    display: block;
}

.indexRanking ol li {
    margin-bottom: 8px;
    display: block;
}

.indexRanking ol li span {
    width: 20px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.indexRanking ol li div.photo img {
    width: 80px;
    height: 80px;
}
.indexRanking ol li span.rank,
.indexRanking ol li span.rank1, .indexRanking ol li span.rank01,
.indexRanking ol li span.rank2, .indexRanking ol li span.rank02,
.indexRanking ol li span.rank3, .indexRanking ol li span.rank03,
.indexRanking ol li span.rank4, .indexRanking ol li span.rank04,
.indexRanking ol li span.rank5, .indexRanking ol li span.rank05,
.indexRanking ol li span.rank6, .indexRanking ol li span.rank06,
.indexRanking ol li span.rank7, .indexRanking ol li span.rank07,
.indexRanking ol li span.rank8, .indexRanking ol li span.rank08,
.indexRanking ol li span.rank9, .indexRanking ol li span.rank09,
.indexRanking ol li span.rank10, .indexRanking ol li span.rank10,
.indexRanking ol li span.rank11, .indexRanking ol li span.rank11,
.indexRanking ol li span.rank12, .indexRanking ol li span.rank12,
.indexRanking ol li span.rank13, .indexRanking ol li span.rank13,
.indexRanking ol li span.rank14, .indexRanking ol li span.rank14,
.indexRanking ol li span.rank15, .indexRanking ol li span.rank15,
.indexRanking ol li span.rank16, .indexRanking ol li span.rank16,
.indexRanking ol li span.rank17, .indexRanking ol li span.rank17,
.indexRanking ol li span.rank18, .indexRanking ol li span.rank18,
.indexRanking ol li span.rank19, .indexRanking ol li span.rank19,
.indexRanking ol li span.rank20, .indexRanking ol li span.rank20,
.indexRanking ol li span.rank21, .indexRanking ol li span.rank21,
.indexRanking ol li span.rank22, .indexRanking ol li span.rank22,
.indexRanking ol li span.rank23, .indexRanking ol li span.rank23,
.indexRanking ol li span.rank24, .indexRanking ol li span.rank24,
.indexRanking ol li span.rank25, .indexRanking ol li span.rank25,
.indexRanking ol li span.rank26, .indexRanking ol li span.rank26,
.indexRanking ol li span.rank27, .indexRanking ol li span.rank27,
.indexRanking ol li span.rank28, .indexRanking ol li span.rank28,
.indexRanking ol li span.rank29, .indexRanking ol li span.rank29,
.indexRanking ol li span.rank30, .indexRanking ol li span.rank30 {
    border: 1px solid #ddd;
    text-align: center;
    color: #666;
		line-height: 22px;
		font-size:1.2rem;
		box-sizing: border-box;
}

.indexRanking li .status {
    color: rgba(0, 0, 0, 0);
    margin: 5px 0 0 25px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #B2B2B2;
}

.indexRanking li dl.status {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
}

.indexRanking li .status dd {
    display: inline-block;
    min-width: 46px;
    text-align: right;
}

.indexRanking li .status dd.tw {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_tw.png) #5cb0f0 5px center no-repeat;
}

.indexRanking li .status dd.fb {
    padding: 3px 5px 3px 26px;
    background: url(../../../images/v1/common/icon_content_fb.png) #4462a0 5px center no-repeat;
}


/* ===== 5-5. index photoranking ====================================================================== */

#indexRanking section.photocountBody ol {
    display: block;
    padding: 30px 0;
    border-top: 1px solid #e6e6e6;
}

#indexRanking section.photocountBody ol li {
    display: inline;
    float: left;
    width: 332px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #B2B2B2;
}

#indexRanking section.photocountBody ol li div {
    display: table-cell;
    vertical-align: middle;
}

#indexRanking section.photocountBody ol li .photo {
    text-align: center;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 86px;
    height: 86px;
}

#indexRanking section.photocountBody ol li .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

#indexRanking section.photocountBody ol li .text {
    padding: 0 10px;
    width: 246px;
}

#indexRanking section.photocountBody ol li span {
    width: 20px;
    height: 22px;
    margin-bottom: 5px;
    display: block;
    vertical-align: middle;
}


#indexRanking section.photocountBody ol li span.rank01,
#indexRanking section.photocountBody ol li span.rank02,
#indexRanking section.photocountBody ol li span.rank03,
#indexRanking section.photocountBody ol li span.rank04,
#indexRanking section.photocountBody ol li span.rank05,
#indexRanking section.photocountBody ol li span.rank06,
#indexRanking section.photocountBody ol li span.rank07,
#indexRanking section.photocountBody ol li span.rank08,
#indexRanking section.photocountBody ol li span.rank09,
#indexRanking section.photocountBody ol li span.rank10,
#indexRanking section.photocountBody ol li span.rank11,
#indexRanking section.photocountBody ol li span.rank12,
#indexRanking section.photocountBody ol li span.rank13,
#indexRanking section.photocountBody ol li span.rank14,
#indexRanking section.photocountBody ol li span.rank15,
#indexRanking section.photocountBody ol li span.rank16,
#indexRanking section.photocountBody ol li span.rank17,
#indexRanking section.photocountBody ol li span.rank18,
#indexRanking section.photocountBody ol li span.rank19,
#indexRanking section.photocountBody ol li span.rank20,
#indexRanking section.photocountBody ol li span.rank21,
#indexRanking section.photocountBody ol li span.rank22,
#indexRanking section.photocountBody ol li span.rank23,
#indexRanking section.photocountBody ol li span.rank24,
#indexRanking section.photocountBody ol li span.rank25,
#indexRanking section.photocountBody ol li span.rank26,
#indexRanking section.photocountBody ol li span.rank27,
#indexRanking section.photocountBody ol li span.rank28,
#indexRanking section.photocountBody ol li span.rank29,
#indexRanking section.photocountBody ol li span.rank30 {
			border: 1px solid #ddd;
			text-align: center;
			color: #666;
			line-height: 22px;
			font-size: 1.2rem;
			box-sizing: border-box;
}


/* ===== 5-6. index photo+text ====================================================================== */

.indexPhototext {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
}

.indexPhototext h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexPhototext h1 span {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 10px;
    position: absolute;
    top: 4px;
}

.indexPhototext h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

.indexPhototext h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.indexPhototext ul {
    margin-bottom: 30px;
}

.indexPhototext li {
    display: block;
    margin: 0 0 25px 0;
}

.indexPhototext li .title {
    margin-bottom: 5px;
}

.indexPhototext li .lead {
    line-height: 1.25;
}

.indexPhototext li .photo {
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 126px;
    height: 126px;
}

.indexPhototext li .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.indexPhototext .more {
    display: block;
    text-align: right;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.indexPhototext .more a {
    padding-left: 20px;
    margin-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
}


/* ===== 5-7. index motto ====================================================================== */

.indexMotto {
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem;
}

.indexMotto h1 {
    font-size: 50px;
    font-size: 5.0rem;
    color: #333;
    margin: 10px 0 30px;
}

.indexMotto .modIndextext {
    margin-bottom: 10px;
}

.indexMotto .modIndextext li {
    display: block;
    padding: 14px 0;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 17px no-repeat;
    border-bottom: 1px dotted #B2B2B2;
    padding-left: 20px;
}

.indexMotto .modIndextext li.last {
    border-bottom: none;
}

.indexMotto .indexRanking {
    margin-bottom: 20px;
}

.indexMotto .indexRanking h2 {
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

.indexMotto .indexRanking ol {
    display: block;
    padding: 0;
}

.indexMotto .indexRanking ol li {
    padding: 14px 0;
    display: block;
    border-bottom: 1px dotted #B2B2B2;
}

.indexMotto .indexRanking ol li.last {
    border-bottom: none;
}

.indexMotto .indexRanking ol li span {
	width: 20px;
	height: 22px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.indexMotto .indexRanking ol li span.rank01
.indexMotto .indexRanking ol li span.rank02
.indexMotto .indexRanking ol li span.rank03 {
	border: 1px solid #ddd;
	text-align: center;
	color: #666;
	line-height: 22px;
	font-size: 1.2rem;
	box-sizing: border-box;
}

.indexMotto .indexRanking ol li .socialbutton {
    display: block;
    margin: 5px 0 0;
    padding: 0 0 5px 26px;
    border-bottom: none;
}

.indexMotto .indexRanking ol li .socialbutton ul {
    height: 24px;
}

.indexMotto .indexRanking ol li .socialbutton li {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 24px;
    border-bottom: none;
    padding: 0;
}

.indexMotto .indexRanking .cb-rank-viewport {
    overflow: hidden;
    position: relative;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-wrapper {
    position: relative;
    height: 100%;
    z-index: 1;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-wrapper ol {
    position: relative;
    width: 100%;
    height: 100%;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-wrapper ol.now-loading {
    background-image: url(../../../images/v1/common/loading.gif);
    background-position: center 20%;
    background-repeat: no-repeat;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry {
    background-color: #fff;
    left: 0;
    overflow: hidden;
    position: absolute;
    display: block;
    border-bottom: 1px dotted #B2B2B2;
    padding: 14px 0;
    width: 100%;
}

.indexMotto .indexRanking.socialRankingContents .cb-rank-viewport .cb-rank-wrapper ol li.cb-rank-entry, .indexMotto .indexRanking li .status {
    border-bottom: none;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-wrapper ol.cb-active li.cb-rank-entry {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 350ms linear;
    -moz-transition: all 350ms linear;
    -o-transition: all 350ms linear;
    -ms-transition: all 350ms linear;
    transition: all 350ms linear;
}

.cssgradients .indexMotto .indexRanking .cb-rank-viewport .cb-rank-cover {
    opacity: 1;
}

.indexMotto .indexRanking .cb-rank-viewport .cb-rank-cover {
    height: 10px;
    opacity: 0.3;
    position: relative;
    width: 100%;
    z-index: 2;
}


/* ===== 5-8. pagenator ====================================================================== */

.pagenator {
    color: #595757;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 2.4;
    margin: 30px auto;
    text-align: center;
    clear: both;
}

.pagenator a {
    padding: 0 8px;
    color: #fff;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */

}

.pagenator a.pagePrev, .pagenator a.pageNext {
    color: #fff;
    padding: 0 20px;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */

}

.lt-ie9 .pagenator a, .lt-ie9 .pagenator a.pagePrev, .lt-ie9 .pagenator a.pageNext {
    background: url(../../../images/v1/common/bg_pagenator.png) repeat-x;
}

.pagenator a.pagePrev span {
    padding-left: 20px;
    background: url(../../../images/v1/common/icon_list_arrow_prev.png) left 6px no-repeat;
}

.pagenator a.pageNext span {
    padding-right: 20px;
    background: url(../../../images/v1/common/icon_list_arrow_next.png) right 6px no-repeat;
}

.pagenator span.current {
    padding: 0 8px;
    border: 1px solid #b2b2b2;
}

.pagenator .pagePrev:hover, .pagenator .pageNext:hover {
    text-decoration: none;
}


/* ===== 5-9. pageselector ====================================================================== */

.pageselector {
    margin: 25px auto;
    text-align: center;
}

.pageselector select#sY, .pageselector select#sM, .pageselector select#sD, .pageselector input.DSbutton {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: center;
}

.pageselector select#sY, .pageselector select#sM, .pageselector select#sD {
    margin: 10px 5px;
    padding: 0 5px;
    text-align: center;
    border: 1px solid #b2b2b2;
}

.pageselector input.DSbutton {
    margin: 0 0 0 15px;
    color: #fff;
    width: 100px;
    padding: 0px 10px;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: #014e94;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGU5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTY0YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #014e94), color-stop(100%, #0164be));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #014e94 0%, #0164be 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #014e94 0%, #0164be 100%);
    /* W3C */

}


/* --------------------------------------------
6. detail styles
--------------------------------------------*/


/* ===== 6-1. news detail ====================================================================== */

.articleText {
    margin: 0 auto 20px;
    position: relative;
}

.articleText .toolbar {
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 0;
}

.articleText .toolbar p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}

.articleText .toolbar .fontSmall, .articleText .toolbar .fontMiddium, .articleText .toolbar .fontLarge {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 3px;
    color: #fff;
    padding: 0 4px;
    border: 1px solid #808080;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    top: 0;
    right: 0;
    background: #4d4d4d;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(80%, #808080), color-stop(80%, #808080));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* W3C */
}

.articleText .toolbar .fontSmall.current, .articleText .toolbar .fontMiddium.current, .articleText .toolbar .fontLarge.current {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 3px;
    color: #808080;
    padding: 0 4px;
    border: 1px solid #808080;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    top: 0;
    right: 0;
    background: #fff;
}


/* フォントサイズ切り替え ================================= */

.articleText .fontSmall {
    cursor: pointer;
}

.articleText .fontMiddium {
    cursor: pointer;
}

.articleText .fontLarge {
    cursor: pointer;
}

.articleText .toolbar .print {
    font-size: 15px;
    font-size: 1.5rem;
    margin-left: 3px;
    color: #fff;
    padding: 0 8px;
    border: 1px solid #808080;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    top: 0;
    right: 0;
    background: #4d4d4d;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(80%, #808080), color-stop(80%, #808080));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4d4d4d 0%, #808080 80%, #808080 80%);
    /* W3C */

}

.articleText .toolbar .print a {
    color: #fff;
    background: url(../../../images/v1/common/icon_content_print.png) left center no-repeat;
    padding-left: 26px;
}

.articleText article h1 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 15px;
}

.articleText article h1 .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    padding: 4px 5px;
    margin-bottom: 10px;
    display: inline-block;
    clear: right;
    background-color: #e61647;
}

.articleText article .addition {
    display: block;
    padding: 4px 0 10px;
}

.articleText article .addition time {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #898989;
}

.articleText article .fontSmallText p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8;
    margin-bottom: 15px;
}

.articleText article .fontMiddiumText p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    margin-bottom: 15px;
}

.articleText article .fontLargeText p {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.8;
    margin-bottom: 15px;
}


/* add information /20140415 ===== */

.articleText article .addInformation {
    margin: 0 20px;
    padding: 15px 0px;
}

.articleText article .addInformation p {
    line-height: 1.5em;
}

.articleText article .fontSmallText .addInformation p {
    font-size: 12px;
    font-size: 1.2rem;
}

.articleText article .fontMiddiumText .addInformation p {
    font-size: 14px;
    font-size: 1.4rem;
}

.articleText article .fontLargeText .addInformation p {
    font-size: 16px;
    font-size: 1.6rem;
}


/* add information /20140415 ===== */

.articleText article .fontSmallText span.subhead {
    font-size: 17px;
    font-size: 1.7rem;
    border-left: 10px solid #0159a9;
    padding-left: 18px;
    margin-top: 50px;
    display: inline;
}

.articleText article .fontMiddiumText span.subhead {
    font-size: 20px;
    font-size: 2.0rem;
    border-left: 10px solid #0159a9;
    padding-left: 18px;
    margin-top: 50px;
    display: inline;
}

.articleText article .fontLargeText span.subhead {
    font-size: 22px;
    font-size: 2.2rem;
    border-left: 10px solid #0159a9;
    padding-left: 18px;
    margin-top: 50px;
    display: inline;
}

.articleText article span.strong {
    font-weight: bold;
}

.articleText article span.center {
    text-align: center;
    display: block;
}


/* 右寄せ */

.articleText article span.right {
    text-align: right;
    display: block;
}

.articleText article p.pagePrev {}

.articleText article p.pagePrev a {
    background: url(../../../images/v1/common/icon_group_pagePrev.png) left center no-repeat;
    padding-left: 30px;
}

.articleText article p.pageNext {
    text-align: right;
    background: url(../../../images/v1/common/icon_group_pageNext.png) right 4px no-repeat;
}

.articleText article p.pageNext a {
    padding-right: 30px;
}

.articleText article .fontSmallText p.pageNextsubhead {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) right 6px no-repeat;
    padding-right: 20px;
}

.articleText article .fontSmallText p.kijilink {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 6px no-repeat;
    padding-left: 20px;
}

.articleText article .fontMiddiumText p.pageNextsubhead {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) right 6px no-repeat;
    padding-right: 20px;
}

.articleText article .fontMiddiumText p.kijilink {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 4px no-repeat;
    padding-left: 20px;
    display: inline;
}

.articleText article .fontLargeText p.pageNextsubhead {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: right;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) right 6px no-repeat;
    padding-right: 20px;
}

.articleText article .fontLargeText p.kijilink {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: left;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 6px no-repeat;
    padding-left: 20px;
}

.articleText article p.kijilink strong {
    font-weight: bold;
}

.articleText article .photo {
    display: block;
    float: right;
    margin: 0 0 10px 10px;
    width: 206px;
}

.articleText article .photo a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

.articleText article #photoAdSet {
    float: left;
    margin: 0 !important;
}

.articleText article #photoAdSet .photo {
    float: none;
    margin: 0 20px 20px 0;
    width: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.articleText article #photoAdSet .photo a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 300px;
}

.articleText article .photo .caption {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.25;
    margin-top: 10px;
    display: block;
    text-align: left;
    color: #898989;
}

.articleText article .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.articleText .socialbutton {
    display: block;
    margin-bottom: 20px;
}

.articleText .socialbutton ul.socialBox {
    display: inline-block;
    float: left;
    height: 24px;
    margin-top: 6px;
}

.articleText .socialbutton ul.socialBox li {
    width: auto;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    height: 24px;
}

.lt-ie8 .articleText .socialbutton ul.socialBox li {
    display: inline;
    zoom: 1;
}

#___plusone_0 {
    width: 60px !important;
}

.articleText .socialbutton ul.socialBox li .twList {
    height: 20px;
    width: 46px;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-left: 6px;
    position: relative;
    border: 1px solid #ccc;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.articleText .socialbutton ul.socialBox li .twList :after, .articleText .socialbutton ul.socialBox li .twList :before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.articleText .socialbutton ul.socialBox li .twList :after {
    border-right-color: #ffffff;
    border-width: 3px;
    margin-top: -3px;
}

.articleText .socialbutton ul.socialBox li .twList :before {
    border-right-color: #cccccc;
    border-width: 5px;
    margin-top: -5px;
}

.articleText .socialbutton ul.socialBox li .twList a {
    font-size: 12px;
    color: #0c7abf;
    padding: 2px 10px;
    line-height: 20px;
}

.articleText .socialbutton span.pageProperty {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 31px;
    display: inline-block;
    float: right;
}

.articleText .socialbutton span.credit {
    display: inline-block;
    float: right;
    margin-left: 15px;
}

.articleText article .photoWired {
    display: block;
    margin: 0 auto 10px;
    width: 606px;
    text-align: center;
}

.articleText article .photoWired a {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 606px;
}

.articleText article .photoWired img {
    display: block;
    margin: 2px auto 0;
    vertical-align: middle;
    padding: 0 0 2px;
}

.articleText article .igoshogi {
    display: block;
    margin: 10px 20px;
}

.articleText article .igoshogi img {
    display: block;
}

.articleText article .igoshogi span {
    font-size: 12px;
    font-size: 1.2rem;
}


/* profile ================================= */

.editorProfile {
    border: 2px solid #d5f0fb;
    padding: 10px;
}

.articleText .editorProfile .photo {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    width: auto;
}

.articleText .editorProfile .photo img {
    margin: 0;
    padding: 0;
}

.editorProfile .text {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}

.editorProfile .text .title {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}


/* link prtimes ================================= */

.linkPrtimes {
    font-size: 14px;
    margin: 20px 0;
    text-align: right;
    vertical-align: middle;
}

.linkPrtimes span {
    margin-left: 20px;
    display: inline-block;
}

.linkPrtimes span a {
    display: inline;
}


/* フローティング固定ボックス ================================= */

.socialFloatingFixedBox {
    display: none;
    height: 100px !important;
    z-index: 9999;
    margin: 0 !important;
    width: 112px;
}

.articleText .socialbutton .socialFloatingFixedBox ul {
    display: block;
    float: none;
    height: auto;
    padding: 5px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
}

.articleText .socialbutton .socialFloatingFixedBox li {
    display: block;
    vertical-align: middle;
    height: auto;
    margin: 0 auto 10px;
    text-align: center;
}

.articleText .socialbutton .socialFloatingFixedBox li:first-of-type {
    height: 70px;
}

.articleText .socialbutton .socialFloatingFixedBox .boxTw, .articleText .socialbutton .socialFloatingFixedBox .boxFb, .articleText .socialbutton .socialFloatingFixedBox .boxGp {
    margin: 0 auto 10px;
    text-align: center;
}

.articleText .socialbutton .socialFloatingFixedBox .boxTw iframe {
    width: 68px !important;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList {
    width: 75px;
    height: 30px;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin: 0 auto 6px;
    position: relative;
    border: 1px solid #ccc;
    vertical-align: top;
    display: block;
    top: -20px;
}

iframe#twitter-widget-1.twitter-share-button.twitter-share-button-rendered.twitter-tweet-button {
    position: relative !important;
    top: 45px;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList :after, .articleText .socialbutton .socialFloatingFixedBox li .twList :before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList :after {
    border-top-color: #ffffff;
    border-width: 3px;
    margin-left: -3px;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList :before {
    border-top-color: #cccccc;
    border-width: 5px;
    margin-left: -5px;
}

.articleText .socialbutton .socialFloatingFixedBox li .twList a {
    font-size: 14px;
    color: #0c7abf;
    padding: 10px;
    line-height: 30px;
}


/* ===== 4-5. module relatedserviceの変形 ===== */

.articleModule:after {
    content: ".";
    clear: both;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    display: block;
    visibility: hidden;
}

.articleModule #modRelatedservice {
    width: 204px;
    margin: 0 auto;
    float: right;
}


/* ===== オピニオン ===== */

.articleModule #modRelatedservice #modDiscussion {
    width: 100%;
    display: block;
    float: none;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.articleModule #modRelatedservice #modDiscussion h1 {
    color: #ef8200;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */

}

.articleModule #modRelatedservice #modDiscussion ul {
    padding: 0 10px;
}

.articleModule #modRelatedservice #modDiscussion li {
    background: url(../../../images/v1/common/icon_list_arroworange.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
}

.articleModule #modRelatedservice #modDiscussion li.headline {
    margin-bottom: 15px;
    background: none;
}

.articleModule #modRelatedservice #modDiscussion li.headline a {
    margin-left: 0;
}

.articleModule #modRelatedservice #modDiscussion li.headline div {
    vertical-align: middle;
}

.articleModule #modRelatedservice #modDiscussion .photo {
    background-color: #fff;
    text-align: center;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.articleModule #modRelatedservice #modDiscussion .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}


/* ===== 産経フォト ===== */

.articleModule #modRelatedservice #modPhotos {
    width: 100%;
    display: block;
    float: none;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.articleModule #modRelatedservice #modPhotos h1 {
    color: #00b8ee;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */

}

.articleModule #modRelatedservice #modPhotos .photo {
    background-color: #fff;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 126px;
    height: 86px;
}

.articleModule #modRelatedservice #modPhotos .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.articleModule #modRelatedservice #modPhotos .title {
    margin: 0 10px 5px;
}

.articleModule #modRelatedservice #modPhotos .lead {
    line-height: 1.2;
    margin: 0 10px;
}


/* ===== 産経west ===== */

.articleModule #modRelatedservice #modWest {
    width: 100%;
    display: block;
    float: none;
    font-size: 15px;
    font-size: 1.5rem;
    background-color: #f7f7f7;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
}

.articleModule #modRelatedservice #modWest h1 {
    color: #eb4b80;
    padding: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #f7f7f7));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #f7f7f7 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #f7f7f7 40%);
    /* W3C */

}

.articleModule #modRelatedservice #modWest ul {
    padding: 0 10px;
}

.articleModule #modRelatedservice #modWest li {
    background: url(../../../images/v1/common/icon_list_arrowpink.png) left 4px no-repeat;
    margin-bottom: 5px;
    display: block;
}

.articleModule #modRelatedservice #modWest li a {}


/* ===== 4-7. module newslistの変形 ===== */

.articleModule .modIndextext {
    margin: 0 auto 20px;
    font-size: 15px;
    font-size: 1.5rem;
    width: 440px;
    display: block;
    float: left;
}

.articleModule .modIndextext ul {
    margin-bottom: 10px;
}

.articleModule .modIndextext li {
    display: block;
    margin: 0 0 5px;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    position: relative;
    padding-left: 20px;
}

.articleModule .modIndextext li a {
    display: inline;
    width: auto;
}

.articleModule .modIndextext li.separator {
    margin: 0 0 30px 0;
}

.articleModule .modIndextext li .addition {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 5px;
    position: static;
}

.articleModule .modIndextext .more {
    display: block;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 5px 0;
    border-top: 1px dotted #B2B2B2;
}

.articleModule .modIndextext .more a {
    line-height: 1.2;
    padding-left: 20px;
    margin: 0 20px 10px 0;
    display: inline-block;
    background: url(../../../images/v1/common/icon_list_arrowwhite.png) left 2px no-repeat;
}

.lt-ie8 .articleModule .modIndextext .more a {
    display: inline;
    zoom: 1;
}


/* ===== 6-2. photo detail ====================================================================== */

.articlePhoto {}

.articlePhoto h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #113b7d;
    margin: 0 0 10px;
}

.articlePhoto h1 span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    display: block;
    color: #898989;
}

.articlePhoto .photo {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
    position: relative;
}

.articlePhoto p {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 30px 20px;
    color: #898989;
}

.articlePhoto .photo span.articlePhotoimage {
    margin: 0 auto 10px;
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    max-width: 606px;
    max-height: 606px;
    position: relative;
}

.articlePhoto .photo a.pagePrev {
    text-decoration: none;
    width: 24px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: #333333;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #333333 0%, #000000 90%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333333), color-stop(90%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #333333 0%, #000000 90%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #333333 0%, #000000 90%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #333333 0%, #000000 90%);
    /* IE10+ */
    background: linear-gradient(to right, #333333 0%, #000000 90%);
    /* W3C */

}

.articlePhoto .photo a.pagePrev:hover {
    background: #808080;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #808080), color-stop(100%, #4d4d4d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* IE10+ */
    background: linear-gradient(to right, #808080 0%, #4d4d4d 100%);
    /* W3C */

}

.articlePhoto .photo a.pagePrev span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 24px;
    height: 150px;
    display: block;
    background: url(../../../images/v1/common/icon_content_prev.png) center center no-repeat;
}

.articlePhoto .photo a.pageNext {
    text-decoration: none;
    width: 24px;
    height: 150px;
    position: absolute;
    top: 0;
    right: 0;
    background: #333333;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left, #333333 0%, #000000 90%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333333), color-stop(90%, #000000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #333333 0%, #000000 90%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #333333 0%, #000000 90%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #333333 0%, #000000 90%);
    /* IE10+ */
    background: linear-gradient(to right, #333333 0%, #000000 90%);
    /* W3C */

}

.articlePhoto .photo a.pageNext:hover {
    background: #808080;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgwODA4MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZDRkNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #808080), color-stop(100%, #4d4d4d));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #808080 0%, #4d4d4d 100%);
    /* IE10+ */
    background: linear-gradient(to right, #808080 0%, #4d4d4d 100%);
    /* W3C */

}

.articlePhoto .photo a.pageNext span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 24px;
    height: 150px;
    display: block;
    background: url(../../../images/v1/common/icon_content_next.png) center center no-repeat;
}

.articlePhoto .photo div.pagePrev {
    text-decoration: none;
    width: 24px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    background: #eeeeee;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eeeeee), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #eeeeee 0%, #e5e5e5 100%);
    /* W3C */

}

.articlePhoto .photo div.pageNext {
    text-decoration: none;
    width: 24px;
    height: 150px;
    position: absolute;
    top: 0;
    right: 0;
    background: #eeeeee;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eeeeee), color-stop(100%, #e5e5e5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #eeeeee 0%, #e5e5e5 100%);
    /* IE10+ */
    background: linear-gradient(to right, #eeeeee 0%, #e5e5e5 100%);
    /* W3C */

}

.articlePhoto .photo div.pagePrev span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 24px;
    height: 150px;
    display: block;
    background: url(../../../images/v1/common/icon_content_prev.png) center center no-repeat;
}

.articlePhoto .photo div.pageNext span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 24px;
    height: 150px;
    display: block;
    background: url(../../../images/v1/common/icon_content_next.png) center center no-repeat;
}

.articlePhoto .photo a.pageReturn {
    text-decoration: none;
    width: 24px;
    height: 110px;
    position: absolute;
    top: 160px;
    left: 0;
}

.articlePhoto .photo a.pageReturn span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 24px;
    height: 110px;
    display: block;
    background: url(../../../images/v1/common/icon_content_return.png) center center no-repeat;
}

.articlePhoto .photo a.photoZoom {
    text-decoration: none;
    color: rgba(0, 0, 0, 0);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: #000000;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #000000 0%, #333333 90%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(90%, #333333));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%, #333333 90%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%, #333333 90%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%, #333333 90%);
    /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%, #333333 90%);
    /* W3C */

    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.articlePhoto .photo a.photoZoom span {
    color: rgba(0, 0, 0, 0);
    font-size: 0.1em;
    width: 40px;
    height: 40px;
    display: block;
    background: url(../../../images/v1/common/icon_content_zoom.png) center center no-repeat;
}

.articlePhoto img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}


/* ===== 6-3. feature detail ====================================================================== */

.articleFeature {}

.articleFeature h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.articleFeature .lead {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 20px 0 40px;
}

.articleFeature article {
    padding-bottom: 30px;
}

.articleFeature article h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    padding: 0 0 30px;
    margin: 0;
    background: none;
    position: static;
}

.articleFeature article h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.articleFeature article .addition {
    display: block;
    padding-bottom: 10px;
}

.articleFeature article time {
    color: #898989;
    font-size: 12px;
    font-size: 1.2rem;
    margin: 0 5px;
}

.articleFeature article p {
    font-size: 15px;
    font-size: 1.5rem;
}

.articleFeature article .photo {
    text-align: center;
    display: block;
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    width: 206px;
}

.articleFeature article .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

/* === 日露首脳会談用　2016/12/7 */
.featurePhoto{text-align: center; padding-bottom: 25px;}

.textArea{font-size: 15px; font-size: 1.5rem; line-height: 1.3;}
.wrapper{margin-bottom: 30px;}
.wrapper .textArea{float: left;width: 400px;}
.wrapper .photoArea{float: right; width: 250px;}
.wrapper .photoArea img{ width: 250px; margin-bottom: 15px;}
.featureTitle{
font-size: 20px;font-size: 2rem; font-weight: bold;
color: #333;margin: 20px 0 10px;padding-bottom: 18px;
background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
position: relative;}
.textArea .featureTitle03{font-size: 18px; font-size: 1.8rem;color: #113B7D;font-weight: bold;margin: 20px 0 5px;text-align: center; }
.textArea .featureTitle04{font-weight: bold;border-radius:2px;border: 1px solid #113B7D;padding:5px;margin: 15px 0 5px; }
.textArea .featureTitle04:first-child{margin-top: 0;}
.textArea .att{font-size: 12px; font-size: 1.2rem;color: #888;}
.textArea .att.bg{background: #fefefe;border: 1px solid #ccc; border-radius:2px; padding:8px;margin: 8px 0;}
/* 差し込み記事 */
.insertArticle{
margin: 0 0 10px;
padding: 10px;
border: 1px solid #ccc;
font-size: 1.6rem;
}
.insertArticle .title{
    display: inline-block;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 0px no-repeat;
    margin-bottom: 5px;
    display: block;
    padding-left: 20px;
    line-height: 1;
}
/*
.insertArticle .photo{
    float:right;
    width: 80px;
    height: 80px;
    display: block;
    vertical-align: bottom;
    margin:0;
    padding:0;
}
.insertArticle .photo img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
*/
/* ボタン */
.featureBtn {
	font-size: 1.6rem;
    width: 310px;
    float: left;
    color: #fff;
    margin: 10px;
    border: 1px solid #efefef;
		text-align: center;
		line-height: 1.4;
}
.featureBtn a{
	display: block;
	padding: 15px 0;
	background: #014686;
	color: #fff;
}
.featureBtn.blank a{
	font-size: 1.4rem;
background: #fff;
color: #113b7d;
background: url(../../../images/v1/common/icon_list_outerblue.png) 10px center no-repeat;
padding-left: 20px;
}
.featureBtn.blank a:hover{
	background: #cce1f5 url(../../../images/v1/common/icon_list_outerblue.png) 10px center no-repeat;
}
/* 関連ニュース */
.featureNews{font-size: 15px;font-size: 1.5rem;line-height: 1.2; margin-bottom: 15px;}
.featureNews li{margin-bottom: 10px;}
.featureNews .title{font-size: 18px;font-size: 1.8rem;}
.featureNews .lead {margin: 10px 0 15px !important;}
.featureNews .photo{text-align: center;display: block;float: right;margin: 0 0 0 10px;border: 1px solid #e6e6e6;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;width: 100px;height: 100px;}
.photoArea .cap{font-size:12px;line-height: 1.4; color: #666; margin:-10px 0 25px;}
.featureNews .photo img{width:auto; height: auto; max-width: 100%; max-height: 100%;}
/* IRONNA */
.featureIronna{font-size: 15px;font-size: 1.5rem;line-height: 1.2; margin: 15px 0;}
.featureIronna h2{background: url(http://ironna.jp/assets/img/svg/header_logo_pc.svg) no-repeat;margin-bottom: 15px;height: 30px;background-size: 120px auto;}
.featureIronna li{display: inline-block;width: 210px;margin: 0 5px 10px 0;border: 1px solid #ccc;vertical-align: top;;min-height: 270px;overflow: hidden;}
.featureIronna li .photo{display: block;width:210px;height: 145px; background: #e1e1e1;text-align: center;}
.featureIronna li .photo img{width:auto; height:auto; max-width: 100%; max-height:100%;}
.featureIronna li .title{padding: 8px;}
/* pickupFeature */
.pickupFeature{font-size: 15px;font-size: 1.5rem;line-height: 1.2; margin: 15px 0;}
.pickupFeature h2{font-weight: bold;color: #333;margin-bottom: 10px;font-size: 16px;font-size: 1.6rem;}
.pickupFeature li{display: inline-block;width: 210px;margin: 0 5px 10px 0;border: 1px solid #ccc;vertical-align: top;min-height: 270px;overflow: hidden;}
.pickupFeature li .photo{display: block;width:210px;height: 145px; background: #e1e1e1;text-align: center;}
.pickupFeature li .photo img{width:auto; height:auto; max-width: 100%; max-height:100%;}
.pickupFeature li .title{padding: 8px;}
/* === 日露首脳会談用　2016/12/7 */

/* PARA☆DO :add 20170105 */
.featureParado{font-size: 15px;font-size: 1.5rem;line-height: 1.2; margin: 15px 0;}
.featureParado h2 a{position: relative;display: block;width: 100%;background: url(../../../images/v1/parasports/logo.png) no-repeat;margin-bottom: 15px;height: 30px;background-size: 200px auto;}
.featureParado h2 a span.subTitle{position:absolute;left: 210px; bottom:0; color:#999;}
.featureParado h2 a span.sponsored{position:absolute;left: 520px; bottom:-4px; color:#999;}
.featureParado li{display: inline-block;width: 210px;margin: 0 5px 10px 0;border: 1px solid #ccc;vertical-align: top;;min-height: 270px;overflow: hidden;}
.featureParado li .photo{display: block;width:210px;height: 145px; background: #e1e1e1;text-align: center;}
.featureParado li .photo img{width:auto; height:auto; max-width: 100%; max-height:100%;}
.featureParado li .title{padding: 8px;}
/* PARA☆DO :add 20170105 */

/* 2017wbc */
.gameList{margin-top: 15px;margin-bottom: 30px;}
.gameList li{line-height: 1.5;margin-bottom: 10px;}
.gameList li a{margin-right: 20px; display: inline-block; width: 280px;}
.gameList li a span{padding-right: 5px;}
.gameList li a span.JPN{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_jpn.gif)left center no-repeat;
}
.gameList li a span.CUB{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_cub.gif)left center no-repeat;
}
.gameList li a span.AUS{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_aus.gif)left center no-repeat;
}
.gameList li a span.CHN{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_chn.gif)left center no-repeat;
}
.gameList li a span.NED{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_ned.gif)left center no-repeat;
}
.gameList li a span.ISR{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_isr.gif)left center no-repeat;
}
.gameList li a span.DOM{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_dom.gif)left center no-repeat;
}
.gameList li a span.PRI{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_pri.gif)left center no-repeat;
}
.gameList li a span.USA{
padding-left: 35px;
background: url(http://www.sankei.com/apr_news/images/v1/rio2016/flags/20_usa.gif)left center no-repeat;
}

/* ===== 6-4. photo detail ====================================================================== */

.bodPhotozoom .contentWrap {
    width: 100%;
    box-shadow: none;
}

.bodPhotozoom #headerMod #logo {
    margin-left: 0;
}

.modPhotozoom {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bodPhotozoom footer {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

.bodPhotozoom header {
    border-bottom: 5px solid #044e95;
}

#headerMod #photozoomclose {
    text-align: center;
    width: 150px;
    height: 30px;
    position: absolute;
    display: block;
    vertical-align: middle;
    top: 25px;
    right: 0;
    border: 1px solid #014e94;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    text-align: center;
    background: #044e95;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA0NGU5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDYxYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #044e95), color-stop(100%, #0061bf));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #044e95 0%, #0061bf 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #044e95 0%, #0061bf 100%);
    /* W3C */

    cursor: pointer;
}

#headerMod #photozoomclose a {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    padding-left: 26px;
    background: url(../../../images/v1/common/icon_content_photoclose.png) center left no-repeat;
}


/* ===== 6-5. newsprint detail ====================================================================== */

.bodPrint .contentWrap {
    width: 1024px;
    margin: 0 auto;
    box-shadow: none;
}

.bodPrint #headerMod #logo {
    margin-left: 0;
}

.modPrint {
    width: 1024px;
}

.modPrint h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #000;
    margin: 0 0 20px;
}

.modPrint time {
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    display: block;
    margin: 0 0 10px;
}

.modPrint p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.modPrint .photo {
    text-align: center;
    display: block;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    float: right;
    margin: 0 0 10px 10px;
    width: 206px;
}

.modPrint .photo .caption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
    margin: 5px;
    display: block;
    text-align: left;
    color: #898989;
}

.modPrint .photo img {
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    padding: 2px;
}

.bodPrint footer {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin: 15px auto;
    text-align: center;
}

.bodPrint header {
    border-bottom: 5px solid #000;
}

#headerMod #printclose {
    text-align: center;
    width: 150px;
    height: 30px;
    position: absolute;
    display: block;
    vertical-align: middle;
    top: 25px;
    right: 0;
    text-align: center;
    background: #000;
}

#headerMod #printclose a {
    font-size: 15px;
    font-size: 1.5rem;
    color: #fff;
    padding-left: 26px;
    background: url(../../../images/v1/common/icon_content_photoclose.png) center left no-repeat;
}


/* --------------------------------------------
7. static detail
--------------------------------------------*/


/* ===== 7-1. weather detail ====================================================================== */

.indexWeather {
    margin: 0 0 25px;
}

.indexWeather h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.indexWeather h1 span {
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    right: 15px;
    bottom: 18px;
}

.indexWeather h2 {
    font-size: 17px;
    font-size: 1.7rem;
    color: #333;
    border: 1px solid #e6e6e6;
    padding: 8px 10px 5px;
    margin-bottom: 10px;
    background: #e5e5e5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(40%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 40%);
    /* IE10+ */
    background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 40%);
    /* W3C */

}

.indexWeather h2 span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 15px;
    color: #666;
}

.indexWeather h3 {
    font-size: 15px;
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.indexWeather p.timestamp {
    margin: 0 0 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
    color: #B3B3B3;
}

.indexWeather p.detail {
    margin: 0 0 25px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8;
}

.indexWeather p.detail span {
    display: block;
    text-align: center;
}

.indexWeather table.WeatherTable01 {
    margin: 0 0 20px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.indexWeather table.WeatherTable01 th, .indexWeather table.WeatherTable01 td {
    padding: 5px 10px;
    border: 1px solid #E6E6E6;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
    font-weight: normal;
    vertical-align: middle;
}

.indexWeather table.WeatherTable01 th {
    background: #EFF2FC;
}

.indexWeather table.WeatherTable01 .place {
    width: 70px;
    background: #EFEFEF;
}

.indexWeather table.WeatherTable01 .detail {
    width: 70px;
}

.indexWeather table.WeatherTable01 .title {
    background: #EFEFEF;
}

.indexWeather table.WeatherTable01 .date {
    white-space: nowrap;
}

.indexWeather table.WeatherTable01 .list {
    text-align: left;
}

.indexWeather p.navigation {
    margin: 0 0 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
}

.indexWeather .WeatherAreaset {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.indexWeather .WeatherAreaset label {
    display: none;
}

.indexWeather .WeatherAreaset #weatherArea, .indexWeather .WeatherAreaset #weatherProvince, .indexWeather .WeatherAreaset #weatherPoint {
    display: inline-block;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #E6E6E6;
}


/* ===== 7-2. smartphone changeview ====================================================================== */

#chgview {
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

#chgview #deviceKit {
    font-size: 36px;
    font-size: 3.6rem;
    height: 75px;
    line-height: 75px;
    width: 1024px;
    margin: 0 auto;
    vertical-align: middle;
}

#chgview #deviceKit a {
    background-color: #e6e6e6;
    display: block;
}


/* ===== 7-3. error ====================================================================== */

.moduleError {
    margin: 50px auto;
}

.moduleError p {
    font-size: 20px;
    font-size: 2.0rem;
    text-align: center;
    margin-bottom: 40px;
}


/* ===== 7-4. frequency ====================================================================== */

.frequency {
    margin: 0 auto 15px;
}

.frequency h1 {
    font-size: 22px;
    font-size: 2.2rem;
    color: #333;
    margin: 20px 0;
    padding-bottom: 18px;
    background: url(../../../images/v1/common/bg_categorytitle.png) left bottom repeat-x;
    position: relative;
}

.frequency .lead {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 0 40px;
}

.frequency div {
    padding-bottom: 30px;
}

.frequency div h2 {
    color: #0064bf;
    font-size: 22px;
    font-size: 2.2rem;
    padding-bottom: 20px;
    margin: 0;
    border: none;
}

.frequency div {
    display: block;
    padding: 20px;
    border: 1px solid #e6e6e6;
    margin-bottom: 30px;
}

.frequency div p {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.frequency div p.more {
    display: block;
    background: url(../../../images/v1/common/icon_list_arrowblue.png) left 4px no-repeat;
    position: relative;
    padding-left: 20px;
}


/* --------------------------------------------
8. others
--------------------------------------------*/


/* ===== 8-1. app box ====================================================================== */


/*
 * widget default styles for appBox
 */

#contentsOverlay {
    width: 100%;
    background-color: #c0c0c0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

#contentsOverlay.active {
    display: block;
}

.rgba #contentsOverlay {
    background-color: rgba(0, 0, 0, 0.4);
}

#windowContainer {
    width: 100%;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

#windowContainer .boxWrapper {
    height: 1px;
    overflow: hidden;
}


/* ===== 8-2. swiper ====================================================================== */


/*
 * Swiper 2.7.0
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: August 30, 2014
*/


/* ===============================================================
Basic Swiper Styles
================================================================*/

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}


/* ===== 8-3. topilog ====================================================================== */

#blogQuotationWrap {
    position: relative;
    width: 140px;
}

#blogQuotationWrap img {
    border: none;
}

#blogQuotationWrap #blogQuotationWrapTitle {
    float: left;
    margin: 0;
    padding: 0;
    height: 19px;
    border: solid 1px #ccc;
    border-radius: 3px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff, #dedede);
    background-image: linear-gradient(#fff, #dedede);
    line-height: 0;
}

#blogQuotationWrap #blogQuotationWrapTitle:hover {
    border: 1px solid #999;
}

#blogQuotationWrap #blogQuotationWrapTitle a#quoteThis {
    display: inline-block;
    padding: 1px 3px 0 23px;
    background-position: 4px 2px;
    background-repeat: no-repeat;
    color: #3e3e3e;
    vertical-align: top;
    text-decoration: none;
    font: normal bold normal 11px/18px 'Helvetica Neue', Arial, sans-serif;
}

#blogQuotationWrap #blogQuotationWrapTitle a#quoteThis {
    background-image: url(http://afpbb.ismcdn.jp/common/images/afp/sprite-white.png);
}

#blogQuotationWrap #blogQuotationWrapServiceList {
    position: absolute;
    top: 20px;
    left: 8px;
    display: none;
    float: none;
    margin: 0 -10px 0 0;
    padding: 0;
    width: 198px;
    height: auto;
    background: #ffffff;
}

#blogQuotationWrap #blogQuotationWrapServiceList #blogQuotationWrapServiceListWrapper {
    padding: 0 10px 10px 10px;
    border: solid 1px #cccccc;
    background: #f2f2f2;
}

#blogQuotationWrap #blogQuotationWrapServiceList ul {
    position: relative;
    margin: 0 12px 0 0;
    padding: 0;
    width: 82px;
    height: auto;
    background: none;
    float: left;
}

#blogQuotationWrap #blogQuotationWrapServiceList ul#serviceListRight {
    margin: 0;
}

#blogQuotationWrap #blogQuotationWrapServiceList ul li {
    height: auto;
    background: transparent;
    background-image: none;
}

#blogQuotationWrap #blogQuotationWrapServiceList ul li a {
    display: block;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    width: 80px;
    border: solid 1px #aaaaaa;
    background: #ffffff;
    vertical-align: middle;
    text-align: center;
}

#blogQuotationWrap #blogQuotationWrapServiceList #blogQuotationWrapInfo {
    float: none;
    clear: left;
    margin: 0;
    padding: 5px 0 0 0;
    width: 178px;
    text-align: left;
    font-size: 10px;
}

#blogQuotationNumber {
    position: absolute;
    left: 96px;
    top: 2px;
    width: 32px;
    line-height: 0;
    overflow: hidden;
}

#blogQuotationWrap .quotationCountButton {
    display: inline-block;
    margin: 0px 0 0 6px;
    padding: 0px 1px;
    min-width: 16px;
    border: 1px solid #c1c1c1;
    background: #fff;
    text-align: center;
    white-space: nowrap;
    font: normal normal normal 11px/18px 'Helvetica Neue', Arial, sans-serif;
}

#blogQuotationWrap .quotationCountButtonNub {
    position: relative;
    top: -14px;
    left: 2px;
    z-index: 2;
    width: 5px;
    height: 0;
}

#blogQuotationWrap .quotationCountButtonNub s, #blogQuotationWrap .quotationCountButtonNub i {
    position: relative;
    top: -2px;
    display: block;
    border-width: 4px 5px 4px 0;
    border-style: solid;
    border-color: transparent #D7D7D7 transparent;
}

#blogQuotationWrap .quotationCountButtonNub i {
    top: -10px;
    left: 2px;
    border-right-color: #fff;
}


/* ===== 8-4. banner ====================================================================== */

#contentInduction,
.contentInductions {
    margin: 0 auto 10px;
    display: block;
}
.inductionWrap .contentInductions {
  float: left;
  margin-right: 15px;
}

#contentInduction a, #contentInduction img,
.contentInductions a, .contentInductions img {
    display: block;
}


/* ===== 8-5. video ====================================================================== */

article video {
    display: block;
    margin: 15px auto;
    text-align: center;
    width: 640px;
    height: 480px;
}

article video source {
    width: 100%;
    height: 100%;
}


/* ===== 8-6. english template ====================================================================== */

.contentBox.english {
    word-wrap: break-word;
}

.contentBox.english .topMain, .contentBox.english .modIndextext {
    font-family: georgia, 'times new roman', serif;
}

.contentBox.english article p {
    font-family: georgia, 'times new roman', serif;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.contentBox.english #primary aside#adInductionleft {
    padding-left: 0;
}

.contentBox.english .headerWrap #headerMod {
    padding: 0;
}

.contentBox.english #logo {
    padding-top: 15px;
}

.contentBox.english .modSearchBox, .contentBox.english .modSocialbtn {
    padding-top: 20px;
}

.contentBox.english .footerIndex h1 {
    background: url(../../../images/v1/basic/logo_header_news_english.png) left center no-repeat;
    background-size: 120px auto;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.contentBox.english .footerIndex .f2t {
    width: 180px;
    height: 30px;
    display: block;
    background-color: #808080;
    position: absolute;
    top: 0;
    right: 0;
}

.contentBox.english .footerIndex .f2t a {
    color: #fff;
    width: 180px;
    text-indent: 25px;
    line-height: 30px;
    display: block;
    background: url(../../../images/v1/common/icon_footer_f2t.png) 95% 50% no-repeat;
}

.contentBox.english .footerMainarea footer ul {
    text-align: left;
}


/* font-family */

.contentBox.english .articleText, .contentBox.english #modIndexphoto {
    word-wrap: break-word;
}

.contentBox.english article, .contentBox.english .topMain, .contentBox.english .modIndextext, .contentBox.english .indexText {
    font-family: georgia, 'times new roman', serif;
}