﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* == タブ切り替え == */
#newstab {
	width: 1100px;
}

/* == リスト == */
#newstab ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#newstab li {
    width: calc((100% - 20px)/3);
    margin: 0;
    padding: 0;
}

#newstab li a {
    background: #f5f5f5;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 15px 0px;
    text-align: center;
    border-radius: 5px;
}

#newstab li a.Fix_link_on {
	background: #F3E295;
}

#newstab li a {
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}

/*= リンク設定 =*/
div#newstab a:link {
    color: #222;
    text-decoration: none;
}

div#newstab a:visited {
    color: #222;
    text-decoration: none;
}

div#newstab a:hover {
    color: #8b0000;
    text-decoration: underline;
}

div#newstab a:active {
    color: #222;
    text-decoration: none;
}

/* == noscript == */

#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript,
#newstabred_noscript {
	width: 1100px;
}

#newstabgreen_noscript ul,
#newstaborange_noscript ul,
#newstablime_noscript ul,
#newstabred_noscript ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#newstabgreen_noscript li,
#newstaborange_noscript li,
#newstablime_noscript li,
#newstabred_noscript li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#newstabgreen_noscript li span,
#newstaborange_noscript li span,
#newstablime_noscript li span,
#newstabred_noscript li span {
	background: #f5f5f5;
	height: auto !important;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 15px 10px;
	text-align: center;
	width: 250px;
}

#newstabgreen_noscript li .Fix_link_on,
#newstaborange_noscript li .Fix_link_on,
#newstablime_noscript li .Fix_link_on,
#newstabred_noscript li .Fix_link_on {
	background: #CDECF4;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == タブ切り替え == */
#newstab {
	width: 300px;
}

/* == リスト == */
#newstab ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#newstab li {
    margin: 0;
    padding: 0;
}

#newstab li a {
    background: #f5f5f5;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 10px 19px;
    text-align: center;
    border-radius: 5px;
}

#newstab li a.Fix_link_on {
	background: #F3E295;
}

#newstab li a {
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}

/*= リンク設定 =*/
div#newstab a:link {
    color: #222;
    text-decoration: none;
}

div#newstab a:visited {
    color: #222;
    text-decoration: none;
}

div#newstab a:hover {
    color: #8b0000;
    text-decoration: underline;
}

div#newstab a:active {
    color: #222;
    text-decoration: none;
}

/* == noscript == */

#newstabgreen_noscript,
#newstaborange_noscript,
#newstablime_noscript,
#newstabred_noscript {
}

#newstabgreen_noscript ul,
#newstaborange_noscript ul,
#newstablime_noscript ul,
#newstabred_noscript ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#newstabgreen_noscript li,
#newstaborange_noscript li,
#newstablime_noscript li,
#newstabred_noscript li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#newstabgreen_noscript li span,
#newstaborange_noscript li span,
#newstablime_noscript li span,
#newstabred_noscript li span {
	background: #f5f5f5;
	height: auto !important;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 15px 10px;
	text-align: center;
	width: 250px;
}

#newstabgreen_noscript li .Fix_link_on,
#newstaborange_noscript li .Fix_link_on,
#newstablime_noscript li .Fix_link_on,
#newstabred_noscript li .Fix_link_on {
	background: #F3E295;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}

#ipickupgreen_noscript .li_orange,
#ipickupgreen_noscript .li_lime,
#ipickuporange_noscript .li_green,
#ipickuporange_noscript .li_lime,
#ipickuplime_noscript .li_orange,
#ipickuplime_noscript .li_green {
	display: none;
}
}
