@charset "UTF-8";


/*
	common
================================*/
img { vertical-align: bottom;}
.tit { text-align: center;}

#cp_mrs { margin: 0 auto;}


/*
	mv
================================*/
#mv {}




/*
	about
================================*/
#about {}
#about dt { cursor: pointer;}
#about dd { text-align: center;}
#about dd .bgArea { background: url(/img/usr/magazine_rishiri_selection/about_img02.png) no-repeat; background-size: 100% auto;}
#about dd .txtArea { text-align: left; margin: 0 auto;}
#about dd .txtArea .min { vertical-align: top; position: relative; top: -0.1em;}



/*
	intro
================================*/
#intro {}

/*
	que
================================*/
#que {}
#que .list { display: flex; flex-wrap: wrap;}
#que .list li { width: 50%;}
#que .box01 .list { background: #f5f3f4;}
#que .box02 .list { background: #eef5fb;}




/*
	item_CC
================================*/
.itemBox {}
.itemBox .btnBox { position: relative; text-align: center;}
.itemBox .btnBox .btn { position: absolute; left: 0; right: 0; margin: auto;}
/* item_cc */
#item_cc {}
/* item_hct */
#item_hct {}
/* item_hcs */
#item_hcs {}
/* item_sk */
#item_sk {}



/*
	lineup
================================*/

#lineup {}
#lineup .lineupBox { display: flex;}
#lineup .lineupBox .titArea { width: 50%;}
#lineup .lineupBox .titArea .box { display: flex; width: 100%;}
#lineup .lineupBox .titArea .box.box1 { border-bottom: solid 2px #4e5253;}
#lineup .lineupBox .titArea .box.box2 {}
#lineup .lineupBox .titArea .box .tit { writing-mode: vertical-rl; margin-right: 2px; margin-bottom: 2px; width: 15%; display: flex; align-items: center; justify-content: center;}
#lineup .lineupBox .titArea .box.box1 .tit { background: #f3f0e7;}
#lineup .lineupBox .titArea .box.box2 .tit { background: #eae6e6;}
#lineup .lineupBox .titArea .box ul { width: 85%;}
#lineup .lineupBox .titArea .box ul li { margin-bottom: 2px; line-height: 1.4; display: flex; align-items: center;}
#lineup .lineupBox .titArea .box.box1 ul li { background: #faf9f4;}
#lineup .lineupBox .titArea .box.box2 ul li { background: #f5f3f4;}
#lineup .lineupBox .itemArea { width: 50%;}
#lineup .lineupBox .itemArea ul { display: flex;}
#lineup .lineupBox .itemArea ul.table1 li { border-bottom: solid 2px #4e5253;}
#lineup .lineupBox .itemArea ul li { text-align: center;}
#lineup .lineupBox .itemArea ul li dl { margin-left: 2px;}
#lineup .lineupBox .itemArea ul li dl dt { margin-bottom: 2px;}
#lineup .lineupBox .itemArea ul li dl dt .tit { line-height: 1.2; letter-spacing: -0.05em; display: flex; align-items: center; justify-content: center;}
#lineup .lineupBox .itemArea ul li dl dt .img {}
#lineup .lineupBox .itemArea ul li dl dd { margin-bottom: 2px; display: flex; align-items: center; justify-content: center;}
#lineup .lineupBox .itemArea ul li dl dd.bg {}
#lineup .lineupBox .itemArea ul li dl dd.brbox {}
#lineup .lineupBox .itemArea ul li.cc {}
#lineup .lineupBox .itemArea ul li.cc dl { color: #2f7a9c; margin-left: 0;}
#lineup .lineupBox .itemArea ul li.cc dl dt {margin-left: 2px; background: #eef4f7;}
#lineup .lineupBox .itemArea ul li.cc dl dt .tit {}
#lineup .lineupBox .itemArea ul li.cc dl dt .img {}
#lineup .lineupBox .itemArea ul li.cc dl dd {margin-left: 2px; background: #eef4f7;}
#lineup .lineupBox .itemArea ul li.cc dl dd.bg { background: #d5e4ec;}
#lineup .lineupBox .itemArea ul li.hct {}
#lineup .lineupBox .itemArea ul li.hct dl { color: #257e81;}
#lineup .lineupBox .itemArea ul li.hct dl dt { background: #edf5f5;}
#lineup .lineupBox .itemArea ul li.hct dl dt .tit {}
#lineup .lineupBox .itemArea ul li.hct dl dt .img {}
#lineup .lineupBox .itemArea ul li.hct dl dd { background: #edf5f5;}
#lineup .lineupBox .itemArea ul li.hct dl dd.bg { background: #d3e5e6;}
#lineup .lineupBox .itemArea ul li.hcs {}
#lineup .lineupBox .itemArea ul li.hcs dl { color: #c16280;}
#lineup .lineupBox .itemArea ul li.hcs dl dt { background: #faf3f5;}
#lineup .lineupBox .itemArea ul li.hcs dl dt .tit {}
#lineup .lineupBox .itemArea ul li.hcs dl dt .img {}
#lineup .lineupBox .itemArea ul li.hcs dl dd { background: #faf3f5;}
#lineup .lineupBox .itemArea ul li.hcs dl dd.bg { background: #f3e0e6;}
#lineup .lineupBox .itemArea ul li.sk {}
#lineup .lineupBox .itemArea ul li.sk dl { color: #c8a97b;}
#lineup .lineupBox .itemArea ul li.sk dl dt { background: #fbf8f5;}
#lineup .lineupBox .itemArea ul li.sk dl dt .tit {}
#lineup .lineupBox .itemArea ul li.sk dl dt .img {}
#lineup .lineupBox .itemArea ul li.sk dl dd { background: #fbf8f5;}
#lineup .lineupBox .itemArea ul li.sk dl dd.bg { background: #f4eee5;}

#lineup .lineupBox .itemArea ul li.tcs {}
#lineup .lineupBox .itemArea ul li.tcs dl { color: #cf6c62;}
#lineup .lineupBox .itemArea ul li.tcs dl dt { background: #fbf3f3;}
#lineup .lineupBox .itemArea ul li.tcs dl dt .tit {}
#lineup .lineupBox .itemArea ul li.tcs dl dt .img {}
#lineup .lineupBox .itemArea ul li.tcs dl dd { background: #fbf3f3;}
#lineup .lineupBox .itemArea ul li.tcs dl dd.bg { background: #f5e2e0;}

#lineup .lineupBox .itemArea ul li.tp {}
#lineup .lineupBox .itemArea ul li.tp dl { color: #368125;}
#lineup .lineupBox .itemArea ul li.tp dl dt { background: #eff5ed;}
#lineup .lineupBox .itemArea ul li.tp dl dt .tit {}
#lineup .lineupBox .itemArea ul li.tp dl dt .img {}
#lineup .lineupBox .itemArea ul li.tp dl dd { background: #eff5ed;}
#lineup .lineupBox .itemArea ul li.tp dl dd.bg { background: #d7e6d3;}



.table-scroll {
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
  width:200px; /*今回の設置を分かりやすくするためワザと狭い幅を指定。本来は不必要な指定です。*/
}

/*
	contact
================================*/
#contact { text-align: center; background: url(/img/usr/magazine_rishiri_selection/contact_img01.png) no-repeat top center; background-color: #faf9f4; background-size: 100% auto;}
#contact .tit {}
#contact .tel {}
#contact .info {}