@charset "UTF-8";
/*
*********************************************
SIRIUS用レスポンシブテンプレート
「grandグリーン2」
Produced by マナ
再配布厳禁
このテンプレートを使用した時点で、
弊社特利用規約に自動的に同意したことする。
*********************************************
*/
/*
*********************************************
外部ファイル読み込み
*********************************************
*/
@import url("./css/tables.css");
@import url("./css/commonstyles.css");
@import url("./css/textstyles.css");
/*
*********************************************
CSS初期化部分
*********************************************
*/
*{
margin:0;
padding:0;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption{
background:transparent;
border:0;
font-size:100%;
outline:0;
vertical-align:baseline;
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}
body{ line-height:1; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
div,p,h1,h2,h3,h4,h5,h6{
_zoom:1;
display:block;
text-align:left;
}
img{
border:0;
 max-width:100%;
height:auto;
}
@media screen and (max-width:999px){
img{
font-size:0;
height:auto;
line-height:0;
max-width:100%;
vertical-align:top;
}
}
@media screen and (max-width:640px){
img{
float:none !important;
}
}
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{
border-collapse:collapse;
border-spacing:0;
}
input,select{
vertical-align:middle;
}
/*
*********************************************
bodyのスタイル
*********************************************
*/
body{
background-color:#fff;
border-top:4px solid #fff;
color:#333333;
font-family:'メイリオ',Helvetica,'Hiragino Kaku Gothic Pro',sans-serif;
font-size:15px;
line-height:180%;
text-align:center;
letter-spacing:-0.001em;/* iOS4でのテキストの隙間への対応 */
-webkit-text-size-adjust:100%;/* 文字サイズの自動調整機能のキャンセル */
}
h1,h2,h3,h4,h5,h6,.title,dt{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-weight:700;
}
.clear{
clear:both;
font-size:1px;
line-height:0;
}
/*
********************************************* 
リストタグのスタイル
*********************************************
*/
ul{
margin:0 10px;
padding:0;
}
ul li{
background-image:url(img/li.png);
background-position:left 8px top 10px;
background-size:4px auto;
background-repeat:no-repeat;
padding:0 0 0 20px;
} 
ol{
list-style-type:decimal;
margin:0 10px;
padding:10px 0 10px 35px;
}
#main .text ul li,#text1 ul li,#text2 ul li,#text3 ul li,#text4 ul li,#text5 ul li,#text6 ul li,#text7 ul li,#text8 ul li,#text9 ul li,#text10 ul li,#space1 ul li,#space2 ul li{ margin-bottom:6px;}
*********************************************
/* リンクのスタイル
*********************************************
*/
a{ color:#00f; }
a:link,a:visited{
color:#00f;
text-decoration:underline;
transition:0.4s;-webkit-transition:0.5s;
-moz-transition:0.4s;
-o-transition:0.4s;
-ms-transition:0.4s;
transition:0.4s;}
a:hover{
color:#f60;
text-decoration:none;
}
a img{ 
background:none !important; 
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
 }
a:hover img{
background:none !important;
opacity:0.6;
}
#main a:hover,#menu a:hover,#rmenu a:hover,#pagetop a:hover{
position:relative;
}
@media screen and (max-width:640px){
#main a:hover,#menu a:hover,#rmenu a:hover,#pagetop a:hover{
left:0;
position:static;
top:0;
}
}
/*
*********************************************
全体のスタイル
*********************************************
*/
/*
*********************************************
 レイアウトのスタイル
*********************************************
*/
#wrapper{
overflow:hidden;
text-align:center;
}
#headerbox{
padding-bottom:10px;
}
@media screen and (max-width:640px){
#headerbox{
padding-bottom:0px;
}
}
#column1{
padding-bottom:20px;
}
@media screen and (max-width:640px){
#column1{
padding-bottom:30px;
}
}
#column2{
padding-bottom:20px;
}
@media screen and (max-width:640px){
#column2{
padding-bottom:30px;
}
}
#contents{
margin:0 auto;
padding:0 0 20px;
position:relative;
text-align:center;
width:1000px;
}
#layoutbox{
overflow:hidden;
padding:5px 10px;
}
#siteNavi{
font-size:14px;
margin-bottom:10px;
}
@media screen and (max-width:999px){
#contents{
padding:0 10px 50px;
width:auto;
background-color:#F7F7F7;
background-repeat:no-repeat;
}
#layoutbox{
padding:5px;
}
}
@media screen and (max-width:640px){
#contents{
padding:0 0 50px;
}
#layoutbox{
padding:5px 0;
}
#siteNavi{
font-size:12px;
margin-bottom:5px;
padding:0 10px;
}
}
/* 
*********************************************
ページ上へ戻るボタンのスタイル
*********************************************
*/
#pagetop{
bottom:-80px;
clear:both;
position:absolute;
right:10px;
z-index:5;
}
#pagetop a{
background-image:url(img/pagetop_button2.png);
background-position:left top;
background-size:40px auto;
background-repeat:no-repeat;
display:block;
height:125px;
/*height:32px;*/
overflow:hidden;
text-indent:-9999px;
width:64px ;
/*width:32px;*/
}
@media screen and (min-width:641px){
#pagetop a:hover{
background-image:url(img/pagetop_button_hover.png);
background-position:left top;
background-repeat:no-repeat;
}
}
@media screen and (max-width:999px){
#pagetop{
right:10px;
}
#pagetop a{
background-image:url(img/pagetop_button2.png);
background-position:right top;
/*padding-right:50px;*/
}
}
@media screen and (max-width:640px){
#pagetop{
bottom:0;
overflow:hidden;
right:0;
width:100%;
}
#pagetop a{
background-image:url(img/pagetop_button_smp.png);
background-position:center center;
background-repeat:no-repeat;
 background-color:#1e8f2f;
 background-size:40% ;
border:none;
font-size:13px;
height:40px;
line-height:40px;
padding:0;
position:relative;
text-align:center;
width:100%;
}
}
/* 
*********************************************
検索ボックス
*********************************************
*/
#searchbox{
background-image:url(img/search_input.png);
background-position:right top;
background-repeat:no-repeat;
font-size:12px;
left:auto;
height:28px;
margin-left:0;
position:absolute;
top:2px;
width:100%;
max-width:990px;
}
#searchbox input{
background-color:transparent;
border:none;
cursor:pointer;
height:24px;
overflow:hidden;
position:absolute;
right:170px;
text-indent:-9999px;
top:2px;
vertical-align:middle;
width:28px;
}
#searchbox form{
margin:0;
padding:0;
position:relative;
}
#searchbox .skwd{
background-image:none;
border:0 none;
cursor:auto;
font-size:12px;
right:6px;
line-height:18px;
text-indent:0;
width:160px;
}
@media screen and (max-width:640px){
#searchbox{
background-color:#66d478;
background-image:url(img/searchbutton.png);
background-position:15px 5px;
background-repeat:no-repeat;
margin:10px auto 5px;
padding:0 15px;
height:40px;
top:auto;
right:auto;
position:relative;
width:100%;
color:#333;
}
#searchbox input{
width:30px;
height:26px;
padding:0;
color:#333;
left:0px;
-webkit-appearance:none;
}
#searchbox input.skwd{
font-size:14px;
margin:0 0 0 30px;
padding:0px 5px 0 5px;
background-color:#fff;
overflow:hidden;
max-width:100%;
width:80%;
}
}
/* 
*********************************************
float・回り込み・回り込み解除
*********************************************
*/
.txt-img{
}
.txt-img img{
margin:0 8px 8px 8px;
}
.center{
margin-bottom:5px;
margin-top:5px;
text-align:center;
}
.float-l{ float:left;}
.float-r{ float:right;}
.float-l img,.float-r img{
margin-bottom:20px;
}
.float-l img{ 
margin-right:20px;
}
.float-r img{
margin-left:20px;
}
.clear,.FloatEnd{
clear:both;
font-size:1px;
height:0;
line-height:0;
}
/* 画像の中央揃え処理(スマホで見た場合) */
@media screen and (max-width:640px){
.txt-img{
padding:0 10px;
text-align:center !important;
}
.txt-img,.txt-img img{
float:none !important;
}
.float-l p,.float-l{
text-align:center;
float:none;
}
}
/*
*********************************************
トップ部分のスタイル
*********************************************
*/
/* 
*********************************************
トップ
*********************************************
*/
#top{
margin:0 auto;
text-align:left;
width:980px;
}
#top #logo,#top h1{
padding:0;
max-width:400px;
height:auto;
}
#top #logo a,#top h1 a{
color:#666;
text-shadow:0 0 1px rgba(211,117,28,.3);
font-size:14px;
font-weight:600;
text-decoration:none;
}
#top #logo a img,#top h1 a img{
vertical-align:middle;
}
@media screen and (max-width:999px){
#top{
width:auto;
}
#top #logo,#top h1{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0;
width:66.6666666667%;
text-indent:10px;
}
}
@media screen and (max-width:640px){
#top #logo,#top h1{
padding:18px 60px 18px 10px;
width:auto;
}
#top #logo a,#top h1 a{
font-size:12px;
}
}
/* 
*********************************************
ヘッダースタイル
*********************************************
*/
#headerbox .inner{
text-align:center;
}
#header{
height:350px;
margin:0 auto;
position:relative;
text-align:left;
width:1000px;
}
#header img{
display:block ;
margin:0 auto ;
max-width:980px ;
}
#header #headertxt{
left:50%;
position:absolute;
top:80px;
width:45%;
left:30px;
left:30px;
}
#header .title,#header .desc{
padding-left:5px;
padding-right:5px;
}
#header .title a{
color:#1E8F2F;
text-shadow:0 0 1px rgba(211,117,28,.3);
font-size:28px;
font-weight:700;
line-height:120%;
text-decoration:none;
word-wrap:break-word;
}
#header .desc{
color:#46E61E;
font-size:15px;
line-height:160%;
padding-top:15px;
word-wrap:break-word;
}
#header .desc span{
color:#46E61E;
font-size:15px;
padding-top:15px;
}
@media screen and (max-width:999px){
#headerbox{
position:relative;
}
#header{
height:auto !important;
width:auto;
}
#header img{
position:static;
width:100% ;
}
}
@media screen and (max-width:640px){
#header #headertxt{
padding:15px 15px 0px;
margin-bottom:-10px;
position:static;
width:auto;
}
#header .title{
text-align:center;
text-shadow:1px 1px 1px rgb(204,204,204);
}
#header .title a{
color:#1E8F2F;
font-size:20px;
}
#header .desc{
color:#46E61E;
font-size:12px;
}
}
/* 
*********************************************
トップメニュースタイル
*********************************************
*/
*:first-child+html body{
padding-left:1px;
}
#nav{
background-color:#93B82A;
box-sizing:border-box;
}
#topmenubox{
margin:0 auto;
text-align:center;
width:1000px;
}
#topmenubox #topmenubtn{
display:none;
}
#topmenu ul,#topmenu li{
list-style-image:none;
list-style-type:none;
background-image:none;
}
#topmenu ul{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
overflow:hidden;
width:980px;
padding:0;
}
#topmenu li{
padding:5px 0;
float:left;
width:20.0%;
}
#topmenu li:hover{
background-color:#a2d6ab;
}
#topmenu li:hover a{
color:#943135;
}
#topmenu li:last-child{
}
#topmenu li a{
list-style-image:none;
color:#f0f0f0;
display:block;
font-size:1em;
text-shadow:1px 1px 1px rgba(13,71,161,0.3);
overflow:hidden;
padding:3px;
text-align:center;
text-decoration:none;
}
#topmenu li a:hover{
text-decoration:underline;
}
@media screen and (max-width:999px){
#topmenubox{
padding:0;
width:auto;
}
#topmenu ul{
background:none repeat scroll 0 0 transparent;
display:table;
width:100%;
clear:both;
margin:0;
}
#topmenu li{
background:none repeat scroll 0 0 transparent;
display:table-cell;
float:none;
margin:0;
padding:0;
width:auto;
}
#topmenu li:before{
clear:both;
background-color:transparent;
content:"";
height:auto;
left:auto;
position:static;
top:auto;
width:auto;
}
#topmenu li a{
position:relative;
}
}
@media screen and (max-width:640px){
#nav{
border-bottom:none;
background-color:none;
}
#topmenubox{
padding:0;
position:relative;
margin:0;
}
#topmenubox #topmenubtn{
color:#93B82A;
cursor:pointer;
display:block;
font-size:10px;
height:20px;
padding-top:15px;
position:absolute;
right:10px;
text-align:center;
top:-45px;
width:40px;
}
#topmenubox #topmenubtn:before{
border-bottom:3px solid #93B82A;
border-top:3px solid #93B82A;
content:"";
height:3px;
left:7px;
position:absolute;
top:0;
width:26px;
}
#topmenubox #topmenubtn:after{
border-top:3px solid #93B82A;
content:"";
height:0;
left:7px;
position:absolute;
top:12px;
width:26px;
}
#topmenu ul{
display:none;
table-layout:auto;
margin:0;
padding:0;
}
#topmenu ul.menuon{
display:block;
}
#topmenu li{
border-bottom:1px solid #54DF6C;
display:block;
text-align:left;
}
#topmenu li:last-child{
border-bottom:none;
}
#topmenu li a{
color:#f0f0f0;
padding:8px 45px 8px 20px;
position:relative;
text-align:left;
}
#topmenu li a:before{
border-bottom:none;
border-left:none;
border-right:2px solid #ffffff;
border-top:2px solid #ffffff;
background-color:transparent;
height:5px;
margin-top:-4px;
right:20px;
top:50%;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:5px;
}
#topmenu li:first-child a:after{
background-color:transparent;
left:0;
width:0;
}
#topmenu li:last-child{
border-right:none;
}
}
/*
*********************************************
メインコンテンツのスタイル
*********************************************
*/
/* 
*********************************************
記事コンテンツ部
*********************************************
*/
#main{
float:right;
overflow:hidden;
word-wrap:break-word;
width:620px;
padding:20px 10px 28px;
background-color:#FFF;
box-shadow:0 0 8px rgba(0,0,0,.2);
border:solid 1px #ccc;
}
@media screen and (max-width:640px){
#main{
padding:0 0 28px 0;
}
}
@media screen and (max-width:999px){
#main{
width:63%;
padding-bottom:5px;
}
}
@media screen and (max-width:640px){
#main{
float:none !important;
width:auto;
}
}
#main .text,#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2{
margin-bottom:20px;
overflow:hidden;
padding:5px ;
}
@media screen and (max-width:640px){
#main .text,#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2{
margin-bottom:20px;
overflow:hidden;
padding:15px ;
}
}
/* 
*********************************************
見出しタグのスタイル
*********************************************
*/
#main h2{
color:#fff;
text-shadow:1px 1px 1px #999;
font-size:20px;
margin:2px 0px;
padding:10px 5px 10px 10px;
background:#93B82A;
position:relative;
z-index:10;
box-shadow:0 2px 6px rgba(0,0,0,.15);
margin-bottom:20px;
}
#main h2::after{
position:absolute;
top:100%;
left:30px;
content:'';
width:0;
height:0;
border:8px solid transparent;
border-top:15px solid #93B82A;
}
/* 
#main h2::before{
color:#ffffff;
content:"\f044";
font-family:FontAwesome;
font-size:22px;
left:-3px;
position:relative;
}
 */
#main h3{
box-sizing:content-box;
font-size:20px;
font-weight:bold;
line-height:1.4;
margin:10px 10px 20px;
padding:10px 10px;
position:relative;
color:#1E8F2F ;
}
#main h3::after{
background-image:linear-gradient(to right,#1E8F2F 0%,#1E8F2F 80%,#afafaf 30%,#afafaf 100%);
bottom:0;
content:"";
height:3px;
left:0;
position:absolute;
width:100%;
}
#main h3::before{
color:#1E8F2F;
content:"\f040";
font-family:FontAwesome;
font-size:24px;
left:-5px;
position:relative;
}
#main .text h3,#text1 h3,#text2 h3,#text3 h3,#text4 h3,#text5 h3,#text6 h3,#text7 h3,#text8 h3,#text9 h3,#text10 h3,#space1 h3,#space2 h3{
margin:15px 0 15px -10px;
}
#main h4{
border-bottom:3px double #1E8F2F;
box-sizing:border-box;
margin:15px 0 15px 0px;
padding:5px 5px 5px 10px;
position:relative;
color:#333333;
font-size:18px;
}
#main h4::before{
color:#1E8F2F;
content:"\f046";
font-family:FontAwesome;
font-size:22px;
left:-5px;
position:relative;
}
#main h5{
color:#424242;
text-shadow:0 0 1px rgba(51,51,51,.1);
font-size:16px;
line-height:150%;
margin:15px 5px;
padding-left:16px;
border-bottom:1px dotted #999;
}
#main h5::before{
color:#54df6c;
content:"\f04d";
font-family:FontAwesome;
font-size:18px;
left:-10px;
position:relative;
}
#main h6{
color:#616161;
text-shadow:0 0 1px rgba(51,51,51,.1);
font-size:16px;
margin:15px 5px;
padding-left:22px;
line-height:140%;
}
#main h6::before{
color:#54df6c;
content:"\f101";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
#main .atn02{
background-color:#f2f2f2;
background-image:url(img/atn_02.gif);
background-position:14px 14px;
background-repeat:no-repeat;
margin:20px 0 10px;
overflow:hidden;
padding:20px 20px 20px 50px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5){
#main .atn02{
background-image:url(img/atn_02@2x.gif);
-webkit-background-size:22px 32px;
background-size:22px 32px;
}
}
#main .atn02 span{
border-bottom:1px dashed #c2c2c2;
color:#4d4d4d;
font-weight:bold;
padding-bottom:3px;
}
@media screen and (max-width:640px){
#main h2,#main h3{
margin:0;
margin-bottom:10px;
}
#main .text h3,#text1 h3,#text2 h3,#text3 h3,#text4 h3,#text5 h3,#text6 h3,#text7 h3,#text8 h3,#text9 h3,#text10 h3,#space1 h3,#space2 h3{
margin:20px -15px 10px;
}
#main .text h2,#text1 h2,#text2 h2,#text3 h2,#text4 h2,#text5 h2,#text6 h2,#text7 h2,#text8 h2,#text9 h2,#text10 h2,#space1 h2,#space2 h2{
margin:15px -15px 15px -15px;
}
#main .text h4,#text1 h4,#text2 h4,#text3 h4,#text4 h4,#text5 h4,#text6 h4,#text7 h4,#text8 h4,#text9 h4,#text10 h4,#space1 h4,#space2 h4{
margin:15px -6px;;
 }
#main .text h5,#text1 h5,#text2 h5,#text3 h5,#text4 h5,#text5 h5,#text6 h5,#text7 h5,#text8 h5,#text9 h5,#text10 h5,#space1 h5,#space2 h5{
margin:15px -6px;;
}
#main .text h6,#text1 h6,#text2 h6,#text3 h6,#text4 h6,#text5 h6,#text6 h6,#text7 h6,#text8 h6,#text9 h6,#text10 h6,#space1 h6,#space2 h6{
margin:15px -6px;;
}
}
/*
*********************************************
サイドメニューのスタイル
*********************************************
*/
/* 
*********************************************
メニュー
*********************************************
*/
#menu img{
max-width:100%;
height:auto;
}
#menu{
float:left;
overflow:hidden;
 padding:0 5px;
width:300px;
}
#menu ul#newEntry,#menu ul#entryarchive,#rmenu ul#newEntry,#rmenu ul#entryarchive{
padding:0 0 5px 0;
}
#menu .rankbox{
border-bottom:1px solid #E6E6E6;
font-size:12px;
margin-bottom:10px;
padding-bottom:10px;
}
#menu .rankbox img{
width:185px;
}
.menubox{
margin-bottom:0;
}
.menulist{
margin-bottom:0 !important;
overflow:hidden;
}
.menulist ul{
margin-bottom:10px;
padding:0 0 5px 0;
}
.menulist li{
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #DEDEDE;
line-height:150%;
padding:0;
position:relative;
}
.menulist li a{
color:#333333;
display:block;
font-size:14px;
padding:8px 10px 8px 15px;
position:relative;
text-decoration:none!important;
}
.menulist li a::before{
color:#1e8f2f;
content:"\f0da";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
.menulist li a:hover{
color:#46e61e;
}
.menulist .l2 a{
font-weight:normal;
padding-left:26px;
}
.menulist .l2 a::before{
color:#1e8f2f;
content:"\f0da";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
.menulist .l3 a{
font-weight:normal;
padding-left:41px;
}
.menulist .l3 a::before{
color:#1E8F2F;
content:"\f0da";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
#menu .title,#rmenu .title,#menu h4,#rmenu h4{
overflow:hidden;
position:relative;
text-shadow:none;
margin:0;
}
@media screen and (max-width:640px){
#menu .title,#rmenu .title,#menu h4,#rmenu h4{
border-top:none ;
border-bottom:none ;
}
 .menulist li a:hover{
 color:#333333; 
text-decoration:none;
}
}
#menu .title span,#rmenu .title span,#menu h4,#rmenu h4{
color:#fff;
text-shadow:1px 1px 1px #999;
background:#93B82A;
padding:10px;
position:relative;
z-index:10;
}
#menu .title span::after,#rmenu .title span::after,#menu h4::after,#rmenu h4::after{
content:"";
position:absolute;
background:#93B82A;
margin:1px;
border:1px #fff solid;
top:0;
right:0;
bottom:0;
left:0;
display:block;
z-index:-10;
}
#menu .title span::before,#rmenu .title span::before,#menu h4::before,#rmenu h4::before{
color:#fff;
content:"\f115";
font-family:FontAwesome;
font-size:18px;
position:relative;
margin-right:5px;
}
@media screen and (max-width:999px){
#menu{
width:28%;
}
#column2 .menulist li a,.menulist .l2 a,.menulist .l3 a{
position:relative;
}
}
@media screen and (max-width:640px){
#menu{
float:none;
width:100%;
box-sizing:border-box;
 background:none;
 border:none;
box-shadow:none;
padding:20px 0;
}
#menu .title,#rmenu .title,#menu h4,#rmenu h4{
margin-left:0;
margin-right:0;
padding-left:10px;
}
#menu .title span,#rmenu .title span,#menu h4 span,#rmenu h4 span{
font-size:18px;
}
.menulist ul{
margin-bottom:5px;
}
.menulist .l2,.menulist .l3{
display:none;
}
.menubox{
margin-bottom:0;
}
#menu .title span,#rmenu .title span,#menu h4 span,#rmenu h4 span{
border-left:none;
border-right:none;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
color:#ffe4a8;
}
}
/* 
*********************************************
バナー領域
*********************************************
*/
.bannerbox{
background-color:#FFF;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
behavior:url(http://webmaster1.main.jp/responsive/orange/css/PIE.htc);
margin-bottom:10px;
position:relative;
}
.bannerbox ul{
padding:5px;
}
.bannerbox li{
background:none repeat scroll 0 0 transparent;
margin-bottom:5px;
padding:0;
}
.bannerbox li a{
font-size:15px;
}
.bannerbox li a img{
vertical-align:bottom; 
}
@media screen and (max-width:999px){
.bannerbox li:before{
background-color:transparent;
content:"";
height:auto;
left:auto;
position:static;
top:auto;
width:auto;
}
.menulist li:before{
background-color:transparent;
}
}
@media screen and (max-width:640px){
.bannerbox li{
margin-bottom:10px;
text-align:center;
}
}
/* 
*********************************************
最新記事・アーカイブスタイル
*********************************************
*/
ul#newEntry li,ul#entryarchive li{
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #E6E6E6;
font-size:12px;
line-height:140%;
padding:0px 10px;
}
ul#newEntry li a::before{
color:#1E8F2F;
content:"\f0da";
 font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
ul#entryarchive li a::before{
color:#1E8F2F;
content:"\f0da";
 font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
ul#newEntry li a{
color:#333;
 text-decoration:none;
}
ul#newEntry lia:hover{
color:#46E61E;
}
ul#entryarchive lia:hover{　　
color:#46E61E;
}
@media screen and (max-width:999px){
ul#newEntry li:before,ul#entryarchive li:before{
background-color:transparent;
content:"";
height:auto;
left:auto;
position:static;
top:auto;
width:auto;
}
}
/*
*********************************************
フッタースタイル
*********************************************
*/
#footer{
background-color:#66d478;
color:#FFF;
font-size:12px;
margin:0 auto;
text-align:center;
}
#footer .inner{
margin:0 auto;
overflow:hidden;
padding:2px 0 2px;
width:1000px;
text-align:center;
font-size:13px;
}
#footer a{
color:#FFF;
}
#footer p{
float:right;
overflow:hidden;
position:relative;
word-wrap:break-word;
}
#footlinkbox{
padding:10px 10px 5px;
text-align:center;
}
#footermenu{
ont-size:0;
letter-spacing:-.40em;
line-height:26px;
margin:0 auto;
text-align:left;
max-width:1000px;
}
#footermenu span{
display:inline-block;
margin:0 25px 5px 0;
*display:inline;
*zoom:1;
}
#footermenu a{
border-right:1px solid #f5cecf;
color:#fff;
letter-spacing:normal;
line-height:140%;
font-size:12px;
padding-right:25px;
text-decoration:none;
}
#footermenu a:hover{
text-decoration:underline;
}
#footer #footsub{
text-align:center;
max-width:1000px;
height:auto;
margin:10px auto 0;
}
#footer .copyright{
display:block;
background-color:#1e8f2f;
line-height:28px;
text-align:center;
font-size:14px;
}
@media screen and (max-width:999px){
#footer .inner{
text-align:center;
max-width:100%;
}
#footlinkbox{
padding:15px 0 5px 10px;
}
#footermenu{
max-width:100%;
}
}
@media screen and (max-width:640px){
#footer{
background-image:none;
border-top:none;
}
#footlinkbox{
margin-bottom:0;
padding:0;
}
#footermenu span{
border-bottom:1px solid #1e8f2f;
display:block;
margin:0;
}
#footermenu a{
border-right:none;
display:block;
font-size:13px;
padding:12px 24px 12px 10px;
position:relative;
text-decoration:none;
}
#footermenu{
position:static;
width:auto;
margin:0;
padding:0;
}
#footer .inner{
background-color:#66d478;
padding:0px 10px 10px 0;
line-height:130%;
}
#footer #footsub{
text-align:center;
}
#footer #footsub a{
text-decoration:none;
}
#footer #footsub a:first-child{
border-left:none;
}
}
/*
*********************************************
トップページのスタイル
*********************************************
*/
#whatsnew{
margin-bottom:20px;
position:relative;
}
#whatsnew .title{
border-bottom:1px dotted #54df6c;
margin-bottom:5px;
padding:5px 10px;
color:#54df6c;
}
#whatsnew .title::before{
color:#1e8f2f;
content:"\f044";
font-family:FontAwesome;
font-size:20px;
left:-5px;
position:relative;
}
#whatsnew .title span{
background-image:url(img/whatsnew_title.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
color:#1565c0;
text-shadow:0 0 1px rgba(255,255,255,.3);
font-size:18px;
font-weight:600;
margin:2px 0px;
padding:4px 50px;
}
#whatsnew ul{
padding:0;
}
#whatsnew ul li{
background-image:url("img/pin.png");
background-position:left 3px top 22px;
background-repeat:no-repeat;
background-size:4px auto;
border-bottom:1px dotted #ccc;
font-size:15px;
padding:10px 15px;
position:relative;
}
#whatsnew ul li span{
padding-right:10px;
}
@media screen and (max-width:999px){
#whatsnew .title{
position:relative;
}
#whatsnew ul li:before{
background-color:transparent;
}
}
@media screen and (max-width:640px){
#whatsnew{
margin-bottom:0;
padding:10px 0 0;
}
#whatsnew .title{
margin-right:0;
}
#whatsnew ul{
background-color:#ffffff;
border-bottom:1px solid #e6e6e6;
}
#whatsnew ul:last-child{
border-bottom:none;
}
#whatsnew ul li:last-child{
border-bottom:none;
}
#whatsnew ul li span{
color:#666666;
display:block;
padding-right:0;
}
}
/*
*********************************************
カテゴリーページスタイル
*********************************************
*/
#categorylist{
padding:10px;
}
#categorylist .catbox{
border:2px solid #1e8f2f;
box-sizing:border-box;
margin-right:10px;
margin-bottom:30px;
overflow:hidden;
position:relative;
font-size:15px;
_height:1%;
}
#categorylist .thumb{
float:left;
padding:0 20px 0 0;
}
#categorylist .thumb img{
vertical-align:bottom;
margin-top:5px;
margin-left:5px;
}
#categorylist .body{
overflow:hidden;
}
#categorylist .title{
border-bottom:1px dashed #54df6c;
font-weight:700;
margin-bottom:10px;
overflow:hidden;
padding:10px 15px 8px 15px;
}
#categorylist .title a{
background-image:url(img/category_title.png);
background-position:left 9px;
background-repeat:no-repeat;
color:#1E8F2F;
font-size:18px;
line-height:1.6;
text-decoration:none;
padding:6px 22px 13px;
}
#categorylist p{
font-size:15px;
line-height:170%;
padding:0 15px;
}
#categorylist .more{
float:right;
height:30px;
margin:10px 1px 1px 0;
padding:0 15px 15px 0;
_height:1%;
}
#categorylist .more a{
background-image:url(img/button_more2.png);
background-position:right 6px;
background-repeat:no-repeat;
display:block;
padding-right:19px;
color:#0000de;
}
#categorylist .title a:hover{color:#f60;}
#categorylist .more a:hover{color:#f60;}
#pagelist{
margin-bottom:10px;
margin-top:10px;
padding:10px;
text-align:center;
}
#pagelist ul{
letter-spacing:-0.4em;
padding:0;
}
#pagelist li{
background:none repeat scroll 0 0 transparent;
display:inline-block;
letter-spacing:normal;
list-style-type:none;
margin:0 5px 10px;
padding:0;
*display:inline;
*zoom:1;
}
#pagelist a{
background-color:#fbfbfb;
border:1px solid #e6e6e6;
color:#333333;
display:inline-block;
padding:6px 15px;
text-align:center;
text-decoration:none;
*display:inline;
*zoom:1;
}
#pagelist a:hover{
background-color:#333333;
color:#FFF;
}
@media screen and (max-width:999px){
#categorylist .more a{
background-position:right 4px;
display:block;
font-size:15px;
height:26px;
line-height:24px;
overflow:hidden;
position:relative;
text-align:center;
text-indent:inherit;
}
#categorylist .more a:before{
border-bottom:none;
border-left:none;
border-right:1px solid #ffffff;
border-top:1px solid #ffffff;
content:"";
height:4px;
margin-top:-2px;
position:absolute;
right:16px;
top:50%;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:4px;
}
#pagelist li:before{
background-color:transparent;
content:"";
height:auto;
left:auto;
position:static;
top:auto;
width:auto;
}
}
@media screen and (max-width:640px){
#categorylist .catbox{
padding:15px;
}
#categorylist .thumb{
float:left;
padding:0 15px 0 0;
}
#categorylist .thumb img{
max-width:100px;
}
#categorylist .title{
padding:5px 0;
}
#categorylist .title a{
font-size:16px;
background-position:left 5px;
line-height:1.6;
padding:4px 22px 15px;
}
#categorylist p{
font-size:14px;
line-height:150%;
}
}
/*
*********************************************
エントリーページのスタイル
*********************************************
*/
#entrylist{
margin-right:10px;
margin-bottom:20px;
}
#entrylist .inner{
overflow:hidden;
text-align:left;
}
#entrylist h4{
color:#FFF;
text-shadow:1px 1px 3px #1E8F2F;
background-image:none;
border:medium none;
background-color:#66d478;
margin:2px 0;
padding:5px 10px;
}
#entrylist h4::before{
color:#1e8f2f;
}
#entrylist dl{
overflow:hidden;
position:relative;
top:-1px;
*height:1%;
border:2px solid #54df6c;
}
#entrylist dt{
border-top:1px dotted #ccc;
margin:0 10px;
padding:15px 5px;
position:relative;
*height:1%;
}
#entrylist dt:first-child{
border-top:none;
}
#entrylist dt a{
background-image:url(img/entry_title.png);
background-position:left 4px;
background-repeat:no-repeat;
display:inline-block;
font-size:15px;
font-weight:500;
line-height:150%;
padding:1px 0 1px 19px;
*display:inline;
*zoom:1;
}
#entrylist dd{
font-size:15px;
line-height:150%;
margin-top:-10px;
padding:0 10px 15px 25px;
}
#searchresult{
margin-bottom:20px;
overflow:hidden;
padding:10px;
}
#relNavigate{
margin-bottom:15px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
#relNavigate a{
font-size:14px;
font-weight:700;
margin-left:10px;
margin-right:10px;
}
@media screen and (max-width:640px){
#entrylist{
margin:0;
padding:0;
}
#entrylist h4{
/*margin-left:-10px;*/
padding:8px;
}
#entrylist h4 span{
font-size:18px;
}
#entrylist dl{
padding:0 5px;
top:0;
}
#entrylist dt{
padding:15px 5px;
}
#entrylist dt:first-child{
border-top:none;
}
#entrylist dt a{
font-size:15px;
}
#entrylist dt a:hover{
position:relative;
}
#entrylist dd{
font-size:14px;
line-height:140%;
padding:0 5px 15px 20px;
}
#relNavigate a{
background-color:#FBFBFB;
color:#333333;
display:inline-block;
height:40px;
line-height:40px;
position:relative;
text-decoration:none;
width:35%;
z-index:0;
}
#relNavigate a:hover{
position:relative;
}
#relNavigate a:first-child{
border-bottom:1px solid #E6E6E6;
border-right:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
}
#relNavigate a:last-child{
border-bottom:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
}
#relNavigate a:before{
background-color:#FBFBFB;
content:"";
height:29px;
position:absolute;
top:5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:29px;
z-index:-1;
}
#relNavigate a:first-child:before{
border-bottom:1px solid #E6E6E6;
border-left:1px solid #E6E6E6;
left:-15px;
}
#relNavigate a:last-child:before{
border-right:1px solid #E6E6E6;
border-top:1px solid #E6E6E6;
right:-15px;
}
}
/*
*********************************************
サイトマップページのスタイル
*********************************************
*/
#sitemaps ul{
margin:0;
padding:5px 10px;
}
#sitemaps li{
background-image:none;
line-height:0;
padding:0;
}
#sitemaps .l1{
margin-top:10px;
}
#sitemaps .l2{
margin-top:5px;
}
#sitemaps .l3{
margin-top:5px;
}
#sitemaps li a{
display:inline-block;
line-height:180%;
list-style-image:none;
list-style-type:none;
padding-left:12px;
*display:inline;
*zoom:1;
color:#333;
text-decoration:none;
}
#sitemaps li a::before{
color:#54df6c;
content:"\f115";
font-family:FontAwesome;
font-size:18px;
margin-right:5px;
position:relative;
}
#sitemaps .l1 a{
font-size:16px;
font-weight:700;
}
#sitemaps .l2 a{
font-size:14px;
margin-left:25px;
}
#sitemaps .l2 a::before{
color:#1e8f2f;
content:"\f0da";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
#sitemaps .l3 a{
font-size:12px;
margin-left:45px;
}
#sitemaps .l3 a::before{
color:#1e8f2f;
content:"\f0da";
font-family:FontAwesome;
font-size:16px;
left:-10px;
position:relative;
}
#sitemaps li a:hover{color:#f60;}
@media screen and (max-width:640px){
#sitemaps ul{
padding:0 10px;
}
#sitemaps li{
border-bottom:1px solid #ddd;
}
#sitemaps .l1,#sitemaps .l2,#sitemaps .l3{
margin-top:0;
}
#sitemaps li a{
display:block;
padding:12px 10px 12px 25px;
text-decoration:none;
}
#sitemaps .l1 a{
background-position:10px 18px;
line-height:1.5;
}
#sitemaps .l2 a{
margin-left:0;
background-position:25px 20px;
padding:12px 40px;
}
#sitemaps .l3 a{
font-size:13px;
background-position:2px 16px;
padding:10px 15px;
}
#sitemaps li a:before{
left:0;
top:0;
}
#sitemaps .l2 a:before{
left:auto;
margin-top:-3px;
right:10px;
}
#sitemaps .l3 a:before{
left:0px;
}
}
/*
********************************************************************************
フリースペースのスタイル（デフォルトでは４つ利用可、カスタマイズで２個追加可能）
********************************************************************************
*/
#space1,#space2{ margin-bottom:10px; }
@media screen and (max-width:640px){
#space1,#space2{ margin-bottom:5px; }
}
#space3,#space4,#space5,#space6{
line-height:130%;
padding:5px 0 5px 0;
margin-bottom:3px;
}
@media screen and (max-width:640px){
#space1,#space2{ margin-bottom:5px; }
#space3,#space4,#space5,#space6{
line-height:130%;
padding:5px;
 }
}
.grayline{
border:1px solid #CCCCCC;
margin:10px;
}
.graybg{
margin:10px;
}
#main .grayline{
margin:10px;
padding:10px;
margin-bottom:15px;
}
#menu .grayline{
font-size:90%;
padding:8px;
margin-bottom:15px;
}
}
/*
*********************************************
ブログモードのスタイル（簡易的な利用）
*********************************************
*/
.blog{
border-bottom-color:#e6e6e6;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:15px;
overflow:hidden;
padding:10px;
}
.blog .thumb{
float:left;
margin-right:15px;
}
.blog .thumb img{ width:130px; }
.blog .title{
background-image:url(img/h6.png);
background-position:10px 1px;
background-repeat:no-repeat;
color:#333333;
text-shadow:0 0 1px rgba(51,51,51,.1);
font-size:16px;
margin:3px auto;
padding-left:34px;
line-height:140%;
}
.blog .title a{ color:#333; }
.blog .info{
color:#666;
margin-bottom:10px;
padding:0 10px;
}
.blog .info a{ color:#666; }
.blog .body{
line-height:150%;
overflow:hidden;
padding:0 10px;
}
.blog .more{
font-weight:700;
margin-bottom:10px;
margin-top:10px;
padding-right:5px;
text-align:right;
}
/*
*********************************************
サイト内検索のスタイル
*********************************************
*/
#searchresult dt{
font-size:14px;
padding:5px 0;
}
#searchresult dd{
border-bottom-color:#e6e6e6;
border-bottom-style:solid;
border-bottom-width:1px;
line-height:150%;
margin:0 0 10px;
padding-bottom:15px;
}
#searchresult b{
color:#dd696c;
}
@media screen and (max-width:640px){
#searchresult dt{
padding:15px 10px 5px;
}
#searchresult dd{
margin:0 0 0;
padding:0 10px 15px;
}
}
/*
*********************************************
リンク集ページのスタイル
*********************************************
*/
#linklist{
margin-bottom:20px;
overflow:hidden;
padding:10px;
}
#linklist dt{
font-size:14px;
padding:5px 0;
}
#linklist dd{
border-bottom-color:#e6e6e6;
border-bottom-style:solid;
border-bottom-width:1px;
line-height:130%;
margin:0 0 10px;
padding-bottom:15px;
}
/*
*********************************************
ポイントのスタイル
*********************************************
*/
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{
background-position:left top;
background-repeat:no-repeat;
color:#333333;
font-size:20px;
font-weight:600;
height:auto;
line-height:140%;
margin-bottom:3px;
margin-top:15px;
padding:13px 0 10px 55px;
*zoom:1;
}
#main .point1{ background-image:url(img/point1.png); }
#main .point2{ background-image:url(img/point2.png); }
#main .point3{ background-image:url(img/point3.png); }
#main .point4{ background-image:url(img/point4.png); }
#main .point5{ background-image:url(img/point5.png); }
#main .point6{ background-image:url(img/point6.png); }
#main .point7{ background-image:url(img/point7.png); }
#main .point8{ background-image:url(img/point8.png); }
#main .point9{ background-image:url(img/point9.png); }
#main .point10{ background-image:url(img/point10.png); }
@media all and (-webkit-min-device-pixel-ratio:1.5){
#main .point1{ background-image:url(img/point1@2x.png); }
#main .point2{ background-image:url(img/point2@2x.png); }
#main .point3{ background-image:url(img/point3@2x.png); }
#main .point4{ background-image:url(img/point4@2x.png); }
#main .point5{ background-image:url(img/point5@2x.png); }
#main .point6{ background-image:url(img/point6@2x.png); }
#main .point7{ background-image:url(img/point7@2x.png); }
#main .point8{ background-image:url(img/point8@2x.png); }
#main .point9{ background-image:url(img/point9@2x.png); }
#main .point10{ background-image:url(img/point10@2x.png); }
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{
-webkit-background-size:46px 50px;
background-size:46px 50px;
}
}
/*
*********************************************
矢印の画像スタイル
*********************************************
*/
.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{
background-repeat:no-repeat;
font-weight:600;
line-height:160%;
font-size:16px;
background-position:left center;
padding-left:25px;
margin-top:3px;
margin-bottom:3px;
font-family:sans-serif;
_zoom:1;
overflow:hidden;
}
.arrow_blue{
background-image:url(./img/arrow_blue.png);
}
.arrow_orange{
background-image:url(./img/arrow_orange.png);
}
.arrow_black{
background-image:url(./img/arrow_black.png);
}
.arrow_red{
background-image:url(./img/arrow_red.png);
}
/*
*********************************************
ランキングのスタイル
*********************************************
*/
/* 
*****************************************************
メインコンテンツ部ランキングスタイル（ランキング機能）
*****************************************************
*/
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{ border:none; }
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{ border:none; height:auto; }
#main .rank{
margin-bottom:20px;
position:relative;
}
#main .rank-container{
background-color:#1e8f2f;
padding:5px;
position:relative;
}
#main .rank-inner{
background-color:#fdfdfd;
overflow:hidden;
padding:10px 20px 16px 20px;
}
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
background-position:left 6px;
background-repeat:no-repeat;
border:medium none;
color:#333333;
text-shadow:0 0 1px rgba(0,102,204,.1);
font-size:26px;
height:auto;
line-height:100%;
margin-bottom:6px;
margin-top:6px;
*zoom:1;
}
#main .rank1,#main .rank2,#main .rank3{
padding:14px 0 10px 64px;
}
#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
padding:15px 0 14px 60px;
}
#main .rank .rank1,#main .rank .rank2,#main .rank .rank3,#main .rank .rank4,#main .rank .rank5,#main .rank .rank6,#main .rank .rank7,#main .rank .rank8,#main .rank .rank9,#main .rank .rank10{
margin:0 10px 10px 0;
}
#main .rank1{ background-image:url(img/rank1.png); }
#main .rank2{ background-image:url(img/rank2.png); }
#main .rank3{ background-image:url(img/rank3.png); }
#main .rank4{ background-image:url(img/rank4.png); }
#main .rank5{ background-image:url(img/rank5.png); }
#main .rank6{ background-image:url(img/rank6.png); }
#main .rank7{ background-image:url(img/rank7.png); }
#main .rank8{ background-image:url(img/rank8.png); }
#main .rank9{ background-image:url(img/rank9.png); }
#main .rank10{ background-image:url(img/rank10.png); }
#main .rankbox{
background-image:url(img/border-Bottom.gif);
background-position:center top;
background-repeat:repeat-x;
overflow:hidden;
padding-top:20px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5){
#main .rank1{ background-image:url(img/rank1@2x.png); }
#main .rank2{ background-image:url(img/rank2@2x.png); }
#main .rank3{ background-image:url(img/rank3@2x.png); }
#main .rank4{ background-image:url(img/rank4@2x.png); }
#main .rank5{ background-image:url(img/rank5@2x.png); }
#main .rank6{ background-image:url(img/rank6@2x.png); }
#main .rank7{ background-image:url(img/rank7@2x.png); }
#main .rank8{ background-image:url(img/rank8@2x.png); }
#main .rank9{ background-image:url(img/rank9@2x.png); }
#main .rank10{ background-image:url(img/rank10@2x.png); }
#main .rank1,#main .rank2,#main .rank3{
-webkit-background-size:59px 44px;
background-size:59px 44px;
}
#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
-webkit-background-size:49px 53px;
background-size:49px 53px;
}
}
#main .rankbox .rankbox-inner{
overflow:hidden;
}
#main .rankbox .feature{
border-bottom:1px solid #ddd;
margin-bottom:5px;
padding-bottom:5px;
overflow:hidden;
font-size:16px;
}
#main .rankbox .feature span{
font-weight:700;
}
#main .rankbox .float-l img,#main .rankbox .float-r img{
margin:0 20px 0 0;
padding:0;
max-width:280px;
height:auto;
}
#main .rankbox .rankbox-inner p{
color:#333;
font-size:15px;
text-shadow:0 0 1px rgba(51,51,51,.1);
line-height:150%;
overflow:hidden;
padding-bottom:10px;
}
#main .rankbox .rank-table{
clear:both;
width:100%;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
#main .rankbox .rank-table th,#main .rankbox .rank-table td{
border-bottom:1px solid #ddd;
border-left:medium none;
border-right:medium none;
border-top:1px solid #ddd;
padding:5px 15px;
text-align:left;
vertical-align:middle;
font-size:15px;
}
#main .rankbox .rank-table th{
background-color:#66d478;
}
#main .rankbox .rank-table td{
color:#333;
}
#main .rank .comment{
background-color:#f5cecf;
margin-top:20px;
padding:5px;
}
#main .rank .comment .comment-inner{
background-color:#fcfcfc;
border:1px solid #ffe4a8;
position:relative;
}
#main .rank .comment .comment-tit{
background-image:url(img/comment_bg.png);
background-position:10px 12px;
background-repeat:no-repeat;
padding:10px 5px 0px 5px;
position:relative;
top:-5px;
font-size:17px;
color:#1e8f2f;
text-shadow:0 0 1px rgba(119,16,40,.1);
}
#main .rank .comment .comment-tit span{
border-bottom:1px dotted #54df6c;
display:block;
font-size:18px;
font-weight:700;
line-height:130%;
padding:10px 10px 6px 40px;
position:relative;
}
#main .rank .comment p{
font-size:15px;
line-height:160%;
padding:0 15px 10px;
}
#main .rank .more{
font-size:0;
letter-spacing:-.40em;
overflow:hidden;
padding:20px 0 15px;
position:relative;
text-align:center;
}
#main .rank .more span{
display:inline-block;
font-size:14px;
height:53px;
letter-spacing:normal;
margin-right:20px;
vertical-align:bottom;
width:254px;
*display:inline;
*zoom:1;
}
#main .rank .more a{
background-image:none;
background-color:#1BBC33;
border-radius:5px;
box-shadow:0 2px #696969;
color:#ffffff;
display:block;
font-size:16px;
height:50px;
line-height:50px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-indent:inherit;
width:100%;
}
#main .rank .more span.official{
margin-right:0;
}
#main .rank .more span.official a{
background-image:none;
background-color:#FF0047;
box-shadow:0 2px #696969;
color:#ffffff;
display:block;
font-size:16px;
height:50px;
line-height:50px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-indent:inherit;
width:100%;
}
#main .rank .more a:hover{
 box-shadow:none;
 margin:2px auto 0px;
}
#main .rank .more span.official a:hover{
box-shadow:none;
margin:2px auto 0px;
}
@media screen and (max-width:999px){
#main .rankbox-inner{
padding:10px 0 16px 0;
line-height:110%;
}
#main .rank1,#main .rank2,#main .rank3{
padding:14px 0 15px 64px;
}
#main .rank .more span{
display:block;
font-size:14px;
height:50px;
letter-spacing:normal;
margin:0 auto 20px;
vertical-align:bottom;
width:90%;
}
#main .rank .more span.official{
margin:0 auto;
}
#main .rank .more a{
background-image:none;
display:block;
font-size:14px;
height:45px;
line-height:45px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-indent:inherit;
width:100%;
}
#main .rank .more span.official a{
background-image:none;
font-size:14px;
height:45px;
line-height:45px;
}
#main .rank .more span.official a:hover{
 box-shadow:0 2px #696969; 
 margin:0 auto;
 opacity:0.65;
}
#main .rank .more a:hover{
margin:0 auto;
box-shadow:0 2px #696969; 
opacity:0.65;
 }
}
@media screen and (max-width:640px){
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{ font-size:20px; }
#main .rankbox .rankbox-inner .float-l,#main .rankbox .rankbox-inner .float-r{
float:none;
overflow:hidden;
padding-bottom:10px;
text-align:center;
}
#main .rank-inner{
margin:0;
padding:10px 12px;
}
#main .rank1,#main .rank2,#main .rank3{
padding-top:18px;
padding-bottom:14px;
line-height:100%;
}
#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
padding-top:18px;
padding-bottom:18px;
line-height:100%;
}
}
/* 
*********************************************
通常のランキングスタイル
*********************************************
*/
#menu .rank1,#menu .rank2,#menu .rank3,#menu .rank4,#menu .rank5{
background-position:left top;
background-repeat:no-repeat;
border:medium none;
color:#333333;
font-size:14px;
font-weight:700;
height:auto;
line-height:150%;
margin:0;
}
#menu .rank1,#menu .rank2,#menu .rank3{
padding:18px 0 18px 65px;
}
#menu .rank4,#menu .rank5{
padding:10px 0 15px 65px;
}
#menu .rank1{ background-image:url(img/rank1.png); }
#menu .rank2{ background-image:url(img/rank2.png); }
#menu .rank3{ background-image:url(img/rank3.png); }
#menu .rank4{ background-image:url(img/rank4.png); }
#menu .rank5{ background-image:url(img/rank5.png); }
/*
*********************************************
１カラムページにした場合のスタイル
*********************************************
*/
#column1{
background-color:#F7F7F7;
background-repeat:no-repeat;
text-align:center;
}
#column1 #menu,#column1 #main{
float:none;
width:auto;
}
#column1 #main .rank .more span{
display:inline-block;
font-size:16px;
height:53px;
letter-spacing:normal;
margin-right:20px;
vertical-align:bottom;
width:400px;
*display:inline;
*zoom:1;
}
#column1 #main{
margin-left:0;
padding-bottom:20px;
}
#column1 #menu{
margin-right:0;
margin-top:30px;
padding-top:10px;
}
#column1 #menu .menulist{
padding:0;
}
#column1 #menu .menubox{
padding-top:10px;
}
#column1 #menu ul{
background:none repeat scroll 0 0 transparent;
letter-spacing:-0.4em;
padding:0;
}
#column1 #menu li{
border:none;
display:inline-block;
letter-spacing:normal;
padding:0 0 0 4px;
*display:inline;
*zoom:1;
}
#column1 #menu li a,#column1 #menu #newEntry li a{
background:none repeat scroll 0 0 transparent;
display:inline;
font-weight:400;
padding:0;
text-decoration:none;
}
#column1 #menu li a:hover,#column1 #menu #newEntry li a:hover{
text-decoration:none;
}
#column1 #menu .menulist li a,#column1 #menu .menulist li.l2 a,#column1 .menulist #menu li.l3 a{
margin:0 5px;
padding:0 5px;
}
#column1 #menu ul#newEntry li,#column1 #menu ul#entryarchive li,#column1 #rmenu ul#newEntry li,#column1 #rmenu ul#entryarchive li{
margin:0 5px;
padding:0 5px;
background-image:none;
}
@media screen and (max-width:999px){
#column1{
background:none repeat scroll 0 0 transparent;
}
#column1 #main .rankbox-inner{
padding:10px 0 16px 0;
line-height:110%;
}
#column1 #main .rank1,#main .rank2,#main .rank3{
padding:14px 0 15px 64px;
}
#column1 #main .rank .more span{
display:block;
font-size:14px;
height:45px;
letter-spacing:normal;
margin:0 auto 20px;
vertical-align:bottom;
width:90%;
}
#column1 #main .rank .more span.official{
margin:0 auto;
}
#column1 #main .rank .more a{
background-image:none;
display:block;
font-size:14px;
height:45px;
line-height:45px;
margin:0 auto;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
text-indent:inherit;
width:100%;
}
#column1 #main .rank .more span.official a{
background-image:none;
}
#column1 #menu .menulist li a:hover,#column1 #menu .menulist li.l2 a:hover,#column1 .menulist #menu li.l3 a:hover{
 color:#333;
 }
}
@media screen and (max-width:640px){
#column1 #main{
margin-left:0;
padding-bottom:0;
}
#column1 #menu{
margin-right:0;
margin-top:0;
}
#column1 #menu ul{
letter-spacing:normal;
padding:0 0 5px;
position:relative;
}
#column1 #menu ul#newEntry,#menu ul#entryarchive,#rmenu ul#newEntry,#rmenu ul#entryarchive{
background:none repeat scroll 0 0 transparent;
padding:0 0 10px 0;
position:relative;
}
#column1 #menu .menubox{
padding-top:0;
}
#column1 .menulist ul{
background:none repeat scroll 0 0 transparent;
position:relative;
}
#column1 #menu li{
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #e6e6e6;
line-height:150%;
padding:0;
position:relative;
display:block;
}
#column1 #menu .menulist .l2,#column1 #menu .menulist .l3{
display:none;
}
#column1 #menu li a{
color:#333333;
display:block;
font-size:14px;
padding:12px 10px 12px 35px;
text-decoration:none;
}
#column1 #menu li a:hover{
color:#E64A19;
text-decoration:underline;
}
#column1 #menu .menulist li a,#column1 #menu .menulist li.l2 a,#column1 .menulist #menu li.l3 a{
margin:0;
padding:12px 10px 12px 35px;
}
#column1 #menu ul#newEntry li,#column1 #menu ul#entryarchive li,#column1 #rmenu ul#newEntry li,#column1 #rmenu ul#entryarchive li{
margin:0;
padding:15px 10px;
}
#column1 #main .rank1,#column1 #main .rank2,#column1 #main .rank3,#column1 #main .rank4,#column1 #main .rank5,#column1 #main .rank6,#column1 #main .rank7,#column1 #main .rank8,#column1 #main .rank9,#column1 #main .rank10{ font-size:20px; }
#column1 #main .rankbox .rankbox-inner .float-l,#column1 #main .rankbox .rankbox-inner .float-r{
float:none;
overflow:hidden;
padding-bottom:10px;
text-align:center;
}
#column1 #main .rank-inner{
margin:0;
padding:10px 12px;
}
#column1 #main .rank1,#column1 #main .rank2,#column1 #main .rank3{
padding-top:18px;
padding-bottom:14px;
line-height:100%;
}
#column1 #main .rank4,#column1 #main .rank5,#column1 #main .rank6,#column1 #main .rank7,#column1 #main .rank8,#column1 #main .rank9,#column1 #main .rank10{
padding-top:18px;
padding-bottom:18px;
line-height:100%;
}
}
/*
*********************************************
２カラムのレイアウトスタイル
*********************************************
*/
#column2{
text-align:center;
}
@media screen and (max-width:999px){
#column2{
}
}
/*
*********************************************
tables.cssからの変更分
*********************************************
*/
table,td,th{
border:1px solid #1e8f2f;
}
th{
background-color:#66d478;
color:#991f23;
/*color:#991f23;*/
}
.tblmenu1item td .ttitle{
background-color:#66d478;
font-weight:bolder;
padding:7px;
margin-bottom:8px;
font-size:13px;
}
.tokusho th{
 background-color:#66d478;
width:30%;
}
.rnk3item td{
padding:10px;
border:1px solid #1e8f2f;
}
.rnk1item td,.rnk1item th{
border:1px solid #1e8f2f;
}
.rnk2item td.tdesc,.rnk2item td.timg{
border:1px solid #1e8f2f;
}
/*
***************************************************
PCとモバイルでの表示・非表示切り替えスタイル部
***************************************************
*/
@media screen and (min-width:641px){
.pc_display{
display:block ;
}
.mobile_display{
display:none ;
}
}
@media screen and (max-width:640px){
.pc_display{
display:none ;
}
.mobile_display{
display:block ;
}
}
/*
*********************************************
サイドバー固定用スタイル
*********************************************
*/
#fix_box{
background:#fff none repeat scroll 0 0;
width:300px;
}
@media screen and (max-width:640px){
#fix_box img{
width:auto ;
}
}
#column1 #fix_box{
width:auto;
}
@media screen and (max-width:999px){
#fix_box{
width:auto;
}
}
@media screen and (max-width:640px){
#fix_box{
background:none;
border:none;
box-shadow:none;
padding:0;
}
}
/*
************************************************
サイトオプション設定で可変されるスタイル独自タグ
************************************************
*/
#column1 #rmenu,#column2 #rmenu,#column1 #space3,#column1 #space4,#column1 .bannerbox{ display:none; }
#headerbox{ height:auto !important; }
#header .desc{
}body{
background-repeat:no-repeat;
}
#header{ height:200px; }
#headerbox{height:200px; }
#header h2,#header .title,#header .title a{
}
#header h2 a,#header h2 a:visited,#header .title a,#header .title a:visited{}
#header #headertxt{
}
#main{ float:right; }
#column2 #menu,#column3 #menu{ float:left; }
#column3 #rmenu{ float:right; }
#column3 #layoutbox{ float:left; }
#column3 #main{ float:right; }
/*
#wrapper{}
#topmenu{}
#threebox{width:25px;}
#main{}
#menu{}
#rmenu{}
*/
/*
************************************************
Youtube、GoogleMapなどiframeタグのレスポンシブ対応
************************************************
*/
.youtube-box{ 
position:relative; 
padding-bottom:56.25%; 
padding-top:30px; 
height:0; 
overflow:hidden; 
} 
.youtube-box iframe,.youtube-box object,.youtube-box embed{ 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%; 
}
/*
************************************************
フラットデザインボタン
************************************************
*/
.fbutton_blue1 a{
width:400px;
background-color:#64b5f6;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#fff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_blue2 a{
width:400px;
background-color:#0000FF;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_orange1 a{
width:400px;
background-color:#FFB943;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_orange2 a{
width:400px;
background-color:#FFA500;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_green1 a{
width:400px;
background-color:#81C784;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_green2 a{
width:400px;
background-color:#008000;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_cyan1 a{
width:400px;
background-color:#4DD0E1;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_cyan2 a{
width:400px;
background-color:#00FFFF;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_red1 a{
width:400px;
background-color:#E57373;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_red2 a{
width:400px;
background-color:#FF0000;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_pink1 a{
width:400px;
background-color:#FF1493;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_pink2 a{
width:400px;
background-color:#FFC0CB;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_black1 a{
width:400px;
background-color:#666666;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_black2 a{
width:400px;
background-color:#000000;
border-radius:3px;
box-shadow:0 2px 0 rgba(136,136,136,1);
color:#ffffff;
display:block;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
margin:0 auto 2px;
padding:16px 0;
}
.fbutton_blue1 a:hover,.fbutton_blue2 a:hover,.fbutton_orange1 a:hover,.fbutton_orange2 a:hover,.fbutton_green1 a:hover,.fbutton_green2 a:hover,.fbutton_cyan1 a:hover,.fbutton_cyan2 a:hover,.fbutton_red1 a:hover,.fbutton_red2 a:hover,.fbutton_pink1 a:hover,.fbutton_pink2 a:hover,.fbutton_black1 a:hover,.fbutton_black2 a:hover{ 
 box-shadow:none;
 margin:2px auto 0px;
}
@media screen and (max-width:640px){
.fbutton_blue1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_blue2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_orange1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_orange2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_green1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_green2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_cyan1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_cyan2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_red1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_red2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_pink1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_pink2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_black1 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
.fbutton_black2 a{
 width:93%;
font-size:16px;
padding:12px 0;
 }
}
/*
*********************************************
オリジナルスタイル
*********************************************
*/
.keikou-r{
background:linear-gradient(transparent 75%,rgb(255,210,210) 50%);
font-weight:bold;
line-height:1.2;
}
.keikou-y{
background:linear-gradient(transparent 75%,rgb(256,256,0) 50%);
font-weight:bold;
 line-height:1.2;
}
.keikou-b{
background:linear-gradient(transparent 75%,rgb(200,200,255) 50%);
font-weight:bold;
}
.choak{margin:0 0 20px 0!important;
　　　　　　color:#fff !important;
text-align:center;
 font-size:20px
}
.kokuban{
color:#f6fd89;
font-weight:bold;
background-color:#05524c;
margin:10px 5px 30px 5px;
padding:40px 25px;
border:8px solid #E8CC9A;
border-radius:3px;
box-shadow:2px 2px 4px #999,2px 2px 2px #000 inset;
text-shadow:0px 0px 5px #000;
}
.kokuban ul li{
background-image:url(img/licheck.png);
background-position:left 8px top 10px;
background-size:4px auto;
background-repeat:no-repeat;
margin-bottom:6px;
padding:0 0 0 20px;
}
.kokuban .check-list li{
background:url(img/check-list-icon-y.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
margin-bottom:7px;
padding-left:32px;
}
@media screen and (max-width:640px){
 .kokuban{ 
 margin:10px 0px 30px 0px;
 padding:25px 10px;
}
}
.grandwaku1{
padding:20px;
background:#fff;
box-shadow:0 0 20px #1E8F2F inset,5px 5px 0 #cecece;
-moz-box-shadow:0 0 20px #1E8F2F inset,5px 5px 0 #a9a9a9;
-webkit-box-shadow:0 0 20px #1E8F2F inset,5px 5px 0 #a9a9a9;
border-radius:4px;
}
.grandwaku2{
padding:10px 20px;
margin:10px;
background:#66d478;
box-shadow:#66d478 0 0 10px 10px;
-webkit-box-shadow:#66d478 0 0 10px 10px;
-moz-box-shadow:#66d478 0 0 10px 10px;
 color:#fff;
}
.grandwaku3{
position:relative;
padding:20px;
color:#fff;
background:#66d478;
overflow:hidden;
}
 
.grandwaku3:before{
content:" ";
position:absolute;
bottom:0;
right:0;
width:0;
height:0;
border-width:16px 16px 0 0;
border-style:solid;
border-color:#fff;
border-top-color:#1E8F2F;
box-shadow:0 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow:0 1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4);
}
.grandwaku4{
 color:#fff;
padding:20px;
background:#66d478;
position:relative;
z-index:10;
}
 
.grandwaku4:before{
content:"";
position:absolute;
background:#66d478;
margin:3px;
border:1px #fff solid;
top:0;
right:0;
bottom:0;
left:0;
display:block;
z-index:-10;
}
.grandwaku5{
padding:20px;
background:#fff;
border:4px #66d478 solid;
position:relative;
z-index:10;
}
 
.grandwaku5:before{
content:"";
position:absolute;
background:#fff;
margin:1px;
border:2px #66d478 solid;
top:0;
right:0;
bottom:0;
left:0;
display:block;
z-index:-10;
}
.grandwaku6{
color:#fff;
background:#66d478;
margin:5px;
padding:20px;
border:1px dashed rgba(255,255,255,0.8);
box-shadow:0 0 0 5px #66d478;
-moz-box-shadow:0 0 0 5px #66d478;
-webkit-box-shadow:0 0 0 5px #66d478;
}
.grandwaku7{
color:#fff;
padding:20px;
background:#66d478;
border-radius:6px;
position:relative;
z-index:10;
}
 
.grandwaku7:before{
content:"";
position:absolute;
background:#66d478;
margin:3px;
border:1px #fff solid;
top:0;
right:0;
bottom:0;
left:0;
display:block;
border-radius:4px;
z-index:-10;
}
.grandwaku8{
padding:20px;
background:#fff;
border:4px #66d478 solid;
border-radius:6px;
position:relative;
z-index:10;
}
 
.grandwaku8:before{
content:"";
position:absolute;
background:#fff;
margin:1px;
border:2px #66d478 solid;
border-radius:4px;
top:0;
right:0;
bottom:0;
left:0;
display:block;
z-index:-10;
}
.grandwaku9{
color:#fff;
background:#66d478;
margin:5px;
padding:20px;
border:1px dashed rgba(255,255,255,0.8);
box-shadow:0 0 0 5px #66d478;
-moz-box-shadow:0 0 0 5px #66d478;
-webkit-box-shadow:0 0 0 5px #66d478;
border-radius:6px;
}
.check-list li{
list-style:none;
}
.check-list li{
background:url(img/check-list-icon.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
margin-bottom:7px;
padding-left:32px;
}
.link-blank{
padding:0 16px 0 0px;
background:url(img/link-blank-icon.png) right 4px top 2px no-repeat;
-webkit-background-size:10px 10px;
background-size:10px 10px;
margin-right:2px;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){
link-blank{
background:url(img/link-blank-icon@2x.png) right 4px top 2px no-repeat;
-webkit-background-size:10px 10px;
background-size:10px 10px;
}
}
.point{
font-size:16px;
color:#333;
　font-weight:bold;
background-image:url(img/point.png);
background-position:left center;
background-size:53px auto;
background-repeat:no-repeat;
padding-top:3px;
padding-bottom:5px;
padding-left:60px;
margin-bottom:5px;
line-height:130%;
}
.data{
background-image:url("img/data36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.inspire{
background-image:url("img/inspire36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.case{
background-image:url("img/case36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.clip{
background-image:url("img/clip36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.memo{
background-image:url("img/memo36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.comment{
background-image:url("img/comment36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.chuui{
background-image:url("img/chuui36.png");
 background-size:26px;
background-position:left 10px top 5px;
background-repeat:no-repeat;
}
.midashi-title-blue{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#2556B2;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-blue{
border:3px solid #2556B2;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashi-title-red{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#FF0000;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-red{
border:3px solid #FF0000;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
 }
.midashi-title-pink{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#B05B7C;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-pink{
border:3px solid #B05B7C;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
 }
.midashi-title-green{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#139028;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-green{
border:3px solid #139028;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashi-title-cyan{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#32DADD;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-cyan{
border:3px solid #32DADD;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashi-title-orange{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#FF8C03;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-orange{
border:3px solid #FF8C03;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashi-title-black{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#333333;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-black{
border:3px solid #333333;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashi-title-gray{
 color:#fff;
 font-size:18px;
 line-height:1.2;
 font-weight:normal;
background-color:#929292;
padding:9px 10px 9px 45px;
margin-top:-70px;
margin-left:-20px;
margin-right:-20px;
margin-bottom:0px; 
}
.midashibox-gray{
border:3px solid #929292;
border-radius:4px;
clear:both;
margin-top:15px;
margin-bottom:30px;
padding-left:20px;
padding-right:20px;
padding-top:70px;
padding-bottom:10px;
}
.midashibox-blue p{
margin-bottom:16px;
}
.midashibox-red p{
margin-bottom:16px;
}
.midashibox-green p{
margin-bottom:16px;
}
.midashibox-pink p,.midashibox-cyan p,.midashibox-orange p,.midashibox-black p,.midashibox-gray p{
margin-bottom:16px;
}
.midashibox-blue ul li,.midashibox-green ul li,.midashibox-red ul li,.midashibox-pink ul li,.midashibox-cyan ul li,.midashibox-orange ul li,.midashibox-black ul li,.midashibox-gray ul li{
background:url(img/li.png);
background-position:left 0px top 10px;
background-size:4px auto;
background-repeat:no-repeat;
margin-bottom:6px;
padding-left:16px;
}
.midashibox-blue .check-list li{
background:url(img/check-list-icon-blue.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-red .check-list li{
background:url(img/check-list-icon-red.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-pink .check-list li{
background:url(img/check-list-icon-pink.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-cyan .check-list li{
background:url(img/check-list-icon-cyan.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-green .check-list li{
background:url(img/check-list-icon-green.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-orange .check-list li{
background:url(img/check-list-icon-orange.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-gray .check-list li{
background:url(img/check-list-icon-gray.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-black .check-list li{
background:url(img/check-list-icon-black.png);
background-position:left 3px top 2px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-blue .check-list li,.midashibox-red .check-list li,.midashibox-pink .check-list li,.midashibox-cyan .check-list li,.midashibox-green .check-list li,.midashibox-orange .check-list li,.midashibox-gray .check-list li,.midashibox-black .check-list li{
margin-bottom:7px;
padding-left:30px;
}
.check-list-l li{
list-style:none;
}
.midashibox-blue .check-list-l li{
background:url(img/check-list-icon-blue.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-red .check-list-l li{
background:url(img/check-list-icon-red.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-pink .check-list-l li{
background:url(img/check-list-icon-pink.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-cyan .check-list-l li{
background:url(img/check-list-icon-cyan.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-green .check-list-l li{
background:url(img/check-list-icon-green.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-orange .check-list-l li{
background:url(img/check-list-icon-orange.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-gray .check-list-l li{
background:url(img/check-list-icon-gray.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-black .check-list-l li{
background:url(img/check-list-icon-black.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
}
.midashibox-blue .check-list-l li,.midashibox-red .check-list-l li,.midashibox-pink .check-list-l li,.midashibox-cyan .check-list-l li,.midashibox-green .check-list-l li,.midashibox-orange .check-list-l li,.midashibox-gray .check-list-l li,.midashibox-black .check-list-l li{
margin-bottom:7px;
padding:6px 0 6px 0;
padding-left:32px;
border-bottom:1px solid #CCC;
}
.b{ font-weight:bold!important; }/*太字*/
.small1{ font-size:12px!important; }
.small2{ font-size:14px!important; }
.big1{ font-size:18px!important; }
.big2{ font-size:20px!important; }
.big3{ font-size:22px!important; }
.big4{ font-size:24px!important; }
.big5{ font-size:26px!important; }
.big6{ font-size:28px!important; }
.big7{ font-size:30px!important; }
.big8{ font-size:32px!important; }
.big9{ font-size:34px!important; }
.big10{ font-size:36px!important; }
.red{ color:#ff0000!important; }/*赤*/
.blue{ color:#6699FF!important; }/*青*/
.green{ color:#008001!important; }/*緑*/
.orange{ color:#ffa020!important; }/*オレンジ*/
@media screen and (max-width:640px){
.fukidashi-l .txt-img img
{
float:left !important;
max-width:50px;
height:auto;
margin-left:-17px;
}
.fukidashi-r .txt-img img
{
float:right !important;
max-width:50px;
height:auto;
margin-right:-17px;
}
.b_body{
padding:12px 10px;
 }
}
.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,.rank8,.rank9,.rank10,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
font-family:sans-serif;
font-weight:bold;
_zoom:1;
overflow:hidden;
}
.centerad{text-align:center;}
.finger1_cyan{
background:url(img/finger1_cyan.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.finger1_blue{
background:url(img/finger1_blue.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.finger1_red{
background:url(img/finger1_red.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.finger1_green{
background:url(img/finger1_green.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.finger1_orange{
background:url(img/finger1_orange.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow1_cyan{
background:url(img/arrow1_cyan.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow1_blue{
background:url(img/arrow1_blue.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow1_red{
background:url(img/arrow1_red.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow1_green{
background:url(img/arrow1_green.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow1_orange{
background:url(img/arrow1_orange.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow2_cyan{
background:url(img/arrow2_cyan.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow2_blue{
background:url(img/arrow2_blue.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow2_red{
background:url(img/arrow2_red.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow2_green{
background:url(img/arrow2_green.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.arrow2_orange{
background:url(img/arrow2_orange.png) left 0px top 0px no-repeat;
-webkit-background-size:20px auto;
background-size:20px auto;
margin-right:2px;
padding:2px 0 2px 25px;
line-height:200%;
}
.check-list-l li{
list-style:none;
}
.check-list-l li{
background:url(img/check-list-icon.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
margin-bottom:7px;
padding:6px 0 6px 0;
padding-left:32px;
border-bottom:1px solid #CCC;
}
.kokuban .check-list-l li{
background:url(img/check-list-icon-y.png);
background-position:left 3px top 8px;
background-size:22px auto;
background-repeat:no-repeat;
margin-bottom:7px;
padding:6px 0 6px 0;
padding-left:32px;
border-bottom:1px solid #E8CC9A;
}
fieldset{
margin-bottom:20px;
padding:0 20px 15px;
border:3px #1EF2F2 groove;
border-radius:6px;
}
fieldset p{
margin-bottom:1em;
}
.img-new{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:red;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:red;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou:after,.img-mayottara:after,.img-uretemasu:after,.img-ichiban:after,.img-niban:after,.img-sanban:after,.img-new:after,.img-osusume:after,.img-souryou:after,.img-share:after,.img-uresuji1:after,.img-tvwadai:after,.img-webwadai:after,.img-zasshiwadai:after,.img-souryou:after,.img-ikkagetsu:after,.img-uriage1:after,.img-futtou:after,.img-otameshi:after,.img-ikkagetsu:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1:after,.img-rank2:after,.img-rank3:after,.img-camp:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
}
.img-new-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp-g{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp-g:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#009900;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click-g a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click-g a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:#009900;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou-g:after,.img-mayottara-g:after,.img-uretemasu-g:after,.img-ichiban-g:after,.img-niban-g:after,.img-sanban-g:after,.img-new-g:after,.img-osusume-g:after,.img-souryou-g:after,.img-share-g:after,.img-uresuji1-g:after,.img-tvwadai-g:after,.img-webwadai-g:after,.img-zasshiwadai-g:after,.img-souryou-g:after,.img-ikkagetsu-g:after,.img-uriage1-g:after,.img-futtou-g:after,.img-otameshi-g:after,.img-ikkagetsu-g:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1-g:after,.img-rank2-g:after,.img-rank3-g:after,.img-camp-g:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
}
.img-new-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp-o{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp-o:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8000;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click-o a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click-o a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:#FF8000;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou-o:after,.img-mayottara-o:after,.img-uretemasu-o:after,.img-ichiban-o:after,.img-niban-o:after,.img-sanban-o:after,.img-new-o:after,.img-osusume-o:after,.img-souryou-o:after,.img-share-o:after,.img-uresuji1-o:after,.img-tvwadai-o:after,.img-webwadai-o:after,.img-zasshiwadai-o:after,.img-souryou-o:after,.img-ikkagetsu-o:after,.img-uriage1-o:after,.img-futtou-o:after,.img-otameshi-o:after,.img-ikkagetsu-o:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1-o:after,.img-rank2-o:after,.img-rank3-o:after,.img-camp-o:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
/*
.img-new-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp-b{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp-b:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#2556B2;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click-b a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click-b a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:#2556B2;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou-b:after,.img-mayottara-b:after,.img-uretemasu-b:after,.img-ichiban-b:after,.img-niban-b:after,.img-sanban-b:after,.img-new-b:after,.img-osusume-b:after,.img-souryou-b:after,.img-share-b:after,.img-uresuji1-b:after,.img-tvwadai-b:after,.img-webwadai-b:after,.img-zasshiwadai-b:after,.img-souryou-b:after,.img-ikkagetsu-b:after,.img-uriage1-b:after,.img-futtou-b:after,.img-otameshi-b:after,.img-ikkagetsu-b:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1-b:after,.img-rank2-b:after,.img-rank3-b:after,.img-camp-b:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
}
.img-new-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp-p{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp-p:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#FF8080;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click-p a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click-p a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:#FF8080;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou-p:after,.img-mayottara-p:after,.img-uretemasu-p:after,.img-ichiban-p:after,.img-niban-p:after,.img-sanban-p:after,.img-new-p:after,.img-osusume-p:after,.img-souryou-p:after,.img-share-p:after,.img-uresuji1-p:after,.img-tvwadai-p:after,.img-webwadai-p:after,.img-zasshiwadai-p:after,.img-souryou-p:after,.img-ikkagetsu-p:after,.img-uriage1-p:after,.img-futtou-p:after,.img-otameshi-p:after,.img-ikkagetsu-p:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1-p:after,.img-rank2-p:after,.img-rank3-p:after,.img-camp-p:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
}
.img-new-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-new-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
content:"New !";/* NEW! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-osusume-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-osusume-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\52E7\3081 !";/* おすすめ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-chou-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-chou-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
content:"\8D85\304A\52E7\3081!";/* 超お勧め! */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ichiban-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ichiban-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"1\756A\4EBA\6C17 !";/* 1番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-niban-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-niban-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"2\756A\4EBA\6C17 !";/* 2番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-sanban-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-sanban-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"3\756A\4EBA\6C17 !";/* 3番人気! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:24px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uretemasu-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uretemasu-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\3066\307E\3059 !";/* 売れてます! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-mayottara-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-mayottara-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\8FF7\3063\305F\3089\30B3\30EC !";/* 迷ったらコレ! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-souryou-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-souryou-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\9001\6599\7121\6599 !";/* 送料無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-share-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-share-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30B7\30A7\30A2No.1!";/* シェアNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uresuji1-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uresuji1-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\308C\7B4BNo.1!";/* 売れ筋No.1 */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-tvwadai-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-tvwadai-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"TV\3067\8A71\984C!";/* TVで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-webwadai-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-webwadai-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30A6\30A7\30D6\3067\8A71\984C!";/* ウェブで話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-zasshiwadai-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-zasshiwadai-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\96D1\8A8C\3067\8A71\984C!";/* 雑誌で話題! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-ikkagetsu-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-ikkagetsu-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\FF11\30AB\6708\7121\6599!";/* １カ月無料! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-otameshi-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-otameshi-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\304A\8A66\3057\3042\308A!";/* お試しあり! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-uriage1-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-uriage1-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\58F2\4E0A\3052No.1!";/* 売上げNo.1! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-futtou-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-futtou-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\4EBA\6C17\6CB8\9A30\4E2D!";/* 人気沸騰中! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-35px;
top:25px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank1-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank1-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF11\4F4D!";/* ランキング１位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank2-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank2-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF12\4F4D!";/* ランキング２位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-rank3-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-rank3-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:14px;
content:"\30E9\30F3\30AD\30F3\30B0\FF13\4F4D!";/* ランキング３位! */
text-align:center;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-camp-c{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
margin:5px auto;
}
.img-camp-c:after{
content:"";
position:absolute;
z-index:1;
width:130px;
height:auto;
background:#1FA4AB;
content:"\30AD\30E3\30F3\30DA\30FC\30F3\4E2D!";/* 表示するテキスト */
text-align:center;
color:#fff;
font-family:'Arial';
font-size:14px;
font-weight:bold;
padding:1px 10px;
left:-32px;
top:28px;
transform:rotate(-45deg);
box-shadow:0 1px 3px rgba(0,0,0,0.3);
}
.img-click-c a{
position:relative;
display:inline-block;
overflow:hidden; /* 不要部分を消す */
text-decoration:none;
}
.img-click-c a:after{
content:"";
position:absolute;
z-index:1;
width:100px;
height:auto;
background:#1FA4AB;
color:#fff;
font-family:sans-serif;
font-size:10px;
content:"\8A73\7D30\306F\753B\50CF\3092\30AF\30EA\30C3\30AF";/* 表示するテキスト */
text-align:center;
font-weight:bold;
padding:0px 5px;
right:5px;
bottom:5px;
border-radius:4px;
text-decoration:none;
}
@media screen and (max-width:640px){ 
.img-chou-c:after,.img-mayottara-c:after,.img-uretemasu-c:after,.img-ichiban-c:after,.img-niban-c:after,.img-sanban-c:after,.img-new-c:after,.img-osusume-c:after,.img-souryou-c:after,.img-share-c:after,.img-uresuji1-c:after,.img-tvwadai-c:after,.img-webwadai-c:after,.img-zasshiwadai-c:after,.img-souryou-c:after,.img-ikkagetsu-c:after,.img-uriage1-c:after,.img-futtou-c:after,.img-otameshi-c:after,.img-ikkagetsu-c:after{ font-size:12px;top:20px;left:-40px;padding:0px 10px;}
.img-rank1-c:after,.img-rank2-c:after,.img-rank3-c:after,.img-camp-c:after{font-size:12px;top:25px;left:-35px;padding:0px 10px;}
}
.textlink1 a{ 
position:relative;
display:inline-block;
color:#72afdf;
 font-weight:bold;
transition:.3s;
}
.textlink1 a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:1px;
background-color:#F39EBE;
opacity:0;
transition:.3s;
}
.textlink1 a:hover{
color:#F39EBE;}
.textlink1 a:hover::after{
bottom:0;
opacity:1;}
.textlink2 a{ 
position:relative;
display:inline-block;
color:#55ACEF;
 font-weight:bold;
transition:.3s;
}
.textlink2 a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:1px;
background-color:#E8A2A2;
opacity:0;
transition:.3s;
}
.textlink2 a:hover{
color:#E8A2A2;}
.textlink2 a:hover::after{
bottom:0;
opacity:1;}
.textlink3 a{ 
position:relative;
display:inline-block;
color:#616BF3;
 font-weight:bold;
transition:.3s;
}
.textlink3 a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:1px;
background-color:#DC7676;
opacity:0;
transition:.3s;
}
.textlink3 a:hover{
color:#DC7676;}
.textlink3 a:hover::after{
bottom:0;
opacity:1;}
.textlink1b a{ 
position:relative;
display:inline-block;
font-size:18px;
color:#72afdf;
 font-weight:bold;
transition:.3s;
}
.textlink1b a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:2px;
background-color:#F39EBE;
opacity:0;
transition:.3s;
}
.textlink1b a:hover{
color:#F39EBE;}
.textlink1b a:hover::after{
bottom:0;
opacity:1;}
.textlink2b a{ 
position:relative;
display:inline-block;
font-size:18px;
color:#55ACEF;
 font-weight:bold;
transition:.3s;
}
.textlink2b a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:2px;
background-color:#E8A2A2;
opacity:0;
transition:.3s;
}
.textlink2b a:hover{
color:#E8A2A2;}
.textlink2b a:hover::after{
bottom:0;
opacity:1;}
.textlink3b a{ 
position:relative;
display:inline-block;
font-size:18px;
color:#616BF3;
 font-weight:bold;
transition:.3s;
}
.textlink3b a::after{ 
position:absolute;
bottom:.3em;
left:0;
content:'';
width:100%;
height:2px;
background-color:#DC7676;
opacity:0;
transition:.3s;
}
.textlink3b a:hover{
color:#DC7676;}
.textlink3b a:hover::after{
bottom:0;
opacity:1;}
.btn01 a:link,.btn02 a:link,.btn03 a:link,.btn04 a:link,.btn05 a:link,.btn06 a:link,.btn07 a:link{
text-decoration:none;
color:#fff;}
/*
*********************************************
SIRIUS用レスポンシブテンプレート
「grandグリーン2」
Produced by マナ
再配布厳禁
このテンプレートを使用した時点で、
弊社特利用規約に自動的に同意したことする。
*********************************************
*/.point:empty{height:32px}
.img-lb{display:contents;}.logo-horizon .logotext{display:none;}
/* fixImageStyles */
img{height:auto;max-width:100%}
.image-center{margin:10px auto;display:block;}
.img-center{text-align:center;max-width:100%;height:auto;}
.img-center img{max-width:100%;height:auto;margin:8px auto}
span.img-center{display:block;text-align:center;}
table.rank-table td .img-center{text-align:left !important;}