@media screen and (min-width:1281px)/*PC*/
{

/*サイト全体の横幅*/

#container
{
width: 100%;
background-image:url(../images/cmn/pc_bg.png);
background-repeat:repeat-y;
}

#main
{
float: right;
width: 100%;
margin-left: -240px;
}

#inner
{
margin-left: 240px;
}

/*パンくずリストのCSSここから*/

#topic_path
{
margin-top:50px;
margin-bottom:50px;
}

#topic_path li
{
float:left;
font-size:12px;
margin-right:5px;
}

#topic_path li a,#topic_path li a:visited
{
font-size:12px;
color:#9BA2AA;
text-decoration:none;
margin-right:5px;
}

#topic_path li a:hover
{
font-size:12px;
color:#333;
text-decoration:none;
margin-right:5px;
}

/*パンくずリストのCSSここまで*/

/*メニューバーのCSSここから*/

#sub
{
float: left;
width: 240px;
position:fixed;
z-index:999;
}

#site_logo
{
display:block;
padding:0;
margin:0 auto;
margin-top:40px;
margin-bottom:45px;
}

.menu_btn
{
display:none;
}

/*メニューバーのCSSここまで*/

/*メニューバーのアコーディオン部分のCSSここから*/

.category_menu_1st_large,.category_menu_large
{
border-top:1px solid #D6D6D6;
transition: background-color 0.5s linear 0.1s;
cursor:pointer;
}

.category_menu_1st_large:last-child
{
border-top:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
transition: background-color 0.5s linear 0.1s;
cursor:pointer;
}

.category_menu_1st_large:hover,.category_menu_large:hover
{
background-color:#444444;
cursor:pointer;
}

.category_menu_list_large
{
background-image:url(../images/cmn/side_menu_list_mark.png);
background-repeat:no-repeat;
background-position:right 20px top 25px;
cursor:pointer;
}

.category_menu_1st_list_large
{
background-image:url(../images/cmn/side_menu_list_mark.png);
background-repeat:no-repeat;
background-position:right 20px top 25px;
cursor:pointer;
position:relative;
}

.category_menu_title_large
{
padding:20px;
font-size:12px;
display:block;
cursor:pointer;
}

.category_menu_1st_title_large
{
padding:20px;
font-size:12px;
display:block;
cursor:pointer;
}

.category_menu_large a:link
{
font-size:12px;
color:#000;
text-decoration:none;
}

.category_menu_1st_large a:link
{
font-size:12px;
color:#FFF;
text-decoration:none;
}

.category_menu_1st_large:hover a
{
font-size:12px;
color:#FFF;
text-decoration:none;
}

.category_menu_large a:visited
{
font-size:12px;
color:#000;
text-decoration:none;
}

.category_menu_large:hover a
{
font-size:12px;
color:#FFF;
text-decoration:none;
}

.category_menu_1st_large a:visited
{
font-size:12px;
color:#FFF;
text-decoration:none;
}

.category_menu_2nd_large
{
position:absolute;
width:100%;
left:100%;
top:0;
display:none;
}

.category_menu_2nd_list_large
{
background-image:url(../images/cmn/side_menu_sub_cat_list_mark.png);
background-repeat:no-repeat;
background-position:left 20px top 10px;
opacity: 0.9;
transition: opacity 0.5s linear 0.1s;
position:relative;
background-color:#333333;
}

.category_menu_2nd_list_large:hover
{
background-image:url(../images/cmn/side_menu_sub_cat_list_mark.png);
background-repeat:no-repeat;
background-position:left 20px top 10px;
background-color:#333333;
opacity: 1.0;
}

.category_menu_2nd_title_large
{
padding:13px 10px 8px 40px;
font-size:12px;
display:block;
cursor:pointer;
}

.category_menu_3rd_large
{
position:absolute;
width:100%;
left:100%;
top:0;
display:none;
}

.category_menu_3rd_list_large
{
background-image:url(../images/cmn/side_menu_sub_cat_list_mark.png);
background-repeat:no-repeat;
background-position:left 20px top 10px;
opacity: 0.9;
transition: opacity 0.5s linear 0.1s;
background-color:#333333;
}

.category_menu_3rd_list_large:hover
{
background-image:url(../images/cmn/side_menu_sub_cat_list_mark.png);
background-repeat:no-repeat;
background-position:left 20px top 10px;
transition: background-color 0.5s linear 0.1s;
background-color:#333333;
opacity: 1.0;
}

.category_menu_3rd_title_large
{
padding:13px 10px 8px 40px;
font-size:12px;
display:block;
cursor:pointer;
}

/*メニューバーのアコーディオン部分のCSSここまで*/

/*フッターのCSSここから*/

#footer
{
width:100%;
background-color:#000;
padding:10px 0 10px 0;
text-align:center;
}

#footer p
{
color:#FFF;
font-size:12px;
line-height:12px;
}

.to_top_mark
{
width:30px;
position:fixed;
right:5px;
bottom:50px;;
}

.to_top_mark img
{
display:block;
padding:0;
margin-bottom:5px;
}

/*フッターのCSSここまで*/

/*固定フッター（SNSボタン）のCSSここから*/

#footer_sns
{
width:100%;
background-color:100%;
background-color:#333;
padding:5px 0 5px 0;
position:fixed;
bottom:0;
}

.circle_group
{
width:320px;
margin:0 auto;
}

.sns_circle
{
position:relative;
width:30px;
height:30px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
float:left;
list-style:none;
transition: all 1s ease;
-webkit-transition: all 1s ease;
margin:0 5px 0 5px;
}
 
/* Webフォントに関する指定 */
.sns_circle span
{
position:absolute;
padding:7px;
font-size:16px;
line-height:16px;
color:#FFF;/* 文字の色 */
}
 
/* リンク領域をブロック全体に */
.sns_circle a
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-indent:-999px;
color:#FFF;/* 文字の色 */
}
 
/* マウスオーバー */
.sns_circle:hover
{
transform: rotate(675deg);
-webkit-transform: rotate(675deg);
} 
 
/* アイコン毎の配色と配置 */
.sns_circle.feedly
{
background-color: #6CC655;
}
 
.sns_circle.facebook
{
background-color: #265a96;
}
 
.sns_circle.twitter
{
background-color: #00acec;
}
 
.sns_circle.hatebu
{
background-color: #006fbb;
}
 
.sns_circle.pocket
{
background-color: #EE4256;
}
 
.sns_circle.googleplus
{
background-color: #dd4b39;
}
 
.sns_circle.line
{
background-color: #2cbf13;
}
 
.sns_circle.feed
{
background-color: #ff9900;
}
 
.sns_circle.youtube
{
background-color: #e22d26;
}

/*固定フッター（SNSボタン）のCSSここまで*/

}

@media screen and (min-width: 1001px)/*タブレット・PC等*/
{
/*オーバーレイ広告のCSSここから*/

#overlay
{
display:none;
}

/*オーバーレイ広告のCSSここまで*/
}