@charset "utf-8";
/* reset 
-----------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6,h2,h3{font-weight:normal;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {font-weight:normal;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #ccc;border-radius: 0;border-radius:3px;font-size:16px;}
a {cursor: pointer;outline: none;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#2B2B2B;}
table { border-collapse:collapse;border-spacing:0; }
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}
html, body {background:#fff;position:relative;z-index:0;color:#2B2B2B;-webkit-print-color-adjust: exact;word-break: break-all;font-weight:normal;
font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3","游ゴシック", "メイリオ", sans-serif;-webkit-text-size-adjust: 100%;}
html{font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */}
body {font-size: 14px; font-size: 1.4em;line-height:1.65;}
#root *,#root *:before,#root *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.opa a:hover{opacity:0.65;}
p{margin:5px 0;}

#indexSlider {position:relative;overflow:hidden;z-index:0;width:100%;height:473px;margin:0 auto;padding:0;}
.slider{height:530px;margin:0 auto;position:relative;}
.slider ul{margin:0;padding:0;list-style:none;}
.slider ul li{width:100%;height:473px;position:absolute;top:0;left:0;animation-iteration-count:infinite;animation-duration:36s;}
.slider ul li:nth-child(1){animation-name:slider;animation-delay:0s;}
.slider ul li:nth-child(2){animation-name:slider;animation-delay:6s;opacity:0;}
.slider ul li:nth-child(3){animation-name:slider;animation-delay:12s;opacity:0;}
.slider ul li:nth-child(4){animation-name:slider;animation-delay:18s;opacity:0;}
.slider ul li:nth-child(5){animation-name:slider;animation-delay:24s;opacity:0;}
.slider ul li:nth-child(6){animation-name:slider;animation-delay:30s;opacity:0;}
.slider ul li:nth-child(7){animation-name:slider;animation-delay:36s;opacity:0;}
@keyframes slider{
0% { opacity:0;}
8% { opacity:1;}
17% { opacity:1;}
25% { opacity:0;}	
100% { opacity:0;}
}

#rakutenContents{width:946px;margin: 0 auto;}
#rakutenContents #header{position:relative;overflow:hidden;background-image:url(https://media-japan.co.jp/rakuten/kotonoyume/img/logo.jpg);background-repeat:no-repeat;height:90px;}
#rakutenContents #header ul{position:absolute;bottom:0;right:0;}
#rakutenContents #header li{float:left;}
#rakutenContents #gNavi ul{position:relative;overflow:hidden;}
#rakutenContents #gNavi li{float:left;}
#rakutenContents .wrap{position:relative;overflow:hidden;background-image:url(https://media-japan.co.jp/rakuten/kotonoyume/img/bg.jpg);padding:20px 15px;margin-bottom:20px;}
#rakutenContents .wrap .left{float:left;width:580px;}
#rakutenContents .wrap .pickUp li{display:inline-block;padding:0 7px 12px 0;}
#rakutenContents .wrap .right{float:right;}
#rakutenContents .wrap .bnr li{padding:0 0 12px 0;}

#rakutenContents .noteBox{text-align:center;background:#EA9A97;width:500px;margin:20px auto;}
#rakutenContents .noteBox a{color:#fff;display:block;padding:20px;font-size:16px;font-weight:bold;}

/* text */
.alignC{text-align:center!important;}
.alignR{text-align:right!important;}
.alignL{text-align:left!important;}
.block{display:block;}
.inBlock{display: inline-block;}
.bold{font-weight:bold;}
.nomarl{font-weight: normal;}
.small{font-size: 90%;}
.italic {font-style: italic;}
.topLine{border-top:1px dotted #dfdfdf;}
.btmLine{border-bottom:1px dotted #dfdfdf;}
.lineOn{border:1px solid #dfdfdf;}
.lineNone{border:none!important;}
.lineTopNone{border-top:none!important;}
.textLine{text-decoration:underline;}
.textLink{color:#a72126;text-decoration:underline;}
.textLink:hover{text-decoration:none;}

.uk-button{color:#fff !important;font-size:16px !important;font-weight:bold !important;text-decoration:none !important;margin:0;border:none;/*3 */overflow:visible;font:inherit;color:inherit;/*5 */text-transform:none;/*6 */-webkit-appearance:none;border-radius:0;/*7 */display:inline-block;box-sizing:border-box;padding:0 20px;vertical-align:middle;/*8 */line-height:38px;/*9 */text-align:center;/*10 */text-decoration:none;transition:0.25s ease-in-out;transition-property:color, background-color, border-color;}
.uk-button-primary{background-color:#EA9A97;color:#fff;border:1px solid transparent;}
.uk-button-primary:hover,
.uk-button-primary:focus{background-color:#DC7672;color:#fff;}
.uk-button-primary:active,
.uk-button-primary.uk-active{background-color:#DC7672;color:#fff;}

.uk-description-list > dt{margin-bottom:5px;font-weight: bold;}
.uk-description-list > dt:nth-child(n+2){margin-top:20px;}
.uk-description-list-divider > dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;}


.pd0{padding:0!important;}
.pd01{padding:1px!important;}
.pd02{padding:2px!important;}
.pd03{padding:3px!important;}
.pd04{padding:4px!important;}
.pd05{padding:5px!important;}
.pd1{padding:1em!important;}
.pd2{padding:2em!important;}
.pd3{padding:3em!important;}
.pd4{padding:4em!important;}
.pd5{padding:5em!important;}
.pd10{padding:10px!important;}
.pd15{padding:15px!important;}
.pd20{padding:20px!important;}
.pd25{padding:25px!important;}
.pd30{padding:30px!important;}
.pd35{padding:35px!important;}
.pd40{padding:40px!important;}
.pd45{padding:45px!important;}
.pd50{padding:50px!important;}
.pd55{padding:55px!important;}
.pd60{padding:60px!important;}
.pdt0{padding-top:0!important;}
.pdt1{padding-top:1em!important;}
.pdt2{padding-top:2em!important;}
.pdt3{padding-top:3em!important;}
.pdt4{padding-top:4em!important;}
.pdt5{padding-top:5em!important;}
.pdt10{padding-top:10px!important;}
.pdt15{padding-top:15px!important;}
.pdt20{padding-top:20px!important;}
.pdt25{padding-top:25px!important;}
.pdt30{padding-top:30px!important;}
.pdt35{padding-top:35px!important;}
.pdt40{padding-top:40px!important;}
.pdt45{padding-top:45px!important;}
.pdt50{padding-top:50px!important;}
.pdt55{padding-top:55px!important;}
.pdt60{padding-top:60px!important;}
.pdr0{padding-right:0!important;}
.pdr1{padding-right:1em!important;}
.pdr2{padding-right:2em!important;}
.pdr3{padding-right:3em!important;}
.pdr4{padding-right:4em!important;}
.pdr5{padding-right:5em!important;}
.pdr5px{padding-right:5px!important;}
.pdr10{padding-right:10px!important;}
.pdr15{padding-right:15px!important;}
.pdr20{padding-right:20px!important;}
.pdr25{padding-right:25px!important;}
.pdr30{padding-right:30px!important;}
.pdr35{padding-right:35px!important;}
.pdr40{padding-right:40px!important;}
.pdr45{padding-right:45px!important;}
.pdr50{padding-right:50px!important;}
.pdr55{padding-right:55px!important;}
.pdr60{padding-right:60px!important;}
.pdb0{padding-bottom:0!important;}
.pdb1{padding-bottom:1em!important;}
.pdb2{padding-bottom:2em!important;}
.pdb3{padding-bottom:3em!important;}
.pdb4{padding-bottom:4em!important}
.pdb5{padding-bottom:5em!important;}
.pdb10{padding-bottom:10px!important;}
.pdb15{padding-bottom:15px!important;}
.pdb20{padding-bottom:20px!important;}
.pdb25{padding-bottom:25px!important;}
.pdb30{padding-bottom:30px!important;}
.pdb35{padding-bottom:35px!important;}
.pdb40{padding-bottom:40px!important;}
.pdb45{padding-bottom:45px!important;}
.pdb50{padding-bottom:50px!important;}
.pdb55{padding-bottom:55px!important;}
.pdb60{padding-bottom:60px!important;}
.pdl0{padding-left:0!important;}
.pdl1{padding-left:1em!important;}
.pdl2{padding-left:2em!important;}
.pdl3{padding-left:3em!important;}
.pdl4{padding-left:4em!important;}
.pdl5{padding-left:5em!important;}
.pdl10{padding-left:10px!important;}
.pdl15{padding-left:15px!important;}
.pdl20{padding-left:20px!important;}
.pdl25{padding-left:25px!important;}
.pdl30{padding-left:30px!important;}
.pdl35{padding-left:35px!important;}
.pdl40{padding-left:40px!important;}
.pdl45{padding-left:45px!important;}
.pdl50{padding-left:50px!important;}
.pdl55{padding-left:55px!important;}
.pdl60{padding-left:60px!important;}
.mg0None{margin:0!important;}
.mg1None{margin:1em 0!important;}
.mgt0Auto{margin:0 auto!important;}
.mgt1Auto{margin:1em auto!important;}
.mgt2Auto{margin:2em auto!important;}
.mgt3Auto{margin:2em auto!important;}
.mgt4Auto{margin:2em auto!important;}
.mgt05{margin-top:5px!important;}
.mgt08{margin-top:8px!important;}
.mgt10{margin-top:10px!important;}
.mgb05{margin-bottom:5px!important;}
.mgb08{margin-bottom:8px!important;}
.mgb10{margin-bottom:10px!important;}
.mg0{margin:0!important;}
.mg1{margin:1px!important;}
.mg2{margin:2px!important;}
.mg3{margin:3px!important;}
.mg4{margin:4px!important;}
.mg10{margin:10px!important;}
.mg15{margin:15px!important;}
.mg20{margin:20px!important;}
.mg25{margin:25px!important;}
.mg30{margin:30px!important;}
.mg35{margin:35px!important;}
.mg40{margin:40px!important;}
.mg45{margin:45px!important;}
.mg50{margin:50px!important;}
.mg55{margin:55px!important;}
.mg60{margin:60px!important;}
.mgt0{margin-top:0!important;}
.mgt1{margin-top:1em!important;}
.mgt2{margin-top:2em!important;}
.mgt3{margin-top:3em!important;}
.mgt4{margin-top:4em!important;}
.mgt5{margin-top:5em!important;}
.mgt10{margin-top:10px!important;}
.mgt15{margin-top:15px!important;}
.mgt20{margin-top:20px!important;}
.mgt25{margin-top:25px!important;}
.mgt30{margin-top:30px!important;}
.mgt35{margin-top:35px!important;}
.mgt40{margin-top:40px!important;}
.mgt45{margin-top:45px!important;}
.mgt50{margin-top:50px!important;}
.mgt55{margin-top:55px!important;}
.mgt60{margin-top:60px!important;}
.mgr0{margin-right:0!important;}
.mgr1{margin-right:1em!important;}
.mgr2{margin-right:2em!important;}
.mgr3{margin-right:3em!important;}
.mgr4{margin-right:4em!important;}
.mgr5{margin-right:5em!important;}
.mgr10{margin-right:10px!important;}
.mgr15{margin-right:15px!important;}
.mgr20{margin-right:20px!important;}
.mgr25{margin-right:25px!important;}
.mgr30{margin-right:30px!important;}
.mgr35{margin-right:35px!important;}
.mgr40{margin-right:40px!important;}
.mgr45{margin-right:45px!important;}
.mgr50{margin-right:50px!important;}
.mgr55{margin-right:55px!important;}
.mgr60{margin-right:60px!important;}
.mgb0{margin-bottom:0!important;}
.mgb1{margin-bottom:1em!important;}
.mgb2{margin-bottom:2em!important;}
.mgb3{margin-bottom:3em!important;}
.mgb4{margin-bottom:4em!important;}
.mgb5{margin-bottom:5em!important;}
.mgb10{margin-bottom:10px!important;}
.mgb15{margin-bottom:15px!important;}
.mgb20{margin-bottom:20px!important;}
.mgb25{margin-bottom:25px!important;}
.mgb30{margin-bottom:30px!important;}
.mgb35{margin-bottom:35px!important;}
.mgb40{margin-bottom:40px!important;}
.mgb45{margin-bottom:45px!important;}
.mgb50{margin-bottom:50px!important;}
.mgb55{margin-bottom:55px!important;}
.mgb60{margin-bottom:60px!important;}
.mgl0{margin-left:0!important;}
.mgl1{margin-left:1em!important;}
.mgl2{margin-left:2em!important;}
.mgl3{margin-left:3em!important;}
.mgl4{margin-left:4em!important;}
.mgl5{margin-left:5em!important;}
.mgl10{margin-left:10px!important;}
.mgl15{margin-left:15px!important;}
.mgl20{margin-left:20px!important;}
.mgl25{margin-left:25px!important;}
.mgl30{margin-left:30px!important;}
.mgl35{margin-left:35px!important;}
.mgl40{margin-left:40px!important;}
.mgl45{margin-left:45px!important;}
.mgl50{margin-left:50px!important;}
.mgl55{margin-left:55px!important;}
.mgl60{margin-left:60px!important;}

/* グリッド表示　レイアウト変更

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}

.grid_item h3{font-weight:bold;margin:10px 0;}
.grid_item div{text-align:center;}
.grid, .grid>* { width: 100%; float: none; display: block; margin: 0 auto; padding: 0; position: relative; list-style: none; line-height: 1.8; zoom: 1; margin-bottom:1em;}
.grid { margin-left: auto; margin-right: auto;}
.grid:before, .grid:after { clear: both; content: ' '; display: table; height: 0; width: 0; visibility: hidden; overflow: hidden;}
.grid[data-each]>* { float: left; margin-right: 5%;	width: 100%;}
.grid[data-each].debug.must2>*:after { content: " [must2]"; color: #ccc;}
.grid[data-each].debug.must3>*:after { content: " [must3]"; color: #ccc;}
.grid[data-each].separate>*:before { content: none;	display: block;	position: absolute;	width: 0; height: 100%;	border-left: 1px dotted #ccc; margin-left: -5%;}
.grid[data-each='2'].must2.separate>*:nth-child(2n):before { content: "";}

@media(min-width:768px) {
	.grid[data-each]>* { float: left; margin-right: 5%; margin-left: 0;}
	.grid[data-each='2'].separate>*:nth-child(2n):before { content: "";}
}

@media(max-width:767px) {
	.grid[data-each]>* { float: none; margin-right: auto; margin-left: auto;}
	.grid[data-each]>*:before { content: none;}
	.grid[data-each].must2>* { float: left; width: 47.5%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must2>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each].must2>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { float: left;	width: 30.0%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
	.grid.middle { max-width: 480px;}
	.grid.small { max-width: 380px;}
}

@media(max-width:991px) {
	.grid>.middle { max-width: 480px;}
}

@media(min-width:768px) and (max-width:991px) {
	.grid[data-each]>* { width: 47.5%;}
	.grid[data-each]>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each]>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { width: 30.0%;}
	.grid[data-each].must3>*:nth-child(2n) { margin-right: 5%;}
	.grid[data-each].must3>*:nth-child(2n+1) { clear: none;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
}

@media(min-width:992px) and (max-width:1199px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 31.33%;}
	.grid[data-each='5']>* { width: 31.33%;}
	.grid[data-each='6']>* { width: 31.33%;}
	.grid[data-each='6']>*:nth-child(3n), .grid[data-each='5']>*:nth-child(3n), .grid[data-each='4']>*:nth-child(3n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='6']>*:nth-child(3n+1),.grid[data-each='5']>*:nth-child(3n+1), .grid[data-each='4']>*:nth-child(3n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:1200px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 22.75%;}
	.grid[data-each='5']>* { width: 17.6%;}
	.grid[data-each='6']>* { width: 14.16%;}
	.grid[data-each='6']>*:nth-child(6n), .grid[data-each='5']>*:nth-child(5n), .grid[data-each='4']>*:nth-child(4n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='6']>*:nth-child(6n+1), .grid[data-each='5']>*:nth-child(5n+1), .grid[data-each='4']>*:nth-child(4n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:992px) {
	.grid[data-column]>* { margin-right: 5%; float: left;}
	.grid[data-column='2']>*[data-w='1'] { width: 47.5%;}
	.grid[data-column='3']>*[data-w='1'] { width: 30%;}
	.grid[data-column='3']>*[data-w='2'] { width: 65%;}
	.grid[data-column='4']>*[data-w='1'] { width: 21.25%;}
	.grid[data-column='4']>*[data-w='2'] { width: 47.5%;}
	.grid[data-column='4']>*[data-w='3'] { width: 73.75%;}
	.grid[data-column='2']>*[data-w]:last-child, .grid[data-column='3']>*[data-w]:last-child, .grid[data-column='4']>*[data-w]:last-child, .grid[data-column='5']>*[data-w]:last-child { margin-right: 0;}
	.grid[data-column='5']>*[data-w='1'] { width: 16%;}
	.grid[data-column='5']>*[data-w='2'] { width: 37%;}
	.grid[data-column='5']>*[data-w='3'] { width: 58%;}
	.grid[data-column='5']>*[data-w='4'] { width: 79%;}
}