@charset "UTF-8";

@media screen and (min-width: 768px) {
    .jaraWrap { position: relative; }
	.categoryJara #chara01 { position: absolute; top: -210px; left: 50px; z-index: 100; }
	.categoryJara #chara01 img {}
	.categoryJara #chara02 { position: absolute; top: -200px; right: 60px; z-index: 100; }
	.categoryJara #chara02 img {}
	
	.categoryJara #main { margin-bottom: 20px; }
	.categoryJara #main dt { margin-bottom: 15px; }
	.categoryJara #main .textLv1 { margin-bottom: 10px; color: #7c370a; font-weight: bold; }
	.categoryJara .item { font-weight: bold; color: #7c370a; } 
	.categoryJara .rare { margin: 0 0 0 3px; padding: 3px 5px; font-weight: normal; color: #fff; background: #e60012; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; font-size: 1.4rem; font-weight: bold; line-height: 2.0;}


	.categoryJara #main.double li.first { float: left; width: 432px; margin-right: 8px; }
	.categoryJara #main.double li.last  { float: right; width: 432px; margin-left: 8px; }
	.categoryJara #main.double li dt img { width: 100%;}

	.categoryJara .jaraDouble { margin-bottom: 20px;  }
	.categoryJara .jaraDouble .jaraInner { display: table; width: 440px; }
	.categoryJara .jaraDouble .jaraInner dt { display: table-cell; width: 135px; vertical-align: middle; text-align: center; }
	.categoryJara .jaraDouble .jaraInner dd { display: table-cell; width: 305px; vertical-align: middle; }
	.categoryJara .jaraDouble .jaraInner dd .name { margin-bottom: 10px; font-size: 1.8rem; font-weight: bold; color: #7c370a; }
	
	.categoryJara .jaraQuadruple { margin-bottom: 20px; width: 880px; overflow: hidden; }
	.categoryJara .jaraQuadruple ul { margin-left: -20px; width: 900px; }
	.categoryJara .jaraQuadruple .jaraInner { float: left; margin: 0 0 20px 20px; width: 205px; }
	.categoryJara .jaraQuadruple .jaraInner dt { margin-bottom: 10px; border: 1px solid #b2b2b2; }
	.categoryJara .jaraQuadruple .jaraInner dd .name { margin-bottom: 5px; font-size: 1.6rem; font-weight: bold; color: #7c370a; }

	.categoryJara .jaraTicket { width: 880px; }
	.categoryJara .jaraTicket .jaraTicketInner { float: left; margin-bottom: 20px; width: 280px; }
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(2),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(5),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(8),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(11),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(14),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(17),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(20),
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(23){ margin: 0 20px;}



	#brandList { margin-top: 15px; }
	#brandList li { float: left; padding-bottom: 30px; width: 276px; text-align: center; }
	#brandList li.adjust { margin: 0 26px; }
	#brandList li dt img { width: 100%; height: auto; }
	#brandList li .name { padding: 10px 0; color: #7c370a; font-weight: bold; }
	#brandList li .textLv4 { line-height: 1.6; text-align: left; }
	#brandList li.double { margin-left: 26px; width: 578px; }
	#brandList li.double img { width: 100%; }
	#brandList li.double .text { padding: 0 15px; font-size: 1.3rem!important; font-weight: bold; color: #7c370a; text-align: left; }
	
	/* タブ */
	.categoryJara .hide { display:none; }	
	.categoryJara .tabJara { margin-bottom: 15px; border-bottom: 4px solid #7c370a; }
	.categoryJara .tabJara li { float: left; width: 435px; text-align: center; background: #ffee31; border: 4px solid #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #7c370a; font-weight: bold; font-size: 1.6rem; line-height: 1.5; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; cursor: pointer; }
	.categoryJara .tabJara li:first-child { margin-right: 5px; }
	.categoryJara .tabJara li:last-child { margin-left: 5px; }
	.categoryJara .tabJara li.select { background: #7c370a; color: #fff; }
    .categoryJara .tabJara li a { display: block; color: #7c370a;padding: 8px 18px;  }
    .categoryJara .tabJara li span { display: block; padding: 8px 18px; }
    .categoryJara .tabJara li .select { color: #fff!important; }
}

@media screen and (max-width: 767px) {
	.categoryJara #main { margin-bottom: 30px; }
	.categoryJara #main dt { margin-bottom: 15px; }
	.categoryJara #main .textLv1 { margin-bottom: 10px; color: #7c370a; font-weight: bold; }
	.categoryJara #main .textLv3 span { font-weight: bold; color: #7c370a; } 
	
	.categoryJara .item { font-weight: bold; color: #7c370a; } 
	.categoryJara .rare { margin: 0 0 0 3px; padding: 3px 5px; font-weight: normal; color: #fff!important; background: #e60012; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; font-size: 1.2rem; font-weight: bold;}

	.categoryJara .pl10 { padding: 0!important; }
	.categoryJara .jaraDouble { margin-bottom: 20px; }
	.categoryJara .jaraDouble .jaraInner { display: table; width: 100%; border-bottom: 1px solid #ccc; }
	.categoryJara .jaraDouble .jaraInner dt { display: table-cell; width: 30%; vertical-align: middle; }
	.categoryJara .jaraDouble .jaraInner dd { display: table-cell; width: 70%; vertical-align: middle; }
	.categoryJara .jaraDouble .jaraInner dd .name { margin-bottom: 10px; font-size: 1.4rem; font-weight: bold; color: #7c370a; }	

	.categoryJara .jaraQuadruple { margin-bottom: 20px; overflow: hidden; }
	.categoryJara .jaraQuadruple ul {}
	.categoryJara .jaraQuadruple .jaraInner { display: table; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #b2b2b2; }
	.categoryJara .jaraQuadruple .jaraInner dt { display: table-cell; width: 30%; vertical-align: middle; }
	.categoryJara .jaraQuadruple .jaraInner dt img { border: 1px solid #b2b2b2; }
	.categoryJara .jaraQuadruple .jaraInner dd { display: table-cell; padding-left: 15px; width: 50%; vertical-align: middle; box-sizing: border-box; }
	.categoryJara .jaraQuadruple .jaraInner dd .name { margin-bottom: 5px; font-size: 1.3rem; font-weight: bold; color: #7c370a; }

	.categoryJara .jaraTicket {  }
	.categoryJara .jaraTicket .jaraTicketInner { float: left; margin-bottom: 20px; width: 49%; }
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(odd){ margin-right: 1%; }
	.categoryJara .jaraTicket .jaraTicketInner:nth-child(even){ margin-left: 1%;}
	
	#brandList { margin-top: 15px; }
	#brandList li { padding-bottom: 30px; text-align: center; }
	#brandList li dt { margin: 0 10%; }
	#brandList li .name { padding: 10px 0; color: #7c370a; font-weight: bold; }
	#brandList li .textLv4 { line-height: 1.6; text-align: left; }

	#brandList li.double {  }
	#brandList li.double img {}
	#brandList li.double .text { margin: 0; padding: 0 0 10px 0; width: 100%; font-size: 1.3rem!important; line-height: 1.5; font-weight: bold; color: #7c370a; text-align: center; }
	
	/* タブ */
	.categoryJara .tabJara { margin-bottom: 15px; border-bottom: 4px solid #7c370a; }
	.categoryJara .tabJara li { float: left; width: 49%; text-align: center; background: #ffee31; border: 4px solid #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #7c370a; font-weight: bold; font-size: 1.6rem; line-height: 1.5; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; cursor: pointer; }
	.categoryJara .tabJara li:first-child { margin-right:1%; }
	.categoryJara .tabJara li:last-child { margin-left:1%; }
	.categoryJara .tabJara li.select { background: #7c370a; color: #fff; }
    .categoryJara .tabJara li a { display: block; color: #7c370a;padding: 8px 18px; }
    .categoryJara .tabJara li span { display: block; color: #fff;padding: 8px 18px; }
	
}