/* メイン */
body {
	color:#222222;
	-webkit-text-size-adjust:100%;
}
a{
	color:#0066ff;
}
a:hover{
 opacity:0.7;
}
img {
	border: 0;
}
p {
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

#wrapper {
 max-width: 1200px;
 min-width: 1200px;
 padding: .75rem 0;
 justify-content: center;
 margin: 0 auto;
}

.side-2{
	width:280px;
	margin:2px 0 10px 0;
	font-size: 12px;
	line-height:150%;
	color: #444444;
	background-color:#f8f8f8;
	-moz-border-radius: 4px; /*Firefox*/
	-webkit-border-radius: 4px; /*Safari,Chrome*/
	border-radius: 4px; /*Opera,Chrome*/
	display:inline-block;
}
.side-2 a{
	color:#444444 !important;
	text-decoration:none;
}
.side-2 a:visited{
	color:#444444;
	text-decoration:none;
}
.side-2 a:hover{
	color:#444444;
	text-decoration:underline;
}

.rakuten-camp2 {
	width: 880px;
	padding-top: 5px;
	margin-bottom: 25px;
}

.ban374-waku {
width: 430px;
height:66px;
float: left;
padding: 0 5px;
}

.ban374-waku img {width: 100%;}

/* メインここまで */

/* ヘッダー */
.head-search {
 vertical-align:middle;
 border: 3px solid #30b5ef;
 font-size:medium;
 margin:2px 0;
 background-image: url(https://image.rakuten.co.jp/dtc/cabinet/frame/head/kensaku-btn35.gif);
 background-repeat: no-repeat;
 background-size: contain;
 padding: 1px 0 1px 30px;
 width: 324px;
 height: 27px;
}

/* ヘッダーここまで */


/* トピックス */
#t-body {
    background-attachment:fixed;
	margin:0;
}
/* トピックスここまで */


.center-column{
 width:278px;
 border:1px solid #dddddd;
 margin-bottom:10px;
 font-size:small;
 line-height:150%;
 -moz-border-radius: 4px; /*Firefox*/
 -webkit-border-radius: 4px; /*Safari,Chrome*/
 border-radius: 4px; /*Opera,Chrome*/
}
.center-column a{
	color:#444444;
		text-decoration:none;
}
.center-column a:visited{
	color:#444444;
		text-decoration:none;
}
.center-column a:hover{
	color:#067CFE;
	text-decoration:underline;
}
.top-3col-textwaku {
	font-size: small;
	width:96%;
	margin:2px 2%;
	padding:10px 0;
	border-bottom:1px solid #dddddd;
	line-height: 120%;
}
.top-3col-textwaku-img {
	float:left; margin:0 5px;
	width: 30px;
}

.top-3col-textwaku p {
	float: left;
	width: 100%;
}


.header {/* */
	width: 100%;
	/* height: 200px; */
}
.header2 {/* */
	width: 100%;
	/* height: 200px; */
}
.leftmenu {
	width: 280px;
	height: 1800px;
}


.s-name {
 font-size: 14px;
 line-height: 18px;
 color: #333;
 text-decoration:none;
 height: 70px;
 padding:0 5px;
 overflow: hidden;
 margin-bottom: 5px;
}

.s-name:hover {opacity:0.7;}


/* easy clearing by PIE
----------------------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}


/* 2020/11 追加分  */


ul.header-navi {
 max-width:1280px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
}

ul.header-navi li {
 font-size: 14px;
 float: right;
 padding: 2px 8px 2px 0px;
 margin-left:-7px;
 list-style: none;
 color: #fff;
}

ul.header-navi li a {
 text-decoration: none;
 color: #fff;
}

ul.header-navi li a:hover {
opacity:0.6;
}

.header-01 {background: linear-gradient(to right, #30b5ef 0%, #0075c1 100%);}

.header-02 {background-color:#ffffff;}

.header-03 {background-color:#fff;}

.footer-01 {background-color:#efefef; padding: 0 0 15px;}

.table-footer {
width: 100%;
max-width: 1280px;
margin:0 auto 25px;
}

.f-info {padding: 15px; font-size:14px; color:#444;}
.f-infott {margin-bottom: 5px; border-bottom: 1px solid #ccc; font-size:18px; color:#000; }
.f-link {border:1px solid #666; padding:5px 10px; margin-bottom: 10px; float:right; background-color:#fff; border-radius:2px;}
.f-link a {color:#333; text-decoration:none;}
.f-link:after {clear:both;}

.head-table1 {
line-height:100%;
background-image:url(https://www.rakuten.ne.jp/gold/dtc/frame/head/rakuten-headbanner_1200x93.png);
background-repeat:no-repeat;
margin:0 auto;
padding:0;
width:100%;
max-width:1280px;
height:93px;
}

.head-table2 {
 background-color:#fff;
 width:100%;
 margin:0 auto;
 max-width:1280px;
 height:60px;
}

.head-keyword {
 font-size: 12px;
 color: #000;
 text-decoration: none;
 width:100%;
 max-width:1280px;
 margin:0 auto;
 margin-bottom: 5px;
 background-color:#fff;
}
.head-keyword a {
 color: #333;
 font-weight:normal;
 text-decoration: none;
 }
.head-keyword a:visited { color: #333; }
.head-keyword a:hover { color: #FF6600; }

a.all-product {
 border: 2px solid #666;
 padding: 5px 15px ;
 background-color: #fff;
 color: #666;
 font-size: 0.8em;
 text-decoration: none;
}

a:hover.all-product {
 background-color: #666;
 color: #fff;
}

a.kaimono-kago {
 padding: 0px 15px 0px 15px;
 color: #fff;
 text-decoration: none;
 background-image:url(https://image.rakuten.co.jp/dtc/cabinet/frame/head/cart-btn33.gif);
 background-repeat: no-repeat;
 background-size: 28px;
 background-position: center;
 margin-left: -5px;
}
}

a:hover.kaimono-kago {
opacity:0.6;
 color: #fff;
}

input.search-btn {
 vertical-align: middle;
 background-color: #30b5ef;
 padding: 4px 20px 3px 20px;
 border: 2px solid #30b5ef;
 color: #fff;
 margin-left: 0px;
 border-radius: 0px;
 font-family: FontAwesome;
 font-size: 1.0em;
}

input.search-btn:hover {
 cursor:pointer;
 opacity:0.7;
}


.head-keyword-list {
 background-color: #666;
 font-size: 12px;
 text-align: center;
 padding: 5px 0 5px;
 margin: 0 auto;
 width: 820px;
 border-radius: 4px;
}
.head-keyword-list ul {
 list-style-type: none;
 margin: 0 20px;
 padding: 0;
 zoom: 1;
}
.head-keyword-list ul:after {
  content: ""; 
  display: block; 
  clear: both;
}/*float解除*/

.head-keyword-list ul li {
 float: left;
 margin: 3px 3px;
 padding: 2px 6px;
 background: #fff;
 border-radius: 2px;
}

.head-keyword-list ul li span {
 font-weight: bold;
}

.t-text0 {
 font-size: small;
 color: #222222;
 line-height: 130%;
}/*トピックスのテキスト*/
.t-text0 a{
 color: #222222;
}

.t-box900 {
	margin: 10px auto 15px;
	width:1200px;
}

.side-2 ul {list-style-type: none;margin: 0;padding: 0;}

#top_banner_box {margin:20px 0 10px;}

.triangle {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #666;
margin: -7px auto 0;
}


.col4box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
	margin: 0 auto;
	width:950px;
}

.col5box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}

.col4box .column {
    display: block;
    width: 25%;
	text-align:center;
}

.col5box .column {
    display: block;
    width: 20%;
	margin:0 0 20px 0;
}

.col5box .column a {
 text-decoration:none;
}

.col4box .column img {
 max-width: 230px;
}

.col5box .column img {
 width:160px;
 height:160px;
}

.t-yoyaku-text {
 font-size: 14px;
 font-weight: bold;
 margin: 8px 0;
}

.tab-yoyaku {
 background-image: url('toppage/parts/yoyaku1.gif');
 background-position: left top;
 background-repeat: no-repeat;
}

.midd_top {
 width: 880px;
 font-size: 20px;
 font-weight: 700;
 color: #333;
 margin:25px 0px 10px;
 padding: 5px 10px;
 text-align: left;
 border-color: #999;
 border-width: 0 0 1px 0;
 border-style: solid;
 word-break: normal;
}

.midd_top span{
	font-size:11px;
	color:#666;
	font-weight:normal;
}

.midd_top2 {
 color:#333;
 line-height: 140%;
 border: 1px solid #aaa;
 padding: 5px 3px 5px 5px;
 width: 718px;
 margin:25px 0px 3px;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 background-image: url(/toppage/parts/mid_bg.gif);
}
.midd_top2 span{ display: block; border-left: 5px solid #666; padding-left:7px;}


.menu-img {
 display: inline-block;
 position: absolute;
 left: 3px;
}

.menu {
    position: relative;
    height: 44px;
    max-width: 280px;
    margin: 0 auto;
	padding:0;
}

ul.menu:before, ul.menu:after {
  content: "";
  clear: both;
  display: block;
}

.menu > li {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #eeeeee;
	list-style-type:none;
}

.menu > li a {
    display: block;
    color: #36f;
	padding:1px 10px 1px 45px;
}

.menu > li a:hover {
    color: #333;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	padding: 0;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #ccc;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-bottom: 1px dotted #333;
	list-style-type:none;
	width: 280px;
	float: left;
}

.menu__second-level li a {
	padding:0 10px;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #aaa;
	color:#333;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    left: 280px;
    width: 200%;
    background: #dfdfdf;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 0px;
    visibility: visible;
    opacity: 1;
}