@charset "UTF-8";
/* ルチルSWEETCSS Document */

/* ルチルSWEET一覧（最新号）　
---------------------------------------------------------- */

.rutile-sweet ul#menu-g_nav li.nav-sweet a, 
.single-rutile-sweet ul#menu-g_nav li.nav-sweet a {
background:
url("../img/all/arrow_dot.gif") no-repeat right 1px,
url("../img/all/g_sweet_on.gif") no-repeat left top #fff;
behavior:url("/PIE.htc");
-pie-background:
url("/wp-content/themes/rutile/common/img/all/arrow_dot.gif") no-repeat right 1px,
url("/wp-content/themes/rutile/common/img/all/g_sweet_on.gif") no-repeat left top #fff;
}

.rutile-sweet ul#menu-g_nav li.nav-sweet a img, 
.single-rutile-sweet ul#menu-g_nav li.nav-sweet a img {
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.rutile-sweet ul#menu-g_nav li.nav-sweet ul.sub-menu li a img, 
.single-rutile-sweet ul#menu-g_nav li.nav-sweet ul.sub-menu li a img {
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.rutile-sweet #rss, .single-rutile-sweet #rss {
display:block;
width:16px;
height:16px;
margin-right:175px;
float:right;
}

.rutile-sweet #headline h1, .rutile-sweet-about #headline h1, .single-rutile-sweet #headline h1 {
float:left;
}

.rutile-sweet #headline p, .rutile-sweet-about #headline p, .single-rutile-sweet #headline p {
padding-top:30px;
float:right;
}

.rutile-sweet #contents, .rutile-sweet-about #contents, .single-rutile-sweet #contents {
width:755px;
padding-right:5px;
}

.rutile-sweet #latest_issue, .single-rutile-sweet #latest_issue, .single-rutile-sweet #backnumber_issue {
background:#fff;
width:580px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:#c8c8c8 0px 0px 5px;
-moz-box-shadow:#c8c8c8 0px 0px 5px;
box-shadow:#c8c8c8 0px 0px 5px;
margin:5px 0px 5px 5px;
position:relative;
float:left;
}

.rutile-sweet #local_menu, .single-rutile-sweet #local_menu {
width:150px;
padding-top:5px;
float:right;
}

.ttl_number {
background:url("../img/all/check_bg.gif") repeat left top #fff;
width:580px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
border-radius:6px 6px 0px 0px;
}

.ttl_number h2 {
width:430px;
color:#fff;
-webkit-border-radius:6px 0px 0px 0px;
-moz-border-radius:6px 0px 0px 0px;
border-radius:6px 0px 0px 0px;
padding:5px 0px 5px 20px;
}

.rutile-sweet .ttl_number h2, .single-rutile-sweet .ttl_number h2.latest {
background:#ee859a;
}

.single-rutile-sweet .ttl_number h2.backnumber {
background:#a2d7d4;
}

.rutile-sweet .ttl_number h2 a {
color:#fff;
text-decoration:none;
}

.ttl_number h2 span {
background:url("../img/all/stone_white.png") no-repeat left center;
padding-left:20px;
}

.number_index {
border-bottom:1px dashed #eb6e64;
display:table;
width:540px;
margin:20px 20px 0px;
padding-bottom:20px;
}

.number_index .cover {
display:table-cell;
width:170px;
vertical-align:top;
/*float:left;*/
}

.number_index .caption {
display:table-cell;
width:345px;
vertical-align:top;
/*float:right;*/
padding-left:25px;
padding-bottom:30px;
position:relative;
}

#backnumber_issue .number_index .caption {
padding-bottom:0;
}

.number_index .caption dl#current_issue {
width:345px;
margin-bottom:5px;
}

.number_index .caption dl#current_issue dt, .number_index .caption dl#current_issue dd {
display:table-cell;
vertical-align:middle;
}

.number_index .caption dl#current_issue dt {
padding-right:10px;
}

.number_index .caption dl#current_issue dt img {
vertical-align:top;
}

.number_index .caption dl#current_issue dd {
background:url("../img/sweet/icon_heart_gray.gif") no-repeat left center;
font-size:112%;
color:#969696;
padding-left:25px;
}

/*.number_index #current_issue {
margin-bottom:5px;
}*/

.number_index .caption p {
font-size:85%;
line-height:2.5em;
}

#backnumber_issue .number_index #btn_link {
width:345px;
margin-top:12px;
/*position:absolute;
bottom:0;*/
}

#backnumber_issue .number_index #link_buy, #backnumber_issue .number_index .social_button {
/*display:table-cell;
vertical-align:middle;*/
}

#backnumber_issue .number_index .social_button {
margin-top:20px;
}

#backnumber_issue .number_index #link_buy a {
display:inline-block;
background:#eb6e64;
width:113px;
height:20px;
font-size:75%;
color:#fff;
text-align:center;
text-decoration:none;
vertical-align:top;
line-height:20px;
-webkit-box-shadow:#eaeaea 0px 0px 2px;
-moz-box-shadow:#eaeaea 0px 0px 2px;
box-shadow:#eaeaea 0px 0px 2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0px 3px 3px 0px;
/*padding:4px 0px;*/
position:relative;
}

#backnumber_issue .number_index #link_buy a:nth-child(3n) {
margin-right:0;
}

#backnumber_issue .number_index #link_buy a:hover {
text-decoration:underline;
}

/*#backnumber_issue .number_index #link_buy a img {
background:url("../img/all/arrow_white.png") no-repeat left center;
padding-left:11px;
}*/

#latest_issue .number_index .social_button {
width:61px;
height:14px;
position:absolute;
right:0px;
bottom:0px;
}

#backnumber_issue .number_index .social_button {
width:61px;
height:14px;
/*padding-left:146px;*/
float:right;
}

.number_index .social_button div {
margin-left:5px;
float:left;
}

.number_story {
width:560px;
padding:10px;
}

.number_story .story-list {
width:260px;
margin:10px 10px 0px;
padding-bottom:10px;
float:left;
position:relative;
}

.number_story .story-list h3 {
width:165px;
font-size:85%;
color:#eb6e64;
text-align:justify;
line-height:1.5em;
float:right;
}

#backnumber_issue .number_story .story-list h3 {
color:#90acd5;
}

.number_story .story-list h3 span {
display:block;
font-weight:normal;
color:#262626;
}

.number_story .story-list p.thumb {
width:80px;
float:left;
}

.number_story .story-list p.link_read {
width:165px;
float:right;
position:absolute;
right:0;
bottom:10px;
}

.number_story .story-list p.link_read a {
display:block;
background:#90acd5;
width:138px;
height:20px;
text-align:center;
-webkit-box-shadow:#c8c8c8 0px 0px 2px;
-moz-box-shadow:#c8c8c8 0px 0px 2px;
box-shadow:#c8c8c8 0px 0px 2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
margin:0px auto;
position:relative;
}

/* COMING SOONボタン */
/*.number_story .story-list p.link_read span {
display:block;
background:#969696;
width:138px;
height:20px;
text-align:center;
-webkit-box-shadow:#c8c8c8 0px 0px 2px;
-moz-box-shadow:#c8c8c8 0px 0px 2px;
box-shadow:#c8c8c8 0px 0px 2px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
behavior:url("/PIE.htc");
margin:0px auto;
position:relative;
}*/

.rutile-sweet #sweet_archive, .single-rutile-sweet #sweet_archive {
border-top:1px solid #eaeaea;
padding-top:15px;
}

.rutile-sweet #sweet_archive li, .single-rutile-sweet #sweet_archive li {
width:150px;
}

.rutile-sweet #sweet_archive li.latest, .single-rutile-sweet #sweet_archive li.latest {
background:url("../img/sweet/stone_pink_small.gif") no-repeat left center;
width:138px;
height:13px;
margin-bottom:15px;
padding-left:18px;
}

.rutile-sweet #sweet_archive li.backnumber dl, .single-rutile-sweet #sweet_archive li.backnumber dl {
border-top:1px dashed #c8c8c8;
margin-top:15px;
padding-top:15px;
}

.rutile-sweet #sweet_archive li a img, .rutile-sweet #sweet_archive li dl dt img, 
.single-rutile-sweet #sweet_archive li a img, .single-rutile-sweet #sweet_archive li dl dt img {
vertical-align:top;
}

.rutile-sweet #sweet_archive li.backnumber dl dt, .single-rutile-sweet #sweet_archive li.backnumber dl dt {
background:url("../img/sweet/stone_green_small.gif") no-repeat left center;
width:138px;
height:13px;
margin-bottom:10px;
padding-left:18px;
}

.rutile-sweet #sweet_archive li.backnumber dl dd ul li, 
.single-rutile-sweet #sweet_archive li.backnumber dl dd ul li {
background:url("../img/all/icon_dot_red.gif") no-repeat left 0.75em;
width:142px;
font-size:70%;
line-height:1.75em;
padding-left:8px;
}

.rutile-sweet #sweet_archive li.backnumber dl dd ul li a, 
.single-rutile-sweet #sweet_archive li.backnumber dl dd ul li a {
color:#515151;
}

/* ルチルSWEETとは（about.php）　
---------------------------------------------------------- */

.rutile-sweet-about ul#menu-g_nav li.nav-about-sweet a {
background:
url("../img/all/arrow_dot.gif") no-repeat right 1px,
url("../img/all/g_about_sweet_on.gif") no-repeat left top #fff;
behavior:url("/PIE.htc");
-pie-background:
url("/wp-content/themes/rutile/common/img/all/arrow_dot.gif") no-repeat right 1px,
url("/wp-content/themes/rutile/common/img/all/g_about_sweet_on.gif") no-repeat left top #fff;
}

.rutile-sweet-about ul#menu-g_nav li.nav-about-sweet a img {
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.rutile-sweet-about #about {
background:#fff;
width:750px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:#c8c8c8 0px 0px 5px;
-moz-box-shadow:#c8c8c8 0px 0px 5px;
box-shadow:#c8c8c8 0px 0px 5px;
margin:5px 0px 5px 5px;
position:relative;
}

.rutile-sweet-about .ttl_number {
background:url("../img/all/check_bg.gif") repeat left top #fff;
width:750px;
-webkit-border-radius:6px 6px 0px 0px;
-moz-border-radius:6px 6px 0px 0px;
border-radius:6px 6px 0px 0px;
}

.rutile-sweet-about .ttl_number h2 {
background:#ee859a;
width:550px;
color:#fff;
-webkit-border-radius:6px 0px 0px 0px;
-moz-border-radius:6px 0px 0px 0px;
border-radius:6px 0px 0px 0px;
padding:5px 0px 5px 20px;
}

.rutile-sweet-about .ttl_number h2 span {
background:none;
padding-left:0px;
}

.rutile-sweet-about .section {
width:710px;
padding:20px;
}

#about_index p {
font-size:90%;
line-height:2em;
}

.guide {
margin-top:30px;
}

.guide h3 {
width:685px;
color:#969696;
line-height:1em;
margin-bottom:15px;
padding:0px 0px 10px 25px;
}

.guide a {
color:#90acd5;
}

#about_latest h3, #about_read h3, #about_backnumber h3 {
background:url("../img/sweet/stone_pink.gif") no-repeat left top;
border-bottom:1px dashed #ee859a;
}

#about_latest p {
font-size:75%;
text-align:justify;
}

#about_latest a {
font-weight:bold;
}

.rutile-sweet-about .notice {
margin-top:15px;
}

.rutile-sweet-about .notice p, .rutile-sweet-about .notice dl dt, .rutile-sweet-about .notice dl dd {
font-size:70%;
text-align:justify;
}

/*#about_read h3 {
background:url("../img/sweet/stone_palepink.gif") no-repeat left top;
border-bottom:1px dashed #f4aeb9;
}

#about_backnumber h3 {
background:url("../img/sweet/stone_green.gif") no-repeat left top;
border-bottom:1px dashed #a2d7d4;
}*/

#about_read ol, #about_backnumber ol {
width:710px;
}

#about_read ol li {
background:url("../img/sweet/arrow_flow.gif") no-repeat 3px 47px;
width:220px;
padding-left:25px;
float:left;
}

#about_read ol li dl {
width:220px;
}

#about_read ol li dl dt {
background:url("../img/sweet/arrow_balloon.gif") no-repeat center bottom;
width:220px;
text-align:center;
padding-bottom:5px;
/*margin-bottom:15px;*/
}

#about_read ol li dl dt img {
margin-bottom:10px;
}

#about_backnumber p {
font-size:75%;
margin-bottom:15px;
}

#about_backnumber .notice p {
font-size:70%;
margin-bottom:0px;
}

#about_backnumber ol li {
background:url("../img/sweet/arrow_flow.gif") no-repeat 3px 47px;
width:345px;
padding-left:20px;
float:left;
}

#about_backnumber ol li dl {
width:345px;
}

#about_backnumber ol li dl dt {
background:url("../img/sweet/arrow_balloon.gif") no-repeat center bottom;
width:345px;
text-align:center;
padding-bottom:5px;
/*margin-bottom:15px;*/
}

#about_backnumber ol li dl dt img {
border:1px solid #eaeaea;
margin-bottom:10px;
}

#about_read ol li:first-child, #about_backnumber ol li:first-child {
background:none;
padding-left:0px;
}

.guide ol li dl dt img {
vertical-align:top;
}

.guide ol li dl dd {
background:#f3f3f3;
font-size:85%;
color:#969696;
font-weight:bold;
padding:10px;
}

.guide ol li dl dd span.attention {
color:#eb6e64;
padding-left:0.25em;
}

.guide ol li dl dd span.caption {
display:block;
color:#262626;
font-size:90%;
font-weight:normal;
margin-top:5px;
}