@charset "utf-8";
html{height:100%;width:100%;font-size:6.25%;padding:0;display:table}
body{-webkit-text-size-adjust:100%;width:375px;background:#fff;font-size:13rem;font-weight:bold;font-family:"MS UI Gothic",Arial,sans-serif;line-height:120%;letter-spacing:1px;text-align:center;vertical-align:middle;margin:auto;}
.cv{width:100%;height:auto;background:#fff;text-align:center;margin:0 auto;padding:0;display:block;}

/* ---- 基本 ---- */
a {text-decoration:none;font-weight:bold;} img{vertical-align:bottom;border:0;}
img.ic{vertical-align:middle;margin:0 2px 2px 0;border:0;}
header{width:100%;text-align:center;display:block;margin:0;padding-top:25px;}
ul{list-style:none;padding:0;margin:0;}
li{display:block;}

/*--float解除用hr--*/
hr {width:100%;clear:both;margin:0;padding:0;border:none;}

/* ---- font ---- */
h1,h2,h3,h4,#side_1,#side_2,#main{font-size:12px;font-weight:bold;}
span.red{color:red;}

/* ---- 角丸 ---- */
#dot_sum,#new_sp,li#co1,li#co2,li#co3,li#co4,li.co5,li.co6,#sns_tw,#sns_tw > a,#sns_fb,#sns_fb > a{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}

/* ---- 広告 ---- */
#side_ad,#bottom_ad,#middle_ad {width:300px;height:100px;background:url(image/ad_bg300_100.png) no-repeat center;padding:15px 3px 3px;display:block;clear:both;}
#index_adb{width:234px;height:60px;background:url(image/ad_bg234_60b.png) no-repeat center;padding:15px 3px 3px;display:block;clear:both;}
#index_adb,#side_ad,#bottom_ad,#middle_ad  {margin:15px auto;}
 .hpg_pixel,.hpg_btom,.hpg_main{width:300px !important;height:100px !important;}
#ad_contents {width:250px;height:auto;margin:15px auto;display:block;border:3px dotted #ffe495;clear:both;}
#index_ad{width:320px;min-height:100px;margin:15px auto;clear:both;}
.hpg_box{width:320px !important;height:100px !important;}
div.google-auto-placed{margin-top:15px;margin-bottom:15px;}

/* ---- 検索フォーム ---- */
.cse .gsc-control-cse, .gsc-control-cse {border:none !important;padding:0 !important;width:80% !important;margin:10px auto !important;background-color:transparent !important;}

/* ---------- トップメニュー ----------- */
nav#ntop{width:300px;height:22px;background:#eee url(/image/bar_menw.gif) no-repeat;margin:10px 0 20px;padding:0 10px;display:block;text-align:centter;overflow:scroll;}
nav#ntop > ul{min-width:820px;height:22px;background:#eee url(/image/bar_menw_r.gif) right top no-repeat;list-style:none !important;margin:0 auto;display:table;padding:0;}
nav#ntop > ul > li{font-size:12px;text-align:center;display:table-cell;white-space:nowrap;float:left !important;margin:0 !important;height:22px;line-height:22px;padding:0 4px !important;border-right:1px solid #CCC}
nav#ntop > ul > li > a{color:#00B68E;}
nav#ntop > ul > li#t1{border-left:1px solid #CCC}

/* ---- ツイッター ---- */
#sns_tw{width:280px;height:34px;font-weight:bold;text-align:center;text-indent:10px;margin:10px auto;background:#1DA1F2 url(/img/twitter_ic.gif) no-repeat 4px 2px;border:1px solid #58BBE0;display:block;}
#sns_fb{width:280px;height:34px;font-weight:bold;text-align:center;text-indent:10px;margin:10px auto;background:#fff url(/image/facebook_ic.png) no-repeat 4px 2px;border:1px solid #4267b2;display:block;}
#sns_tw > a,#sns_fb > a{width:280px;height:34px;font-size:12px;line-height:34px;display:block;}
#sns_tw > a{color:#fff;} #sns_fb > a{color:#4267b2;}
#tw_new{width:280px !important;height:36px;line-height:36px;font-weight:bold;text-align:center;margin:6px auto;background:#81CDF6 url(/img/ud_icn.gif) no-repeat 4px 2px;border:1px solid #58BBE0;display:block;color:#fff;}

/* ---- 新着情報 ---- */
img.upd{width:21px;height:10px;} img.new,img.up{width:14px;height:10px;} img.up{vertical-align:bottom;border:0;margin:0 3px 3px -14px;}
#new_sp{width:308px !important;min-height:306px;overflow:hidden;margin:10px auto;padding:0;background-color:#fff;display:block;border:1px solid #ffe595;clear:both;}
#new_tt{background:url("/image/icon_list_ca.gif") no-repeat left top;font-weight:bold;font-size:12px;margin:0;text-indent:18px;height:16px;line-height:16px;text-align:left;background-color:#ffe595;display:block;}
div#vc_ad{width:308px !important;height:33px;margin:0 auto;padding:3px 0;text-align:center;background-color:#fff;}

ul.uprss {width:290px;list-style:none;margin:0 auto;padding:0;display:block;}
ul.uprss > li{margin:7px 0;font-weight:normal;font-size:10px;line-height:14px;text-align:left;display:block;border-bottom:2px solid #DEDEDE;}
ul.uprss > li >a{font-size:12px;font-weight:bold;}
ul.uprss > li > span.date{font-size:12px;font-weight:bold;color:red;}

#hpg_rss{width:260px;height:22px;line-height:22px;display:block;background:#F39A09;text-align:center;color:#fff;border:3px solid #F9C885;margin:5px auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#hpg_rss:hover{background:#E17A07;}

/* ---- BOX ---- */
#container {width:375px;height:auto;text-align:left;clear:left;margin:10px auto;display:block;}

/* ---- タイトルアイコン ---- */
#sc2{background:url("/image/icon_list_ca.gif") no-repeat left top;font-weight:bold;font-size:12px;margin:1px 0;text-indent:18px;height:16px;line-height:16px;text-align:left;}

/* ---- トップページタイトル ---- */
h1{width:310px;height:49px;font-size:10px;background:url(/image/title_pixelgaro.png) no-repeat left -203px;margin:0 auto 5px;text-align:left;display:block;overflow:hidden;}
h1 a{width:310px;height:49px;margin:0;display:block;color:#C90;}

/* ---- タイトル下サンプル ---- */
#dot_sum{width:310px;height:82px;overflow:hidden;text-align:center;margin:5px auto;background:url(image/background.jpg);border:solid 1px #FC6;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#dot_sum > marquee{width:310px;height:82px;}
#icsum_pc{display:none !important;}
#icsum_sp{display:block !important;width:310px !important;height:530px !important;}

/* ---- トップページ - メニュー ---- */
h2,h2.c1,h3,h3.c1,h4.c1{width:286px;height:24px;line-height:22px;margin:2px auto;display:block;}
h2,h3{background-color:#fc6;}
h2.c1,h3.c1,h4.c1{background-color:#ffe495;}
h2:hover,h3:hover{background-color:#ea5;} h3.c1:hover,h4.c1:hover{background-color:#c68c43;}
h2 > a,h2.c1 > a,h3 > a,h3.c1 > a,h4.c1 > a{width:286px;height:24px;line-height:22px;text-align:center;display:block;}
h2 > a,h2.c1 > a,h3 > a,h3.c1 > a,h4.c1 > a{color:#960;}
h2 > a:hover,h3 > a:hover,h3.c1 > a:hover,h4.c1 > a:hover{color:#fff;}
h2 > a#t1{background:url(image/top_bgsp.png) no-repeat left top;}
h3.c1 > a#t2{background:url(image/top_bgsp.png) no-repeat -300px top;}
h3 > a#t3{background:url(image/top_bgsp.png) no-repeat -600px top;}
h4 > a#t4{background:url(image/top_bgsp.png) no-repeat -900px top;}
li#co1,li#co2,li#co3{width:367px;padding:4px;margin:5px auto 10px;clear:both;display:block;}
li#co1{min-height:398px;} li#co2{min-height:360px;} li#co3{min-height:230px;}
li#co4{width:367px;height:220px;padding:4px;margin:5px auto 10px;clear:both;display:block;}
li#co1,li#co3 {background:#ffe495;}
li#co2 {background:#fc6;}
li#co4 {background:#fc6 url(image/top_bgsp.png) no-repeat -700px -24px;overflow:hidden;}

li.co5,li.co6,li.co7,li.co8,li.co9,li.co10,li.co11,li.co12 {min-width:40px;height:36px;margin:5px;padding-top:30px;background-image:url(/image/nav_image_top.png);float:left;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
li.co5,li.co7,li.co9,li.co11 {background-color:#ffe495;} li.co6,li.co8,li.co10,li.co12 {background-color:#fc6;}
li.co5:hover,li.co7:hover,li.co9:hover,li.co11:hover {background-color:#ea5;} li.co6:hover,li.co8:hover,li.co10:hover,li.co12:hover  {background-color:#c68c43;}
li.co5 > a,li.co6 > a,li.co7 > a,li.co8 > a,li.co9 > a,li.co10 > a,li.co11 > a,li.co12 > a {min-width:40px;height:36px;line-height:36px;font-size:12px;text-align:center;white-space:nowrap;padding:0 10px;margin:0;display:block;color:#960;}
li.co5 > a:hover,li.co6 > a:hover {color:#fff;}
li.co5{background-position:4px top;} li.co6{background-position:-145px top;} li.co7{background-position:-275px top;} li.co8{background-position:-405px top;}
li.co9{background-position:-34px -65px;} li.co10{background-position:-165px -65px;} li.co11{background-position:-276px -65px;} li.co12{background-position:-409px -65px;}
li.YT_CH {width:320px;height:90px;margin:5px auto;background:#000;display:block;clear:both;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
li.YT_CH > a {width:320px;height:67px;padding:11px 10px 12px;font-size:12px;text-align:center;vertical-align:middle;white-space:nowrap;margin:0;display:block;color:#fff;font-weight:bold;} li.YT_CH > a > img{width:300px;height:67px;border:0;}

#cad {width:100%;height:auto;padding:0;margin:0;text-align:center;clear:both;}
#nvg,#nvg2,#nvg3 {width:291px;height:199px;overflow:hidden;display:block;margin:auto;}
p.t  {width:89px;height:92px;margin:4px;font-size:12px;line-height:14px;text-align:center;float:left;}
p.t > a {width:85px;height:42px;padding:48px 2px 2px;font-size:12px;line-height:14px;text-align:center;display:block;color:#960;}
p.tic{width:100%;height:auto;margin:10px 0;text-align:center;clear:both;}

.px1,.px2,.px3,.px4,.px5,.px6,.px7,.px8,.px9,.px10,.px11,.px12,.px13,.px14,.px15,.px16,.px17,.px18,.px19,.px20,
.pxm21,.pxm22,.pxm23,.pxm24,.pxm25,.pxm26,.pxm27,.pxm28,.pxm29,.pxm210,.pxm211{background:#fc6 url(image/top_bgsp.png) no-repeat;}
.pxm1,.pxm2,.pxm3,.pxm4,.pxm5,.pxm6,.pxm7,.pxm8,.pxm9,.pxm10,.pxm11,.pxm12,.pxm13,.pxm14,.pxm15,.pxm16,.pxm17{background:#ffe495 url(image/top_bgsp.png) no-repeat;color:#850 !important;}
.px1{background-position:-5px -24px;}.px2{background-position:-95px -24px;}.px3{background-position:-182px -24px;}.px4{background-position:-271px -24px;}.px5{background-position:-360px -24px;}.px6{background-position:-453px -24px;}.px7{background-position:-538px -24px;}.px8{background-position:-629px -24px;}.px9{background-position:-2px -114px;}.px10{background-position:-90px -114px;}.px11{background-position:-178px -114px;}.px12{background-position:-266px -114px;}.px13{background-position:-357px -114px;}.px14{background-position:-445px -114px;}.px15{background-position:-535px -116px;}.px16{background-position:-627px -114px;}.px17{background-position:0 -206px;}.px18{background-position:-87px -206px;}.px19{background-position:-177px -206px;}.px20{background-position:-266px -205px;}
.pxm1{background-position:-2px -300px;}.pxm2{background-position:-90px -300px;}.pxm3{background-position:-179px -300px;}.pxm4{background-position:-265px -300px;}.pxm5{background-position:-355px -300px;}.pxm6{background-position:-445px -300px;}.pxm7{background-position:-538px -300px;}.pxm8{background-position:-626px -300px;}.pxm9{background-position:-714px -300px;}.pxm10{background-position:-802px -299px;}.pxm11{background-position:-892px -299px;}.pxm12{background-position:-1px -393px;}.pxm13{background-position:-89px -393px;}.pxm14{background-position:-178px -393px;}.pxm15{background-position:-267px -393px;}.pxm16{background-position:-356px -392px;}.pxm17{background-position:-445px -393px;}
.pxm21{background-position:left -484px;}.pxm22{background-position:-90px -484px;}.pxm23{background-position:-178px -484px;}.pxm24{background-position:-268px -484px;}.pxm25{background-position:-354px -484px;}.pxm26{background-position:-445px -484px;}.pxm27{background-position:-534px -484px;}.pxm28{background-position:-629px -484px;}.pxm29{background-position:-719px -484px;}.pxm210{background-position:-804px -484px;}.pxm211{background-position:-897px -484px;}
#nvg > p.t > a:hover,#nvg3 > p.t > a:hover{background-color:#ea5;color:#fff !important;} #nvg2 > p.t > a:hover{background-color:#c68c43;color:#fff !important;}

p#ti,p#ti2,p#ti3,p#ti4{width:100%;height:auto;margin:4px 0;font-size:12px;font-weight:bold;line-height:16px;text-align:left;clear:both;}
p#te,p#te2,p#te3 {width:100px;height:20px !important;margin:4px;font-size:10px;font-weight:bold;line-height:20px;display:block;clear:both;}
h2,h3,h4,p#t,p.t,p#te,p#te2,p#te3{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow:hidden;}
p#te > span,p#te2 > span,p#te3 > span{width:100px;height:20px;line-height:20px;background:#06F;color:#fff;font-weight:bold;text-align:center;display:block;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;cursor:s-resize;}

/* ---- トップページ - メニュー:アニメーション ---- */
li#co1,li#co2,li#co3,div#nvg,div#nvg2,div#nvg3{-webkit-transition-property:height;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;
-moz-transition-property:height;-moz-transition-duration:1s;-moz-transition-timing-function:linear;
-o-transition-property:height;-o-transition-duration:1s;-o-transition-timing-function:linear;
transition-property:height;transition-duration:1s;transition-timing-function:linear;}
p#te > span:last-of-type,p#te.active > span:first-of-type,p#te2 > span:last-of-type,p#te2.active > span:first-of-type,p#te3 > span:last-of-type,p#te3.active > span:first-of-type{display: none;}
p#te.active > span:last-of-type,p#te2.active > span:last-of-type,p#te3.active > span:last-of-type{display: block;cursor:n-resize;}

li#co1.motion{min-height:930px;}li#co2.motion{min-height:790px;} li#co3.motion{min-height:540px;}
div#nvg.motion{height:710px;} div#nvg2.motion{height:610px;} div#nvg3.motion{height:410px;}

/* ---- トップページ - 中央下部 ---- */
.main_bt{width:350px;height:auto;text-align:center;background-color:#fff;margin:0 auto;display:block;}
.main_bt > p.b1{width:100%;height:auto;text-align:center;font-size:12px;line-height:16px;background-color:#fff;color:red;margin:0 0 5px;display:block;font-weight:bold;}
.main_bt > p.b2{width:100%;height:auto;text-align:left;font-size:12px;line-height:16px;background-color:#fff;margin:0;display:block;font-weight:bold;}

/* ---- トップページ下部エリア ---- */
.navi_top{width:310px;text-align:center;margin:5px auto;font-size:10px !important;font-weight:bold;line-height:120%;display:block;clear:left;}


/* ---- スペシャルリンク ---- */
#b_nav{width:310px;min-height:46px;text-align:center;color:#000;margin:10px auto;font-weight:bold;font-size:10px;clear:left;display:block;}
#md,#md2,#md3{display:inline-block;margin:5px 2px 10px;width:93px;min-height: 40px;vertical-align:top;background-color:#ffe495;border: #C93 solid 3px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
#md a,#md2 a,#md3 a{width:100%;min-height:40px;text-align:center;font-size:12px;line-height:20px;font-weight:bold;color:#960;display:block;}#md:hover,#md2:hover,#md3:hover{background-color:#FC6;}
#sozai{width:300px;height:33px;text-align:center;margin:10px auto;display:block;clear:both;}

/* ---- ページTOPスクロール ---- */
#sptop { position:fixed;bottom:60px;right:10px;width:48px;height:48px;z-index:9999;display:none;} #sptop > a > img{width:48px;height:48px;}

/* ---- 素材の森 ---- */
#sozai_mori { position:fixed;top:0;right:0px;z-index:9998;display:block;width:130px;height:24px;}

/* ---- YouTube 動画紹介 ---- */
#yt_video{width:300px;height:auto;display:block;margin:10px auto;text-align:center;border:dotted 2px #F4AB0A;border-radius:10px;}
.YTrss {width:260px !important;min-height:444px;overflow:hidden;margin:10px auto;padding:2px 0;display:block;clear:both;}
.YTrss > li.mov {width:130px;min-height:148px;text-align:center;font-size:10px;display:block;padding:0;margin:0;float:left;}
.YTrss > li.mov > a {width:130px;min-height:136px;text-align:center;font-size:10px;display:block;padding:0;margin:0;overflow:hidden;}
.YTrss > li.mov > .date {width:130px;height:12px;line-height:12px;text-align:center;font-size:10px;display:block;padding:0;margin:0;overflow:hidden;}
.YTrss > li.mov > img{width:120px;height:68px;object-fit:cover;}
.YTtitle {width:300px;height:24px;line-height:24px;text-align:left;display:block;font-size:16px;font-weight:bold;text-indent:24px;background:url(/img/YT_movie.gif) no-repeat ;padding:0;margin:0 auto;}
.YTtitle2 {width:300px;height:24px;line-height:24px;text-align:center;display:block;font-size:12px;font-weight:bold;padding:0;margin:4px auto 0;}
li.YTend {width:130px;height:90px;line-height:16px;text-align:center;display:table-cell;vertical-align:middle;font-size:12px;font-weight:bold;padding:40px 0 0;margin:0 0 2px;float:left;}

/* ---- ココナラ ---- */
.coconara{width:360px;height:150px;display:block;margin:15px auto;background:url(/image/ad_coconara_bg.png);text-align:center;border:solid 1px #000;clear:both;}
.coconara > img{margin:30px auto;}

/* ---- フッター ---- */
footer{width:375px;min-height:580px;background:#dfdfdf url(/image/footer_2.png) no-repeat top right;text-align:center;margin:5px auto 0 !important;padding:110px 0 50px;display:block;clear:left;} #ft_nv{width:300px;margin:10px auto;text-align:left;display:block;} 
#ft_t{width:100%;margin:10px auto;text-align:center;font-weight:bold;font-size:12px;text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;} #ft_t > a{color:#00B68E;}
#ft_nv p.ste,#ft_nv p.ote{width:136px;padding-left:14px;line-height:16px;text-align:left;margin:0 0 10px;font-weight:bold;font-size:12px;background:url(image/ic_category.gif) no-repeat 0px 1px;float:left;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#amz_footer{width:100%;margin:10px auto;text-align:center;font-weight:bold;font-size:12px;line-height:14px;display:block;clear:both;}
.amz_flink{color:#F1830E !important;text-shadow:0 2px 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff;}
#ft_nv p.ste a,#ft_nv p.ote a,#amz_footer a{color:#666;}
#bi_banner{width:300px;height:auto;margin:5px auto;text-align:center;display:block;} a.bic{width:auto;height:40px;margin:5px auto;text-align:center;display:block;}

#ftr_sns{width:282px;height:94px;text-align:center;margin:15px auto;clear:left;}
#qr_mb{width:92px;height:94px;display:block;background:url(/image/QR_mail.png) no-repeat;margin:0 5px;float:left;}
#qr_mb > a{width:88px;height:auto;padding-top:47px;display:block;color:#F90;}
#qr,#qr > img{display:none;}
#tw_ac,#fb_ac{width:80px;height:71px;display:block;float:left;margin:0 5px;} #twimg,.twimg{width:80px;height:71px;}

#wp_link,.wp_link{width:310px;height:50px;text-align:center;margin:5px auto;display:block;clear:left;} #wp_link > img,.wp_link > img{margin:0 5px;}
#copyright{width:310px;line-height:14px;text-align:center;color:#000;margin:10px auto;display:block;font-weight:bold;font-size:10px;clear:left;}