@charset "utf-8";

/*PCSP共通設定*/
main * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.fc_cb0003{color:#cb0003;}
section:nth-of-type(even){background-color: #f5f7f8;}
section:nth-of-type(odd){background-color:#fff;}
.search_kokunai_kaigai_map_Bar .serchBox ul,
.search_kokunai_kaigai_map_Bar .pr_under_gadget__bnr{display:none;}
#NTA_W_go {background-color: #20208c;}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.5;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 3%;
	padding-bottom: 5px;
	width: 94%;
	clear: both;
	background:url(../images/ico_destination.png)
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}
p {font-size: 16px;}
.search_kokunai_kaigai_map_Bar p {font-size: 14px;}

strong{
	font-size: 1.5em;
	font-weight: bold;
}
b{
	font-size: 1.2em;
	font-weight: bold;
}
small{
	font-size: 0.8em;
    line-height: 1.5;
    display: inline-block;
}

/*eposオリジナル*/
#portal_txt_box{
	padding:10px 0;
	display: block;
	background: #ebf6f9;
}
#logo_box,
#txt_box {
	width: 96%;
	margin: 0 2% 10px;
}
#txt_box {
    background: #FFF;
    box-shadow: 2px 2px 10px -2px #c2c2c2;
    padding: 10px;
    box-sizing: border-box;
}

/*商材｜タブ*/
#content_being_viewed__and_select_tab__box{
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0;
}
#content_being_viewed__and_select_tab__box h1 {
	width: 100%;
	font-size: 24px;
	text-align: center;
	color: #06f;
	margin-bottom: 10px;
}
#select_tab {
	font-size: 18px;
	display: flex;
}
#select_tab li{
	width: calc((100% - 6px) / 3);
	text-align: center;
	margin: 0 1px;
}
#select_tab .select {display:none;}
#select_tab li b,
#select_tab li a {
	position: relative;
	display: block;
	background: #06f;
	color: #FFF;
	padding-bottom: 3px;
}
#select_tab li:not(.select) a:after {
	content: "";
    position: absolute;
    top: 30%;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #FFF;
}

/*イチオシ特集*/
#right li dt img,
#left li dt img {
    width: 100%;
    height: auto;
}
/*左*/
#left,#right{
	width:98%;
	margin: 0 1%;
}
#left li {
    margin-bottom: 20px;
    padding: 10px;
	background: #FFF;
}
#left li dt {
    margin: 0 auto;
}
#left li .title{
	font-size: 16px;
    margin: 10px 0;
}

/*右*/
#right li {
	margin-bottom: 10px;
    padding: 10px;
	background: #FFF;
}
#right li dl {display: flex;}
#right li dt{
	width:50%;
	max-width:200px;
}
#right li .title{
	width:44%;
	font-size: 14px;
    margin: 0 3%;
}

/*footer*/
#smp_footer {margin-top: 0;}
#smp_footer .linkBtm li:nth-of-type(1),
#smp_footer .linkBtm li:nth-of-type(4),
#smp_footer .linkBtm li:nth-of-type(6),
#smp_footer .linkBtm li:nth-of-type(7),
#smp_footer .linkBtm li:nth-of-type(8),
#smp_footer .linkBtm li:nth-of-type(9) {display: none;}
}

/*760px以上*/
@media screen and (min-width: 760px) {

@media screen and (max-width: 1000px) {
.rightoflogo_txt{
	display: inline-block;
	width: 500px;
}
}

/* CSS */
#pc_header {margin-bottom: 0;}
#wrapper {line-height: 1.8;}
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h2 {
	font-size: 36px;
    font-weight: bold; 
    text-align: center;
	letter-spacing: 5px;
	line-height: 36px;
    padding: 50px 0;
    clear: both;
	text-shadow: 2px 2px 0px rgb(255 255 255);
}
h2 small{
	font-size: 16px;
    letter-spacing: 2px;
}
.inner{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
}
p {font-size: 18px;}
.search_kokunai_kaigai_map_Bar p {font-size: 12px;}
strong{
	font-size: 2em;
	font-weight: bold;
}
b{
	font-size: 1.2em;
	font-weight: bold;
}
small{
	font-size: 0.8em;
    line-height: 1.5;
    display: inline-block;
}

/*eposオリジナル*/
#portal_txt_box{
	padding:50px 0;
	display: block;
	background: #ebf6f9;
}
#portal_txt_box p {font-size: 20px;}
#portal_txt_box p small {font-size: 14px;}

#logo_box,
#txt_box {
	width: 96%;
    max-width: 970px;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}
#logo_box {position: relative;}
#logo_box img {
	position: absolute;
	top:0;
	left:0;
}
#txt_box {
	background: #FFF;
	box-shadow: 2px 2px 10px -2px #c2c2c2;
}

/*商材｜タブ*/
#content_being_viewed__and_select_tab__box{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto;
    padding: 25px 0 0 0;
	display: flex;
	border-bottom: 5px solid #06f;
}
#content_being_viewed__and_select_tab__box h1 {
	width: 430px;
	font-size: 28px;
	text-align: center;
	font-weight: bold;
	color: #06f;
}
@media screen and (max-width: 899px) {
#content_being_viewed__and_select_tab__box h1 {font-size: 24px;}
}
#select_tab {display: flex;}
#select_tab li {
	width: 25%;
    display: grid;
    align-items: end;
}
#select_tab li b{background: #06f;}
#tab_kokunaiair a,
#tab_kokunai a,
#tab_yado a,
#tab_kaigai a {
	background: #aaa;
	transition: 0.2s;
}
#select_tab li b,
#select_tab li a {
    width: 160px;
    height: 44px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 20px;
    text-align: center;
    margin: 0 1px;
    padding-top: 8px;
	position: relative;
}
#select_tab li:not(.select) a:after {
	content: "";
    position: absolute;
    top: 32%;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 14px;
    border-color: transparent transparent transparent #ffffff;
}
#select_tab li a:hover {
	background: #61cfff;
	transition: 0.2s;
}

/*イチオシ特集*/
#recommended_nta_box{display: flex;}

/*左*/
#left,#right{
	width:46%;
	margin: 0 2%;
}
#left li {
    padding: 25px;
	background: #FFF;
	position:relative;
}
#left li:before{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 0;
    border-color: #f53e04 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}
#left li:after{
	content: "一押し!";
    position: absolute;
    top: 15px;
    left: -5px;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
    transform: rotate(-45deg);
	z-index: 2;
}
#left li dt {margin: 0 auto;}
#left li dt img {
	width: 400px;
    max-width: 100%;
    height: auto;
}
#left li .title{
	font-size: 18px;
    margin: 15px 0;
}

/*右*/
#right li {
	margin-bottom: 15px;
    padding: 15px;
	background: #FFF;
	position:relative;
}
#right li:before{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
	border-width: 60px 60px 0 0;
    border-color: #71a9f0 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}
#right li:after{
	content: "おすすめ";
    position: absolute;
    top: 10px;
    left: -3px;
    font-size: 12px;
    color: #FFF;
    transform: rotate(-45deg);
	z-index: 2;
}
#right li dl {display: flex;}
#right li dt{width: 40%;}
#right li dt img {
	width: 100%;
    height: auto;
}
#right li .title{
	width: 60%;
	font-size: 14px;
    margin: 0 15px;
}

}