/*
強調のルール
赤(redb)・・・注意や警告など、ネガティブ要素
青(blud)・・・肯定やポジティブっぽいキーワード
黄(yeld)・・・専門用語・商品名とか
マーク(mark)・・・セリフとかで使っているはず
ノーマル(nomd)・・・文字を太く大きくするだけ。たまに使ってあげて…
( ´-`).oO重要じゃないのに強調とはこれいかに・・・
キラーリンク(kil)・・・コレをクリックしてほしいというときに使う。
*/

/*
トラッキングコードの命名ルール
onclick="ga('send','event','linkかeffectかどちらか(※1)','click','ページのURL');"
linkはマカエンペラーへ飛ばすリンクの時に設置
effectはマカエンペラーの効果のページへ飛ばす時に設置
*/

@charset "utf-8";html{font-size:62.5%;background-color:#0D203F;}
body{font-size:14px;font-size:1.4em;}
h1, h2, h3, h4, h5, h6{font-size:14px;font-size:1.4rem;margin:0;font-weight: bold;}
ol,ul{list-style-type:none;margin:0;padding:0;}
dd{margin:0;}
a{text-decoration:none;}
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
/*強調設定*/
.red{color:#FF0015;}
.redb{color:#FF0015;font-size:24px;font-size:2.4rem;font-weight:bold;padding: 0 3px;}
.blud{color:#006000;font-size:24px;font-size:2.4rem;font-weight:bold;padding: 0 3px;}
.yeld{color:#EC6D35;font-size:24px;font-size:2.4rem;font-weight:bold;padding: 0 3px;}
.nomd{font-size:24px;font-size:2.4rem;font-weight:bold;padding: 0 3px;}
.mark{background:none repeat scroll 0% 0% rgba(255, 255, 0, 0.4);font-weight:bold;}
.blue{color:#007fff;font-size:20px;font-size:2.0rem;font-weight:bold;text-decoration: underline;}
.p-center {text-align:center;}
.under {text-decoration:underline;}
/*強調設定終わり*/
/*画面いっぱいの画像の設定*/
.wiimg{width:100%;height:auto;}
.dw-menu{display:none;}
/*画面いっぱいの画像の設定*/
.reds{color:#FF0015;font-size:12px;font-size:1.2rem;font-weight:bold;text-align:center;}
.cf{clear:both;}
.cf:after{content:"";clear:both;display:block;}
cite{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
.contents{width:1000px;width:100rem;margin:45px auto; font-size: 17px;}
.right{float:right;background-color:#fff;width:610px;width:61rem;margin-left:30px;margin-left:3.0rem;padding:30px;padding:3.0rem;}
.right p{margin-bottom: 20px;line-height: 180%;}
.left{float:left;width:300px;width:30rem;}
.right h1{font-size:30px;font-size:3.0rem;font-family:"Lora",Georgia,"Times New Roman",Times;}
.macah{position:relative;margin:30px 30px 30px;margin:3.0rem 3.0rem 3.0rem;padding:10px;padding:1.0rem;background:#4b75b9;font-weight:normal;color:#fff;font-size:20px;font-size:2.0rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.macah:after{position:absolute;bottom:-15px;bottom:-1.5rem;left:10%;z-index:90;margin-left:-20px;margin-left:-2.0rem;border-top:15px solid #4b75b9;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:0;content:"";}
.right h2{position:relative;margin-bottom:30px;margin-bottom:3.0rem;margin-top:25px;margin-top:2.5rem;padding:10px;padding:1.0rem;background:#4b75b9;font-weight:normal;color:#fff;font-size:20px;font-size:2.0rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.right h2:after{position:absolute;bottom:-15px;bottom:-1.5rem;left:10%;z-index:90;margin-left:-20px;margin-left:-2.0rem;border-top:15px solid #4b75b9;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:0;content:"";}
.right h3{position:relative;font-size:18px;font-size:1.8rem;font-weight:bold;margin-bottom:10px;margin-bottom:1.0rem;margin-top:18px;margin-top:1.8rem;padding:10px 10px 4px 22px;padding:1.0rem 1.0rem 0.4rem 2.2rem;border-bottom:3px solid #f1161e;}
.right h3:before{content:"";position:absolute;background:#F3363D;top:0;left:7px;left:0.7rem;height:12px;height:1.2rem;width:12px;width:1.2rem;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.right h3:after{content:"";position:absolute;background:#f7767b;top:18px;top:1.8rem;left:0;height:8px;height:0.8rem;width:8px;width:0.8rem;transform:rotate(15deg);-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);}
.right h4{font-size:16px;font-size:1.6rem;margin: 0 0 0em;padding: 0em 0.6em;border-left: 7px solid #B92A2C;border-bottom: 1px dashed #B92A2C;}
.header{background-image:url(../images/background.png);width:100%;height:150px;}
.logo{text-align:center;}
.pan{width:1000px;width:100rem;margin:0 auto;padding:0 0;padding:0 0;font-size:15px;}
.pan a, .pan p{color:#fff;color: #FFF;line-height: 4rem;}
.pan span{ padding:0.5rem 0;}
.pan a span{border-radius:10px;background-color:#FFF;color:#000;padding: 0.5rem 1rem;}
.kil{text-decoration: underline; font-weight: bold;font-size: 120%;}
.kil:hover,.kil_s:hover{text-decoration: none;}
.kil_s{text-decoration: underline;}
.list{list-style:inside none disc;background-color:#ddd;padding: 15px 15px 5px 15px;}
.li-style {list-style-type:square; font-size:16px; margin-left:3px; background-color:#fae1e6; padding:10px 10px 10px 30px; line-height:30px;}

.penis tr {border:1px solid gray;}
.penis td {border-right:1px solid gray; text-align:center; font-size:15px; padding:5px;}
.penis th {background-color:#e7f7fe; font-size:13px; border-right:1px solid gray; padding:5px;}

.penis-ranking {display:block;}

/*よく読まれているページのCSS*/
.no1page {background-color:#fce8fb; margin-top:5px; padding:20px 7px 0 7px;}
.title {font-weight:bold; color:black;}
.page-img {display:inline-block;}
.page-title {display:inline-block; width:65%; vertical-align:top; margin-top:-17px; margin-left: 5px;}
.page-title a {color:black;}

/*アクセスランキングCSS*/
.kiji-ranking {width:100%; margin:0 auto; border-top:1px solid #d5d5d5;}
.kiji-ranking li {border:1px solid #d5d5d5; padding:5px; border-top:none; position:relative;}
.kiji-ranking li a {display:block;}
.kiji-ranking li a:hover {background-color:#e2f5fc;}
.kiji-ranking li img {width:20%; margin-right:15px; vertical-align:middle;}
.kiji-ranking li a img.medal {width:10%; margin-right:15px; vertical-align:middle;}
.kiji-ranking span {display:inline-block; vertical-align:top; width:64%;}
.kiji-ranking p {position:absolute; right:10px; bottom:0; color:red; font-size:15px;}

.secret {border: 1px solid gray;}
.secret img {display:block; margin:0 auto; width:99%;}

/* 点滅 */
.blink{color:red;
	   font-size:15px;
	   font-weight:bold;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*「平均」と「世界記録」ページのランキング用*/
.rank-post {width:100%; text-align:center; margin-bottom:30px;}
.rank-supple {width:28%; display:inline-block; margin-right:25px;}
.rank-supple img {width:100%; border:1px solid gray;}
.supple-title {font-weight:bold;}
a.btn-rank {display:block; background-color:#2aac2d; color:white; text-shadow:black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px, black -1px -1px 0px; font-weight:bold; border-radius:10px; padding:5px; margin-top:10px; width:100%; border: 1px solid #57772F;}
.no1 {color:white; background-color:#eec904; display:inline; padding:5px 10px; border-radius:10px;}
.no2 {color:white; background-color:silver; display:inline; padding:5px 10px; border-radius:10px;}
.no3 {color:white; background-color:#b66505; display:inline; padding:5px 10px; border-radius:10px;}

form {background-color:#D5E0F1; padding:10px;}
input {margin-left:10px; width:80%;}
input[type="submit"] {margin:0 auto; display:block;}
textarea{width:95%;}

/*
@media screen and (max-width:959px){.list{background-color:#ddd;padding: 15px 15px 5px 15px;}}
*/
.list li{font-size: 130%;margin-bottom: 20px;}
.alist{list-style:inside none disc;padding:0 30px;padding:0 3rem;}
.memo{padding:10px;padding:1.0rem;margin:15px;margin:1.5rem;border:2px dashed #BED4DF;}
.lead{font-size:18px;font-size:1.8rem;text-decoration:underline;}
.def19 dt{width:190px;width:19rem;height:53px;height:5.3rem;background-color:#D5E0F1;line-height:53px;line-height:5.3rem;text-align:center;font-weight:bold;}
.def19 dd{font-size: 120%;min-height:53px;min-height:5.3rem;margin-top:-53px;margin-top:-5.3rem;padding-left:200px;padding-left:20rem;line-height:53px;line-height:5.3rem;}
.def19 th{width:190px;width:19rem;height:53px;height:5.3rem;background-color:#D5E0F1;line-height:53px;line-height:5.3rem;text-align:center;font-weight:bold;}
.def19 td{font-size: 120%;min-height:53px;min-height:5.3rem;margin-top:-53px;margin-top:-5.3rem;padding-left:10px;padding-left:1rem;line-height:53px;line-height:5.3rem;}

.def14 dt{width:140px;width:14rem;height:53px;height:5.3rem;background-color:#D5E0F1;line-height:53px;line-height:5.3rem;text-align:center;font-weight:bold;}
.def14 dd{min-height:53px;min-height:5.3rem;margin-top:-53px;margin-top:-5.3rem;padding-left:150px;padding-left:15rem;line-height:53px;line-height:5.3rem;}
.def12 dt{width:120px;width:12rem;height:53px;height:5.3rem;background-color:#D5E0F1;line-height:53px;line-height:5.3rem;text-align:center;font-weight:bold;}
.def12 dd{min-height:53px;min-height:5.3rem;margin-top:-53px;margin-top:-5.3rem;padding-left:130px;padding-left:13rem;line-height:53px;line-height:5.3rem;}
.blockquote{background-color:#ddd;padding:24px 10px;padding:2.4rem 1rem;margin:20px;margin:2rem;position:relative;}
.blockquote:before{content:"“";font-size:600%;font-family:"ＭＳ Ｐゴシック",sans-serif;color:#999;position:absolute;left:0;top:0;}
.blockquote:after{content:"”";font-size:600%;line-height:0rem;font-family:"ＭＳ Ｐゴシック",sans-serif;color:#999;position:absolute;right:0;bottom:0;}
.con{border:1px solid #ccc;padding:15px 0 15px 20px;padding:1.5rem 0 1.5rem 2.0rem;}
.con p{font-weight:bold;font-size:16px;font-size:1.6rem;}
.con ol li{line-height:30px;line-height:3.0rem;}
.con ol{list-style-type:decimal;margin-left:20px;margin-left:2.0rem;}
.item img{border:3px solid #ccc;float:left; margin-bottom:2.2rem;}
.item dl{font-size:18px;font-size:1.8rem;margin:0 0 0 16px;margin:0 0 0 1.6rem;float:left;}
.item dl dt{font-weight:bold;}
.item dl dd{margin-bottom:16px;margin-bottom:1.6rem;text-indent:16px;text-indent:1.6rem;}
.item p{clear:both;}
.item .buy{font-size: 18px;font-weight:bold;text-align:center;display:block;background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eeb25), color-stop(0.41, #2aac2d), color-stop(0.00, #266036));background:-webkit-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-moz-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-o-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-ms-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:linear-gradient(to bottom, #266036 0%, #2aac2d 41%, #2eeb25 100%);color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #57772F;-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);text-shadow:0px 0px 3px rgba(0,0,0,0.5);width:100%;padding:16px 0;padding:1.6rem 0;float:none;margin:1.6rem auto 1.0rem;}/*width:40%; float:left; 元々margin:0 autoはなし*/


.item .buy2{font-size: 18px;
font-weight: bold;
text-align: center;
display: block;

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eeb25), color-stop(0.41, #2aac2d), color-stop(0.00, #266036));
background: -webkit-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);
background: -moz-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);
background: -o-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);
background: -ms-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);

background: linear-gradient(to bottom, #266036 0%, #2aac2d 41%, #2eeb25 100%);
color: #FFF;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #57772F;   
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;

width: 100%;
padding: 16px 0;
padding: 1.6rem 0;
float: none;
margin: 1.6rem auto 2rem;
}

.item .buy2:before{
content: "";
float: left;
width: 80px;
height: 80px;
margin: -37px -35px 0 0;
background: url(../images/kunikoru.png) 5% bottom;
background-size: 30px;
background-repeat: no-repeat;
-webkit-animation: kinoko 5s linear 0s infinite normal;
animation: kinoko 5s linear 0s infinite normal;

}

@-webkit-keyframes kinoko{

	0%{-webkit-background-size: 40px 40px;}
	25%{-webkit-background-size: 80px 80px;}
	38%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(-10deg);}
	40%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(10deg);}
	43%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(-10deg);}
	60%{-webkit-background-size: 80px 80px;}
	80%{-webkit-background-size: 40px 40px;}
	100%{-webkit-background-size: 40px 40px;}

}

@keyframes kinoko{

	0%{background-size: 40px 40px;}
	25%{background-size: 80px 80px;}
	38%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(-10deg);}
	40%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(10deg);}
	43%{background-size: 80px 80px; transform-origin:left bottom; transform: rotate(-10deg);}
	60%{background-size: 80px 80px;}
	80%{background-size: 40px 40px;}
	100%{background-size: 40px 40px;}

}



.item .buy:hover,.item .buy2:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eff24), color-stop(0.00, #30b036));background:-webkit-linear-gradient(#30b036, #2eff24);background:-moz-linear-gradient(#30b036, #2eff24);background:-o-linear-gradient(#30b036, #2eff24);background:-ms-linear-gradient(#30b036, #2eff24);background:linear-gradient(#30b036, #2eff24);}
.buy3{font-weight:bold;text-align:center;display:block;background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2eeb25), color-stop(0.41, #2aac2d), color-stop(0.00, #266036));background:-webkit-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-moz-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-o-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:-ms-linear-gradient(top, #266036 0%, #2aac2d 41%, #2eeb25 100%);background:linear-gradient(to bottom, #266036 0%, #2aac2d 41%, #2eeb25 100%);color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #57772F;-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);text-shadow:0px 0px 3px rgba(0,0,0,0.5);width:95%;padding:16px 0;padding:1.6rem 0;margin:0 26px;margin:0 2.6rem;transition: all 0.8s ease 0s;}
a.buy3,a.buy3:link,a.buy3:hover{color: #FFF;}

.buy3:hover{font-size: 1.6em;}
.grf{width: 95%;}
.yoko{margin-left:30px;margin-left:3.0rem;}
.item .more{font-size: 18px;font-weight:bold;text-align:center;display:block;background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EB2626), color-stop(0.41, #2aac2d), color-stop(0.00, #266036));background:-webkit-linear-gradient(top, #612727 0%, #AB2929 41%, #EB2626 100%);background:-moz-linear-gradient(top, #612727 0%, #AB2929 41%, #EB2626 100%);background:-o-linear-gradient(top, #612727 0%, #AB2929 41%, #EB2626 100%);background:-ms-linear-gradient(top, #612727 0%, #AB2929 41%, #EB2626 100%);background:linear-gradient(to bottom, #612727 0%, #AB2929 41%, #EB2626 100%);color:#FFF;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border:1px solid #57772F;-moz-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);-webkit-box-shadow:1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);text-shadow:0px 0px 3px rgba(0,0,0,0.5);width:100%;padding:16px 0;padding:1.6rem 0;float:none;margin:1.6rem auto 0;}/*width:40%; float:left; 元々margin-top: 1.6rem; margin:0 autoはなし*/

.item .more:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF2424), color-stop(0.00, #30b036));background:-webkit-linear-gradient(#B03030, #FF2424);background:-moz-linear-gradient(#B03030, #FF2424);background:-o-linear-gradient(#B03030, #FF2424);background:-ms-linear-gradient(#B03030, #FF2424);background:linear-gradient(#B03030, #FF2424);}
.banner{margin-bottom:30px;margin-bottom:3.0rem;}
.nav{background-color:#183E71;color:#fff;}
.nav a{color:#fff;background-color: #0D203F;}
.nav h2{font-size:20px;font-size:2.0rem;height:47px;height:4.7rem;text-align:center;padding-top:18px;padding-top:1.8rem;border-bottom:1px solid #0F2649;background-color: #1D2B76;}
.nav .menu1 a,.nav .menu2 a,.nav .menu3 a,.nav .menu4 a,.nav .menu5 a{background-color:#0F6F59;}
.nav .menu1 a{font-size:17px;font-size:1.7rem;display:block;height:47px;height:4.7rem;padding:18px 0 0 76px;padding:1.8rem 0 0 7.6rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;background-image:url(../images/navicon.png);background-repeat:no-repeat;background-position:16px 10px;}
.nav .menu2 a{font-size:17px;font-size:1.7rem;display:block;height:47px;height:4.7rem;padding:18px 0 0 80px;padding:1.8rem 0 0 8.0rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;background-image:url(../images/navicon.png);background-repeat:no-repeat;background-position:20px -60px;}
.nav .menu3 a{font-size:17px;font-size:1.7rem;display:block;height:47px;height:4.7rem;padding:18px 0 0 80px;padding:1.8rem 0 0 8.0rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;background-image:url(../images/navicon.png);background-repeat:no-repeat;background-position:21px -126px;}
.nav .menu4 a{font-size:17px;font-size:1.7rem;display:block;height:47px;height:4.7rem;padding:18px 0 0 84px;padding:1.8rem 0 0 8.4rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;background-image:url(../images/navicon.png);background-repeat:no-repeat;background-position:26px -194px;}
.nav .menu5 a{font-size:17px;font-size:1.7rem;display:block;height:47px;height:4.7rem;padding:18px 0 0 84px;padding:1.8rem 0 0 8.4rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;background-image:url(../images/menu-5.png);background-repeat:no-repeat;background-position:1.5rem; background-size:63px;}
.nav li a{font-size:15px;font-size:1.5rem;font-weight:bold;text-shadow:1px 1px 1px #222;display:block;background:#183E71 url(../images/arrow.png) no-repeat left center;height:54px;height:5.4rem;padding:14px 10px 14px 60px;padding:1.4rem 1.0rem 1.4rem 6.0rem;border-bottom:1px solid #0F2649;border-top:1px solid #3B609B;}
.profil{color:#fff;padding:16px;padding:1.6rem;background-color:#183E71;border-top:1px solid #3B609B;}
.profil h3{font-size:17px;font-size:1.7rem;text-align:center;}
.profil img{margin:0 auto;display:block;border:5px solid #fff;}
.profil a{color:#fff;}
.matome li{margin: 15px 0px;padding-left:35px; background:url('../images/check01.png') no-repeat 0 50%; font-size:large;}
#htop{margin-bottom:30px;margin-bottom:3rem;}
.news dt{float:left;clear:both;width:100px;padding-bottom:8px;padding-bottom:0.8rem;margin-bottom:8px;margin-bottom:0.8rem;}
.news dd{border-bottom:1px solid #ccc;padding-bottom:8px;padding-bottom:0.8rem;margin-bottom:8px;margin-bottom:0.8rem;}
.eyecatch{display:inherit;margin:20px auto 40px;margin:2.0rem auto 4.0rem;}
.banner-img {display:block; margin:0 auto;}
.releasedate{display:inline-block;}
.update{display:inline-block;margin-left:10px;margin-left:1.0rem;}
.srel{float:left;}
.related > h2+.srel{margin-right:20px;margin-right:2.0rem;}
.related .srel:last-child{margin-left:20px;margin-left:2.0rem;}
.srel a{display:block;width:190px;}
.srel h3{border:none;color:#2C95D7;font-weight:bold;padding:10px 0 0 0;padding:1.0rem 0 0 0;margin:0;}
.srel h3:after, .srel h3:before{content:none;}
.aright{float:right;background-color:#fff;width:670px;width:67rem;margin-left:30px;margin-left:3.0rem;padding:30px 0;padding:3.0rem 0;}
.aright h1{font-size:30px;font-size:3.0rem;padding:0 30px 0 30px;padding:0 3.0rem 0 3.0rem;}
.aright p{padding:0 30px 0 30px;padding:0 3.0rem 0 3.0rem;}
.aright article{content:"";clear:both;display:block;}
.aright article a{color:#333;display:block;border-top:1px solid #E1E1E1;height:160px;height:16rem;padding:30px 0;padding:3rem 0;}
.aright article h2{float:left;font-size:19px;font-size:1.9rem;width:390px;width:39rem;}
.aright article img{float:left;padding:0 30px;padding:0 3.0rem;}
.contact dt{width:100px;width:10rem;height:53px;height:5.3rem;background-color:#D5E0F1;line-height:53px;line-height:5.3rem;text-align:center;}
.contact dd{min-height:53px;min-height:5.3rem;margin-top:-53px;margin-top:-5.3rem;padding-left:110px;padding-left:11rem;line-height:53px;line-height:5.3rem;}
.youtube{position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

/*ページャ設定*/
.pager {text-align:center; margin:20px 0;}
.pager ul li {display:inline-block; margin-right:10px; border:1px solid gray;}
.pager ul li a {color:#074ec8; display:block; padding:7px;}
.pager ul li a.pager-on {background-color:#074ec8; color:white;}
/*ページャーend*/

.footer{clear:both;text-align:center;color:#fff;padding:30px 0;padding:3.0rem 0;}
.footer a{color:#fff;}
.footer small{margin-bottom:1rem;display:block;}
.adsp{margin-top:20px;margin-top:2.0rem;display: none;}
.adsp_top{margin-bottom:20px;margin-bottom:2.0rem;display: none;}
.adsp a{color:#fff;}
.adsp_top a{color:#fff;}
.sp-rank {display:none;}


@media screen and (max-width:1000px){.header{background:none;height:auto;}
.header img{width:100%;min-width:320px;}
.contents{width:100%;}
.right{float:none;width:auto;margin-right:3rem;}
.left{float:none;width:auto;margin-left:3rem;margin-right:3rem;}
.aright{float:none;width:auto;margin-right:3rem;}
.aright article{text-align:center;}
.aright article a{height:auto;}
.aright article h2{width:100%;}
.aright article img{float:none;margin:0 auto;}
.pan{width:100%;}
.pan p {background-color:#7f7d7d; font-size:10px; line-height:2.2rem; padding-top:0.8rem; margin-top:-3px;}
.banner{text-align:center;margin-top:3rem;}

.related > h2+.srel{margin-right:0px;margin-right:0rem;}
.related .srel:last-child{margin-left:0px;margin-left:0rem;}
.srel{padding:0 4.2rem;}
.adpc{display: none;}
.adsp,.adsp_top{display:none;}
.sp-rank {text-align:center; margin-bottom:1.8rem; display:block;}
.sp-rank a {color:white; font-weight:bold; font-size:1.8rem; background-color:#f99fd9; padding:0.5rem 0.5rem; border-radius:1.0rem;}
.footer {position:relative; bottom:45px;}
/*ドロワーメニュー*/
.dw-menu{display:block;}
.dw-menu {position:fixed; bottom:0; width:100%; opacity:0.8; text-align:center; z-index:3;}
.dw-menu a {display:block; padding:0.8rem 0; color:white; font-weight:bold;}
.rank {background-color:#044afa; width:50%; float:left; background-image:url(../images/crown.png); background-repeat:no-repeat; background-size:5rem; background-position:130px;}
.rank a {font-size:1.7rem;}
.taiken {background-color:#d5329e; width:50%; float:right; background-image:url(../images/supple-img.png); background-repeat:no-repeat; background-size:4.5rem; background-position:130px;}
.taiken a {font-size:1.7rem;}
/*ドロワーメニューEND*/

.secret {padding:10px;}
.secret img {width:100%;}

}

@media screen and (max-width:959px){.related .srel:last-child{margin-top:3rem;}
.item .buy2{font-weight: bold;}
.sp-rank {text-align:center; margin-bottom:1.8rem; display:block;}
.sp-rank a {color:white; font-weight:bold; font-size:1.8rem; background-color:#f99fd9; padding:0.5rem 0.5rem; border-radius:1.0rem;}
.nav .menu5 a{background-position:1rem; background-size:70px;}
.banner-img {width:55%;}

/*ドロワーメニュー*/
.dw-menu {position:fixed; bottom:0; width:100%;}
.dw-menu a {display:block; padding:0.8rem 0;}
.rank {background-color:#044afa; width:50%; float:left; background-position:100px;}
.taiken {background-color:#d5329e; width:50%; float:right; background-position:100px;}
/*ドロワーメニューEND*/

}

@media screen and (max-width:686px){
.related > h2+.srel{margin-bottom:1.5rem;}
.srel {width:100%; padding:0 0 1.5rem 0; border-bottom:1px solid #E1E1E1;}
.srel img {width:35%; vertical-align:top;}
.srel a {width:100%; clear:both;}
.srel h3 {display:inline-block; width:60%;}

.rank-supple {width:100%; display:block; margin-bottom:30px;}
a.btn-rank {padding:20px 0;}
.rank-supple img {width:70%;}
.banner-img {width:55%;}

.related .srel:last-child{margin-top:1.5rem;}
.sp-rank {text-align:center; margin-bottom:1.8rem; display:block;}
.sp-rank a {color:white; font-weight:bold; font-size:1.8rem; background-color:#f99fd9; padding:0.5rem 0.5rem; border-radius:1.0rem;}

/*ドロワーメニュー*/
.dw-menu {position:fixed; bottom:0; width:100%;}
.dw-menu a {display:block; padding:0.8rem 0;}
.rank {background-color:#044afa; width:50%; float:left; background-position:80px;}
.taiken {background-color:#d5329e; width:50%; float:right; background-position:80px;}
/*ドロワーメニューEND*/

}

@media screen and (max-width:680px){.contact dt{width:100%;}
.contact dd{margin-top:0;padding-left:0;}
.right{margin:-45px 0 0 0;}
.def14 dt,.def12 dt,.def19 dt{width:100%;}
.def14 dd,.def12 dd,.def19 dd{margin-top:0;padding:0;line-height:3.0rem;}
.news dt{float:none;}
.eyecatch{width:100%;}
.srel{text-align:center;}
.item img{float:none;}
.item dl{float:none;margin:16px 0 0 0;margin:1.6rem 0 0 0;}
.item dl dt{float:left;clear:both;width:100px;margin-bottom:0.8rem;padding-bottom:0.8rem;}
.item dl dd{border-bottom:1px solid #CCC;padding-bottom:0.8rem;margin-bottom:0.8rem;text-indent:0;}

.rank-supple {width:100%; display:block; margin-bottom:30px;}
a.btn-rank {padding:20px 0;}
.rank-supple img {width:70%;}
.banner-img {width:55%;}

.adl{margin:16px 30px 0 !important;margin:1.6rem 3.0rem 0 !important;}
.item .buy{width:100%;float:none;margin:0 auto 2rem;}
.sp-rank {text-align:center; margin-bottom:5.8rem; display:block;}
.sp-rank a {color:white; font-weight:bold; font-size:1.8rem; background-color:#f99fd9; padding:0.5rem 0.5rem; border-radius:1.0rem;}
/*ドロワーメニュー*/
.dw-menu {position:fixed; bottom:0; width:100%;}
.dw-menu a {display:block; padding:0.8rem 0;}
.rank {background-color:#044afa; width:50%; float:left; background-position:35px;}
.taiken {background-color:#d5329e; width:50%; float:right; background-position:35px;}
/*ドロワーメニューEND*/

@media screen and (max-width:480px){.macah{margin:28px 0;margin:2.8rem 0;}
.yoko{margin-left:0px;}
.adl{margin:0;}
.contents{width:100%; font-size:17px;}
.releasedate {font-size:13px;}
.update{margin-left:7px; display:inline; font-size:13px;}
.aright{width:auto;margin:-45px 0 0 0;padding:3%;}
.aright p{padding:0;}
.aright h1{padding:0;font-size:26px;font-size:2.6rem;}
.right{width:auto;margin:-45px 0 0 0;padding:3%;}
.right h1{font-size:26px;font-size:2.6rem;}
.left{float:none;width:auto;margin:0;}

.rank-supple {width:100%; display:block; margin-bottom:30px;}
a.btn-rank {padding:20px 0;}
.rank-supple img {width:70%;}
.banner-img {width:100%;}

/*よく読まれているページのCSS*/
.page-img {width:55%;}
.page-img img {width:90%;}
.page-title {display:inline-block; width:41%; vertical-align:top; margin-top:-17px; margin-left: 5px;}
.bassui {display:none;}
.blink {position: relative; right: 7%;}

/*アクセスランキングCSS*/
.kiji-ranking li a img.medal {width:13%;}
.kiji-ranking span {width:56%;}
.kiji-ranking p {display:none;}

.item .more{width:100%;float:none;margin:0 auto;margin-top:1.6rem;}
.sp-rank {text-align:center; margin-bottom:5.8rem; display:block;}
.sp-rank a {color:white; font-weight:bold; font-size:1.6rem; background-color:#f99fd9; padding:0.5rem 0.5rem; border-radius:1.0rem;}
.pan {margin-bottom:14px;}
/*ドロワーメニュー*/
.dw-menu {position:fixed; bottom:0; width:100%;}
.dw-menu a {display:block; padding:0.8rem 0;}
.rank {background-color:#044afa; width:50%; float:left; background-position:8px;}
.taiken {background-color:#d5329e; width:50%; float:right; background-position:8px;}
/*ドロワーメニューEND*/

}
}