@charset "utf-8";
/*===============================================
 *	common
===============================================*/
#title-wrapper{background:url(../img/bg-title.jpg) left center repeat-x;height: 170px;}
#title-wrapper .bg-titlebox{
    padding: 3.52em 0;
}
#title-wrapper h1{color: #333;font-size: 40px;text-shadow:0 0 25px #fff,0 0 20px #fff,0 0 0.40px #fff;font-weight: bold;text-align: center;}
#navi-tab{margin-bottom: 1em;}
#navi-tab li{
	background: url(../../img/arrow-select_right_sp.png) 92% center no-repeat #fff;
	background-size: 8%;
    display: block;
	font-size: 16px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid #BEAA87;
    box-shadow: 0px 2px 0px 0px #BEAA87;
    -moz-box-shadow: 0px 2px 0px 0px #BEAA87;
    -webkit-box-shadow: 0px 2px 0px 0px #BEAA87;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 23%;
}
#navi-tab li:nth-child(4),#navi-tab li:nth-child(8),#navi-tab li:nth-child(12){margin-right: 0;}
#navi-tab li a{color: #333;font-weight: bold;display: block;padding: 1em 0.5em 1em 1em;text-decoration: none;}
#navi-tab li a:hover{background: url(../../img/arrow-select_right_sp.png) 92% center no-repeat #BEAA87;background-size: 8%;}
#navi-tab li a.current {background: url(../../img/arrow-select_right_sp.png) 92% center no-repeat #BEAA87;background-size: 8%;}
#tab-contents{clear:both;}
.newsletter-list li{
	background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #BEAA87;
    box-shadow: 0px 2px 0px 0px #BEAA87;
    -moz-box-shadow: 0px 2px 0px 0px #BEAA87;
    -webkit-box-shadow: 0px 2px 0px 0px #BEAA87;
	float: left;
	width: 48.8%;
	box-sizing: border-box;
	margin-bottom: 2%;
}
.newsletter-list li:nth-child(odd){margin-right: 2%;}
.newsletter-list li a{color: #333;display: block;text-decoration: none;padding: 1em;}
.newsletter-list li img{float: left;max-width: 130px;margin-right: 10px;}
.newsletter-list li dl{float: left;width: 54%;}
.newsletter-list li dt{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.newsletter-list li dt span{display: block;font-size: 16px;}
 @media only screen and (max-width: 768px) {
#title-wrapper{height: 110px;}
#title-wrapper .bg-titlebox{background-size: contain;padding: 2em 0;}
#navi-tab li {width: 22.6%;}
.newsletter-list li a{padding: 0.5em;}
.newsletter-list li img {max-width: 60px;}
.newsletter-list li dl{width: 67%;}
.newsletter-list li dt {font-size: 15px;}
.newsletter-list li dt span{font-size: 13px;}
}
@media only screen and (max-width: 568px) {
#title-wrapper {height: 100px;}
#title-wrapper h1{font-size: 26px;}
#title-wrapper .bg-titlebox{background: none;line-height: 1;}
#navi-tab li {font-size: 15px;margin-bottom: 10px;margin-right: 5px;width: 22.6%;}
#navi-tab li a{padding: 0.5em;}
}
@media screen and (min-width: 320px) and (max-device-width: 567px) {
#title-wrapper {height: 80px;}
#title-wrapper h1{font-size: 22px;}
#navi-tab li {font-size: 13px;letter-spacing: -1px; border: 1px solid #BEAA87;}
#navi-tab li a{padding: 0.8em 0.5em;}
.newsletter-list li{float: none;width: 100%;margin-bottom: 4%;}
.newsletter-list li img{max-width: 120px;}
.newsletter-list li dl {width: 52%;}
}