From e9e609455374cbe483dcf208ceef5ca1cc68da25 Mon Sep 17 00:00:00 2001 From: uzulla Date: Sun, 31 Jan 2021 21:31:47 +0900 Subject: [PATCH 1/9] blog_password changed to hashed password from plain password #207 - No longer the current blog_password to read. --- .../en_US.UTF-8/LC_MESSAGES/messages.po | 9 ++++ .../ja_JP.UTF-8/LC_MESSAGES/messages.mo | Bin 33822 -> 34126 bytes .../ja_JP.UTF-8/LC_MESSAGES/messages.po | 9 ++++ app/src/Model/BlogsModel.php | 39 +++++++++++++----- .../Web/Controller/Admin/BlogsController.php | 13 +++++- .../Web/Controller/User/EntriesController.php | 2 +- app/src/Web/Html.php | 5 +++ app/twig_templates/admin/blogs/edit.twig | 9 +++- tests/App/Fc2Template/Fc2TemplateTest.php | 2 +- tests/test_fixture.sql | 2 +- 10 files changed, 74 insertions(+), 16 deletions(-) diff --git a/app/locale/en_US.UTF-8/LC_MESSAGES/messages.po b/app/locale/en_US.UTF-8/LC_MESSAGES/messages.po index ce9791fe..6122b9de 100644 --- a/app/locale/en_US.UTF-8/LC_MESSAGES/messages.po +++ b/app/locale/en_US.UTF-8/LC_MESSAGES/messages.po @@ -2488,3 +2488,12 @@ msgstr "" msgid "(If not exists, will be try create)" msgstr "" + +msgid "Password already registered." +msgstr "" + +msgid "Password not registered." +msgstr "" + +msgid "(Leave blank if you do not wish to change.)" +msgstr "" diff --git a/app/locale/ja_JP.UTF-8/LC_MESSAGES/messages.mo b/app/locale/ja_JP.UTF-8/LC_MESSAGES/messages.mo index 386b093305bf80be5d2ddd6b196d5214e4e6c89a..c9949996dfe76e2d738974c8c31993cce2f9973c 100644 GIT binary patch delta 10662 zcmZA73w)1t|Htvm(9FiNF=MlhIm~I8W0)a_atNbLIgZ5&V~%s^XHJcfL!yRs6H-Y| z<*ZU}3YEyI#4m@tgK*RNU;o$p_xl>$1&zqR!dBrggOP~*F;uT;bF2~xq2g~6#ERBDfrE0qNu~?My zIv9fWF^ulK<|Hao&=K#&Ow@p5Tmvr;OOT&!<R^lIcVP(mkC2skC$Sh_GOuC_^53I& zB#CY6f=w|UXJR?V_r4%;5B`89@iuD3e_^crXO(+IggI621u-+JonWzbjOlJQ}k(fq-wr&AN;1blz)}bb_8`bVOw!|;70#>Z& z4pk%64mQKmn1;IVA=HF3QTOMdCNdQ@k%D^czXp7cf^b}qTIt*7e$=x+gwc2!HSkR= zkD>M1eoVv|%t0OIXOKzCgS-TxMvfJ+QNFM)87oWqE@ICwMXqx zFVvyyW95Uf4EbEt3TL7QT5S23Q2oAv_u>vzzlTs0@f{=4gv43YmX%3y16D&dXoTvp zwUu|pGUWTBc4{Q@k2jt_+T*KO2Y*Bj9NWT7s1@HpZGBKhp8*7qb$@R zdkWRTa#RN!F#&g@+Mma=c-zWDc#i707V7m(#j5xyYRi47L%I^1;ZF2vz*{5&r@5&c zI1!^LPet9(3nOt9YJizmzYNQf-(>X%t^PD>V&9<_pwZM{1ZoFsqRN{!WB=7bCknK} zfvA;_Mh*N7YT)%&zT3)AB8&EJqVBJ8pWC@q96gPAqf=cnV(rX!q%GW`) zOSSS&J`(C6!zwaSGt5D~KI5=5K83Nk8uk9}H4maX{0MdWPowTXkKuR;wSZfw??3OLUo2|INf?VwP|vIEo3fg;?H3PTxt2Y%>$@@ z4m*9`DH8gS_)#nS4s}>=xdvWHEB8r_!djF!K(*_On%H3E_Z2S}HKB2+{-&XJpa3+$rPy?l+R@@FbPu_#5!!rYQ1`06&Phm&=8Ear# zYwpFNsENOVmGBef$A@8J_JHD5$MnvJM| z-ZBrM4%czi#LlAzzJ_Xl3-xyVit6vLcI>|f3~%omRzfwbfkiPHwIeC0L(~!V?7O4d z4MRPe9Lvu^ZS_Jdj+;;u+=iOS`>2T>MfG>aM?zbC2{n;BsF@Y*;BJgWo!Tm>@+Mdv zJD?^w!t$e0^~>=d+<+SRP0Q~yKR`|JV@yKdwhFWoJ)I>5+ z^}|v3<)NPCQoZVH4EKA3#ks12xf6s2!b&RdF%K;oDdTPhmy9|3x3<7exxn80<{GH>Tnm?1mSSH_dB6r4~3ALvSLh|LMx>{VyO9jEk+o zix^LSEr#Mj^AprFJ&)Sr@318Pff^vVi_3?ib}|apZz6_bZPbUZDJEcd^l7U{lhD>p zM7{S5F$`Zv)$c@gaKQW+b%;)*R`iqUb#;%VBx)yPF$`Ov+C6}^FddU|YFD~1MdI}( zi%LiOw5jK)($l<-n(LpawUy@yX>(&xYwm+;KLpjo1k`DmW#!AT2KkMsr~eu1xc-d% zw&VR_4H@P)~C`mMOw7+Nibe z@8RkXW8j;K^(glvO}xl-x4ZKw{8V>!HF`8%iq zia+AYBg`b!gj%8Md!Wu%e@w&)$g%W!g)ZTJh;^vAi8|+T%t8aU#G2Rzb*RRpCQyhP z;4Rd-KZqL0Z{;^o3o4r7+Qp;lQ!Jl`G5QpxlhCsmiQ1BvP+PtZqj588z{9Be3#cu; zVt#90xB6SCUs--dO|W4f*S-Vl{!XZg^}sO3_ePM=0F%sxsvy4(b;DLvN4w0UR{k}r z-Bt58Mw2h{sIww!XBr~kT`%48g;u`{eQI!mgtq#Y8T6RTN0?Qx3H2$ciDaX8XbNiL zv&|K#32(9dPV=~xU$*@B7(=_DzU;pSj_d1Il8nl?Ky}pFOh;Z}uMg^Nc@1?IPM{|8 z3u-5V`nmhVQ4@_vJ*pIJiA`_>jzKNxVn6m@H%9k&zkXIT+hSeH2cSBdk9wU}TmC)s zBDf@3Ye#PYuFBy?y#w}Kx~&n9e;>mUiW zcU$>cRL3_gAMv=WPePS<#O9cd8hEXF04IowH#mf{(lh&jXD1g@bb@Vi+i z+YL|yHNg(3t?y&yxmLai^$6BtI(}v44W4k1uASKfeR`JtN$Ai#iRyT=HCSNzLaX0| zTG>9U{~Gnv^9O8V`p>iDfYhLvfPN8q7w`^aWH$uc8LnZ~1em zmEW}Tk|W)rtd1I}2Wleyu^SFU9oBcSHGYA0FgnNmrqv#`a9;rly?#4U@AD0_>L{1b zFy~HP9LiOu*cW>gN;H>;3=I3cf*|@|%{wgSs(j zyt5o?LP@9&nxWdaN1cratvu86IjH*!EMI8#+fY0BE(ZQppbRqd5?@19_+cXJA8o9yP%us7HJZwSd1+{f1BE`D>u4iLPNHs-gz!kR_Yl ztvna?jPtM@F1PYc7)^dVY9Yr^_1~iU^YUCi7&TrcRJ&Sv?7s>+P@tLhMBOmhe8L=! zTFFFIyD8>8)XG<&`dNoMlv`0daS^qU+o%afO>$db50&rjBcYj&!X`Ky)xloW+wdJ~ z#Zi;p-}E;|l}|jSD+rranzQbGJiz1FEPzcpd4xfNvQIU*baN4?t20C=(eCH{2oT@=l@A7xNa87 zcaNYfYG>M_Rxk@IW1;2uTK)uTfIFyxOHX$zjX~WXk6J(`sy-Xl-*}8>d~Y6!>i7z_ z#E;F88Lp!a*n{#;s57zx+u{lAjZrh*eIrrjui<@o9fL4wmRosk)C5{!aeM%MMMzvC zbPXqZ22#AcRO}%AxaBvS38;hfI#EhD+qH>w67ehfqL@K+Cmtc+5dB0Rp??u+jAM!Y zMcDt76nsK-A#}~4Lf2MP=~kqVU?1Wu(l_u4LRSgm6Utu17w}swiv^O1CVlr>Px?p8 zM3Mftp1()pG;xm5e~{lw(OLY0SZj^5NLMFYxEImT@R7}7|#=LsDNuZWrv9p*7kSGJ|o>C zP|NR>Sl{YCuriTD8LuJFpTvXK;KP43$S3`fzeI_mkEaOkcli zL?_C|;YQS_dl#{Zm_&Xl>gwnS{MnWAyVn>!e_i@zP**WW;G4dI^j}0(ZU`gv(RcuN zTbm7}!wFqe@nK7s#&yI9q8M?{Y-sq_=b3^RLGS? zd`?|uENN|qlI}*j6zWPNT^he3=8zsnoFXQXA4FUywvm6I;PQDZNQ@zt5r+b0ykhvg zrRSNV5^c^Cx*9qHf41V!LMvCnX43ld?LvL?zbE)udIjV^AS#eu{>u3k^8JbC#9%AW!+7!+a67gq@`)Y9aN;-0r{mAo{%^GZYluC> zGsJP?Ug8*`tGvT|lAG@%+K``UWj)D{C;czHd-bzKEY_j?ZDJhJ!rCmwc6*DiYa*n+jAX)>1GGFXCRJWuO6nD@NH6ODB`QdyTflJJiJy-7VkXZi9cg zkMwi2*+VoX{WdX@beguJHlb@HaX*D`;XSCUKe2^aN&aQxRpMEz`-SqKh`ZN(%4?Bn zMl`a*FDaW#q!8_h|5E;%)rr9K|B#A<#7D&4Yar?3mbq$H#kQ8-P5on}-z1(Ro+fHg zHi$?jUL)>aS4g~1)T3;?l@B4mOygIkU^Wp;jIujkv__}MuO@vH=UG`@vjWbd{Qrol zL{st;h$o0dVkq%C(Th4=^@x`ODbHI(`Fo`GpF+K(WZobuTII*26Nom%A)=C%w>QNz zlsCqX7(~n`-3b5p`nQ!W#tuYVq702{5=GTGu>TlJ#bFh2?Ib-ATN3MuXd;)g1^77r zfL)2N2wi81cPZCZjhIXXD`Quo`3{b>^k~{|C!PGL-T16kh?T@?;xh3x_2;lRk1#%mkixV-7bt!IX} GFaQ5!Qu)vT delta 10408 zcmYk=34Bf0+Q;#o5HW-p6SI&YNDK*L9zzg{7-AkOW}@b)a!_s6&|5ULy^2yATvW|N z(F&SsQCxEkEqV3UST&U5{{Ck_xv%~41sCH?X4R>NL+=~Ht z7>hfO$2mnIKZ!f2fnHhzze?_a1yT7DRxfK-MqL+;1uzyPu`8CxSr~%r&>xRtUOa`G zz%>kHeCG~@AQCSy4;HEHS{5}xB&vf(R&R;9s3)R2>W|qm*&K`YsZTo`%7=1mkfNmcVDo zZgzsJyPGfyH9$YqM8=|4U^;3d^H7gwiHCxga1Uyir=#xZd(4MFp;qWBYSZ1Y{9V*i zzChh!{u=H;rBU@NsDA5Wer$&7w-ah2J+L-<22s$GeTo`zvo$z?n)wfwKaT~d-$bp{ zQ;b4iezd?^7=cq!1E-<--Hf{K5NZ>iMcv3lWMw_hOA4A%(P(!9VW`(J8kKK@TC%QI z?{D>ys1=)p+6yUI4rf|^HEQM7Tm4Jaz}r!e@__d|&;NqA;5b*z>!^mmS^WWOWu9O` z^snh|(&DJSQ4RHB*~;>RQFr_%YU$s%`f}9uo3SvaW3b-;^Ayz4ebmfy*K#`uLv>Ia zLog1t`G%l6m~Q!0RL9#JN1<~1ph|um4Wr#6&#M5=v(zzf6e?O z657@4(c3ZV4l=CaMQl#}9`etrS>N3wqfl?jWK=)zpl;}6)N8oT>N`>GGAw@vwa2b| z?8F_^44&S|G zoKX~XXA@DICB+(~VsYv#u`+&*YIhSgvAf9k6z2tMLOzY$M;L%wfx@T>g`xIRBnD$s zEQ#H{^86=IP{)fIuoPBk!e;}< zqCS|$VF_G<-aUrpJR~wyz+0%L3vB9sgQ;Y;NA1?}SQ_V;YcZ1gcNl_?Py+`yb3dAE zp{^T(p*RiI{xi!TM~`N7oq~3+wz!tA5Nd{@s7+KCwMXJndn6IHQUg(sVwgD@wHIdF z`Gu%Qvjp{atwgn7hw5inb9?`fSc7w@30yVrp&pGB>t5(@2B9`ndDO(BPy;tYwQq%b z8``7#>w+3^AgbM1RJ&=htbaBNvq)&EW}`OEr>JMY#v1NJJ(@#Szk*uoOw>TxTeuU< zjT)dBYGR?N{;Hu?xDIL}@u-P)_fXK13`OnINp@l$R-nEVHNk^cKVs+apzh!W>UzJH zZoRNs0yV*M7>-RaI}SxnBpJ1Wo*5MMY~DxR@nY0OHd=#kQ5POZJRtyN!5qaOyxxf3ddIv<9*kqFel)iHYw5dXsV7}JKYSNJaK4!_4-cnq}?=d6Ai{i)xy`aLY8_x~vcZI8_>itnmIRe%3WXyvzP`?%DV+gK6mfAUjTDfDW*FFcF?H+aM70P!BT8 zp*B%f)E%`oyP_URKh#o=!2n!aJe+s<9l{HS_pJJw%IT!Vz3Z7gc$ zol$o>61CK$Q7f3zQZ^PmVXapsBe6Y_3uO> zlZ2jOJsv0<*qMeAn2x@9AJx&HsEPfBdbZE8fDgG2?wuFu=$Ynjc=_NdL>3$;?7 z`BvD5n!wLk5U-;;dW;&thh@^l@}VXaX4XWtk45dBL@bK~P}jYUYQGS*aw}2etii^5 z|2I(3ZoG|&n5(mEf7E-s3)R7C)C8_u{V8gI++Ey!uo;P(P;=DzuBfFSfT8#%YICme z%JV-;A%ess)NT*$>JHcxD^c%=+Duci2(Ca4upPDgGf)HFwERQV4dvu+)GiElKE~>? zsPl!>CC-Mni)u=9^mUtC_G2Cmc1Z6A;7zddT; zuBZu(L5~LTP>`v1Vm<1Dov4oXn=l5Iv zTz8(op6z22(!YmmuvrmnlaE17BpJ0rGf)$rYkr2B@D8i*Gf!LoKUTkwS^@u_?l_@6 zS%2M0v?ZFLI_h91B5$122lcvqiP{V2P!oBMy57H++hJk!K6BKgioph0A4lRO)D2~# zt}Er~?S31rY{p?ECz4PdEkwOetF3;-ynx!pw^2)7w2#|92DOrHP!sH7^(54U#$h9z zgqnb72L&}uM>RNx8u%pYm(LA5{|L1*`hS+%`=dH2fV!?UYT$CH6^cSlJP}LdWUGH< z_1(yx@i^x#@duWmVS#>b2a%{HPe64v1vTJOjK;O7P4_cuFFeA!7|`Fnt|h9!WYmhz zvHDKbgid2^#&;f2(2Og;?%E!8!8lY0E3qu@v-4Li?>E35s4Qv%tx+BKMfI10x^5M! zpF>u^X6Lgdk!O4-oPzE&7Pa&vP#tcIou^O2~0Tdar4sDam- zhj1eGYd8zL4`Pf|3YRHN!f}J$3EW0aK>v4^L8u8tpe7iPTKYbgpJ@5Ts7J6C6Yy8d z*BY4tEx$q_GPI8TK_fQ#ByExQ9ozWKu zV__VIdC+6$J##5&rpr(rZ8XzS16{z%_y_~AEFWVUxGJ{CI;g!d8=K%47=bsj85T)) z@3b50lkYv$>wCb};nm14bKS6bnbG&;&5!72y43&?vdSle}-K;*`&d)-v z-~!YHccE6|fStcIp7mEpzgdGvcH+62dxAS)uvs0o0IROZ z2EKwCCll4~f#n}hVEw(%l!Of7^HCQxLp|fxSOkYyJ_WS`Z=>#HnVsKl=TBJuENZ~p zsCG}S9yH0FSSV_oXpa@@nN3kMY=ydmwq`HXosU3uJOQ;S-$Jd#X4DO&V^PdRE&WTY zSDftLNE570zANf_&wL7c9rmE^I1^i--xN0=j~aLaM&NX;gd0%p&Z4d>HI+Y5VFU9k z)cYU)CVyGO;i&pc)D1S9=AF35X-PqM)ZH9pjy0#FmT*4mPS>Ia+-v!ZsMq%~>QR+U zaR-P(O}w_*1pTSEL5-K-mFM4=LKKM+sAsYqwS;TT{iqAhp(bzxOXCyE>u>n6)WcBM z4Mjb=nW**)Ex+38`^=v(lHiZP?$Q*T?%qKc)UzCJ_4!s`g&N=xYC@M$OZhu$Y44(L zAZmttzAkD-TB5G&g%xl-Ho&FmQQ7ZA#{Yg{O{)%&&c^p5~Oslk7yaAd<4qU>7UDLH;_`j@T8m4sGV4)Dws)#4YMAiA+8Je^97O@(8hmay;^# z#JNpuBIZ&52`l3dIEc{kl$b%(BCii9y&-zdbS!gm_;%*ZwK6Y-GlvK!HWL9{H`c?C z8dP+Qp?nJ45nm|55kgK!O?(%-VU*=+;QK@!^203mPs;fze?oji6d{fg2guhV>QTOo zzW5%Y{pWl~VLyJ2I*Q>~ylVAR=116y{6*}Kad-rEEOGJvwabdmhn#OpWgniw-?L62 zA0^HzJ^zZF3?;ITqEm}2t}#|4bo|T3*@`X6%~jsc?W5R^auut; zV{Nkt(*1AXG+-HqVW(>o7@7dV)@tAmWU-j zBd78D5l5-(@c2{EUods_B7UG;!RkI(hTKtNBcWqGae(|}YolBp%3FzM#CGc66n=`G@n5)$Xhd1Z zCdvieqBENEB|^uWgnoIQvHEBwwH|GtCNY~6Z)1CFkZ6|0i{zIQttnr{E_SXvUZ8%T z$U0KV%_saw#1exjH^B@-#|i2$u|5&5XPJ}8PUItENM0h|BfcbbyhA<*F~P0=@8@$$ z(}@|Jn}wBd0HzUhD1V42iEtu;&~cFbHn-@EqU_mAC78lyq9WzG#J?%8A+nCC6mn%% za1qgn^T%JwJ*2#!+`3nCy(zCHmzx+*c^DB!{7Ts2alYhaU!oqF!S#u^rTjVZCh;@T+lS}hm=p2DWMVJLXSf(w z6AdX>CYDjwG0x0`L#ZFeD?~Y>67^MT^vV%Leh(2ttR!|2f4p)&FXMZU!TfB>NgdUR z9K_E=K|;q!B7^gJtxb38H+6#JKg1%-dlUTlB&%Tlf`PQ@MP#$w2+E!-R4NbwL=)>| zi#1qCy{F|;$pu<|rsaOZw~5u{a}r^cBk?qTg%@xnk#!WLT%XuLVg;V}aTZMsZ?WZO j_}LfindById($blog_id); + return (!empty($blog) && strlen($blog['blog_password']) > 0); } /** @@ -474,7 +491,7 @@ public static function regeneratePluginPhpByBlogId(string $blog_id): void * @param array $options * @return array|false|int|mixed */ - public function updateById(array $values, $id, array $options = array()) + public function updateById(array $values, $id, array $options = []) { $values['updated_at'] = date('Y-m-d H:i:s'); return parent::updateById($values, $id, $options); diff --git a/app/src/Web/Controller/Admin/BlogsController.php b/app/src/Web/Controller/Admin/BlogsController.php index 87c93e6b..54465b96 100644 --- a/app/src/Web/Controller/Admin/BlogsController.php +++ b/app/src/Web/Controller/Admin/BlogsController.php @@ -104,8 +104,19 @@ public function edit(Request $request): string // 更新処理 $white_list = ['name', 'introduction', 'nickname', 'timezone', 'blog_password', 'open_status', 'ssl_enable', 'redirect_status_code']; - $errors['blog'] = $blogs_model->validate($request->get('blog'), $blog_data, $white_list); + $errors['blog'] = $blogs_model->validate( + // バリデーションのために、blog_idを引き回している。バリデーションを作り変えたい + array_merge($request->get('blog'), ["_blog_id"=>$blog_id]), + $blog_data, + $white_list + ); if (empty($errors['blog'])) { + // パスワード空欄なら、パスワードを更新しない + if (strlen($blog_data['blog_password']) > 0) { + $blog_data['blog_password'] = password_hash($blog_data['blog_password'], PASSWORD_DEFAULT); + }else{ + $blog_data['blog_password'] = ($blogs_model->findById($blog_id))['blog_password']; + } if ($blogs_model->updateById($blog_data, $blog_id)) { $this->setBlog(['id' => $blog_id, 'nickname' => $blog_data['nickname']]); // ニックネームの更新 $this->setInfoMessage(__('I updated a blog')); diff --git a/app/src/Web/Controller/User/EntriesController.php b/app/src/Web/Controller/User/EntriesController.php index c910da5d..ad5f2466 100644 --- a/app/src/Web/Controller/User/EntriesController.php +++ b/app/src/Web/Controller/User/EntriesController.php @@ -730,7 +730,7 @@ public function blog_password(Request $request): string // 認証処理 if ($request->get('blog')) { - if ($request->get('blog.password') == $blog['blog_password']) { + if (password_verify($request->get('blog.password'), $blog['blog_password'])) { Session::set($this->getBlogPasswordKey($blog['id']), true); $this->set('auth_success', true); // for testing. $this->redirect($request, ['action' => 'index', 'blog_id' => $blog_id]); diff --git a/app/src/Web/Html.php b/app/src/Web/Html.php index 08af1863..9bc3bd63 100644 --- a/app/src/Web/Html.php +++ b/app/src/Web/Html.php @@ -148,6 +148,11 @@ public static function input(Request $request, $name, $type, $attrs = array(), $ $html = ''; break; + case 'blank_password': + // 一方向に設定するので、表示しない + $html = ''; + break; + case 'file': $html = ''; break; diff --git a/app/twig_templates/admin/blogs/edit.twig b/app/twig_templates/admin/blogs/edit.twig index 07537df3..7d978bd9 100644 --- a/app/twig_templates/admin/blogs/edit.twig +++ b/app/twig_templates/admin/blogs/edit.twig @@ -41,7 +41,14 @@ {{ _('View password blog') }} - {{ input(req, 'blog[blog_password]', 'text') }} + {{ input(req, 'blog[blog_password]', 'blank_password') }}
+ {% if blog.blog_password %} + {{ _('Password already registered.') }} + {% else %} + {{ _('Password not registered.') }} + {% endif %} +
+ {{ _('(Leave blank if you do not wish to change.)') }} {% if errors.blog.blog_password %}

{{ errors.blog.blog_password }}

{% endif %} diff --git a/tests/App/Fc2Template/Fc2TemplateTest.php b/tests/App/Fc2Template/Fc2TemplateTest.php index 78161772..9acda095 100644 --- a/tests/App/Fc2Template/Fc2TemplateTest.php +++ b/tests/App/Fc2Template/Fc2TemplateTest.php @@ -265,7 +265,7 @@ public function testTagsInEntriesBlogPassword(): void $blog = $blogs_model->findById($blog_id); // var_dump($blog); $blog['open_status'] = Config::get('BLOG.OPEN_STATUS.PRIVATE'); - $blog['blog_password'] = "password"; + $blog['blog_password'] = '$2y$10$XiZ6dO8AIFpjP0t0ekAzV.8ZFK40JUgVHt70KjJLQZr7HS9vqmPGy'; // hashed "password" $blogs_model->updateById($blog, $blog['id']); ## 「状態」生成 diff --git a/tests/test_fixture.sql b/tests/test_fixture.sql index 490c50d5..2bcf1332 100644 --- a/tests/test_fixture.sql +++ b/tests/test_fixture.sql @@ -75,7 +75,7 @@ LOCK TABLES `blogs` WRITE; /*!40000 ALTER TABLE `blogs` DISABLE KEYS */; INSERT INTO `blogs` (`id`, `user_id`, `name`, `nickname`, `introduction`, `template_pc_id`, `template_sp_id`, `timezone`, `open_status`, `ssl_enable`, `redirect_status_code`, `blog_password`, `trip_salt`, `last_posted_at`, `created_at`, `updated_at`) VALUES ('testblog1',1,'testblog1','testnick1','',1,3,'Asia/Tokyo',0,1,302,'','mPZnLoeIu23CFKIn3DHNnwkM0JUMluk4greukos0D7izI5Hzhcnjyc5RNGuL8hSORzXFQgZ9uBNnXU2zJRHyyymXyE0yLtePit2AZAumrLyvLxPqCUCDkrR7TvgafUqAv649paqxtW8xPPeidhykp43bBiujpWnmnVwDa559PopP','2020-07-24 12:09:55','2020-07-24 11:48:03','2020-07-24 12:08:11'); INSERT INTO `blogs` (`id`, `user_id`, `name`, `nickname`, `introduction`, `template_pc_id`, `template_sp_id`, `timezone`, `open_status`, `ssl_enable`, `redirect_status_code`, `blog_password`, `trip_salt`, `last_posted_at`, `created_at`, `updated_at`) VALUES ('testblog2',1,'testblog2','testnick2',NULL,1,3,'Asia/Tokyo',0,0,301,'','mPZnLoeIu23CFKIn3DHNnwkM0JUMluk4greukos0D7izI5Hzhcnjyc5RNGuL8hSORzXFQgZ9uBNnXU2zJRHyyymXyE0yLtePit2AZAumrLyvLxPqCUCDkrR7TvgafUqAv649paqxtW8xPPeidhykp43bBiujpWnmnVwDa559PopP','2020-07-24 12:10:46','2020-07-24 12:09:11','2020-07-24 12:09:11'); -INSERT INTO `blogs` (`id`, `user_id`, `name`, `nickname`, `introduction`, `template_pc_id`, `template_sp_id`, `timezone`, `open_status`, `ssl_enable`, `redirect_status_code`, `blog_password`, `trip_salt`, `last_posted_at`, `created_at`, `updated_at`) VALUES ('testblog3',1,'testblog3','password_required_blogger','',1,2,'Asia/Tokyo',1,0,302,'password','mPZnLoeIu23CFKIn3DHNnwkM0JUMluk4greukos0D7izI5Hzhcnjyc5RNGuL8hSORzXFQgZ9uBNnXU2zJRHyyymXyE0yLtePit2AZAumrLyvLxPqCUCDkrR7TvgafUqAv649paqxtW8xPPeidhykp43bBiujpWnmnVwDa559PopP','2020-10-12 21:16:29','2020-10-12 21:15:48','2020-10-12 21:16:48'); +INSERT INTO `blogs` (`id`, `user_id`, `name`, `nickname`, `introduction`, `template_pc_id`, `template_sp_id`, `timezone`, `open_status`, `ssl_enable`, `redirect_status_code`, `blog_password`, `trip_salt`, `last_posted_at`, `created_at`, `updated_at`) VALUES ('testblog3',1,'testblog3','password_required_blogger','',1,2,'Asia/Tokyo',1,0,302,'$2y$10$XiZ6dO8AIFpjP0t0ekAzV.8ZFK40JUgVHt70KjJLQZr7HS9vqmPGy','mPZnLoeIu23CFKIn3DHNnwkM0JUMluk4greukos0D7izI5Hzhcnjyc5RNGuL8hSORzXFQgZ9uBNnXU2zJRHyyymXyE0yLtePit2AZAumrLyvLxPqCUCDkrR7TvgafUqAv649paqxtW8xPPeidhykp43bBiujpWnmnVwDa559PopP','2020-10-12 21:16:29','2020-10-12 21:15:48','2020-10-12 21:16:48'); /*!40000 ALTER TABLE `blogs` ENABLE KEYS */; UNLOCK TABLES; From 5039418f035705554b1efd1d0ca8f756ed85fee2 Mon Sep 17 00:00:00 2001 From: uzulla Date: Mon, 1 Feb 2021 13:45:11 +0900 Subject: [PATCH 2/9] Add SmartPhone mode to e2e test helper. --- e2e_test/tests/helper.ts | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/e2e_test/tests/helper.ts b/e2e_test/tests/helper.ts index 471d4fc4..369612d0 100644 --- a/e2e_test/tests/helper.ts +++ b/e2e_test/tests/helper.ts @@ -8,6 +8,7 @@ dotenv.config(); export class Helper { page: Page; browser: Browser; + requestHttpHeaders: Record; constructor() {} @@ -16,15 +17,17 @@ export class Helper { } async init(): Promise { + this.requestHttpHeaders = { + 'Accept-Language': 'ja,en-US;q=0.9,en;q=0.8', + 'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.96 Safari/537.36' + }; this.browser = await puppeteer.launch({ args: ['--lang=ja'], ignoreHTTPSErrors: true, headless: !(process.env.NO_HEAD_LESS === "1") // 動作を確認するなら NO_HEAD_LESS=1 npm run test }); this.page = await this.browser.newPage(); - await this.page.setExtraHTTPHeaders({ - 'Accept-Language': 'ja,en-US;q=0.9,en;q=0.8' - }); + await this.page.setExtraHTTPHeaders(this.requestHttpHeaders); await this.page.authenticate({ username: process.env.BASIC_ID || "", password: process.env.BASIC_PASS || "", @@ -36,6 +39,16 @@ export class Helper { }); } + async setSpUserAgent(): Promise{ + let spRequestHttpHeaders = this.requestHttpHeaders; + spRequestHttpHeaders['User-Agent'] = 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.96 Mobile Safari/537.36'; + await this.page.setExtraHTTPHeaders(spRequestHttpHeaders); + await this.page.setViewport({ + width: 400, + height: parseInt(process.env.VIEW_PORT_HEIGHT) || 811, + }); + } + async getTitle(): Promise { return await this.page.title(); } From af88d957284f88f6f16b16679730386fd38ff3ed Mon Sep 17 00:00:00 2001 From: uzulla Date: Mon, 1 Feb 2021 14:04:06 +0900 Subject: [PATCH 3/9] Fix title in smart phone template --- app/templates/default/fc2_default_template_sp.php | 2 +- tests/test_fixture.sql | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/app/templates/default/fc2_default_template_sp.php b/app/templates/default/fc2_default_template_sp.php index a65fb659..a49416d3 100644 --- a/app/templates/default/fc2_default_template_sp.php +++ b/app/templates/default/fc2_default_template_sp.php @@ -7,7 +7,7 @@ - <%sub_title> - <%blog_name> + <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name> diff --git a/tests/test_fixture.sql b/tests/test_fixture.sql index 2bcf1332..7ed7a346 100644 --- a/tests/test_fixture.sql +++ b/tests/test_fixture.sql @@ -59,9 +59,9 @@ INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, ` INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (1,'testblog3',0,'初期テンプレート','\r\n\" lang=\"<%template_language>\">\r\n\r\n\" />\r\n\r\n\r\n\r\n\" />\r\n\" />\r\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n\r\n\" media=\"all\" />\r\n?xml\" title=\"RSS\" />\r\n\" title=\"Top\" />\r\n?all\" title=\"<%template_index>\" />\r\n\" title=\"<%template_prevpage>\" />\r\n\" title=\"<%template_nextpage>\" />\r\n\" title=\"<%preventry_title>\" />\r\n\" title=\"<%nextentry_title>\" />\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
p_area no_br\" id=\"e<%topentry_no>\">\r\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\r\n
    \r\n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \r\n
  • <%topentry_hour>:<%topentry_minute>
    • \r\n
\r\n \r\n \r\n
\r\n \r\n
<%topentry_image>
\r\n
<%topentry_discription>
\r\n \r\n <%topentry_discription>\r\n

\" title=\"<%template_abs_link>\"><%template_extend>

\r\n
\r\n \r\n \r\n
\r\n <%topentry_body>\r\n
<%topentry_more>
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n
\r\n

<%template_index>

\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_search_entry> : <%sub_title>

\r\n \r\n
\r\n \r\n\r\n\" lang=\"<%template_language>\">\r\n\r\n\" />\r\n\r\n\r\n\r\n\" />\r\n\" />\r\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n\r\n\" media=\"all\" />\r\n?xml\" title=\"RSS\" />\r\n\" title=\"Top\" />\r\n?all\" title=\"<%template_index>\" />\r\n\" title=\"<%template_prevpage>\" />\r\n\" title=\"<%template_nextpage>\" />\r\n\" title=\"<%preventry_title>\" />\r\n\" title=\"<%nextentry_title>\" />\r\n\r\n\r\n\r\n\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n
p_area no_br\" id=\"e<%topentry_no>\">\r\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\r\n
    \r\n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \r\n
  • <%topentry_hour>:<%topentry_minute>
    • \r\n
\r\n \r\n \r\n
\r\n \r\n
<%topentry_image>
\r\n
<%topentry_discription>
\r\n \r\n <%topentry_discription>\r\n

\" title=\"<%template_abs_link>\"><%template_extend>

\r\n
\r\n \r\n \r\n
\r\n <%topentry_body>\r\n
<%topentry_more>
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n
\r\n

<%template_index>

\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_search_entry> : <%sub_title>

\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\r\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\r\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_comment>

\r\n \r\n
\">\r\n

<%comment_title>

\r\n
<%comment_body>
\r\n \r\n \r\n
\r\n <%comment_reply_body>\r\n
    \r\n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n \r\n \" />\r\n \r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n
\r\n

\" />

\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \" />\r\n \r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n
\r\n

\" />\" />

\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\r\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\r\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n

; color:<%plugin_third_tcolor>\"><%plugin_third_title>

\r\n
\"><%plugin_third_description>
\r\n
; color:<%plugin_third_color>\"><%plugin_third_content>
\r\n
\"><%plugin_third_description2>
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n

; color:<%plugin_first_tcolor>\"><%plugin_first_title>

\r\n
\"><%plugin_first_description>
\r\n
; color:<%plugin_first_color>\"><%plugin_first_content>
\r\n
\"><%plugin_first_description2>
\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n

; color:<%plugin_second_tcolor>\"><%plugin_second_title>

\r\n
\"><%plugin_second_description>
\r\n
; color:<%plugin_second_color>\"><%plugin_second_content>
\r\n
\"><%plugin_second_description2>
\r\n
\r\n \r\n
\r\n \r\n
\r\n

Powered by <%template_fc2blog>

\r\n

<%ad> <%ad2>

\r\n

Copyright © <%blog_name> All Rights Reserved.

\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\r\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\r\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_comment>

\r\n \r\n
\">\r\n

<%comment_title>

\r\n
<%comment_body>
\r\n \r\n \r\n
\r\n <%comment_reply_body>\r\n
    \r\n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n \r\n \" />\r\n \r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n
\r\n

\" />

\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \" />\r\n \r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\" />
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n
\r\n

\" />\" />

\r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n
\r\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\r\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\r\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n

; color:<%plugin_third_tcolor>\"><%plugin_third_title>

\r\n
\"><%plugin_third_description>
\r\n
; color:<%plugin_third_color>\"><%plugin_third_content>
\r\n
\"><%plugin_third_description2>
\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n

; color:<%plugin_first_tcolor>\"><%plugin_first_title>

\r\n
\"><%plugin_first_description>
\r\n
; color:<%plugin_first_color>\"><%plugin_first_content>
\r\n
\"><%plugin_first_description2>
\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n

; color:<%plugin_second_tcolor>\"><%plugin_second_title>

\r\n
\"><%plugin_second_description>
\r\n
; color:<%plugin_second_color>\"><%plugin_second_content>
\r\n
\"><%plugin_second_description2>
\r\n
\r\n \r\n
\r\n \r\n
\r\n

Powered by <%template_fc2blog>

\r\n

<%ad> <%ad2>

\r\n

Copyright © <%blog_name> All Rights Reserved.

\r\n
\r\n
\r\n
\r\n\r\n\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/* =================================================\r\n Reset\r\n================================================= */\r\nhtml,body,div,\r\ndl,dt,dd,ul,ol,li,\r\nh1,h2,h3,h4,h5,h6,\r\npre,form,fieldset,input,textarea,\r\nblockquote,th,td,p{\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\n/* =================================================\r\n Element\r\n================================================= */\r\nbody{\r\n width:100%;\r\n text-align:center;\r\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\r\n line-height: 1.4;\r\n font-size: small !important; /* IE7 */\r\n font-size: 82%; /* IE6 */\r\n word-break:break-all;\r\n}\r\n/* Modern browser */\r\nhtml>/**/body {font-size:13px;}\r\na{\r\n text-decoration:none;\r\n /*\\*/\r\n overflow:hidden; /* for Fx */\r\n /**/\r\n}\r\n\r\nimg,a img{border:none;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\ntable{\r\n border:0;\r\n font-size: small　!important; /* for Modern browser */\r\n font-size: 82%; /* for IE6 */\r\n}\r\nth,td{padding:0;}\r\nth{font-weight:normal;}\r\ninput,select,textarea{padding:2px;}\r\ntextarea { font-size:100%; }\r\nhtml>/**/textarea {font-size:13px;}\r\nfieldset{border:none;}\r\npre{font-family:monospace;}\r\n.emoji {vertical-align:middle; }\r\n\r\n/* =================================================\r\n Hyper text\r\n================================================= */\r\na { \r\n text-decoration: none;\r\n /*\\*/\r\n overflow: hidden; /* for Fx */\r\n /**/\r\n}\r\n\r\na:link,\r\na:visited {\r\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\r\n}\r\n\r\na:focus,\r\na:hover,\r\na:active {\r\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\r\n}\r\n\r\n/* =================================================\r\n Headline\r\n================================================= */\r\nh1{font-size:276%; font-weight: normal;} /* 36px */\r\nh2,\r\nh3{font-size:124%; font-weight: normal;} /* 16px */\r\nh4{font-size:108%; font-weight: normal;} /* 14px */\r\nh5,\r\nh6{font-size:100%; font-weight: normal;} /* 13px */\r\n\r\n/* =================================================\r\n Font Color\r\n================================================= */\r\nbody { color: #444444; }\r\n\r\n#header h1 a /* ブログタイトル */ { color: #333333; }\r\n\r\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\r\n#main_contents h2 a /* 記事タイトル */ ,\r\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\r\n{ color: #333333; }\r\n\r\n#main_contents blockquote /* 引用部分 */ ,\r\n#main_contents .entry_date /* 記事の日付 */ ,\r\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\r\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\r\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\r\n#main_contents .page_navi a /* ページナビ */\r\n{ color: #999999; }\r\n\r\n#main_contents .list_body li /* 記事一覧ページ */ ,\r\n{ color: #666666; }\r\n\r\n/* =================================================\r\n Font Size\r\n================================================= */\r\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\r\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\r\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\r\n#main_contents .entry_date /* 記事日付 */ ,\r\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\r\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\r\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\r\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\r\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\r\n#footer /* フッター */ { font-size:124%; /* 16px */ }\r\n\r\n\r\n/* =================================================\r\n Content Width\r\n ※ 幅を固定にする場合は、それぞれのmin-width、\r\n max-widthを削除し、widthで好きな幅を指定して下さい\r\n================================================= */\r\n#container { min-width: 800px; }\r\n#headermenu , #wrap ,\r\n#footer_plg , #footer_inner {\r\n min-width: 800px;\r\n max-width: 1200px;\r\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\r\n}\r\n\r\n/* =================================================\r\n Layout\r\n================================================= */\r\n#container {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\n#header {\r\n overflow: hidden;\r\n margin-bottom: -40px;\r\n padding: 20px 0 80px 0;\r\n text-align: left;\r\n}\r\n\r\n#headermenu {\r\n height: 39px;\r\n margin: 0 auto;\r\n}\r\n\r\n#wrap {\r\n position:relative;\r\n overflow:hidden;\r\n margin: 0 auto 20px;\r\n text-align: right;\r\n}\r\n\r\n#main {\r\n float: left;\r\n position: relative;\r\n width: 100%;\r\n margin-top: 35px;\r\n margin-right: -340px;\r\n text-align: left;\r\n}\r\n\r\n#main_contents {\r\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\r\n padding-top: 35px;\r\n}\r\n\r\n#sidemenu {\r\n float: right;\r\n position:relative;\r\n overflow: hidden;\r\n width: 320px; /* サイドメニューの幅 */\r\n padding-top: 35px;\r\n}\r\n\r\n#footer {\r\n clear: both;\r\n padding: 20px 0;\r\n}\r\n\r\n#footer_plg {\r\n clear:both;\r\n margin: 0 auto;\r\n}\r\n\r\n#footer_inner {\r\n clear:both;\r\n margin: 0 auto;\r\n}\r\n\r\n/* =================================================\r\n Container\r\n================================================= */\r\n#container {\r\n background-color: #FFFFFF; /* 全体の背景色 */\r\n}\r\n\r\n/* =================================================\r\n Header\r\n================================================= */\r\n#header {\r\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\r\n border-bottom: 1px solid #cfcfcf;\r\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\r\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\r\n box-shadow: 0px 1px 1px 0px #CCC;\r\n}\r\n\r\n#header h1,\r\n#header p {\r\n min-width: 785px;\r\n max-width: 1185px;\r\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\r\n margin: 0 auto;\r\n}\r\n\r\n#header h1 {\r\n margin-bottom: 20px;\r\n padding-left: 15px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\r\n}\r\n\r\n/* =================================================\r\n Headermenu\r\n================================================= */\r\n#headermenu {\r\n height: 39px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\r\n}\r\n\r\n#headermenu .archives {\r\n float: left;\r\n width: 105px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\r\n}\r\n\r\n#headermenu .archives a {\r\n display: block;\r\n width: 105px;\r\n height: 39px;\r\n line-height: 39px;\r\n}\r\n\r\n#headermenu .archives a:hover {\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\r\n background-size: 100% 100%;\r\n}\r\n\r\n#headermenu .switch {\r\n float: right;\r\n width: 100px;\r\n}\r\n\r\n#headermenu .switch li {\r\n float: right;\r\n width: 49px;\r\n}\r\n\r\n#headermenu .switch li.grid { width: 49px; }\r\n\r\n#headermenu .switch li a {\r\n display: block;\r\n width: 49px;\r\n height: 39px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\r\n text-indent: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n}\r\n\r\n#headermenu .switch li.list a {background-position: -1px 0; }\r\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\r\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\r\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\r\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\r\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\r\n\r\n/* =================================================\r\n Main\r\n================================================= */\r\n#main {\r\n border-top: 1px dotted #B5B5B6;\r\n border-bottom: 1px dotted #B5B5B6;\r\n}\r\n\r\n#main_contents {\r\n border-left: 1px dotted #B5B5B6;\r\n border-right: 1px dotted #B5B5B6;\r\n}\r\n\r\n/* content\r\n-------------------------------------------------- */\r\n#main_contents .content {\r\n position: relative;\r\n margin-bottom: 20px;\r\n padding: 15px 0 20px;\r\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\r\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\r\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\r\n}\r\n\r\n#main_contents h2.entry_header,\r\n#main_contents h2.sub_header {\r\n margin: 0 0 15px;\r\n padding: 5px 0 5px 35px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\r\n}\r\n\r\n#main_contents h2.entry_header a,\r\n#main_contents h2.sub_header a {\r\n display: block;\r\n width: 100%;\r\n height: 1.4em;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n#main_contents h3.sub_header {\r\n margin: -15px 0 20px;\r\n padding: 10px 20px 10px 35px;\r\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\r\n border-bottom: 1px dotted #B5B5B6;\r\n}\r\n\r\n#main_contents h4.sub_title {\r\n padding: 3px 0 3px 15px;\r\n margin-bottom: 20px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\r\n}\r\n\r\n/* content style */\r\n#main_contents blockquote {\r\n margin-bottom: 10px;\r\n padding: 15px;\r\n background-color: #F4F4F4;\r\n}\r\n\r\n#main_contents input {\r\n padding: 2px;\r\n}\r\n\r\n/* entry_date */\r\n#main_contents .entry_date {\r\n float: left;\r\n width: 170px;\r\n margin: 0 0 10px 20px;\r\n text-align: left;\r\n}\r\n\r\n#main_contents .entry_date li {\r\n display: inline;\r\n margin-right: 1em;\r\n}\r\n\r\n/* entry_state */\r\n#main_contents .entry_state {\r\n float: right;\r\n overflow: hidden;\r\n width: 140px;\r\n margin: 0 20px 10px 0;\r\n text-align: right;\r\n}\r\n\r\n#main_contents .content .entry_state li {\r\n display: inline;\r\n margin-left: 1em;\r\n padding-right: 1em;\r\n border-right: 1px solid #999999;\r\n}\r\n\r\n#main_contents .content .entry_state li:last-child {\r\n padding-right: 0;\r\n border-right: none;\r\n}\r\n\r\n/* entry_body */\r\n#main_contents .entry_body {\r\n clear: both;\r\n overflow: hidden;\r\n margin: 0 20px;\r\n padding-bottom: 40px;\r\n zoom: 100%;\r\n}\r\n\r\n#main_contents .entry_body:after {\r\n content: \"\";\r\n clear: both;\r\n height: 0;\r\n display: block;\r\n visibility: hidden;\r\n}\r\n\r\n#main_contents .entry_body .entry_image {\r\n position: absolute;\r\n left: 20px;\r\n}\r\n\r\n#main_contents .entry_body .entry_image img {\r\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\r\n max-height: 250px;\r\n border: 4px solid #FFFFFF;\r\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\r\n -moz-box-shadow: 0px 1px 1px 0px #999999;\r\n box-shadow: 0px 1px 1px 0px #999999;\r\n}\r\n\r\n#main_contents .entry_body .entry_discription {\r\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\r\n min-height: 228px;\r\n}\r\n\r\n#main_contents .entry_body .entry_more {\r\n position: absolute;\r\n right: 20px;\r\n bottom: 10px;\r\n padding: 15px 0;\r\n text-align: right;\r\n}\r\n\r\n#main_contents #e .entry_body .entry_more { display:none; }\r\n\r\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\r\n display: inline-brock;\r\n margin-top: 10px;\r\n padding: 5px 10px;\r\n background: #EAEAEA;\r\n border-top: 1px solid #DCDDDD;\r\n border-radius: 3px;\r\n -webkit-border-radius: 3px;\r\n -moz-border-radius: 3px;\r\n text-align: center;\r\n}\r\n\r\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\r\n background: #8ADAE6;\r\n border-top: 1px solid #6BA9B3;\r\n color: #FFFFFF;\r\n}\r\n\r\n#main_contents .entry_body .more {\r\n margin-top: 10px;\r\n}\r\n\r\n#main_contents .entry_body .fc2_footer {\r\n margin-top: 10px;\r\n}\r\n\r\n/* Baton */\r\ndl.blog_baton {\r\n border: 1px solid #EFEFEF;\r\n padding: 20px 20px 10px;\r\n}\r\n\r\ndt.baton_q {\r\n padding-bottom: 5px;\r\n}\r\n\r\ndd.baton_a {\r\n margin-bottom: 10px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid #EFEFEF;\r\n}\r\n\r\n/* relate 関連記事リンク */\r\n.relate_dl {margin-top:25px;}\r\n.relate_dl dt {\r\n font-size:124%;\r\n margin-bottom: 10px;\r\n padding-left: 5px;\r\n border-left: 5px solid #CCC;\r\n}\r\n\r\n/* fc2twtr */\r\n.fc2twtr {\r\n zoom:100%;\r\n}\r\n\r\n.fc2twtr:after {\r\n content: \"\";\r\n clear: both;\r\n height: 0;\r\n display: block;\r\n visibility: hidden;\r\n}\r\n\r\n.fc2twtr dt {\r\n margin-bottom: 20px;\r\n}\r\n\r\n.fc2twtr dd {\r\n margin-bottom: 5px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid #EFEFEF;\r\n color: #666666;\r\n}\r\n\r\n/* entry_footer */\r\n#main_contents .entry_footer {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n padding: 15px 0;\r\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\r\n zoom: 100%;\r\n}\r\n\r\n#main_contents .entry_footer:after {\r\n content: \"\";\r\n clear: both;\r\n height: 0;\r\n display: block;\r\n visibility: hidden;\r\n}\r\n\r\n#main_contents .entry_footer .entry_state {\r\n margin-bottom: 0;\r\n width: auto;\r\n}\r\n\r\n/* titlelist search */\r\n#main_contents .list_body {\r\n padding: 0 20px;\r\n}\r\n\r\n#main_contents .list_body li {\r\n margin-bottom: 5px;\r\n padding-bottom: 5px;\r\n border-bottom: 1px solid #EFEFEF;\r\n}\r\n\r\n/* sub content */\r\n#main_contents .sub_content {\r\n margin-bottom: 20px;\r\n padding: 20px;\r\n border-bottom: 1px dotted #B5B5B6;\r\n}\r\n\r\n#main_contents .sub_content .sub_footer {\r\n margin-top: 20px;\r\n text-align: right;\r\n}\r\n\r\n#main_contents .sub_content .sub_footer li {\r\n display: inline;\r\n margin-left: 1em;\r\n}\r\n\r\n#main_contents .sub_content .sub_footer li a { color: #999999; }\r\n\r\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\r\n\r\n/* form */\r\n#main_contents .form {\r\n margin: 0 20px;\r\n}\r\n\r\n/* trackback */\r\n#main_contents .trackback {\r\n margin: 0 20px;\r\n}\r\n#main_contents .trackback input {\r\n width: 396px;\r\n}\r\n\r\n/* list_content \r\n-------------------------------------------------- */\r\n#main_contents .list_content {\r\n float: none;\r\n}\r\n\r\n/* grid_content\r\n-------------------------------------------------- */\r\n#main_contents .grid_content {\r\n float: left;\r\n margin-left: -1px;\r\n margin-right: -1px;\r\n width: 50%;\r\n height: 310px; /* グリッド表示の時の記事の高さ */\r\n border-left: 1px dotted #B5B5B6;\r\n border-right: 1px dotted #B5B5B6;\r\n}\r\n#main_contents .grid_content .fc2blomaga_buy_area {\r\n display:none;\r\n}\r\n#main_contents .grid_content .entry_body {\r\n overflow: hidden;\r\n height: 5.8em;\r\n}\r\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\r\n\r\n#main_contents .p_area,#main_contents .p_area .entry_body {\r\n height: auto;\r\n}\r\n\r\n#main_contents .grid_content .entry_body .entry_image img {\r\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\r\n max-height: 210px;\r\n}\r\n\r\n#main_contents .grid_content .entry_body .entry_discription {\r\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\r\n}\r\n\r\n#main_contents .grid_content:first-child, #main_contents .p_area {\r\n float: none;\r\n width: 100%;\r\n min-height: 110px;\r\n margin-left: 0;\r\n margin-right: 0;\r\n border-left: none;\r\n border-right: none;\r\n}\r\n\r\n#main_contents .no_br:first-child br { display: none; }\r\n\r\n#main_contents .p_area .entry_body {\r\n height: auto;\r\n}\r\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\r\n display:block;\r\n}\r\n\r\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\r\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\r\n max-height: 220px;\r\n}\r\n\r\n#main_contents .grid_content:first-child .entry_discription {\r\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\r\n min-height: 228px;\r\n}\r\n\r\n/* page_navi\r\n-------------------------------------------------- */\r\n#main_contents .page_navi {\r\n position:relative;\r\n clear: both;\r\n height: 123px;\r\n margin-top: -20px;\r\n text-align: center;\r\n zoom:100%;\r\n}\r\n\r\n#main_contents .page_navi:after {\r\n content: \"\";\r\n clear: both;\r\n height: 0;\r\n display: block;\r\n visibility: hidden;\r\n}\r\n\r\n#main_contents .page_navi a {\r\n display: block;\r\n overflow: hidden;\r\n height: 18px;\r\n width: 123px;\r\n padding-top: 45px;\r\n padding-bottom: 60px;\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\r\n}\r\n\r\n#main_contents .page_navi a:hover { color: #8ADAE6; }\r\n\r\n#main_contents .page_navi .prev {\r\n float: left;\r\n width: 30%;\r\n background-position: left -145px;\r\n text-align: left;\r\n\r\n}\r\n\r\n#main_contents .page_navi .next {\r\n float: right;\r\n width: 30%;\r\n background-position: right -145px;\r\n text-align: right;\r\n}\r\n\r\n#main_contents .page_navi .home {\r\n position: absolute;\r\n left:50%;\r\n margin-left: -61px;\r\n background-position: -375px -145px;\r\n text-indent: 100%; \r\n white-space: nowrap; \r\n overflow: hidden;\r\n}\r\n\r\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\r\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\r\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\r\n\r\n#main_contents .page_navi .prevpage,\r\n#main_contents .page_navi .nextpage {\r\n text-align: left;\r\n text-indent: -100%; \r\n white-space: nowrap; \r\n overflow: hidden;\r\n white-space:nowrap;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n#main_contents .page_navi .preventry {\r\n padding-left:80px;\r\n}\r\n#main_contents .page_navi .nextentry {\r\n padding-right: 80px;\r\n}\r\n\r\n/* =================================================\r\n Entry (html tag)\r\n================================================= */\r\n.p_area .entry_body h2, .p_area .entry_body h3,\r\n.p_area .entry_body h4, .p_area .entry_body h5 {\r\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\r\n margin: 0 0 10px;\r\n padding: 5px 0 5px 20px;\r\n}\r\n.p_area .entry_body ul,\r\n.p_area .entry_body ol { margin: 1em 0em 1em; }\r\n.p_area .entry_body ul li {\r\n list-style: disc outside;\r\n margin-left: 2em;\r\n}\r\n.p_area .entry_body ol li {\r\n list-style: decimal outside;\r\n margin-left: 2em;\r\n}\r\n.p_area .entry_body table {\r\n border-collapse: collapse;\r\n}\r\n.p_area .entry_body table th,\r\n.p_area .entry_body table td {\r\n padding: 5px;\r\n}\r\n.p_area .entry_body table th { background-color: #EFEFEF; }\r\n\r\n/* =================================================\r\n Sidemenu\r\n================================================= */\r\n#sidemenu {\r\n border-left: 1px dotted #B5B5B6;\r\n border-right: 1px dotted #B5B5B6;\r\n}\r\n\r\n#sidemenu .sidemenu_content {\r\n margin-bottom: 10px;\r\n padding: 10px;\r\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\r\n border-bottom: 1px dotted #B5B5B6;\r\n}\r\n\r\n#sidemenu h3 {\r\n margin: -10px -10px 0;\r\n padding: 10px 10px 10px 25px;\r\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\r\n border-top: 1px dotted #B5B5B6;\r\n border-bottom: 1px dotted #B5B5B6;\r\n}\r\n\r\n/* =================================================\r\n pagetop\r\n================================================= */\r\n#pagetop {\r\n position: fixed;\r\n right:200px;\r\n bottom:50px;\r\n z-index: 100;\r\n}\r\n\r\n#pagetop a {\r\n display: block;\r\n width: 58px;\r\n height: 58px;\r\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\r\n border-radius: 10px;\r\n -webkit-border-radius: 10px;\r\n -moz-border-radius: 10px;\r\n opacity: 0.7;\r\n filter: alpha(opacity=70);\r\n text-indent: 100%;\r\n white-space: nowrap;\r\n overflow: hidden; \r\n}\r\n\r\n#pagetop a:hover {\r\n opacity: 1;\r\n background-position:13px -48px;\r\n}\r\n\r\n/* =================================================\r\n plgin\r\n================================================= */\r\n.plg .plg_description,\r\n.plg .plg_body,\r\n.plg .plg_footer {\r\n margin-top: 10px;\r\n}\r\n\r\n#main_contents .plg .plg_description,\r\n#main_contents .plg .plg_body,\r\n#main_contents .plg .plg_footer {\r\n margin-left: 20px;\r\n margin-right: 20px;\r\n}\r\n\r\n.plg li {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.plg input {\r\n margin: 2px;\r\n}\r\n\r\n/* plugin-search\r\n------------------------------------------------- */\r\n.plg .plugin-search input[type=\"text\"] {\r\n width: 90%;\r\n}\r\n\r\n/* Calendar(Plugin)\r\n------------------------------------------------- */\r\n.plg table.calender {\r\n width: 100%;\r\n margin: 0px auto;\r\n font-size: 100%;\r\n}\r\n\r\n.plg table.calender caption {\r\n margin-bottom: 10px;\r\n margin: 0px auto;\r\n}\r\n\r\n.plg table.calender th,\r\n.plg table.calender td {\r\n padding: 0.1em;\r\n border-bottom: 1px solid #EFEFEF;\r\n text-align: center;\r\n}\r\n\r\n.plg table.calender td a {\r\n display: block;\r\n background-color: #EFEFEF;\r\n}\r\n\r\n.plg table.calender td a:hover {\r\n background-color: #8ADAE6;\r\n color: #ffffff;\r\n}\r\n\r\n.plg table.calender th#sun {\r\n color: #FF0000;\r\n}\r\n\r\n.plg table.calender th#sat {\r\n color: #0000FF;\r\n}\r\n\r\n/* Piyo(Plugin)\r\n------------------------------------------------- */\r\n.plg .mylog {\r\n padding: 10px;\r\n background: #F9F9F9;\r\n border: 1px solid #EFEFEF;\r\n}\r\n\r\n.plg .mylog .title {\r\n padding-bottom: 5px;\r\n margin-bottom: 10px;\r\n border-bottom: 1px solid #EFEFEF;\r\n font-weight: bold;\r\n}\r\n\r\n.plg .mylog dl {\r\n margin: 0px;\r\n padding: 0px;\r\n}\r\n\r\n.plg .mylog dt.day {\r\n margin: 0px;\r\n padding: 0px 0px 5px;\r\n background-image: none;\r\n text-align: left;\r\n font-size: 85% !important; /* for Modern browser */\r\n font-size: 93%; /* for IE6 */\r\n}\r\n\r\n.plg .mylog dt.day img {\r\n vertical-align: middle;\r\n}\r\n\r\n.plg .mylog dd.piyolog {\r\n margin: 0px 0px 5px;\r\n padding: 0px 0px 10px;\r\n border-bottom: 1px solid #EFEFEF;\r\n}\r\n\r\n.plg .tab {\r\n text-align: right;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.plg .tab input{\r\n padding: 2px 5px;\r\n}\r\n\r\n.plg .tab input.b1{\r\n margin-right: 5px;\r\n}\r\n\r\n.plg .license {\r\n text-align: right;\r\n font-size: 85% !important; /* for Modern browser */\r\n font-size: 93%; /* for IE6 */\r\n}\r\n\r\n/* =================================================\r\n Footer\r\n================================================= */\r\n#footer {\r\n background: #EFEFEF; /* フッターの背景色 */\r\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\r\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\r\n box-shadow: 0px 1px 3px 0px #CCC inset;\r\n text-shadow: 0px 1px 2px #FFFFFF;\r\n}\r\n\r\n/* footer_plg\r\n------------------------------------------------- */\r\n#footer_plg {\r\n padding-bottom: 40px;\r\n border-left: 1px dotted #9FA0A0;\r\n zoom:100%;\r\n}\r\n\r\n#footer_plg:after {\r\n content: \"\";\r\n clear: both;\r\n height: 0;\r\n display: block;\r\n visibility: hidden;\r\n}\r\n\r\n#footer_plg .footer_content {\r\n float: left;\r\n width: 199px;\r\n padding: 0 20px;\r\n border-right: 1px dotted #9FA0A0;\r\n}\r\n\r\n#footer_plg h3 {\r\n margin-bottom: 10px;\r\n}\r\n\r\n/* footer_inner\r\n------------------------------------------------- */\r\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\r\n\r\n/* =================================================\r\n for MacIE\r\n================================================= */\r\n/*\\*//*/\r\ntextarea, select, input {\r\n font-family:Osaka;\r\n}\r\n/**/\r\n\r\ntextarea,input,select {\r\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\r\n}\r\n\r\n',1,'2020-10-12 21:15:48','2020-12-28 01:47:15'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog1',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
\n \n \n
\n
\n
\n \n \n \n
p_area no_br\" id=\"e<%topentry_no>\">\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\n
    \n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \n
  • <%topentry_hour>:<%topentry_minute>
    • \n
\n \n \n
\n \n
<%topentry_image>
\n
<%topentry_discription>
\n \n <%topentry_discription>\n

\" title=\"<%template_abs_link>\"><%template_extend>

\n
\n \n \n
\n <%topentry_body>\n
<%topentry_more>
\n
\n
\n \n
\n \n
\n \n \n \n\n \n
\n

<%template_index>

\n \n
\n \n\n \n
\n

<%template_search_entry> : <%sub_title>

\n \n
\n \n\n \n
\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
\n \n\n \n
\n

<%template_comment>

\n \n
\">\n

<%comment_title>

\n
<%comment_body>
\n \n \n
\n <%comment_reply_body>\n
    \n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \n
\n
\n \n
\n \n
\n

<%template_post_comment>

\n
\n
\n
\n \n \" />\n \n
\n
\" />
\n
\n
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />

\n
\n
\n
\n \n\n \n
\n

<%template_edit_comment>

\n
\n
\n
\n
\n \n \n \" />\n \n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />\" />

\n
\n
\n
\n \n\n \n
\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
\n \n\n \n \n
\n

\"><%plugin_third_title>

\n
\"><%plugin_third_description>
\n
\"><%plugin_third_content>
\n
\"><%plugin_third_description2>
\n
\n \n \n
\n
\n\n
\n \n \n
\n

\"><%plugin_first_title>

\n
\"><%plugin_first_description>
\n
\"><%plugin_first_content>
\n
\"><%plugin_first_description2>
\n
\n \n \n
\n\n \n
\n
\n \n
\n \n
\n

\"><%plugin_second_title>

\n
\"><%plugin_second_description>
\n
\"><%plugin_second_content>
\n
\"><%plugin_second_description2>
\n
\n \n
\n \n
\n

Powered by <%template_fc2blog>

\n

<%ad> <%ad2>

\n

Copyright © <%blog_name> All Rights Reserved.

\n
\n
\n
\n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',2,'2020-07-24 11:48:03','2020-07-24 11:48:03'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog2',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
\n \n \n
\n
\n
\n \n \n \n
p_area no_br\" id=\"e<%topentry_no>\">\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\n
    \n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \n
  • <%topentry_hour>:<%topentry_minute>
    • \n
\n \n \n
\n \n
<%topentry_image>
\n
<%topentry_discription>
\n \n <%topentry_discription>\n

\" title=\"<%template_abs_link>\"><%template_extend>

\n
\n \n \n
\n <%topentry_body>\n
<%topentry_more>
\n
\n
\n \n
\n \n
\n \n \n \n\n \n
\n

<%template_index>

\n \n
\n \n\n \n
\n

<%template_search_entry> : <%sub_title>

\n \n
\n \n\n \n
\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
\n \n\n \n
\n

<%template_comment>

\n \n
\">\n

<%comment_title>

\n
<%comment_body>
\n \n \n
\n <%comment_reply_body>\n
    \n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \n
\n
\n \n
\n \n
\n

<%template_post_comment>

\n
\n
\n
\n \n \" />\n \n
\n
\" />
\n
\n
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />

\n
\n
\n
\n \n\n \n
\n

<%template_edit_comment>

\n
\n
\n
\n
\n \n \n \" />\n \n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />\" />

\n
\n
\n
\n \n\n \n
\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
\n \n\n \n \n
\n

\"><%plugin_third_title>

\n
\"><%plugin_third_description>
\n
\"><%plugin_third_content>
\n
\"><%plugin_third_description2>
\n
\n \n \n
\n
\n\n
\n \n \n
\n

\"><%plugin_first_title>

\n
\"><%plugin_first_description>
\n
\"><%plugin_first_content>
\n
\"><%plugin_first_description2>
\n
\n \n \n
\n\n \n
\n
\n \n
\n \n
\n

\"><%plugin_second_title>

\n
\"><%plugin_second_description>
\n
\"><%plugin_second_content>
\n
\"><%plugin_second_description2>
\n
\n \n
\n \n
\n

Powered by <%template_fc2blog>

\n

<%ad> <%ad2>

\n

Copyright © <%blog_name> All Rights Reserved.

\n
\n
\n
\n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',2,'2020-07-24 12:09:11','2020-07-24 12:09:11'); -INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog3',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <%sub_title> - <%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
<%ad>
\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n

<%sub_title>

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\r\n
\r\n
; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

<%topentry_title>

\r\n

\r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

\r\n
\r\n
\r\n <%topentry_body>\r\n
\r\n \r\n
\">\r\n <%topentry_more>\r\n
\r\n \r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\r\n
<%template_title>
\r\n
\r\n
<%template_address>
\r\n
\r\n
URL
\r\n
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n \r\n \" />\r\n \r\n \" />\r\n
\r\n <%template_send>\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\" />
\r\n
<%template_title>
\r\n
\" />
\r\n
<%template_address>
\r\n
\" >
\r\n
URL
\r\n
\" />
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \">\r\n \">\r\n
\r\n \r\n \r\n \">\r\n \r\n \" />\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_comment>

\r\n
\r\n
\r\n \r\n
<%comment_title>
\r\n
\r\n <%comment_body>\r\n

\r\n <%comment_mail+name>\r\n <%comment_url+str>
\r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

\r\n \r\n
\r\n <%comment_reply_body>\r\n

\r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
<%ad2>
\r\n\r\n
\r\n
\r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
\r\n

Copyright (c) <%blog_name>

\r\n
\r\n Powered by <%template_fc2blog>\r\n
\r\n
\r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-10-12 21:15:48','2020-12-28 01:47:25'); -INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog1',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <%sub_title> - <%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
<%ad>
\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n

<%sub_title>

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\r\n
\r\n
; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

<%topentry_title>

\r\n

\r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

\r\n
\r\n
\r\n <%topentry_body>\r\n
\r\n \r\n
\">\r\n <%topentry_more>\r\n
\r\n \r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\r\n
<%template_title>
\r\n
\r\n
<%template_address>
\r\n
\r\n
URL
\r\n
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n \r\n \" />\r\n \r\n \" />\r\n
\r\n <%template_send>\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\" />
\r\n
<%template_title>
\r\n
\" />
\r\n
<%template_address>
\r\n
\" >
\r\n
URL
\r\n
\" />
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \">\r\n \">\r\n
\r\n \r\n \r\n \">\r\n \r\n \" />\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_comment>

\r\n
\r\n
\r\n \r\n
<%comment_title>
\r\n
\r\n <%comment_body>\r\n

\r\n <%comment_mail+name>\r\n <%comment_url+str>
\r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

\r\n \r\n
\r\n <%comment_reply_body>\r\n

\r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
<%ad2>
\r\n\r\n
\r\n
\r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
\r\n

Copyright (c) <%blog_name>

\r\n
\r\n Powered by <%template_fc2blog>\r\n
\r\n
\r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-07-24 11:48:03','2020-12-28 01:46:53'); -INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog2',0,'初期テンプレート','\n\n\n \n \n \n \n \n \" />\n <%sub_title> - <%blog_name>\n \n \" />\n \n \n \n \n \n\n\n\n \n
<%ad>
\n\n \n\n \n \n \n\n
\n \n

<%sub_title>

\n \n \n \n \n \n \n \n
\n \n
\n \n \n \n\n\n \n
\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\n <%template_pager1>\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\n
\n \n\n \n\n \n \n \n
\n
\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\n
\n
; color:<%spplugin_color>;\">\n <%spplugin_content>\n
\n
\n \n \n \n\n \n \n \n
\n
\n

<%topentry_title>

\n

\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \n \"><%topentry_category>\n \n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\n \n

\n
\n
\n <%topentry_body>\n
\n \n
\">\n <%topentry_more>\n
\n \n \n
\n
\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\n
\n \n \n\n \n \n
\n
\n

<%template_post_comment>

\n
\n
\n
\n
<%template_name>
\n
\n
<%template_title>
\n
\n
<%template_address>
\n
\n
URL
\n
\n
<%template_body>
\n
\n
<%template_password>
\n
\n
<%template_privacy_set>
\n
\n \n
\n
\n \n \" />\n \n \" />\n
\n <%template_send>\n
\n
\n \n
\n \n\n \n \n
\n
\n

<%template_edit_comment>

\n
\n
\n
\n
<%template_name>
\n
\" />
\n
<%template_title>
\n
\" />
\n
<%template_address>
\n
\" >
\n
URL
\n
\" />
\n
<%template_body>
\n
\n
<%template_password>
\n
\n
<%template_privacy_set>
\n
\n \n
\n
\n
\n \">\n \">\n
\n \n \n \">\n \n \" />\n
\n \n
\n \n \n\n \n \n
\n
\n

<%template_comment>

\n
\n
\n \n
<%comment_title>
\n
\n <%comment_body>\n

\n <%comment_mail+name>#<%comment_trip>\n <%comment_url+str>
\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\n \n \" title=\"<%template_edit_comment>\"> <%template_edit>\n \n

\n \n
\n <%comment_reply_body>\n

\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\n

\n
\n \n
\n \n
\n \n
\n \n
\n
\n <%tail_url>\" class=\"prevpage\"><%template_prev>\n <%res_template_pager1>\n <%tail_url>\" class=\"nextpage\"><%template_next>\n
\n
\n \n \n\n
\n\n \n\n
<%ad2>
\n\n
\n
\n <%blog_id>/admin.php\"><%template_login>\n \"><%template_tell_friend>\n
\n

Copyright (c) <%blog_name>

\n
\n Powered by <%template_fc2blog>\n
\n
\n<%ad_overlay>\n\n\n','@charset \"utf-8\";\n\n/*============================================================\n -Index-\n Reset\n Basic\n Header\n Header Menu List\n Blog Introduction\n Main Contents\n Layout\n Page title\n Entry List\n Entry (個別記事表示)\n Comment List, Trackback List\n Comment Form\n Plugin Contents\n Contents Footer Links\n Profile (index mode)\n Ad\n Pager\n Page Navigation\n Blog Footer\n============================================================*/\n\n\n/*============================================================\n Reset\n============================================================*/\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\nul, ol, li, dl, dt, dd{list-style:none;}\nimg {border:none;vertical-align:middle;}\n\n/*============================================================\n Basic\n============================================================*/\nbody {\n margin: 0;\n padding: 0;\n background-color:#E0E0E0;\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\n font-size:16px;\n color:#666666;\n -webkit-text-size-adjust: none;\n}\na {\n text-decoration:none;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\na:link,a:visited { color:#4073D4; }\na:focus,a:hover,a:active { color:#0044B2; }\nh1{font-size:20px;}\nh2{font-size:18px;}\nh3{font-size:17px;}\nh4,h5,h6{font-size:16px;}\ninput,textarea,select { font-size:16px; }\n.system_message { padding:10px;color:#FF0000; }\n\n/*============================================================\n Header\n============================================================*/\n#header {\n position:relative;\n min-height: 44px;\n margin:0 0 15px;\n padding: 0 50px;\n background-color:#000000;\n color:#FFFFFF;\n text-align: center;\n}\n#header h1 {\n overflow: hidden;\n width: 85%;\n margin:0 auto;\n padding: 10px 0;\n font-size:20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#header h1 a {\n color:#FFFFFF;\n}\n\n/* PC SKIN Change\n---------------------------------------------- */\n#header .browser_change {\n position:absolute;\n top:6px;\n right:5px;\n width: 50px;\n}\n#header .browser_change a {\n display:block;\n height:22px;\n padding-top:8px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n font-size:12px;\n text-align:center;\n text-overflow: ellipsis;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n\n/* Header Menu Button\n---------------------------------------------- */\n#header #header_menu {\n position:absolute;\n top:6px;\n left:5px;\n width: 40px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n cursor:pointer;\n}\n#header #header_menu span {\n display:block;\n height:30px;\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n#header #header_menu.selected {\n border:none;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#2F2F2F),\n to(#505050)\n );\n background-image:\n -moz-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n background-image:\n -o-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n -webkit-box-shadow: 1px 1px 1px #DADADA;\n -moz-box-shadow: 1px 1px 1px #DADADA;\n box-shadow: 1px 1px 1px #DADADA;\n}\n#header #header_menu.selected span {\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\n}\n\n/*============================================================\n Header Menu List\n============================================================*/\n#plugin_menu {\n position:absolute;\n top:45px;\n width:100%;\n background-color:#000000;\n z-index:999;\n}\n#plugin_menu .blogmenu {\n overflow:hidden;\n}\n#plugin_menu .blogmenu li {\n position:relative;\n margin:-1px 0 0;\n border-top: 1px solid #000000;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#1F1F1F),\n to(#2A2A2A)\n );\n background-image:\n -moz-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n background-image:\n -o-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n}\n#plugin_menu .blogmenu li a {\n overflow: hidden;\n display: block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n#plugin_menu .blogmenu li a:focus,\n#plugin_menu .blogmenu li a:hover,\n#plugin_menu .blogmenu li a:active {\n background-color:#3F3F3F;\n}\n#plugin_menu .blogmenu li a span {\n position:absolute;\n top:6px;\n right:5px;\n color:#FFFFFF;\n font-family: AppleGothic,sans-serif;\n}\n\n/*============================================================\n Blog Introduction (Delete)\n============================================================*/\n#blog_intro {\n margin:0 2% 15px;\n padding:15px 10px;\n -webkit-border-radius:5px;\n background-color:#FFFFFF;\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n font-size:13px;\n}\n\n/*============================================================\n Layout\n============================================================*/\n#main_contents {\n margin:0 2%;\n}\n#main_contents .section {\n margin:0 0 20px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Page title\n============================================================*/\n/* 記事の見出し */\n.section .entry_title {\n margin: 0 10px;\n padding: 10px 0;\n border-bottom:2px solid #F2F2F2;\n}\n/* 記事以外の見出し */\n.section .page_title {\n padding:15px 10px;\n border-bottom: 1px solid #F2F2F2;\n}\n/* 見出しの文字色 */\n.section .page_title h2,\n.section entry_title h2,\n.section .page_title h2 a,\n.section .entry_title h2 a {\n color:#000000;\n}\n/* カテゴリ一覧見出し */\n.category_title {\n margin:0 0 15px;\n padding:10px;\n background-color:#FFFFFF;\n text-align:center;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Entry List (個別記事ページ以外の一覧表示)\n============================================================*/\n#entry_list {\n overflow:hidden;\n margin:0 0 20px;\n}\n#entry_list li {\n margin:-1px 0 0;\n border-top:1px solid #F2F2F2;\n}\n#entry_list li .entry {\n display:block;\n padding:10px 30px 10px 10px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n text-overflow: ellipsis;\n}\n#entry_list li .entry strong {\n overflow:hidden;\n display:block;\n font-size:18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#entry_list li .entry .photo_true{\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\n}\n#entry_list li .entry .posted {\n padding-right:10px;\n}\n#entry_list li .entry .posted,\n#entry_list li .entry .res {\n font-size:12px;\n color:#808080;\n}\n\n/*============================================================\n Entry (個別記事表示)\n============================================================*/\n/* 記事投稿情報\n---------------------------------------------- */\n.section .posted {\n padding-top:5px;\n font-size:12px;\n color:#808080;\n}\n\n/* 記事本文・追記\n---------------------------------------------- */\n.section .entry_body,\n.section .entry_more {\n padding:15px 10px;\n line-height:1.6;\n word-wrap: break-word;\n}\n\n.entry_body img[src^=\"https://blog-imgs-\"],\n.entry_more img[src^=\"https://blog-imgs-\"] {\n max-width:100%;\n height:auto;\n}\n.section .readmore {\n background-color:#808080;\n \n}\n.section .readmore a {\n display:block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\n}\n\n/* トラバリンク（個別記事表示）\n---------------------------------------------- */\n.section #tb_url {\n margin:0 10px 10px;;\n padding:5px;\n background-color:#EFEFEF;\n}\n.section #tb_url p {\n font-size:12px;\n}\n\n/*============================================================\n Comment List, Trackback List\n============================================================*/\n#comment .list dt,\n#trackback .list dt {\n padding:10px 10px 0;\n color:#000000;\n font-weight:bold;\n}\n#comment .list dd,\n#trackback .list dd {\n padding:10px;\n border-bottom:1px solid #F2F2F2;\n}\n#comment .list dd .posted,\n#trackback .list dd .posted {\n margin:3px 0;\n text-align:right;\n font-size:13px;\n}\n\n/*============================================================\n Comment Form\n============================================================*/\n#comment_post .confirm {\n padding:10px;\n}\n\n#comment_post .form {\n background: #fff;\n padding: 0;\n margin:10px;\n}\n#comment_post .form dd{\n margin:3px 0 10px;\n}\n\nul.confirm li{\n padding:8px 3px;\n}\n\n#comment_post .form dt{\n color:#336699;\n margin:10px 0 0;\n font-weight:bold;\n}\n#comment_post .form dd{\n margin:3px 0 0;\n}\n#comment_post .form dd p{\n margin:5px 0;\n}\n#comment_post input[type=\"text\"],\n#comment_post input[type=\"email\"],\n#comment_post input[type=\"url\"],\n#comment_post input[type=\"password\"],\n#comment_post textarea,\n#comment_post select {\n width: 100%;\n padding:5px 0;\n border:1px solid #DFDFDF;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-appearance: textarea;\n}\n\n#comment_post textarea {\n height: 120px;\n padding: 0;\n}\n\n#comment_post select {\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n -webkit-appearance: textfield;\n}\n\n/* Submit button\n---------------------------------------------- */\n#comment_post .submit_btn {\n padding:10px;\n text-align:center;\n}\n#comment_post .submit_btn input[type=\"submit\"],\n#comment_post .submit_btn a {\n display:block;\n width:60%;\n margin:0 auto 10px;\n padding:10px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A)\n );\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n text-overflow: ellipsis;\n}\n\n/*============================================================\n Plugin Contents\n============================================================*/\n/* Plugin Commons\n---------------------------------------------- */\n.section .plugin_profile,\n.section .plugin_freearea{ padding:10px; }\n\n/* Profile\n---------------------------------------------- */\ndl.profile {\n background: #fff;\n padding: 0;\n}\n\ndl.profile dt {\n color:#336699;\n list-style-type: none;\n}\n\ndl.profile dd {\n list-style-type: none;\n margin:0 0 20px;\n}\n\n/* new_entry,new_comment,new_tb\n---------------------------------------------- */\n.plugin_body .plugin_list {\n color: black;\n background: #fff;\n padding: 0;\n margin:0;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.plugin_body .plugin_list li {\n border-top:1px solid #F2F2F2;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.plugin_body .plugin_list li a{\n display: block;\n overflow: hidden;\n padding:10px 30px 10px 10px;\n}\n.plugin_body .plugin_list li em {\n padding:0 0 3px;\n font-style: normal;\n}\n.plugin_body .plugin_list li span{\n color:#808080;\n font-size:13px;\n}\n\n/*============================================================\n Contents Footer Links\n============================================================*/\n/* トップ一覧表示\n---------------------------------------------- */\n.section .response {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n font-size:13px;\n}\n.section .response li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .response li a:focus,\n.section .response li a:hover,\n.section .response li a:active {\n background-color:#0044B2;\n}\n.section .response .show_com {\n float:left;\n width:50%;\n}\n.section .response .show_tb {\n float:right;\n width:50%;\n text-align:right;\n}\n\n/* トップ一覧表示以外\n---------------------------------------------- */\n.section .contents_footer,\n.section .form_footer {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.section .contents_footer li,\n.section .form_footer li {\n margin:-1px 0 0;\n border-top:1px solid #808080;\n}\n.section .contents_footer li a,\n.section .form_footer li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .contents_footer li a {\n padding-right:30px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.section .form_footer li a {\n text-align:center;\n}\n.section .contents_footer li a:focus,\n.section .contents_footer li a:hover,\n.section .contents_footer li a:active,\n.section .form_footer li a:focus,\n.section .form_footer li a:hover,\n.section .form_footer li a:active {\n background-color:#0044B2;\n}\n\n/* コメント・トラバ非表示の場合（共通）\n---------------------------------------------- */\n.section .response li span,\n.section .contents_footer li span {\n display:block;\n padding:10px;\n color:#666666;\n}\n\n/*============================================================\n Profile (index mode)\n============================================================*/\n.profile_area {\n overflow:hidden;\n margin:0 2% 15px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n.profile_area dt {\n margin:10px 10px 0;\n padding:0 0 5px;\n border-bottom:2px solid #F2F2F2;\n}\n.profile_area dd {\n overflow: hidden;\n padding:10px;\n font-size:13px;\n}\n.profile_area dd .prof_image {\n float:left;\n margin-right:5px;\n}\n\n/*============================================================\n Ad\n============================================================*/\n.ad_header{\n text-align:center;\n margin:10px 0;\n}\n.ad_footer{\n text-align:center;\n margin:10px 0;\n}\n\n/*============================================================\n Pager\n============================================================*/\n#main_contents .pager {\n position:relative;\n overflow:hidden; \n margin:0 0 10px;\n padding:11px 0;\n min-height: 30px;\n text-align:center;\n}\n#main_contents .pager .prevpage {\n position:absolute;\n top:0;\n left:0;\n padding:8px 10px;\n}\n#main_contents .pager .nextpage {\n position:absolute;\n top:0;\n right:0;\n padding:8px 10px;\n}\n#main_contents .pager a {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n#main_contents .pager a:focus,\n#main_contents .pager a:hover,\n#main_contents .pager a:active {\n background:#0044B2 none;\n}\n#main_contents .pager strong {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background-color:#000000;\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n\n/*============================================================\n Page Navigation\n============================================================*/\n#page_navi {\n overflow:hidden;\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\n}\n#page_navi li {\n width:48%;\n border: 1px solid #ffffff;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#FFFFFF),\n color-stop(0.49,#FEFEFE),\n color-stop(0.5,#EAEAEA),\n to(#F9F9F9)\n );\n background-image:\n -moz-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n background-image:\n -o-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n}\n#page_navi .goto_home { float:left; }\n#page_navi .page_top { float:right; }\n#page_navi li a {\n display:block;\n padding:10px;\n text-align:center;\n color:#505050;\n}\n\n/*============================================================\n Blog Footer\n============================================================*/\n#footer{\n text-align:center;\n}\n#footer .footer_menu a{\n margin:0 10px;\n}\n#footer .footer_menu{\n margin:10px 0;\n}\n#footer .copyright {\n margin:0 0 10px;\n font-size:12px;\n}\n#footer .powered {\n padding:10px 5px;\n background-color:#000000;\n text-align:center;\n color:#FFFFFF;\n}\n#footer .powered a {\n text-decoration:underline;\n}\n\n',4,'2020-07-24 12:09:11','2021-01-28 09:33:38'); +INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog3',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
<%ad>
\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n

<%sub_title>

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\r\n
\r\n
; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

<%topentry_title>

\r\n

\r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

\r\n
\r\n
\r\n <%topentry_body>\r\n
\r\n \r\n
\">\r\n <%topentry_more>\r\n
\r\n \r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\r\n
<%template_title>
\r\n
\r\n
<%template_address>
\r\n
\r\n
URL
\r\n
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n \r\n \" />\r\n \r\n \" />\r\n
\r\n <%template_send>\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\" />
\r\n
<%template_title>
\r\n
\" />
\r\n
<%template_address>
\r\n
\" >
\r\n
URL
\r\n
\" />
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \">\r\n \">\r\n
\r\n \r\n \r\n \">\r\n \r\n \" />\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_comment>

\r\n
\r\n
\r\n \r\n
<%comment_title>
\r\n
\r\n <%comment_body>\r\n

\r\n <%comment_mail+name>\r\n <%comment_url+str>
\r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

\r\n \r\n
\r\n <%comment_reply_body>\r\n

\r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
<%ad2>
\r\n\r\n
\r\n
\r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
\r\n

Copyright (c) <%blog_name>

\r\n
\r\n Powered by <%template_fc2blog>\r\n
\r\n
\r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-10-12 21:15:48','2020-12-28 01:47:25'); +INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog1',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
<%ad>
\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n

<%sub_title>

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\r\n
\r\n
; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n
\r\n

<%topentry_title>

\r\n

\r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

\r\n
\r\n
\r\n <%topentry_body>\r\n
\r\n \r\n
\">\r\n <%topentry_more>\r\n
\r\n \r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_post_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\r\n
<%template_title>
\r\n
\r\n
<%template_address>
\r\n
\r\n
URL
\r\n
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n \r\n \" />\r\n \r\n \" />\r\n
\r\n <%template_send>\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_edit_comment>

\r\n
\r\n
\r\n
\r\n
<%template_name>
\r\n
\" />
\r\n
<%template_title>
\r\n
\" />
\r\n
<%template_address>
\r\n
\" >
\r\n
URL
\r\n
\" />
\r\n
<%template_body>
\r\n
\r\n
<%template_password>
\r\n
\r\n
<%template_privacy_set>
\r\n
\r\n \r\n
\r\n
\r\n
\r\n \">\r\n \">\r\n
\r\n \r\n \r\n \">\r\n \r\n \" />\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n

<%template_comment>

\r\n
\r\n
\r\n \r\n
<%comment_title>
\r\n
\r\n <%comment_body>\r\n

\r\n <%comment_mail+name>\r\n <%comment_url+str>
\r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

\r\n \r\n
\r\n <%comment_reply_body>\r\n

\r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n\r\n
<%ad2>
\r\n\r\n
\r\n
\r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
\r\n

Copyright (c) <%blog_name>

\r\n
\r\n Powered by <%template_fc2blog>\r\n
\r\n
\r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-07-24 11:48:03','2020-12-28 01:46:53'); +INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog2',0,'初期テンプレート','\n\n\n \n \n \n \n \n \" />\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n \n \" />\n \n \n \n \n \n\n\n\n \n
<%ad>
\n\n \n\n \n \n \n\n
\n \n

<%sub_title>

\n \n \n \n \n \n \n \n
\n \n
\n \n \n \n\n\n \n
\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\n <%template_pager1>\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\n
\n \n\n \n\n \n \n \n
\n
\n

; color:<%spplugin_tcolor>;\"><%spplugin_title>

\n
\n
; color:<%spplugin_color>;\">\n <%spplugin_content>\n
\n
\n \n \n \n\n \n \n \n
\n
\n

<%topentry_title>

\n

\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \n \"><%topentry_category>\n \n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\n \n

\n
\n
\n <%topentry_body>\n
\n \n
\">\n <%topentry_more>\n
\n \n \n
\n
\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\n
\n \n \n\n \n \n
\n
\n

<%template_post_comment>

\n
\n
\n
\n
<%template_name>
\n
\n
<%template_title>
\n
\n
<%template_address>
\n
\n
URL
\n
\n
<%template_body>
\n
\n
<%template_password>
\n
\n
<%template_privacy_set>
\n
\n \n
\n
\n \n \" />\n \n \" />\n
\n <%template_send>\n
\n
\n \n
\n \n\n \n \n
\n
\n

<%template_edit_comment>

\n
\n
\n
\n
<%template_name>
\n
\" />
\n
<%template_title>
\n
\" />
\n
<%template_address>
\n
\" >
\n
URL
\n
\" />
\n
<%template_body>
\n
\n
<%template_password>
\n
\n
<%template_privacy_set>
\n
\n \n
\n
\n
\n \">\n \">\n
\n \n \n \">\n \n \" />\n
\n \n
\n \n \n\n \n \n
\n
\n

<%template_comment>

\n
\n
\n \n
<%comment_title>
\n
\n <%comment_body>\n

\n <%comment_mail+name>#<%comment_trip>\n <%comment_url+str>
\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\n \n \" title=\"<%template_edit_comment>\"> <%template_edit>\n \n

\n \n
\n <%comment_reply_body>\n

\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\n

\n
\n \n
\n \n
\n \n
\n \n
\n
\n <%tail_url>\" class=\"prevpage\"><%template_prev>\n <%res_template_pager1>\n <%tail_url>\" class=\"nextpage\"><%template_next>\n
\n
\n \n \n\n
\n\n \n\n
<%ad2>
\n\n
\n
\n <%blog_id>/admin.php\"><%template_login>\n \"><%template_tell_friend>\n
\n

Copyright (c) <%blog_name>

\n
\n Powered by <%template_fc2blog>\n
\n
\n<%ad_overlay>\n\n\n','@charset \"utf-8\";\n\n/*============================================================\n -Index-\n Reset\n Basic\n Header\n Header Menu List\n Blog Introduction\n Main Contents\n Layout\n Page title\n Entry List\n Entry (個別記事表示)\n Comment List, Trackback List\n Comment Form\n Plugin Contents\n Contents Footer Links\n Profile (index mode)\n Ad\n Pager\n Page Navigation\n Blog Footer\n============================================================*/\n\n\n/*============================================================\n Reset\n============================================================*/\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\nul, ol, li, dl, dt, dd{list-style:none;}\nimg {border:none;vertical-align:middle;}\n\n/*============================================================\n Basic\n============================================================*/\nbody {\n margin: 0;\n padding: 0;\n background-color:#E0E0E0;\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\n font-size:16px;\n color:#666666;\n -webkit-text-size-adjust: none;\n}\na {\n text-decoration:none;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\na:link,a:visited { color:#4073D4; }\na:focus,a:hover,a:active { color:#0044B2; }\nh1{font-size:20px;}\nh2{font-size:18px;}\nh3{font-size:17px;}\nh4,h5,h6{font-size:16px;}\ninput,textarea,select { font-size:16px; }\n.system_message { padding:10px;color:#FF0000; }\n\n/*============================================================\n Header\n============================================================*/\n#header {\n position:relative;\n min-height: 44px;\n margin:0 0 15px;\n padding: 0 50px;\n background-color:#000000;\n color:#FFFFFF;\n text-align: center;\n}\n#header h1 {\n overflow: hidden;\n width: 85%;\n margin:0 auto;\n padding: 10px 0;\n font-size:20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#header h1 a {\n color:#FFFFFF;\n}\n\n/* PC SKIN Change\n---------------------------------------------- */\n#header .browser_change {\n position:absolute;\n top:6px;\n right:5px;\n width: 50px;\n}\n#header .browser_change a {\n display:block;\n height:22px;\n padding-top:8px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n font-size:12px;\n text-align:center;\n text-overflow: ellipsis;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n\n/* Header Menu Button\n---------------------------------------------- */\n#header #header_menu {\n position:absolute;\n top:6px;\n left:5px;\n width: 40px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n cursor:pointer;\n}\n#header #header_menu span {\n display:block;\n height:30px;\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n#header #header_menu.selected {\n border:none;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#2F2F2F),\n to(#505050)\n );\n background-image:\n -moz-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n background-image:\n -o-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n -webkit-box-shadow: 1px 1px 1px #DADADA;\n -moz-box-shadow: 1px 1px 1px #DADADA;\n box-shadow: 1px 1px 1px #DADADA;\n}\n#header #header_menu.selected span {\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\n}\n\n/*============================================================\n Header Menu List\n============================================================*/\n#plugin_menu {\n position:absolute;\n top:45px;\n width:100%;\n background-color:#000000;\n z-index:999;\n}\n#plugin_menu .blogmenu {\n overflow:hidden;\n}\n#plugin_menu .blogmenu li {\n position:relative;\n margin:-1px 0 0;\n border-top: 1px solid #000000;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#1F1F1F),\n to(#2A2A2A)\n );\n background-image:\n -moz-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n background-image:\n -o-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n}\n#plugin_menu .blogmenu li a {\n overflow: hidden;\n display: block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n#plugin_menu .blogmenu li a:focus,\n#plugin_menu .blogmenu li a:hover,\n#plugin_menu .blogmenu li a:active {\n background-color:#3F3F3F;\n}\n#plugin_menu .blogmenu li a span {\n position:absolute;\n top:6px;\n right:5px;\n color:#FFFFFF;\n font-family: AppleGothic,sans-serif;\n}\n\n/*============================================================\n Blog Introduction (Delete)\n============================================================*/\n#blog_intro {\n margin:0 2% 15px;\n padding:15px 10px;\n -webkit-border-radius:5px;\n background-color:#FFFFFF;\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n font-size:13px;\n}\n\n/*============================================================\n Layout\n============================================================*/\n#main_contents {\n margin:0 2%;\n}\n#main_contents .section {\n margin:0 0 20px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Page title\n============================================================*/\n/* 記事の見出し */\n.section .entry_title {\n margin: 0 10px;\n padding: 10px 0;\n border-bottom:2px solid #F2F2F2;\n}\n/* 記事以外の見出し */\n.section .page_title {\n padding:15px 10px;\n border-bottom: 1px solid #F2F2F2;\n}\n/* 見出しの文字色 */\n.section .page_title h2,\n.section entry_title h2,\n.section .page_title h2 a,\n.section .entry_title h2 a {\n color:#000000;\n}\n/* カテゴリ一覧見出し */\n.category_title {\n margin:0 0 15px;\n padding:10px;\n background-color:#FFFFFF;\n text-align:center;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Entry List (個別記事ページ以外の一覧表示)\n============================================================*/\n#entry_list {\n overflow:hidden;\n margin:0 0 20px;\n}\n#entry_list li {\n margin:-1px 0 0;\n border-top:1px solid #F2F2F2;\n}\n#entry_list li .entry {\n display:block;\n padding:10px 30px 10px 10px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n text-overflow: ellipsis;\n}\n#entry_list li .entry strong {\n overflow:hidden;\n display:block;\n font-size:18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#entry_list li .entry .photo_true{\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\n}\n#entry_list li .entry .posted {\n padding-right:10px;\n}\n#entry_list li .entry .posted,\n#entry_list li .entry .res {\n font-size:12px;\n color:#808080;\n}\n\n/*============================================================\n Entry (個別記事表示)\n============================================================*/\n/* 記事投稿情報\n---------------------------------------------- */\n.section .posted {\n padding-top:5px;\n font-size:12px;\n color:#808080;\n}\n\n/* 記事本文・追記\n---------------------------------------------- */\n.section .entry_body,\n.section .entry_more {\n padding:15px 10px;\n line-height:1.6;\n word-wrap: break-word;\n}\n\n.entry_body img[src^=\"https://blog-imgs-\"],\n.entry_more img[src^=\"https://blog-imgs-\"] {\n max-width:100%;\n height:auto;\n}\n.section .readmore {\n background-color:#808080;\n \n}\n.section .readmore a {\n display:block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\n}\n\n/* トラバリンク（個別記事表示）\n---------------------------------------------- */\n.section #tb_url {\n margin:0 10px 10px;;\n padding:5px;\n background-color:#EFEFEF;\n}\n.section #tb_url p {\n font-size:12px;\n}\n\n/*============================================================\n Comment List, Trackback List\n============================================================*/\n#comment .list dt,\n#trackback .list dt {\n padding:10px 10px 0;\n color:#000000;\n font-weight:bold;\n}\n#comment .list dd,\n#trackback .list dd {\n padding:10px;\n border-bottom:1px solid #F2F2F2;\n}\n#comment .list dd .posted,\n#trackback .list dd .posted {\n margin:3px 0;\n text-align:right;\n font-size:13px;\n}\n\n/*============================================================\n Comment Form\n============================================================*/\n#comment_post .confirm {\n padding:10px;\n}\n\n#comment_post .form {\n background: #fff;\n padding: 0;\n margin:10px;\n}\n#comment_post .form dd{\n margin:3px 0 10px;\n}\n\nul.confirm li{\n padding:8px 3px;\n}\n\n#comment_post .form dt{\n color:#336699;\n margin:10px 0 0;\n font-weight:bold;\n}\n#comment_post .form dd{\n margin:3px 0 0;\n}\n#comment_post .form dd p{\n margin:5px 0;\n}\n#comment_post input[type=\"text\"],\n#comment_post input[type=\"email\"],\n#comment_post input[type=\"url\"],\n#comment_post input[type=\"password\"],\n#comment_post textarea,\n#comment_post select {\n width: 100%;\n padding:5px 0;\n border:1px solid #DFDFDF;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-appearance: textarea;\n}\n\n#comment_post textarea {\n height: 120px;\n padding: 0;\n}\n\n#comment_post select {\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n -webkit-appearance: textfield;\n}\n\n/* Submit button\n---------------------------------------------- */\n#comment_post .submit_btn {\n padding:10px;\n text-align:center;\n}\n#comment_post .submit_btn input[type=\"submit\"],\n#comment_post .submit_btn a {\n display:block;\n width:60%;\n margin:0 auto 10px;\n padding:10px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A)\n );\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n text-overflow: ellipsis;\n}\n\n/*============================================================\n Plugin Contents\n============================================================*/\n/* Plugin Commons\n---------------------------------------------- */\n.section .plugin_profile,\n.section .plugin_freearea{ padding:10px; }\n\n/* Profile\n---------------------------------------------- */\ndl.profile {\n background: #fff;\n padding: 0;\n}\n\ndl.profile dt {\n color:#336699;\n list-style-type: none;\n}\n\ndl.profile dd {\n list-style-type: none;\n margin:0 0 20px;\n}\n\n/* new_entry,new_comment,new_tb\n---------------------------------------------- */\n.plugin_body .plugin_list {\n color: black;\n background: #fff;\n padding: 0;\n margin:0;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.plugin_body .plugin_list li {\n border-top:1px solid #F2F2F2;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.plugin_body .plugin_list li a{\n display: block;\n overflow: hidden;\n padding:10px 30px 10px 10px;\n}\n.plugin_body .plugin_list li em {\n padding:0 0 3px;\n font-style: normal;\n}\n.plugin_body .plugin_list li span{\n color:#808080;\n font-size:13px;\n}\n\n/*============================================================\n Contents Footer Links\n============================================================*/\n/* トップ一覧表示\n---------------------------------------------- */\n.section .response {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n font-size:13px;\n}\n.section .response li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .response li a:focus,\n.section .response li a:hover,\n.section .response li a:active {\n background-color:#0044B2;\n}\n.section .response .show_com {\n float:left;\n width:50%;\n}\n.section .response .show_tb {\n float:right;\n width:50%;\n text-align:right;\n}\n\n/* トップ一覧表示以外\n---------------------------------------------- */\n.section .contents_footer,\n.section .form_footer {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.section .contents_footer li,\n.section .form_footer li {\n margin:-1px 0 0;\n border-top:1px solid #808080;\n}\n.section .contents_footer li a,\n.section .form_footer li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .contents_footer li a {\n padding-right:30px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.section .form_footer li a {\n text-align:center;\n}\n.section .contents_footer li a:focus,\n.section .contents_footer li a:hover,\n.section .contents_footer li a:active,\n.section .form_footer li a:focus,\n.section .form_footer li a:hover,\n.section .form_footer li a:active {\n background-color:#0044B2;\n}\n\n/* コメント・トラバ非表示の場合（共通）\n---------------------------------------------- */\n.section .response li span,\n.section .contents_footer li span {\n display:block;\n padding:10px;\n color:#666666;\n}\n\n/*============================================================\n Profile (index mode)\n============================================================*/\n.profile_area {\n overflow:hidden;\n margin:0 2% 15px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n.profile_area dt {\n margin:10px 10px 0;\n padding:0 0 5px;\n border-bottom:2px solid #F2F2F2;\n}\n.profile_area dd {\n overflow: hidden;\n padding:10px;\n font-size:13px;\n}\n.profile_area dd .prof_image {\n float:left;\n margin-right:5px;\n}\n\n/*============================================================\n Ad\n============================================================*/\n.ad_header{\n text-align:center;\n margin:10px 0;\n}\n.ad_footer{\n text-align:center;\n margin:10px 0;\n}\n\n/*============================================================\n Pager\n============================================================*/\n#main_contents .pager {\n position:relative;\n overflow:hidden; \n margin:0 0 10px;\n padding:11px 0;\n min-height: 30px;\n text-align:center;\n}\n#main_contents .pager .prevpage {\n position:absolute;\n top:0;\n left:0;\n padding:8px 10px;\n}\n#main_contents .pager .nextpage {\n position:absolute;\n top:0;\n right:0;\n padding:8px 10px;\n}\n#main_contents .pager a {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n#main_contents .pager a:focus,\n#main_contents .pager a:hover,\n#main_contents .pager a:active {\n background:#0044B2 none;\n}\n#main_contents .pager strong {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background-color:#000000;\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n\n/*============================================================\n Page Navigation\n============================================================*/\n#page_navi {\n overflow:hidden;\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\n}\n#page_navi li {\n width:48%;\n border: 1px solid #ffffff;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#FFFFFF),\n color-stop(0.49,#FEFEFE),\n color-stop(0.5,#EAEAEA),\n to(#F9F9F9)\n );\n background-image:\n -moz-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n background-image:\n -o-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n}\n#page_navi .goto_home { float:left; }\n#page_navi .page_top { float:right; }\n#page_navi li a {\n display:block;\n padding:10px;\n text-align:center;\n color:#505050;\n}\n\n/*============================================================\n Blog Footer\n============================================================*/\n#footer{\n text-align:center;\n}\n#footer .footer_menu a{\n margin:0 10px;\n}\n#footer .footer_menu{\n margin:10px 0;\n}\n#footer .copyright {\n margin:0 0 10px;\n font-size:12px;\n}\n#footer .powered {\n padding:10px 5px;\n background-color:#000000;\n text-align:center;\n color:#FFFFFF;\n}\n#footer .powered a {\n text-decoration:underline;\n}\n\n',4,'2020-07-24 12:09:11','2021-01-28 09:33:38'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (4,'testblog1',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
\n \n \n
\n
\n
\n \n \n \n
p_area no_br\" id=\"e<%topentry_no>\">\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\n
    \n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \n
  • <%topentry_hour>:<%topentry_minute>
    • \n
\n \n \n
\n \n
<%topentry_image>
\n
<%topentry_discription>
\n \n <%topentry_discription>\n

\" title=\"<%template_abs_link>\"><%template_extend>

\n
\n \n \n
\n <%topentry_body>\n
<%topentry_more>
\n
\n
\n \n
\n \n
\n \n \n \n\n \n
\n

<%template_index>

\n \n
\n \n\n \n
\n

<%template_search_entry> : <%sub_title>

\n \n
\n \n\n \n
\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
\n \n\n \n
\n

<%template_comment>

\n \n
\">\n

<%comment_title>

\n
<%comment_body>
\n \n \n
\n <%comment_reply_body>\n
    \n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \n
\n
\n \n
\n \n
\n

<%template_post_comment>

\n
\n
\n
\n \n \" />\n \n
\n
\" />
\n
\n
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />

\n
\n
\n
\n \n\n \n
\n

<%template_edit_comment>

\n
\n
\n
\n
\n \n \n \" />\n \n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />\" />

\n
\n
\n
\n \n\n \n
\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
\n \n\n \n \n
\n

\"><%plugin_third_title>

\n
\"><%plugin_third_description>
\n
\"><%plugin_third_content>
\n
\"><%plugin_third_description2>
\n
\n \n \n
\n
\n\n
\n \n \n
\n

\"><%plugin_first_title>

\n
\"><%plugin_first_description>
\n
\"><%plugin_first_content>
\n
\"><%plugin_first_description2>
\n
\n \n \n
\n\n \n
\n
\n \n
\n \n
\n

\"><%plugin_second_title>

\n
\"><%plugin_second_description>
\n
\"><%plugin_second_content>
\n
\"><%plugin_second_description2>
\n
\n \n
\n \n
\n

Powered by <%template_fc2blog>

\n

<%ad> <%ad2>

\n

Copyright © <%blog_name> All Rights Reserved.

\n
\n
\n
\n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',8,'2020-07-24 11:48:03','2020-07-24 11:48:03'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (4,'testblog2',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
\n \n \n
\n
\n
\n \n \n \n
p_area no_br\" id=\"e<%topentry_no>\">\n

\" title=\"<%template_abs_link>\"><%topentry_title>

\n
    \n
  • <%topentry_year>/<%topentry_month>/<%topentry_day>
    • \n
  • <%topentry_hour>:<%topentry_minute>
    • \n
\n \n \n
\n \n
<%topentry_image>
\n
<%topentry_discription>
\n \n <%topentry_discription>\n

\" title=\"<%template_abs_link>\"><%template_extend>

\n
\n \n \n
\n <%topentry_body>\n
<%topentry_more>
\n
\n
\n \n
\n \n
\n \n \n \n\n \n
\n

<%template_index>

\n \n
\n \n\n \n
\n

<%template_search_entry> : <%sub_title>

\n \n
\n \n\n \n
\n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
\n \n\n \n
\n

<%template_comment>

\n \n
\">\n

<%comment_title>

\n
<%comment_body>
\n \n \n
\n <%comment_reply_body>\n
    \n
  • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
    • \n
\n
\n \n
\n \n
\n

<%template_post_comment>

\n
\n
\n
\n \n \" />\n \n
\n
\" />
\n
\n
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />

\n
\n
\n
\n \n\n \n
\n

<%template_edit_comment>

\n
\n
\n
\n
\n \n \n \" />\n \n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\" />
\n
\n
\n
\n
\n
\n
<%template_private>
\n
\n
\n

\" />\" />

\n
\n
\n
\n \n\n \n
\n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
\n \n\n \n \n
\n

\"><%plugin_third_title>

\n
\"><%plugin_third_description>
\n
\"><%plugin_third_content>
\n
\"><%plugin_third_description2>
\n
\n \n \n
\n
\n\n
\n \n \n
\n

\"><%plugin_first_title>

\n
\"><%plugin_first_description>
\n
\"><%plugin_first_content>
\n
\"><%plugin_first_description2>
\n
\n \n \n
\n\n \n
\n
\n \n
\n \n
\n

\"><%plugin_second_title>

\n
\"><%plugin_second_description>
\n
\"><%plugin_second_content>
\n
\"><%plugin_second_description2>
\n
\n \n
\n \n
\n

Powered by <%template_fc2blog>

\n

<%ad> <%ad2>

\n

Copyright © <%blog_name> All Rights Reserved.

\n
\n
\n
\n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',8,'2020-07-24 12:09:11','2020-07-24 12:09:11'); /*!40000 ALTER TABLE `blog_templates` ENABLE KEYS */; From 4c53e18f227aa3a67a66a2bc461e74b74ddf34f6 Mon Sep 17 00:00:00 2001 From: uzulla Date: Tue, 2 Feb 2021 00:47:06 +0900 Subject: [PATCH 4/9] Add some tweak for E2E tests. - e2e test be fail caused by anchor tag that like`a src="#" onclick="form.submit()"`. - Puppeteer's waitForNavigation() will be return null when with click() that element, Not return a Response object. - If use timer for waiting, test will work. but not neat. - My guessing. When click the a tag (`src="#"`) by pupp, will be run waitForNavigation on not wanted timing. - So, cancel a event in onclick event. --- app/templates/default/fc2_default_template_sp.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/templates/default/fc2_default_template_sp.php b/app/templates/default/fc2_default_template_sp.php index a49416d3..1c761c19 100644 --- a/app/templates/default/fc2_default_template_sp.php +++ b/app/templates/default/fc2_default_template_sp.php @@ -188,7 +188,7 @@ function submit(){
- <%template_send> + <%template_send>
    From e29abaed5fc9b6e56e489a1a9912d9dd779194cc Mon Sep 17 00:00:00 2001 From: uzulla Date: Tue, 2 Feb 2021 03:19:05 +0900 Subject: [PATCH 5/9] Add an E2E test for smartphone client to access blog (WIP) #137 It is a runnable, but will be conflicts with blog_crawl.test.ts when run in parallel now(WIP). Have to decoupling a entry(comment) id. --- e2e_test/tests/blog_crawl_sp.test.ts | 393 +++++++++++++++++++++++++++ 1 file changed, 393 insertions(+) create mode 100644 e2e_test/tests/blog_crawl_sp.test.ts diff --git a/e2e_test/tests/blog_crawl_sp.test.ts b/e2e_test/tests/blog_crawl_sp.test.ts new file mode 100644 index 00000000..57bfbab3 --- /dev/null +++ b/e2e_test/tests/blog_crawl_sp.test.ts @@ -0,0 +1,393 @@ +import { afterAll, beforeAll, describe, expect, it } from "@jest/globals"; +import { Helper } from "./helper"; + +describe("crawl some blog sp", () => { + let c: Helper; + let captcha_key: string; + + beforeAll(async () => { + c = new Helper(); + await c.init(); + await c.setSpUserAgent(); + captcha_key = "1234"; + }); + + const start_url = "http://localhost:8080/testblog2/"; + + it("open blog top", async () => { + const [response] = await Promise.all([ + c.waitLoad(), + c.page.goto(start_url), + ]); + + await c.getSS("blog_top_sp.png"); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url); + expect(await c.page.title()).toEqual("testblog2"); + }); + + it("check cookie", async () => { + const cookies = await c.page.cookies(); + + // ここがコケるということは、テスト無しにクッキーが追加されているかも + expect(cookies.length).toEqual(1); + + const [session_cookie] = cookies.filter((elm) => elm.name === "dojima"); + + // console.log(session_cookie); + expect(session_cookie.domain).toEqual("localhost"); + expect(session_cookie.path).toEqual("/"); + expect(session_cookie.expires).toEqual(-1); + expect(session_cookie.httpOnly).toEqual(true); + expect(session_cookie.secure).toEqual(false); + expect(session_cookie.session).toEqual(true); + expect(session_cookie.sameSite).toEqual("Lax"); + }); + + it("check fuzzy display contents", async () => { + const title_text = await c.page.$eval("h1 a", (elm) => elm.innerHTML); + expect(title_text).toEqual("testblog2"); + + const entry_bodies = await c.page.$$eval("ul#entry_list strong", (elm_list) => { + let bodies = []; + elm_list.forEach((elm) => bodies.push(elm.textContent)); + return bodies; + }); + // console.log(entry_bodies); + + expect(entry_bodies[0].match(/3rd/)).toBeTruthy(); + expect(entry_bodies[1].match(/2nd/)).toBeTruthy(); + expect(entry_bodies[2].match(/テスト記事１/)).toBeTruthy(); + }); + + it("click first entry", async () => { + const link = await c.page.$("ul#entry_list a"); + + const [response] = await Promise.all([c.waitLoad(), link.click()]); + + await c.getSS("entry_sp.png"); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + + const entry_h2_title = await c.page.$eval( + "div.entry_title h2", + (elm) => elm.textContent + ); + const entry_body = await c.page.$eval( + "div.entry_body", + (elm) => elm.textContent + ); + + expect(entry_body.match(/3rd/)).toBeTruthy(); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + }); + + it("next page", async () => { + const [response] = await Promise.all([ + c.waitLoad(), + c.page.click("a.nextpage"), + ]); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=2"); + expect(await c.page.title()).toEqual("2nd - testblog2"); + + const entry_h2_title = await c.page.$eval( + "div.entry_title h2", + (elm) => elm.textContent + ); + const entry_body = await c.page.$eval( + "div.entry_body", + (elm) => elm.textContent + ); + + expect(entry_body.match(/2nd/)).toBeTruthy(); + expect(entry_h2_title.match(/2nd/)).toBeTruthy(); + }); + + it("prev page", async () => { + const [response] = await Promise.all([ + c.waitLoad(), + c.page.click("a.prevpage"), + ]); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + + const entry_h2_title = await c.page.$eval( + "div.entry_title h2", + (elm) => elm.textContent + ); + const entry_body = await c.page.$eval( + "div.entry_body", + (elm) => elm.textContent + ); + + expect(entry_body.match(/3rd/)).toBeTruthy(); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + }); + + let posted_comment_num; + + it("open comment form", async () => { + const link = await c.page.$("#entry > ul > li:nth-child(1) > a"); + const [response] = await Promise.all([c.waitLoad(), link.click()]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3&m2=form"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + }); + + it("fill comment", async () => { + await c.page.type( + "form[name=form1] input[name='comment[name]']", + "テスト太郎" + ); + await c.page.type( + "form[name=form1] input[name='comment[title]']", + "テストタイトル" + ); + await c.page.type( + "form[name=form1] input[name='comment[mail]']", + "test@example.jp" + ); + await c.page.type( + "form[name=form1] input[name='comment[url]']", + "http://example.jp" + ); + await c.page.type( + "form[name=form1] textarea[name='comment[body]']", + "これはテスト投稿です\nこれはテスト投稿です！" + ); + await c.page.type( + "form[name=form1] input[name='comment[pass]']", + "pass_is_pass" + ); + + await c.getSS("comment_filled_sp.png"); + + const [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#comment_post > form > div > a"), + ]); + + await c.getSS("comment_confirm_sp.png"); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url); + }); + + it("failed with wrong captcha", async () => { + // input wrong captcha + await c.page.type("input[name=token]", "0000"); // wrong key + + const [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#sys-comment-form > fieldset > div > input"), + ]); + + await c.getSS("comment_wrong_captcha_sp.png"); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url); + + // 特定しやすいセレクタがない + const is_captcha_failed = await c.page.$$eval("p", (elms) => { + let isOk = false; + elms.forEach((elm) => { + if (elm.textContent.match(/認証に失敗しました/)) { + isOk = true; + } + }); + return isOk; + }); + + expect(is_captcha_failed).toBeTruthy(); + }); + + + it("comment success", async () => { + await c.page.type("input[name=token]", captcha_key); + await c.getSS("comment_correct_token_sp.png"); + + const [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#sys-comment-form input[type=submit]"), + ]); + + expect(response.status()).toEqual(200); + const exp = new RegExp( + start_url + 'index.php\\?mode=entries&process=view&id=[0-9]{1,100}' + ); + + expect(response.url().match(exp)).not.toBeNull(); + + const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm=>elm.textContent); + + await c.getSS("comment_success_sp.png"); + posted_comment_num = parseInt(comment_a_text.replace(/^コメント\(/,'').replace(/\)$/,'')); + }); + + it("open comment list", async () => { + const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3&m2=res"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + }); + + it("open comment form", async () => { + const link = await c.page.$("#comment > dl > dd:nth-child(2) > p > a:nth-child(4)"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=comment_edit&id=1"); + expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 + await c.getSS("comment_edit_before_sp"); + }); + + it("comment edit", async () => { + await c.page.$eval( + "#comment_post input[name='edit[name]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type("#comment_post input[name='edit[name]']", "テスト太郎2"); + await c.page.$eval( + "#comment_post input[name='edit[title]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type( + "#comment_post input[name='edit[title]']", + "テストタイトル2" + ); + await c.page.$eval( + "#comment_post input[name='edit[mail]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type( + "#comment_post input[name='edit[mail]']", + "test@example.jp2" + ); + await c.page.$eval( + "#comment_post input[name='edit[url]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type( + "#comment_post input[name='edit[url]']", + "http://example.jp/2" + ); + await c.page.$eval( + "#comment_post textarea[name='edit[body]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type( + "#comment_post textarea[name='edit[body]']", + "これは編集済み" + ); + await c.page.$eval( + "#comment_post input[name='edit[pass]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await c.page.type("#comment_post input[name='edit[pass]']", "pass_is_pass"); + + await c.getSS("comment_edit_filled_sp"); + + // 保存する + let [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#comment_post > form > div > input[type=submit]:nth-child(1)"), + ]); + + await c.getSS("comment_edit_confirm_sp"); + expect(response.status()).toEqual(200); + + await c.page.type("input[name=token]", captcha_key); + + [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#sys-comment-form > fieldset > div > input"), + ]); + + await c.getSS("comment_edit_success_sp"); + expect(response.status()).toEqual(200); + }); + + it("open comment list to delete", async () => { + const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3&m2=res"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + await c.getSS("comment_list_delete_before_sp"); + }); + + it("open comment form to delete", async () => { + const link = await c.page.$("#comment > dl > dd:nth-child(2) > p > a:nth-child(4)"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=comment_edit&id=1"); + expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 + await c.getSS("comment_form_delete_before_sp"); + }); + + it("comment delete fail by wrong password", async () => { + const delete_button = await c.page.$( + "#comment_post > form > div > input[type=submit]:nth-child(2)" + ); + + const [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url); + + const wrong_password_error_text = await c.page.$eval("#comment_post > form > dl > dd:nth-child(12) > p", elm => elm.textContent); + expect(/必ず入力してください/.exec(wrong_password_error_text)).toBeTruthy(); + }); + + it("comment delete success", async () => { + await c.page.type("#comment_post > form > dl > dd:nth-child(12) > input[type=password]", "pass_is_pass"); + + const [response] = await Promise.all([ + c.waitLoad(), + await c.page.click("#comment_post > form > div > input[type=submit]:nth-child(2)") + ]); + + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url+"index.php?mode=entries&process=index&sp"); + }); + + it("open entry check delete complete", async () => { + const link = await c.page.$("#entry_list > li:nth-child(1) > a"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3&sp"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + }); + + it("check comment count", async () => { + const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm=>elm.textContent); + const comment_num = parseInt(comment_a_text.replace(/^コメント\(/,'').replace(/\)$/,'')); + expect(comment_num).toEqual(posted_comment_num); + }); + + afterAll(async () => { + await c.browser.close(); + }); +}); From 0d42c237d164f0b7a59208aed5a4802bbc2e62e1 Mon Sep 17 00:00:00 2001 From: uzulla Date: Tue, 2 Feb 2021 20:27:58 +0900 Subject: [PATCH 6/9] Refactoring e2e tests blog_crawl. --- e2e_test/tests/blog_crawl.test.ts | 352 +++++++++++++++++++----------- 1 file changed, 224 insertions(+), 128 deletions(-) diff --git a/e2e_test/tests/blog_crawl.test.ts b/e2e_test/tests/blog_crawl.test.ts index 130ee0c2..c78b9bf6 100644 --- a/e2e_test/tests/blog_crawl.test.ts +++ b/e2e_test/tests/blog_crawl.test.ts @@ -1,5 +1,6 @@ -import { afterAll, beforeAll, describe, expect, it } from "@jest/globals"; -import { Helper } from "./helper"; +import {afterAll, beforeAll, describe, expect, it} from "@jest/globals"; +import {Helper} from "./helper"; +import {ElementHandle} from "puppeteer"; // captcha を完全に動的にするには、ページ内から読み込まれる画像リクエストのヘッダーをいじらないといけないので一旦保留 // import {sprintf} from 'sprintf-js'; @@ -20,24 +21,21 @@ import { Helper } from "./helper"; describe("crawl some blog", () => { let c: Helper; - let captcha_key: string; + let captcha_key: string = "1234"; + const start_url = "http://localhost:8080/testblog2/"; beforeAll(async () => { c = new Helper(); await c.init(); - captcha_key = "1234"; }); - const start_url = "http://localhost:8080/testblog2/"; - it("open blog top", async () => { const [response] = await Promise.all([ c.waitLoad(), c.page.goto(start_url), ]); - await c.getSS("blog_top.png"); - + await c.getSS("blog_top"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); expect(await c.page.title()).toEqual("testblog2"); @@ -89,20 +87,19 @@ describe("crawl some blog", () => { elm_list.forEach((elm) => bodies.push(elm.textContent)); return bodies; }); - // console.log(entry_bodies); expect(entry_bodies[0].match(/3rd/)).toBeTruthy(); expect(entry_bodies[1].match(/2nd/)).toBeTruthy(); expect(entry_bodies[2].match(/テスト記事１/)).toBeTruthy(); }); - it("click first entry's 「続きを読む」", async () => { - const link = await c.page.$("div.entry_body a"); - - const [response] = await Promise.all([c.waitLoad(), link.click()]); - - await c.getSS("entry.png"); + it("click first entry's 「続きを読む」", async () => { + const [response] = await Promise.all([ + c.waitLoad(), + (await c.page.$("div.entry_body a")).click() + ]); + await c.getSS("entry"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); @@ -120,12 +117,13 @@ describe("crawl some blog", () => { expect(entry_h2_title.match(/3rd/)).toBeTruthy(); }); - it("next page", async () => { + it("click next page", async () => { const [response] = await Promise.all([ c.waitLoad(), c.page.click("a.nextentry"), ]); + await c.getSS("entry_next_page"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=2"); expect(await c.page.title()).toEqual("2nd - testblog2"); @@ -143,12 +141,13 @@ describe("crawl some blog", () => { expect(entry_h2_title.match(/2nd/)).toBeTruthy(); }); - it("prev page", async () => { + it("click prev page", async () => { const [response] = await Promise.all([ c.waitLoad(), c.page.click("a.preventry"), ]); + await c.getSS("entry_prev_page"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); @@ -167,8 +166,10 @@ describe("crawl some blog", () => { }); let posted_comment_num; + let post_comment_title; - it("comment", async () => { + it("fill comment form", async () => { + // check comment form display expect( (await c.page.$eval("#cm h3.sub_header", (elm) => elm.textContent)).match( /コメント/ @@ -183,59 +184,45 @@ describe("crawl some blog", () => { ).match(/コメントの投稿/) ).toBeTruthy(); - await c.page.type( - "#comment_form input[name='comment[name]']", - "テスト太郎" - ); - await c.page.type( - "#comment_form input[name='comment[title]']", - "テストタイトル" - ); - await c.page.type( - "#comment_form input[name='comment[mail]']", - "test@example.jp" - ); - await c.page.type( - "#comment_form input[name='comment[url]']", - "http://example.jp" - ); - await c.page.type( - "#comment_form textarea[name='comment[body]']", - "これはテスト投稿です\nこれはテスト投稿です！" - ); - await c.page.type( - "#comment_form input[name='comment[pass]']", + // generate uniq title + post_comment_title = "テストタイトル_" + Math.floor(Math.random() * 1000000).toString(); + + await c.getSS("comment_before_fill"); + await fillCommentForm( + c.page, + "テスト太郎", + post_comment_title, + "test@example.jp", + "http://example.jp", + "これはテスト投稿です\nこれはテスト投稿です！", "pass_is_pass" - ); - - await c.getSS("comment_filled.png"); + ) + await c.getSS("comment_after_fill"); const [response] = await Promise.all([ c.waitLoad(), await c.page.click("#comment_form input[type=submit]"), ]); + await c.getSS("comment_confirm"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); - - await c.getSS("comment_confirm.png"); }); - it("failed with wrong captcha", async () => { + it("fail with wrong captcha", async () => { // input wrong captcha - await c.page.type("input[name=token]", "0000"); // wrong key + await c.page.type("input[name=token]", "0000"/*wrong key*/); const [response] = await Promise.all([ c.waitLoad(), await c.page.click("#sys-comment-form input[type=submit]"), ]); + await c.getSS("comment_wrong_captcha"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); - await c.getSS("comment_wrong_captcha.png"); - - // 特定しやすいセレクタがない + // 特定しやすいセレクタがないので、回してチェックする const is_captcha_failed = await c.page.$$eval("p", (elms) => { let isOk = false; elms.forEach((elm) => { @@ -245,14 +232,12 @@ describe("crawl some blog", () => { }); return isOk; }); - expect(is_captcha_failed).toBeTruthy(); }); - - it("comment success", async () => { + it("successful comment posting", async () => { await c.page.type("input[name=token]", captcha_key); - await c.getSS("comment_success.png"); + await c.getSS("before_comment_success"); const [response] = await Promise.all([ c.waitLoad(), @@ -265,74 +250,41 @@ describe("crawl some blog", () => { ); expect(response.url().match(exp)).not.toBeNull(); - const comment_a_text = await c.page.$eval("#e3 > div.entry_footer > ul > li:nth-child(2) > a[title=コメントの投稿]", elm=>elm.textContent); + await c.getSS("comment_success"); - await c.getSS("comment_success.png"); - posted_comment_num = parseInt(comment_a_text.replace(/^CM:/,'')); + const comment_a_text = await c.page.$eval("#e3 > div.entry_footer > ul > li:nth-child(2) > a[title=コメントの投稿]", elm => elm.textContent); + posted_comment_num = parseInt(comment_a_text.match(/CM:([0-9]{1,3})/)[1]); }); - it("comment edit", async () => { - // NOTE: html構造的に、「編集」リンクが探しづらい + it("edit exists comment", async () => { await c.getSS("comment_edit_before"); - let [response] = await Promise.all([ + + let [response1] = await Promise.all([ c.waitLoad(), - await c.page.click("#cm ul > li:nth-child(3) > a"), + await (await getEditLinkByTitle(post_comment_title)).click(), ]); - expect(response.status()).toEqual(200); + expect(response1.status()).toEqual(200); - await c.page.$eval( - "#comment_form input[name='edit[name]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type("#comment_form input[name='edit[name]']", "テスト太郎2"); - await c.page.$eval( - "#comment_form input[name='edit[title]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_form input[name='edit[title]']", - "テストタイトル2" - ); - await c.page.$eval( - "#comment_form input[name='edit[mail]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_form input[name='edit[mail]']", - "test@example.jp2" - ); - await c.page.$eval( - "#comment_form input[name='edit[url]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_form input[name='edit[url]']", - "http://example.jp/2" - ); - await c.page.$eval( - "#comment_form textarea[name='edit[body]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_form textarea[name='edit[body]']", - "これは編集済み" - ); - await c.page.$eval( - "#comment_form input[name='edit[pass]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type("#comment_form input[name='edit[pass]']", "pass_is_pass"); + await fillEditForm( + c.page, + "テスト太郎2", + "edited_" + post_comment_title, + "test2@example.jp", + "http://example.jp/2", + "これは編集済み", + "pass_is_pass" + ) - await c.getSS("comment_edit_page.png"); + await c.getSS("comment_edit_page"); // 保存する - [response] = await Promise.all([ + let [response] = await Promise.all([ c.waitLoad(), await c.page.click("#comment_form > p > input[type=submit]:nth-child(1)"), ]); - await c.getSS("comment_edit_confirm.png"); + await c.getSS("comment_edit_confirm"); expect(response.status()).toEqual(200); await c.page.type("input[name=token]", captcha_key); @@ -342,42 +294,41 @@ describe("crawl some blog", () => { await c.page.click("#sys-comment-form input[type=submit]"), ]); - await c.getSS("comment_edit_success.png"); + await c.getSS("comment_edit_success"); expect(response.status()).toEqual(200); }); - it("comment delete fail by wrong password", async () => { - await c.page.$("#comment1"); + it("fail comment delete by wrong password", async () => { await c.getSS("comment_delete_fail_before"); - const edit_a = await c.page.$("#cm ul > li:nth-child(3) > a"); - - // NOTE: html構造的に、「編集」リンクが探しづらい - let [response] = await Promise.all([c.waitLoad(), await edit_a.click()]); - - expect(response.status()).toEqual(200); + // open comment edit page + let edit_link = await getEditLinkByTitle("edited_" + post_comment_title); + let [response1] = await Promise.all([ + c.waitLoad(), + await edit_link.click(), + ]); + expect(response1.status()).toEqual(200); const h3_test = await c.page.$eval("#edit > h3.sub_header", (elm) => { return elm.textContent; }); expect(h3_test.match(/コメントの編集/)).toBeTruthy(); + // click delete button const delete_button = await c.page.$( - "#comment_form > p > input[type=submit]:nth-child(2)" + "#comment_form > p > input[type=submit]:nth-child(2)" ); - - [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); - + let [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); + // check shown error text const wrong_password_error_text = await c.page.$eval("#comment_form > dl > dd:nth-child(13) > p", elm => elm.textContent); expect(/必ず入力してください/.exec(wrong_password_error_text)).toBeTruthy(); - }); - it("comment delete success", async () => { - + it("successfully delete comment", async () => { await c.page.type("#pass", "pass_is_pass"); + await c.getSS("comment_before_delete"); const [response] = await Promise.all([ c.waitLoad(), @@ -385,16 +336,161 @@ describe("crawl some blog", () => { ]); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url+"index.php?mode=entries&process=index"); + expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=index"); await c.getSS("comment_deleted"); - const comment_a_text = await c.page.$eval("#e3 > ul.entry_state > li > a[title=コメントの投稿]", elm=>elm.textContent); - const comment_num = parseInt(comment_a_text.replace(/^CM:/,'')); - expect(comment_num).toEqual(posted_comment_num); - + const comment_a_text = await c.page.$eval("#e3 > ul.entry_state > li > a[title=コメントの投稿]", elm => elm.textContent); + const comment_num = parseInt(comment_a_text.match(/CM:([0-9]{1,3})/)[1]); + expect(comment_num).toEqual(posted_comment_num/*-1*/); // TODO #224 }); afterAll(async () => { await c.browser.close(); }); + + // ======================== + + async function getEditLinkByTitle(title): Promise { + // 該当するタイトルの編集リンクを探す + const elm_list = await c.page.$$("#cm div.sub_content"); + const data_list = []; + for (let i = 0; i < elm_list.length; i++) { + const item = { + title: await (await elm_list[i].$eval("h4", elm => elm.textContent)), + editLink: await (await elm_list[i].$("a[title='コメントの編集']")), + debugHtml: await (await elm_list[i].getProperty('innerHTML')).jsonValue() + }; + data_list.push(item); + } + + let edit_link: ElementHandle; + data_list.forEach((row) => { + if (row.title === title) { + edit_link = row.editLink; + } + }); + if(!edit_link){ + throw new Error("link(a[title='コメントの編集']) not found"); + } + + return edit_link; + } + + async function fillCommentForm( + page, + name, + title, + email, + url, + body, + pass = "", + ) { + await page.$eval( + "#comment_form input[name='comment[name]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='comment[name]']", + name + ); + await page.$eval( + "#comment_form input[name='comment[title]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='comment[title]']", + title + ); + await page.$eval( + "#comment_form input[name='comment[mail]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='comment[mail]']", + email + ); + await page.$eval( + "#comment_form input[name='comment[url]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='comment[url]']", + url + ); + await page.$eval( + "#comment_form textarea[name='comment[body]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form textarea[name='comment[body]']", + body + ); + await page.$eval( + "#comment_form input[name='comment[pass]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='comment[pass]']", + pass + ); + } + + async function fillEditForm( + page, + name, + title, + email, + url, + body, + pass = "", + ) { + await page.$eval( + "#comment_form input[name='edit[name]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='edit[name]']", + name + ); + await page.$eval( + "#comment_form input[name='edit[title]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='edit[title]']", + title + ); + await page.$eval( + "#comment_form input[name='edit[mail]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='edit[mail]']", + email + ); + await page.$eval( + "#comment_form input[name='edit[url]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='edit[url]']", + url + ); + await page.$eval( + "#comment_form textarea[name='edit[body]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form textarea[name='edit[body]']", + body + ); + await page.$eval( + "#comment_form input[name='edit[pass]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_form input[name='edit[pass]']", + pass + ); + } }); From eab10c7d1c43ba16fd51eb9d103002cd3c4cdec5 Mon Sep 17 00:00:00 2001 From: uzulla Date: Wed, 3 Feb 2021 18:30:24 +0900 Subject: [PATCH 7/9] Fix test, comment delete correctly. Support parallel execute blog_crawl and blog_crawl_sp. --- e2e_test/tests/blog_crawl.test.ts | 26 ++- e2e_test/tests/blog_crawl_sp.test.ts | 327 +++++++++++++++++++-------- tests/test_fixture.sql | 2 +- 3 files changed, 254 insertions(+), 101 deletions(-) diff --git a/e2e_test/tests/blog_crawl.test.ts b/e2e_test/tests/blog_crawl.test.ts index c78b9bf6..6c1323dc 100644 --- a/e2e_test/tests/blog_crawl.test.ts +++ b/e2e_test/tests/blog_crawl.test.ts @@ -186,6 +186,7 @@ describe("crawl some blog", () => { // generate uniq title post_comment_title = "テストタイトル_" + Math.floor(Math.random() * 1000000).toString(); + console.log(post_comment_title); await c.getSS("comment_before_fill"); await fillCommentForm( @@ -302,10 +303,9 @@ describe("crawl some blog", () => { await c.getSS("comment_delete_fail_before"); // open comment edit page - let edit_link = await getEditLinkByTitle("edited_" + post_comment_title); let [response1] = await Promise.all([ c.waitLoad(), - await edit_link.click(), + await (await getEditLinkByTitle("edited_" + post_comment_title)).click(), ]); expect(response1.status()).toEqual(200); const h3_test = await c.page.$eval("#edit > h3.sub_header", (elm) => { @@ -327,21 +327,35 @@ describe("crawl some blog", () => { }); it("successfully delete comment", async () => { + let [response1] = await Promise.all([ + c.waitLoad(), + c.page.goto(start_url+"?no=3"), + ]); + expect(response1.status()).toEqual(200); + + // open comment edit page + await c.getSS("comment_before_delete1"); + let [response2] = await Promise.all([ + c.waitLoad(), + await (await getEditLinkByTitle("edited_" + post_comment_title)).click(), + ]); + expect(response2.status()).toEqual(200); + await c.page.type("#pass", "pass_is_pass"); await c.getSS("comment_before_delete"); - const [response] = await Promise.all([ + let [response] = await Promise.all([ c.waitLoad(), await c.page.click("#comment_form > p > input[type=submit]:nth-child(2)") ]); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=index"); + expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=view&id=3"); await c.getSS("comment_deleted"); - const comment_a_text = await c.page.$eval("#e3 > ul.entry_state > li > a[title=コメントの投稿]", elm => elm.textContent); + const comment_a_text = await c.page.$eval("#e3 > div.entry_footer > ul > li:nth-child(2) > a", elm => elm.textContent); const comment_num = parseInt(comment_a_text.match(/CM:([0-9]{1,3})/)[1]); - expect(comment_num).toEqual(posted_comment_num/*-1*/); // TODO #224 + // expect(comment_num).toEqual(posted_comment_num/*-1*/); // パラレルでテストが実行されるので、数を数えても正しくできない }); afterAll(async () => { diff --git a/e2e_test/tests/blog_crawl_sp.test.ts b/e2e_test/tests/blog_crawl_sp.test.ts index 57bfbab3..ab6d2e20 100644 --- a/e2e_test/tests/blog_crawl_sp.test.ts +++ b/e2e_test/tests/blog_crawl_sp.test.ts @@ -1,5 +1,6 @@ -import { afterAll, beforeAll, describe, expect, it } from "@jest/globals"; -import { Helper } from "./helper"; +import {afterAll, beforeAll, describe, expect, it} from "@jest/globals"; +import {Helper} from "./helper"; +import {ElementHandle} from "puppeteer"; describe("crawl some blog sp", () => { let c: Helper; @@ -119,12 +120,12 @@ describe("crawl some blog sp", () => { expect(await c.page.title()).toEqual("3rd - testblog2"); const entry_h2_title = await c.page.$eval( - "div.entry_title h2", - (elm) => elm.textContent + "div.entry_title h2", + (elm) => elm.textContent ); const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent + "div.entry_body", + (elm) => elm.textContent ); expect(entry_body.match(/3rd/)).toBeTruthy(); @@ -141,40 +142,31 @@ describe("crawl some blog sp", () => { expect(await c.page.title()).toEqual("3rd - testblog2"); }); + let post_comment_title; + it("fill comment", async () => { - await c.page.type( - "form[name=form1] input[name='comment[name]']", - "テスト太郎" - ); - await c.page.type( - "form[name=form1] input[name='comment[title]']", - "テストタイトル" - ); - await c.page.type( - "form[name=form1] input[name='comment[mail]']", - "test@example.jp" - ); - await c.page.type( - "form[name=form1] input[name='comment[url]']", - "http://example.jp" - ); - await c.page.type( - "form[name=form1] textarea[name='comment[body]']", - "これはテスト投稿です\nこれはテスト投稿です！" - ); - await c.page.type( - "form[name=form1] input[name='comment[pass]']", + // generate uniq title + post_comment_title = "テストタイトル_" + Math.floor(Math.random() * 1000000).toString(); + console.log(post_comment_title); + + await c.getSS("comment_before_fill_sp"); + await fillCommentForm( + c.page, + "テスト太郎", + post_comment_title, + "test@example.jp", + "http://example.jp", + "これはテスト投稿です\nこれはテスト投稿です！", "pass_is_pass" - ); - - await c.getSS("comment_filled_sp.png"); + ) + await c.getSS("comment_after_fill_sp"); const [response] = await Promise.all([ c.waitLoad(), await c.page.click("#comment_post > form > div > a"), ]); - await c.getSS("comment_confirm_sp.png"); + await c.getSS("comment_confirm_sp"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); @@ -189,7 +181,7 @@ describe("crawl some blog sp", () => { await c.page.click("#sys-comment-form > fieldset > div > input"), ]); - await c.getSS("comment_wrong_captcha_sp.png"); + await c.getSS("comment_wrong_captcha_sp"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); @@ -208,10 +200,9 @@ describe("crawl some blog sp", () => { expect(is_captcha_failed).toBeTruthy(); }); - it("comment success", async () => { await c.page.type("input[name=token]", captcha_key); - await c.getSS("comment_correct_token_sp.png"); + await c.getSS("comment_correct_token_sp"); const [response] = await Promise.all([ c.waitLoad(), @@ -225,10 +216,10 @@ describe("crawl some blog sp", () => { expect(response.url().match(exp)).not.toBeNull(); - const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm=>elm.textContent); + const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm => elm.textContent); - await c.getSS("comment_success_sp.png"); - posted_comment_num = parseInt(comment_a_text.replace(/^コメント\(/,'').replace(/\)$/,'')); + await c.getSS("comment_success_sp"); + posted_comment_num = parseInt(comment_a_text.match(/コメント\(([0-9]{1,3})\)/)[1]); }); it("open comment list", async () => { @@ -243,61 +234,27 @@ describe("crawl some blog sp", () => { }); it("open comment form", async () => { - const link = await c.page.$("#comment > dl > dd:nth-child(2) > p > a:nth-child(4)"); + const link = await getEditLinkByTitle(post_comment_title); const [response] = await Promise.all([ c.waitLoad(), link.click() ]); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=comment_edit&id=1"); + expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 await c.getSS("comment_edit_before_sp"); }); it("comment edit", async () => { - await c.page.$eval( - "#comment_post input[name='edit[name]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type("#comment_post input[name='edit[name]']", "テスト太郎2"); - await c.page.$eval( - "#comment_post input[name='edit[title]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_post input[name='edit[title]']", - "テストタイトル2" - ); - await c.page.$eval( - "#comment_post input[name='edit[mail]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_post input[name='edit[mail]']", - "test@example.jp2" - ); - await c.page.$eval( - "#comment_post input[name='edit[url]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_post input[name='edit[url]']", - "http://example.jp/2" - ); - await c.page.$eval( - "#comment_post textarea[name='edit[body]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type( - "#comment_post textarea[name='edit[body]']", - "これは編集済み" - ); - await c.page.$eval( - "#comment_post input[name='edit[pass]']", - (elm: HTMLInputElement) => (elm.value = "") - ); - await c.page.type("#comment_post input[name='edit[pass]']", "pass_is_pass"); - + await fillEditForm( + c.page, + "テスト太郎2", + "edited_" + post_comment_title, + "test2@example.jp", + "http://example.jp/2", + "これは編集済み", + "pass_is_pass" + ) await c.getSS("comment_edit_filled_sp"); // 保存する @@ -320,7 +277,7 @@ describe("crawl some blog sp", () => { expect(response.status()).toEqual(200); }); - it("open comment list to delete", async () => { + it("open comment list to fail delete", async () => { const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); const [response] = await Promise.all([ c.waitLoad(), @@ -332,21 +289,22 @@ describe("crawl some blog sp", () => { await c.getSS("comment_list_delete_before_sp"); }); - it("open comment form to delete", async () => { - const link = await c.page.$("#comment > dl > dd:nth-child(2) > p > a:nth-child(4)"); + it("open comment form to fail delete", async () => { + await c.getSS("comment_form_delete_before1_sp"); + const link = await getEditLinkByTitle("edited_" + post_comment_title); const [response] = await Promise.all([ c.waitLoad(), link.click() ]); + await c.getSS("comment_form_delete_before2_sp"); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=comment_edit&id=1"); + expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 - await c.getSS("comment_form_delete_before_sp"); }); it("comment delete fail by wrong password", async () => { const delete_button = await c.page.$( - "#comment_post > form > div > input[type=submit]:nth-child(2)" + "#comment_post > form > div > input[type=submit]:nth-child(2)" ); const [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); @@ -358,7 +316,38 @@ describe("crawl some blog sp", () => { expect(/必ず入力してください/.exec(wrong_password_error_text)).toBeTruthy(); }); + it("open comment list to delete", async () => { + await Promise.all([ + c.waitLoad(), + c.page.goto(start_url + "?no=3"), + ]); + + const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url + "?no=3&m2=res"); + expect(await c.page.title()).toEqual("3rd - testblog2"); + await c.getSS("comment_list_delete_before_sp"); + }); + + it("open comment form to delete", async () => { + await c.getSS("comment_form_delete_before1_sp"); + const link = await getEditLinkByTitle("edited_" + post_comment_title); + const [response] = await Promise.all([ + c.waitLoad(), + link.click() + ]); + await c.getSS("comment_form_delete_before2_sp"); + expect(response.status()).toEqual(200); + expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); + expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 + }); + it("comment delete success", async () => { + // do delete. await c.page.type("#comment_post > form > dl > dd:nth-child(12) > input[type=password]", "pass_is_pass"); const [response] = await Promise.all([ @@ -367,27 +356,177 @@ describe("crawl some blog sp", () => { ]); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url+"index.php?mode=entries&process=index&sp"); + expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=view&id=3&sp"); }); it("open entry check delete complete", async () => { + let [response1] = await Promise.all([ + c.waitLoad(), + c.page.goto(start_url), + ]); + expect(response1.status()).toEqual(200); const link = await c.page.$("#entry_list > li:nth-child(1) > a"); const [response] = await Promise.all([ c.waitLoad(), link.click() ]); expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url + "?no=3&sp"); + expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); }); it("check comment count", async () => { - const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm=>elm.textContent); - const comment_num = parseInt(comment_a_text.replace(/^コメント\(/,'').replace(/\)$/,'')); - expect(comment_num).toEqual(posted_comment_num); + const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm => elm.textContent); + const comment_num = parseInt(comment_a_text.match(/コメント\(([0-9]{1,3})\)/)[1]); + // expect(comment_num).toEqual(posted_comment_num-1); // パラレルでテストが実行されるので、数を数えても正しくできない }); afterAll(async () => { await c.browser.close(); }); + + // ======================== + + async function getEditLinkByTitle(title): Promise { + // 該当するタイトルの編集リンクを探す + const dt_elm_list = await c.page.$$("#comment dt"); + let idx = -1; + for (let i = 0; i < dt_elm_list.length; i++) { + let txt = await (await dt_elm_list[i].getProperty('innerHTML')).jsonValue(); + console.log(txt); + if (txt == title) { + idx = i; + break; + } + } + + if (idx == -1) { + throw new Error("notfound target title"); + } + + const dd_elm_list = await c.page.$$("#comment dd"); + const target_dd = dd_elm_list[idx]; + console.log(await target_dd.jsonValue()); + + const edit_link = await target_dd.$("a[title='コメントの編集']") + return edit_link; + } + + async function fillCommentForm( + page, + name, + title, + email, + url, + body, + pass = "", + ) { + await page.$eval( + "form[name=form1] input[name='comment[name]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] input[name='comment[name]']", + name + ); + await page.$eval( + "form[name=form1] input[name='comment[title]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] input[name='comment[title]']", + title + ); + await page.$eval( + "form[name=form1] input[name='comment[mail]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] input[name='comment[mail]']", + email + ); + await page.$eval( + "form[name=form1] input[name='comment[url]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] input[name='comment[url]']", + url + ); + await page.$eval( + "form[name=form1] textarea[name='comment[body]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] textarea[name='comment[body]']", + body + ); + await page.$eval( + "form[name=form1] input[name='comment[pass]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "form[name=form1] input[name='comment[pass]']", + pass + ); + } + + async function fillEditForm( + page, + name, + title, + email, + url, + body, + pass = "", + ) { + await page.$eval( + "#comment_post input[name='edit[name]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post input[name='edit[name]']", + name + ); + await page.$eval( + "#comment_post input[name='edit[title]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post input[name='edit[title]']", + title + ); + await page.$eval( + "#comment_post input[name='edit[mail]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post input[name='edit[mail]']", + email + ); + await page.$eval( + "#comment_post input[name='edit[url]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post input[name='edit[url]']", + url + ); + await page.$eval( + "#comment_post textarea[name='edit[body]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post textarea[name='edit[body]']", + body + ); + await page.$eval( + "#comment_post input[name='edit[pass]']", + (elm: HTMLInputElement) => (elm.value = "") + ); + await page.type( + "#comment_post input[name='edit[pass]']", + pass + ); + } }); diff --git a/tests/test_fixture.sql b/tests/test_fixture.sql index 7ed7a346..6565eea5 100644 --- a/tests/test_fixture.sql +++ b/tests/test_fixture.sql @@ -61,7 +61,7 @@ INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, ` INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog2',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
    \n \n \n
    \n
    \n
    \n \n \n \n
    p_area no_br\" id=\"e<%topentry_no>\">\n

    \" title=\"<%template_abs_link>\"><%topentry_title>

    \n
      \n
    • <%topentry_year>/<%topentry_month>/<%topentry_day>
      • \n
    • <%topentry_hour>:<%topentry_minute>
      • \n
    \n \n \n
    \n \n
    <%topentry_image>
    \n
    <%topentry_discription>
    \n \n <%topentry_discription>\n

    \" title=\"<%template_abs_link>\"><%template_extend>

    \n
    \n \n \n
    \n <%topentry_body>\n
    <%topentry_more>
    \n
    \n
    \n \n
    \n \n
    \n \n \n \n\n \n
    \n

    <%template_index>

    \n \n
    \n \n\n \n
    \n

    <%template_search_entry> : <%sub_title>

    \n \n
    \n \n\n \n
    \n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
    \n \n\n \n
    \n

    <%template_comment>

    \n \n
    \">\n

    <%comment_title>

    \n
    <%comment_body>
    \n \n \n
    \n <%comment_reply_body>\n
      \n
    • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
      • \n
    \n
    \n \n
    \n \n
    \n

    <%template_post_comment>

    \n
    \n
    \n
    \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />

    \n
    \n
    \n
    \n \n\n \n
    \n

    <%template_edit_comment>

    \n
    \n
    \n
    \n
    \n \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />\" />

    \n
    \n
    \n
    \n \n\n \n
    \n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
    \n \n\n \n \n
    \n

    \"><%plugin_third_title>

    \n
    \"><%plugin_third_description>
    \n
    \"><%plugin_third_content>
    \n
    \"><%plugin_third_description2>
    \n
    \n \n \n
    \n
    \n\n
    \n \n \n
    \n

    \"><%plugin_first_title>

    \n
    \"><%plugin_first_description>
    \n
    \"><%plugin_first_content>
    \n
    \"><%plugin_first_description2>
    \n
    \n \n \n
    \n\n \n
    \n
    \n \n
    \n \n
    \n

    \"><%plugin_second_title>

    \n
    \"><%plugin_second_description>
    \n
    \"><%plugin_second_content>
    \n
    \"><%plugin_second_description2>
    \n
    \n \n
    \n \n
    \n

    Powered by <%template_fc2blog>

    \n

    <%ad> <%ad2>

    \n

    Copyright © <%blog_name> All Rights Reserved.

    \n
    \n
    \n
    \n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',2,'2020-07-24 12:09:11','2020-07-24 12:09:11'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (2,'testblog3',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
    <%ad>
    \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
    \r\n \r\n

    <%sub_title>

    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    \r\n \r\n
    \r\n \r\n \r\n \r\n\r\n\r\n \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
    \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
    \r\n
    \r\n

    ; color:<%spplugin_tcolor>;\"><%spplugin_title>

    \r\n
    \r\n
    ; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
    \r\n
    \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
    \r\n
    \r\n

    <%topentry_title>

    \r\n

    \r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

    \r\n
    \r\n
    \r\n <%topentry_body>\r\n
    \r\n \r\n
    \">\r\n <%topentry_more>\r\n
    \r\n \r\n \r\n
    \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
    \r\n \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_post_comment>

    \r\n
    \r\n
    \r\n
    \r\n
    <%template_name>
    \r\n
    \r\n
    <%template_title>
    \r\n
    \r\n
    <%template_address>
    \r\n
    \r\n
    URL
    \r\n
    \r\n
    <%template_body>
    \r\n
    \r\n
    <%template_password>
    \r\n
    \r\n
    <%template_privacy_set>
    \r\n
    \r\n \r\n
    \r\n
    \r\n \r\n \" />\r\n \r\n \" />\r\n
    \r\n <%template_send>\r\n
    \r\n
    \r\n \r\n
    \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_edit_comment>

    \r\n
    \r\n
    \r\n
    \r\n
    <%template_name>
    \r\n
    \" />
    \r\n
    <%template_title>
    \r\n
    \" />
    \r\n
    <%template_address>
    \r\n
    \" >
    \r\n
    URL
    \r\n
    \" />
    \r\n
    <%template_body>
    \r\n
    \r\n
    <%template_password>
    \r\n
    \r\n
    <%template_privacy_set>
    \r\n
    \r\n \r\n
    \r\n
    \r\n
    \r\n \">\r\n \">\r\n
    \r\n \r\n \r\n \">\r\n \r\n \" />\r\n
    \r\n \r\n
    \r\n \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_comment>

    \r\n
    \r\n
    \r\n \r\n
    <%comment_title>
    \r\n
    \r\n <%comment_body>\r\n

    \r\n <%comment_mail+name>\r\n <%comment_url+str>
    \r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

    \r\n \r\n
    \r\n <%comment_reply_body>\r\n

    \r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

    \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
    \r\n
    \r\n \r\n \r\n\r\n
    \r\n\r\n \r\n\r\n
    <%ad2>
    \r\n\r\n
    \r\n
    \r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
    \r\n

    Copyright (c) <%blog_name>

    \r\n
    \r\n Powered by <%template_fc2blog>\r\n
    \r\n
    \r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-10-12 21:15:48','2020-12-28 01:47:25'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog1',0,'初期テンプレート','\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \" />\r\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\r\n \r\n \" />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n \r\n
    <%ad>
    \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
    \r\n \r\n

    <%sub_title>

    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    \r\n \r\n
    \r\n \r\n \r\n \r\n\r\n\r\n \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\r\n <%template_pager1>\r\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\r\n
    \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n
    \r\n
    \r\n

    ; color:<%spplugin_tcolor>;\"><%spplugin_title>

    \r\n
    \r\n
    ; color:<%spplugin_color>;\">\r\n <%spplugin_content>\r\n
    \r\n
    \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
    \r\n
    \r\n

    <%topentry_title>

    \r\n

    \r\n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \r\n \"><%topentry_category>\r\n \r\n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\r\n \r\n

    \r\n
    \r\n
    \r\n <%topentry_body>\r\n
    \r\n \r\n
    \">\r\n <%topentry_more>\r\n
    \r\n \r\n \r\n
    \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\r\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\r\n
    \r\n \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_post_comment>

    \r\n
    \r\n
    \r\n
    \r\n
    <%template_name>
    \r\n
    \r\n
    <%template_title>
    \r\n
    \r\n
    <%template_address>
    \r\n
    \r\n
    URL
    \r\n
    \r\n
    <%template_body>
    \r\n
    \r\n
    <%template_password>
    \r\n
    \r\n
    <%template_privacy_set>
    \r\n
    \r\n \r\n
    \r\n
    \r\n \r\n \" />\r\n \r\n \" />\r\n
    \r\n <%template_send>\r\n
    \r\n
    \r\n \r\n
    \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_edit_comment>

    \r\n
    \r\n
    \r\n
    \r\n
    <%template_name>
    \r\n
    \" />
    \r\n
    <%template_title>
    \r\n
    \" />
    \r\n
    <%template_address>
    \r\n
    \" >
    \r\n
    URL
    \r\n
    \" />
    \r\n
    <%template_body>
    \r\n
    \r\n
    <%template_password>
    \r\n
    \r\n
    <%template_privacy_set>
    \r\n
    \r\n \r\n
    \r\n
    \r\n
    \r\n \">\r\n \">\r\n
    \r\n \r\n \r\n \">\r\n \r\n \" />\r\n
    \r\n \r\n
    \r\n \r\n \r\n\r\n \r\n \r\n
    \r\n
    \r\n

    <%template_comment>

    \r\n
    \r\n
    \r\n \r\n
    <%comment_title>
    \r\n
    \r\n <%comment_body>\r\n

    \r\n <%comment_mail+name>\r\n <%comment_url+str>
    \r\n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\r\n \r\n \" title=\"<%template_edit_comment>\"> <%template_edit>\r\n \r\n

    \r\n \r\n
    \r\n <%comment_reply_body>\r\n

    \r\n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\r\n

    \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n \r\n
    \r\n
    \r\n <%tail_url>\" class=\"prevpage\"><%template_prev>\r\n <%res_template_pager1>\r\n <%tail_url>\" class=\"nextpage\"><%template_next>\r\n
    \r\n
    \r\n \r\n \r\n\r\n
    \r\n\r\n \r\n\r\n
    <%ad2>
    \r\n\r\n
    \r\n
    \r\n <%blog_id>/admin.php\"><%template_login>\r\n \"><%template_tell_friend>\r\n
    \r\n

    Copyright (c) <%blog_name>

    \r\n
    \r\n Powered by <%template_fc2blog>\r\n
    \r\n
    \r\n<%ad_overlay>\r\n\r\n\r\n','@charset \"utf-8\";\r\n\r\n/*============================================================\r\n -Index-\r\n Reset\r\n Basic\r\n Header\r\n Header Menu List\r\n Blog Introduction\r\n Main Contents\r\n Layout\r\n Page title\r\n Entry List\r\n Entry (個別記事表示)\r\n Comment List, Trackback List\r\n Comment Form\r\n Plugin Contents\r\n Contents Footer Links\r\n Profile (index mode)\r\n Ad\r\n Pager\r\n Page Navigation\r\n Blog Footer\r\n============================================================*/\r\n\r\n\r\n/*============================================================\r\n Reset\r\n============================================================*/\r\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\r\nul, ol, li, dl, dt, dd{list-style:none;}\r\nimg {border:none;vertical-align:middle;}\r\n\r\n/*============================================================\r\n Basic\r\n============================================================*/\r\nbody {\r\n margin: 0;\r\n padding: 0;\r\n background-color:#E0E0E0;\r\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\r\n font-size:16px;\r\n color:#666666;\r\n -webkit-text-size-adjust: none;\r\n}\r\na {\r\n text-decoration:none;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\na:link,a:visited { color:#4073D4; }\r\na:focus,a:hover,a:active { color:#0044B2; }\r\nh1{font-size:20px;}\r\nh2{font-size:18px;}\r\nh3{font-size:17px;}\r\nh4,h5,h6{font-size:16px;}\r\ninput,textarea,select { font-size:16px; }\r\n.system_message { padding:10px;color:#FF0000; }\r\n\r\n/*============================================================\r\n Header\r\n============================================================*/\r\n#header {\r\n position:relative;\r\n min-height: 44px;\r\n margin:0 0 15px;\r\n padding: 0 50px;\r\n background-color:#000000;\r\n color:#FFFFFF;\r\n text-align: center;\r\n}\r\n#header h1 {\r\n overflow: hidden;\r\n width: 85%;\r\n margin:0 auto;\r\n padding: 10px 0;\r\n font-size:20px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#header h1 a {\r\n color:#FFFFFF;\r\n}\r\n\r\n/* PC SKIN Change\r\n---------------------------------------------- */\r\n#header .browser_change {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n width: 50px;\r\n}\r\n#header .browser_change a {\r\n display:block;\r\n height:22px;\r\n padding-top:8px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n font-size:12px;\r\n text-align:center;\r\n text-overflow: ellipsis;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n\r\n/* Header Menu Button\r\n---------------------------------------------- */\r\n#header #header_menu {\r\n position:absolute;\r\n top:6px;\r\n left:5px;\r\n width: 40px;\r\n border-width:1px;\r\n border-style:solid;\r\n border-color:#DFDFDF #6F6F6F #3F3F3F;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.4,#333333),\r\n to(#2F2F2F));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #333333 40%,\r\n #2F2F2F\r\n );\r\n color: #FFFFFF;\r\n cursor:pointer;\r\n}\r\n#header #header_menu span {\r\n display:block;\r\n height:30px;\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n#header #header_menu.selected {\r\n border:none;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#2F2F2F),\r\n to(#505050)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #2F2F2F,\r\n #505050\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #DADADA;\r\n -moz-box-shadow: 1px 1px 1px #DADADA;\r\n box-shadow: 1px 1px 1px #DADADA;\r\n}\r\n#header #header_menu.selected span {\r\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\r\n}\r\n\r\n/*============================================================\r\n Header Menu List\r\n============================================================*/\r\n#plugin_menu {\r\n position:absolute;\r\n top:45px;\r\n width:100%;\r\n background-color:#000000;\r\n z-index:999;\r\n}\r\n#plugin_menu .blogmenu {\r\n overflow:hidden;\r\n}\r\n#plugin_menu .blogmenu li {\r\n position:relative;\r\n margin:-1px 0 0;\r\n border-top: 1px solid #000000;\r\n background-image:\r\n -webkit-gradient(linear, left top, left bottom,\r\n from(#1F1F1F),\r\n to(#2A2A2A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #1F1F1F,\r\n #2A2A2A\r\n );\r\n}\r\n#plugin_menu .blogmenu li a {\r\n overflow: hidden;\r\n display: block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n#plugin_menu .blogmenu li a:focus,\r\n#plugin_menu .blogmenu li a:hover,\r\n#plugin_menu .blogmenu li a:active {\r\n background-color:#3F3F3F;\r\n}\r\n#plugin_menu .blogmenu li a span {\r\n position:absolute;\r\n top:6px;\r\n right:5px;\r\n color:#FFFFFF;\r\n font-family: AppleGothic,sans-serif;\r\n}\r\n\r\n/*============================================================\r\n Blog Introduction (Delete)\r\n============================================================*/\r\n#blog_intro {\r\n margin:0 2% 15px;\r\n padding:15px 10px;\r\n -webkit-border-radius:5px;\r\n background-color:#FFFFFF;\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Layout\r\n============================================================*/\r\n#main_contents {\r\n margin:0 2%;\r\n}\r\n#main_contents .section {\r\n margin:0 0 20px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Page title\r\n============================================================*/\r\n/* 記事の見出し */\r\n.section .entry_title {\r\n margin: 0 10px;\r\n padding: 10px 0;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n/* 記事以外の見出し */\r\n.section .page_title {\r\n padding:15px 10px;\r\n border-bottom: 1px solid #F2F2F2;\r\n}\r\n/* 見出しの文字色 */\r\n.section .page_title h2,\r\n.section entry_title h2,\r\n.section .page_title h2 a,\r\n.section .entry_title h2 a {\r\n color:#000000;\r\n}\r\n/* カテゴリ一覧見出し */\r\n.category_title {\r\n margin:0 0 15px;\r\n padding:10px;\r\n background-color:#FFFFFF;\r\n text-align:center;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n/*============================================================\r\n Entry List (個別記事ページ以外の一覧表示)\r\n============================================================*/\r\n#entry_list {\r\n overflow:hidden;\r\n margin:0 0 20px;\r\n}\r\n#entry_list li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #F2F2F2;\r\n}\r\n#entry_list li .entry {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n text-overflow: ellipsis;\r\n}\r\n#entry_list li .entry strong {\r\n overflow:hidden;\r\n display:block;\r\n font-size:18px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n#entry_list li .entry .photo_true{\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\r\n}\r\n#entry_list li .entry .posted {\r\n padding-right:10px;\r\n}\r\n#entry_list li .entry .posted,\r\n#entry_list li .entry .res {\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/*============================================================\r\n Entry (個別記事表示)\r\n============================================================*/\r\n/* 記事投稿情報\r\n---------------------------------------------- */\r\n.section .posted {\r\n padding-top:5px;\r\n font-size:12px;\r\n color:#808080;\r\n}\r\n\r\n/* 記事本文・追記\r\n---------------------------------------------- */\r\n.section .entry_body,\r\n.section .entry_more {\r\n padding:15px 10px;\r\n line-height:1.6;\r\n word-wrap: break-word;\r\n}\r\n\r\n.entry_body img[src^=\"https://blog-imgs-\"],\r\n.entry_more img[src^=\"https://blog-imgs-\"] {\r\n max-width:100%;\r\n height:auto;\r\n}\r\n.section .readmore {\r\n background-color:#808080;\r\n \r\n}\r\n.section .readmore a {\r\n display:block;\r\n padding:10px 30px 10px 10px;\r\n color:#FFFFFF;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\r\n}\r\n\r\n/* トラバリンク（個別記事表示）\r\n---------------------------------------------- */\r\n.section #tb_url {\r\n margin:0 10px 10px;;\r\n padding:5px;\r\n background-color:#EFEFEF;\r\n}\r\n.section #tb_url p {\r\n font-size:12px;\r\n}\r\n\r\n/*============================================================\r\n Comment List, Trackback List\r\n============================================================*/\r\n#comment .list dt,\r\n#trackback .list dt {\r\n padding:10px 10px 0;\r\n color:#000000;\r\n font-weight:bold;\r\n}\r\n#comment .list dd,\r\n#trackback .list dd {\r\n padding:10px;\r\n border-bottom:1px solid #F2F2F2;\r\n}\r\n#comment .list dd .posted,\r\n#trackback .list dd .posted {\r\n margin:3px 0;\r\n text-align:right;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Comment Form\r\n============================================================*/\r\n#comment_post .confirm {\r\n padding:10px;\r\n}\r\n\r\n#comment_post .form {\r\n background: #fff;\r\n padding: 0;\r\n margin:10px;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 10px;\r\n}\r\n\r\nul.confirm li{\r\n padding:8px 3px;\r\n}\r\n\r\n#comment_post .form dt{\r\n color:#336699;\r\n margin:10px 0 0;\r\n font-weight:bold;\r\n}\r\n#comment_post .form dd{\r\n margin:3px 0 0;\r\n}\r\n#comment_post .form dd p{\r\n margin:5px 0;\r\n}\r\n#comment_post input[type=\"text\"],\r\n#comment_post input[type=\"email\"],\r\n#comment_post input[type=\"url\"],\r\n#comment_post input[type=\"password\"],\r\n#comment_post textarea,\r\n#comment_post select {\r\n width: 100%;\r\n padding:5px 0;\r\n border:1px solid #DFDFDF;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n -webkit-appearance: textarea;\r\n}\r\n\r\n#comment_post textarea {\r\n height: 120px;\r\n padding: 0;\r\n}\r\n\r\n#comment_post select {\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n -webkit-appearance: textfield;\r\n}\r\n\r\n/* Submit button\r\n---------------------------------------------- */\r\n#comment_post .submit_btn {\r\n padding:10px;\r\n text-align:center;\r\n}\r\n#comment_post .submit_btn input[type=\"submit\"],\r\n#comment_post .submit_btn a {\r\n display:block;\r\n width:60%;\r\n margin:0 auto 10px;\r\n padding:10px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n text-overflow: ellipsis;\r\n}\r\n\r\n/*============================================================\r\n Plugin Contents\r\n============================================================*/\r\n/* Plugin Commons\r\n---------------------------------------------- */\r\n.section .plugin_profile,\r\n.section .plugin_freearea{ padding:10px; }\r\n\r\n/* Profile\r\n---------------------------------------------- */\r\ndl.profile {\r\n background: #fff;\r\n padding: 0;\r\n}\r\n\r\ndl.profile dt {\r\n color:#336699;\r\n list-style-type: none;\r\n}\r\n\r\ndl.profile dd {\r\n list-style-type: none;\r\n margin:0 0 20px;\r\n}\r\n\r\n/* new_entry,new_comment,new_tb\r\n---------------------------------------------- */\r\n.plugin_body .plugin_list {\r\n color: black;\r\n background: #fff;\r\n padding: 0;\r\n margin:0;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.plugin_body .plugin_list li {\r\n border-top:1px solid #F2F2F2;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.plugin_body .plugin_list li a{\r\n display: block;\r\n overflow: hidden;\r\n padding:10px 30px 10px 10px;\r\n}\r\n.plugin_body .plugin_list li em {\r\n padding:0 0 3px;\r\n font-style: normal;\r\n}\r\n.plugin_body .plugin_list li span{\r\n color:#808080;\r\n font-size:13px;\r\n}\r\n\r\n/*============================================================\r\n Contents Footer Links\r\n============================================================*/\r\n/* トップ一覧表示\r\n---------------------------------------------- */\r\n.section .response {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n font-size:13px;\r\n}\r\n.section .response li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .response li a:focus,\r\n.section .response li a:hover,\r\n.section .response li a:active {\r\n background-color:#0044B2;\r\n}\r\n.section .response .show_com {\r\n float:left;\r\n width:50%;\r\n}\r\n.section .response .show_tb {\r\n float:right;\r\n width:50%;\r\n text-align:right;\r\n}\r\n\r\n/* トップ一覧表示以外\r\n---------------------------------------------- */\r\n.section .contents_footer,\r\n.section .form_footer {\r\n overflow:hidden;\r\n width:100%;\r\n background-color:#000000;\r\n -webkit-border-bottom-right-radius: 5px;\r\n -moz-border-bottom-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n -webkit-border-bottom-left-radius: 5px;\r\n -moz-border-bottom-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n}\r\n.section .contents_footer li,\r\n.section .form_footer li {\r\n margin:-1px 0 0;\r\n border-top:1px solid #808080;\r\n}\r\n.section .contents_footer li a,\r\n.section .form_footer li a {\r\n display:block;\r\n padding:10px;\r\n color:#FFFFFF;\r\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\r\n}\r\n.section .contents_footer li a {\r\n padding-right:30px;\r\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\r\n}\r\n.section .form_footer li a {\r\n text-align:center;\r\n}\r\n.section .contents_footer li a:focus,\r\n.section .contents_footer li a:hover,\r\n.section .contents_footer li a:active,\r\n.section .form_footer li a:focus,\r\n.section .form_footer li a:hover,\r\n.section .form_footer li a:active {\r\n background-color:#0044B2;\r\n}\r\n\r\n/* コメント・トラバ非表示の場合（共通）\r\n---------------------------------------------- */\r\n.section .response li span,\r\n.section .contents_footer li span {\r\n display:block;\r\n padding:10px;\r\n color:#666666;\r\n}\r\n\r\n/*============================================================\r\n Profile (index mode)\r\n============================================================*/\r\n.profile_area {\r\n overflow:hidden;\r\n margin:0 2% 15px;\r\n background-color:#FFFFFF;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\r\n}\r\n.profile_area dt {\r\n margin:10px 10px 0;\r\n padding:0 0 5px;\r\n border-bottom:2px solid #F2F2F2;\r\n}\r\n.profile_area dd {\r\n overflow: hidden;\r\n padding:10px;\r\n font-size:13px;\r\n}\r\n.profile_area dd .prof_image {\r\n float:left;\r\n margin-right:5px;\r\n}\r\n\r\n/*============================================================\r\n Ad\r\n============================================================*/\r\n.ad_header{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n.ad_footer{\r\n text-align:center;\r\n margin:10px 0;\r\n}\r\n\r\n/*============================================================\r\n Pager\r\n============================================================*/\r\n#main_contents .pager {\r\n position:relative;\r\n overflow:hidden; \r\n margin:0 0 10px;\r\n padding:11px 0;\r\n min-height: 30px;\r\n text-align:center;\r\n}\r\n#main_contents .pager .prevpage {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager .nextpage {\r\n position:absolute;\r\n top:0;\r\n right:0;\r\n padding:8px 10px;\r\n}\r\n#main_contents .pager a {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#AFAFAF),\r\n color-stop(0.5,#1F1F1F),\r\n to(#1A1A1A));\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #AFAFAF,\r\n #1F1F1F 50%,\r\n #1A1A1A\r\n );\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n#main_contents .pager a:focus,\r\n#main_contents .pager a:hover,\r\n#main_contents .pager a:active {\r\n background:#0044B2 none;\r\n}\r\n#main_contents .pager strong {\r\n margin:0 1px;\r\n padding:10px 15px;\r\n border:1px solid #000000;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n background-color:#000000;\r\n -webkit-box-shadow: 1px 1px 1px #ffffff;\r\n -moz-box-shadow: 1px 1px 1px #ffffff;\r\n box-shadow: 1px 1px 1px #ffffff;\r\n color:#FFFFFF;\r\n}\r\n\r\n/*============================================================\r\n Page Navigation\r\n============================================================*/\r\n#page_navi {\r\n overflow:hidden;\r\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\r\n}\r\n#page_navi li {\r\n width:48%;\r\n border: 1px solid #ffffff;\r\n -webkit-border-radius:5px;\r\n -moz-border-radius:5px;\r\n border-radius:5px;\r\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\r\n background-image: -webkit-gradient(linear, left top, left bottom,\r\n from(#FFFFFF),\r\n color-stop(0.49,#FEFEFE),\r\n color-stop(0.5,#EAEAEA),\r\n to(#F9F9F9)\r\n );\r\n background-image:\r\n -moz-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n background-image:\r\n -o-linear-gradient(top,\r\n #FFFFFF,\r\n #FEFEFE 49%,\r\n #EAEAEA 50%,\r\n #F9F9F9\r\n );\r\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\r\n}\r\n#page_navi .goto_home { float:left; }\r\n#page_navi .page_top { float:right; }\r\n#page_navi li a {\r\n display:block;\r\n padding:10px;\r\n text-align:center;\r\n color:#505050;\r\n}\r\n\r\n/*============================================================\r\n Blog Footer\r\n============================================================*/\r\n#footer{\r\n text-align:center;\r\n}\r\n#footer .footer_menu a{\r\n margin:0 10px;\r\n}\r\n#footer .footer_menu{\r\n margin:10px 0;\r\n}\r\n#footer .copyright {\r\n margin:0 0 10px;\r\n font-size:12px;\r\n}\r\n#footer .powered {\r\n padding:10px 5px;\r\n background-color:#000000;\r\n text-align:center;\r\n color:#FFFFFF;\r\n}\r\n#footer .powered a {\r\n text-decoration:underline;\r\n}\r\n\r\n',4,'2020-07-24 11:48:03','2020-12-28 01:46:53'); -INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog2',0,'初期テンプレート','\n\n\n \n \n \n \n \n \" />\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n \n \" />\n \n \n \n \n \n\n\n\n \n
    <%ad>
    \n\n \n\n \n \n \n\n
    \n \n

    <%sub_title>

    \n \n \n \n \n \n \n \n
    \n \n
    \n \n \n \n\n\n \n
    \n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\n <%template_pager1>\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\n
    \n \n\n \n\n \n \n \n
    \n
    \n

    ; color:<%spplugin_tcolor>;\"><%spplugin_title>

    \n
    \n
    ; color:<%spplugin_color>;\">\n <%spplugin_content>\n
    \n
    \n \n \n \n\n \n \n \n
    \n
    \n

    <%topentry_title>

    \n

    \n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \n \"><%topentry_category>\n \n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\n \n

    \n
    \n
    \n <%topentry_body>\n
    \n \n
    \">\n <%topentry_more>\n
    \n \n \n
    \n
    \n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\n
    \n \n \n\n \n \n
    \n
    \n

    <%template_post_comment>

    \n
    \n
    \n
    \n
    <%template_name>
    \n
    \n
    <%template_title>
    \n
    \n
    <%template_address>
    \n
    \n
    URL
    \n
    \n
    <%template_body>
    \n
    \n
    <%template_password>
    \n
    \n
    <%template_privacy_set>
    \n
    \n \n
    \n
    \n \n \" />\n \n \" />\n
    \n <%template_send>\n
    \n
    \n \n
    \n \n\n \n \n
    \n
    \n

    <%template_edit_comment>

    \n
    \n
    \n
    \n
    <%template_name>
    \n
    \" />
    \n
    <%template_title>
    \n
    \" />
    \n
    <%template_address>
    \n
    \" >
    \n
    URL
    \n
    \" />
    \n
    <%template_body>
    \n
    \n
    <%template_password>
    \n
    \n
    <%template_privacy_set>
    \n
    \n \n
    \n
    \n
    \n \">\n \">\n
    \n \n \n \">\n \n \" />\n
    \n \n
    \n \n \n\n \n \n
    \n
    \n

    <%template_comment>

    \n
    \n
    \n \n
    <%comment_title>
    \n
    \n <%comment_body>\n

    \n <%comment_mail+name>#<%comment_trip>\n <%comment_url+str>
    \n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\n \n \" title=\"<%template_edit_comment>\"> <%template_edit>\n \n

    \n \n
    \n <%comment_reply_body>\n

    \n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\n

    \n
    \n \n
    \n \n
    \n \n
    \n \n
    \n
    \n <%tail_url>\" class=\"prevpage\"><%template_prev>\n <%res_template_pager1>\n <%tail_url>\" class=\"nextpage\"><%template_next>\n
    \n
    \n \n \n\n
    \n\n \n\n
    <%ad2>
    \n\n
    \n
    \n <%blog_id>/admin.php\"><%template_login>\n \"><%template_tell_friend>\n
    \n

    Copyright (c) <%blog_name>

    \n
    \n Powered by <%template_fc2blog>\n
    \n
    \n<%ad_overlay>\n\n\n','@charset \"utf-8\";\n\n/*============================================================\n -Index-\n Reset\n Basic\n Header\n Header Menu List\n Blog Introduction\n Main Contents\n Layout\n Page title\n Entry List\n Entry (個別記事表示)\n Comment List, Trackback List\n Comment Form\n Plugin Contents\n Contents Footer Links\n Profile (index mode)\n Ad\n Pager\n Page Navigation\n Blog Footer\n============================================================*/\n\n\n/*============================================================\n Reset\n============================================================*/\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\nul, ol, li, dl, dt, dd{list-style:none;}\nimg {border:none;vertical-align:middle;}\n\n/*============================================================\n Basic\n============================================================*/\nbody {\n margin: 0;\n padding: 0;\n background-color:#E0E0E0;\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\n font-size:16px;\n color:#666666;\n -webkit-text-size-adjust: none;\n}\na {\n text-decoration:none;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\na:link,a:visited { color:#4073D4; }\na:focus,a:hover,a:active { color:#0044B2; }\nh1{font-size:20px;}\nh2{font-size:18px;}\nh3{font-size:17px;}\nh4,h5,h6{font-size:16px;}\ninput,textarea,select { font-size:16px; }\n.system_message { padding:10px;color:#FF0000; }\n\n/*============================================================\n Header\n============================================================*/\n#header {\n position:relative;\n min-height: 44px;\n margin:0 0 15px;\n padding: 0 50px;\n background-color:#000000;\n color:#FFFFFF;\n text-align: center;\n}\n#header h1 {\n overflow: hidden;\n width: 85%;\n margin:0 auto;\n padding: 10px 0;\n font-size:20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#header h1 a {\n color:#FFFFFF;\n}\n\n/* PC SKIN Change\n---------------------------------------------- */\n#header .browser_change {\n position:absolute;\n top:6px;\n right:5px;\n width: 50px;\n}\n#header .browser_change a {\n display:block;\n height:22px;\n padding-top:8px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n font-size:12px;\n text-align:center;\n text-overflow: ellipsis;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n\n/* Header Menu Button\n---------------------------------------------- */\n#header #header_menu {\n position:absolute;\n top:6px;\n left:5px;\n width: 40px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n cursor:pointer;\n}\n#header #header_menu span {\n display:block;\n height:30px;\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n#header #header_menu.selected {\n border:none;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#2F2F2F),\n to(#505050)\n );\n background-image:\n -moz-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n background-image:\n -o-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n -webkit-box-shadow: 1px 1px 1px #DADADA;\n -moz-box-shadow: 1px 1px 1px #DADADA;\n box-shadow: 1px 1px 1px #DADADA;\n}\n#header #header_menu.selected span {\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\n}\n\n/*============================================================\n Header Menu List\n============================================================*/\n#plugin_menu {\n position:absolute;\n top:45px;\n width:100%;\n background-color:#000000;\n z-index:999;\n}\n#plugin_menu .blogmenu {\n overflow:hidden;\n}\n#plugin_menu .blogmenu li {\n position:relative;\n margin:-1px 0 0;\n border-top: 1px solid #000000;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#1F1F1F),\n to(#2A2A2A)\n );\n background-image:\n -moz-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n background-image:\n -o-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n}\n#plugin_menu .blogmenu li a {\n overflow: hidden;\n display: block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n#plugin_menu .blogmenu li a:focus,\n#plugin_menu .blogmenu li a:hover,\n#plugin_menu .blogmenu li a:active {\n background-color:#3F3F3F;\n}\n#plugin_menu .blogmenu li a span {\n position:absolute;\n top:6px;\n right:5px;\n color:#FFFFFF;\n font-family: AppleGothic,sans-serif;\n}\n\n/*============================================================\n Blog Introduction (Delete)\n============================================================*/\n#blog_intro {\n margin:0 2% 15px;\n padding:15px 10px;\n -webkit-border-radius:5px;\n background-color:#FFFFFF;\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n font-size:13px;\n}\n\n/*============================================================\n Layout\n============================================================*/\n#main_contents {\n margin:0 2%;\n}\n#main_contents .section {\n margin:0 0 20px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Page title\n============================================================*/\n/* 記事の見出し */\n.section .entry_title {\n margin: 0 10px;\n padding: 10px 0;\n border-bottom:2px solid #F2F2F2;\n}\n/* 記事以外の見出し */\n.section .page_title {\n padding:15px 10px;\n border-bottom: 1px solid #F2F2F2;\n}\n/* 見出しの文字色 */\n.section .page_title h2,\n.section entry_title h2,\n.section .page_title h2 a,\n.section .entry_title h2 a {\n color:#000000;\n}\n/* カテゴリ一覧見出し */\n.category_title {\n margin:0 0 15px;\n padding:10px;\n background-color:#FFFFFF;\n text-align:center;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Entry List (個別記事ページ以外の一覧表示)\n============================================================*/\n#entry_list {\n overflow:hidden;\n margin:0 0 20px;\n}\n#entry_list li {\n margin:-1px 0 0;\n border-top:1px solid #F2F2F2;\n}\n#entry_list li .entry {\n display:block;\n padding:10px 30px 10px 10px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n text-overflow: ellipsis;\n}\n#entry_list li .entry strong {\n overflow:hidden;\n display:block;\n font-size:18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#entry_list li .entry .photo_true{\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\n}\n#entry_list li .entry .posted {\n padding-right:10px;\n}\n#entry_list li .entry .posted,\n#entry_list li .entry .res {\n font-size:12px;\n color:#808080;\n}\n\n/*============================================================\n Entry (個別記事表示)\n============================================================*/\n/* 記事投稿情報\n---------------------------------------------- */\n.section .posted {\n padding-top:5px;\n font-size:12px;\n color:#808080;\n}\n\n/* 記事本文・追記\n---------------------------------------------- */\n.section .entry_body,\n.section .entry_more {\n padding:15px 10px;\n line-height:1.6;\n word-wrap: break-word;\n}\n\n.entry_body img[src^=\"https://blog-imgs-\"],\n.entry_more img[src^=\"https://blog-imgs-\"] {\n max-width:100%;\n height:auto;\n}\n.section .readmore {\n background-color:#808080;\n \n}\n.section .readmore a {\n display:block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\n}\n\n/* トラバリンク（個別記事表示）\n---------------------------------------------- */\n.section #tb_url {\n margin:0 10px 10px;;\n padding:5px;\n background-color:#EFEFEF;\n}\n.section #tb_url p {\n font-size:12px;\n}\n\n/*============================================================\n Comment List, Trackback List\n============================================================*/\n#comment .list dt,\n#trackback .list dt {\n padding:10px 10px 0;\n color:#000000;\n font-weight:bold;\n}\n#comment .list dd,\n#trackback .list dd {\n padding:10px;\n border-bottom:1px solid #F2F2F2;\n}\n#comment .list dd .posted,\n#trackback .list dd .posted {\n margin:3px 0;\n text-align:right;\n font-size:13px;\n}\n\n/*============================================================\n Comment Form\n============================================================*/\n#comment_post .confirm {\n padding:10px;\n}\n\n#comment_post .form {\n background: #fff;\n padding: 0;\n margin:10px;\n}\n#comment_post .form dd{\n margin:3px 0 10px;\n}\n\nul.confirm li{\n padding:8px 3px;\n}\n\n#comment_post .form dt{\n color:#336699;\n margin:10px 0 0;\n font-weight:bold;\n}\n#comment_post .form dd{\n margin:3px 0 0;\n}\n#comment_post .form dd p{\n margin:5px 0;\n}\n#comment_post input[type=\"text\"],\n#comment_post input[type=\"email\"],\n#comment_post input[type=\"url\"],\n#comment_post input[type=\"password\"],\n#comment_post textarea,\n#comment_post select {\n width: 100%;\n padding:5px 0;\n border:1px solid #DFDFDF;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-appearance: textarea;\n}\n\n#comment_post textarea {\n height: 120px;\n padding: 0;\n}\n\n#comment_post select {\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n -webkit-appearance: textfield;\n}\n\n/* Submit button\n---------------------------------------------- */\n#comment_post .submit_btn {\n padding:10px;\n text-align:center;\n}\n#comment_post .submit_btn input[type=\"submit\"],\n#comment_post .submit_btn a {\n display:block;\n width:60%;\n margin:0 auto 10px;\n padding:10px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A)\n );\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n text-overflow: ellipsis;\n}\n\n/*============================================================\n Plugin Contents\n============================================================*/\n/* Plugin Commons\n---------------------------------------------- */\n.section .plugin_profile,\n.section .plugin_freearea{ padding:10px; }\n\n/* Profile\n---------------------------------------------- */\ndl.profile {\n background: #fff;\n padding: 0;\n}\n\ndl.profile dt {\n color:#336699;\n list-style-type: none;\n}\n\ndl.profile dd {\n list-style-type: none;\n margin:0 0 20px;\n}\n\n/* new_entry,new_comment,new_tb\n---------------------------------------------- */\n.plugin_body .plugin_list {\n color: black;\n background: #fff;\n padding: 0;\n margin:0;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.plugin_body .plugin_list li {\n border-top:1px solid #F2F2F2;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.plugin_body .plugin_list li a{\n display: block;\n overflow: hidden;\n padding:10px 30px 10px 10px;\n}\n.plugin_body .plugin_list li em {\n padding:0 0 3px;\n font-style: normal;\n}\n.plugin_body .plugin_list li span{\n color:#808080;\n font-size:13px;\n}\n\n/*============================================================\n Contents Footer Links\n============================================================*/\n/* トップ一覧表示\n---------------------------------------------- */\n.section .response {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n font-size:13px;\n}\n.section .response li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .response li a:focus,\n.section .response li a:hover,\n.section .response li a:active {\n background-color:#0044B2;\n}\n.section .response .show_com {\n float:left;\n width:50%;\n}\n.section .response .show_tb {\n float:right;\n width:50%;\n text-align:right;\n}\n\n/* トップ一覧表示以外\n---------------------------------------------- */\n.section .contents_footer,\n.section .form_footer {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.section .contents_footer li,\n.section .form_footer li {\n margin:-1px 0 0;\n border-top:1px solid #808080;\n}\n.section .contents_footer li a,\n.section .form_footer li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .contents_footer li a {\n padding-right:30px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.section .form_footer li a {\n text-align:center;\n}\n.section .contents_footer li a:focus,\n.section .contents_footer li a:hover,\n.section .contents_footer li a:active,\n.section .form_footer li a:focus,\n.section .form_footer li a:hover,\n.section .form_footer li a:active {\n background-color:#0044B2;\n}\n\n/* コメント・トラバ非表示の場合（共通）\n---------------------------------------------- */\n.section .response li span,\n.section .contents_footer li span {\n display:block;\n padding:10px;\n color:#666666;\n}\n\n/*============================================================\n Profile (index mode)\n============================================================*/\n.profile_area {\n overflow:hidden;\n margin:0 2% 15px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n.profile_area dt {\n margin:10px 10px 0;\n padding:0 0 5px;\n border-bottom:2px solid #F2F2F2;\n}\n.profile_area dd {\n overflow: hidden;\n padding:10px;\n font-size:13px;\n}\n.profile_area dd .prof_image {\n float:left;\n margin-right:5px;\n}\n\n/*============================================================\n Ad\n============================================================*/\n.ad_header{\n text-align:center;\n margin:10px 0;\n}\n.ad_footer{\n text-align:center;\n margin:10px 0;\n}\n\n/*============================================================\n Pager\n============================================================*/\n#main_contents .pager {\n position:relative;\n overflow:hidden; \n margin:0 0 10px;\n padding:11px 0;\n min-height: 30px;\n text-align:center;\n}\n#main_contents .pager .prevpage {\n position:absolute;\n top:0;\n left:0;\n padding:8px 10px;\n}\n#main_contents .pager .nextpage {\n position:absolute;\n top:0;\n right:0;\n padding:8px 10px;\n}\n#main_contents .pager a {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n#main_contents .pager a:focus,\n#main_contents .pager a:hover,\n#main_contents .pager a:active {\n background:#0044B2 none;\n}\n#main_contents .pager strong {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background-color:#000000;\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n\n/*============================================================\n Page Navigation\n============================================================*/\n#page_navi {\n overflow:hidden;\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\n}\n#page_navi li {\n width:48%;\n border: 1px solid #ffffff;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#FFFFFF),\n color-stop(0.49,#FEFEFE),\n color-stop(0.5,#EAEAEA),\n to(#F9F9F9)\n );\n background-image:\n -moz-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n background-image:\n -o-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n}\n#page_navi .goto_home { float:left; }\n#page_navi .page_top { float:right; }\n#page_navi li a {\n display:block;\n padding:10px;\n text-align:center;\n color:#505050;\n}\n\n/*============================================================\n Blog Footer\n============================================================*/\n#footer{\n text-align:center;\n}\n#footer .footer_menu a{\n margin:0 10px;\n}\n#footer .footer_menu{\n margin:10px 0;\n}\n#footer .copyright {\n margin:0 0 10px;\n font-size:12px;\n}\n#footer .powered {\n padding:10px 5px;\n background-color:#000000;\n text-align:center;\n color:#FFFFFF;\n}\n#footer .powered a {\n text-decoration:underline;\n}\n\n',4,'2020-07-24 12:09:11','2021-01-28 09:33:38'); +INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (3,'testblog2',0,'初期テンプレート','\n\n\n \n \n \n \n \n \" />\n <!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n \n \" />\n \n \n \n \n \n\n\n\n \n
    <%ad>
    \n\n \n\n \n \n \n\n
    \n \n

    <%sub_title>

    \n \n \n \n \n \n \n \n
    \n \n
    \n \n \n \n\n\n \n
    \n <%tail_url>\" class=\"prevpage\"><%firstpage_num>...\n <%template_pager1>\n ...<%tail_url>\" class=\"nextpage\"><%lastpage_num>\n
    \n \n\n \n\n \n \n \n
    \n
    \n

    ; color:<%spplugin_tcolor>;\"><%spplugin_title>

    \n
    \n
    ; color:<%spplugin_color>;\">\n <%spplugin_content>\n
    \n
    \n \n \n \n\n \n \n \n
    \n
    \n

    <%topentry_title>

    \n

    \n <%topentry_year>年<%topentry_month>月<%topentry_day>日<%topentry_hour>:<%topentry_minute> \n \"><%topentry_category>\n \n &photo=true<%tail_url>\">\"<%template_show_pic\" width=\"18\" height=\"14\" />\n \n

    \n
    \n
    \n <%topentry_body>\n
    \n \n
    \">\n <%topentry_more>\n
    \n \n \n
    \n
    \n <%tail_url>\" class=\"prevpage\"><%template_goto_preventry>\n <%tail_url>\" class=\"nextpage\"><%template_goto_nextentry>\n
    \n \n \n\n \n \n
    \n
    \n

    <%template_post_comment>

    \n
    \n
    \n
    \n
    <%template_name>
    \n
    \n
    <%template_title>
    \n
    \n
    <%template_address>
    \n
    \n
    URL
    \n
    \n
    <%template_body>
    \n
    \n
    <%template_password>
    \n
    \n
    <%template_privacy_set>
    \n
    \n \n
    \n
    \n \n \" />\n \n \" />\n
    \n <%template_send>\n
    \n
    \n \n
    \n \n\n \n \n
    \n
    \n

    <%template_edit_comment>

    \n
    \n
    \n
    \n
    <%template_name>
    \n
    \" />
    \n
    <%template_title>
    \n
    \" />
    \n
    <%template_address>
    \n
    \" >
    \n
    URL
    \n
    \" />
    \n
    <%template_body>
    \n
    \n
    <%template_password>
    \n
    \n
    <%template_privacy_set>
    \n
    \n \n
    \n
    \n
    \n \">\n \">\n
    \n \n \n \">\n \n \" />\n
    \n \n
    \n \n \n\n \n \n
    \n
    \n

    <%template_comment>

    \n
    \n
    \n \n
    <%comment_title>
    \n
    \n <%comment_body>\n

    \n <%comment_mail+name>#<%comment_trip>\n <%comment_url+str>
    \n <%comment_year>/<%comment_month>/<%comment_day>(<%comment_hour>:<%comment_minute>)\n \n \" title=\"<%template_edit_comment>\"> <%template_edit>\n \n

    \n \n
    \n <%comment_reply_body>\n

    \n <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)\n

    \n
    \n \n
    \n \n
    \n \n
    \n \n
    \n
    \n <%tail_url>\" class=\"prevpage\"><%template_prev>\n <%res_template_pager1>\n <%tail_url>\" class=\"nextpage\"><%template_next>\n
    \n
    \n \n \n\n
    \n\n \n\n
    <%ad2>
    \n\n
    \n
    \n <%blog_id>/admin.php\"><%template_login>\n \"><%template_tell_friend>\n
    \n

    Copyright (c) <%blog_name>

    \n
    \n Powered by <%template_fc2blog>\n
    \n
    \n<%ad_overlay>\n\n\n','@charset \"utf-8\";\n\n/*============================================================\n -Index-\n Reset\n Basic\n Header\n Header Menu List\n Blog Introduction\n Main Contents\n Layout\n Page title\n Entry List\n Entry (個別記事表示)\n Comment List, Trackback List\n Comment Form\n Plugin Contents\n Contents Footer Links\n Profile (index mode)\n Ad\n Pager\n Page Navigation\n Blog Footer\n============================================================*/\n\n\n/*============================================================\n Reset\n============================================================*/\nhtml,body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{margin:0;padding:0;}\nul, ol, li, dl, dt, dd{list-style:none;}\nimg {border:none;vertical-align:middle;}\n\n/*============================================================\n Basic\n============================================================*/\nbody {\n margin: 0;\n padding: 0;\n background-color:#E0E0E0;\n font-family: Helvetica, \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\";\n font-size:16px;\n color:#666666;\n -webkit-text-size-adjust: none;\n}\na {\n text-decoration:none;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\na:link,a:visited { color:#4073D4; }\na:focus,a:hover,a:active { color:#0044B2; }\nh1{font-size:20px;}\nh2{font-size:18px;}\nh3{font-size:17px;}\nh4,h5,h6{font-size:16px;}\ninput,textarea,select { font-size:16px; }\n.system_message { padding:10px;color:#FF0000; }\n\n/*============================================================\n Header\n============================================================*/\n#header {\n position:relative;\n min-height: 44px;\n margin:0 0 15px;\n padding: 0 50px;\n background-color:#000000;\n color:#FFFFFF;\n text-align: center;\n}\n#header h1 {\n overflow: hidden;\n width: 85%;\n margin:0 auto;\n padding: 10px 0;\n font-size:20px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#header h1 a {\n color:#FFFFFF;\n}\n\n/* PC SKIN Change\n---------------------------------------------- */\n#header .browser_change {\n position:absolute;\n top:6px;\n right:5px;\n width: 50px;\n}\n#header .browser_change a {\n display:block;\n height:22px;\n padding-top:8px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n font-size:12px;\n text-align:center;\n text-overflow: ellipsis;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n\n/* Header Menu Button\n---------------------------------------------- */\n#header #header_menu {\n position:absolute;\n top:6px;\n left:5px;\n width: 40px;\n border-width:1px;\n border-style:solid;\n border-color:#DFDFDF #6F6F6F #3F3F3F;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.4,#333333),\n to(#2F2F2F));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #333333 40%,\n #2F2F2F\n );\n color: #FFFFFF;\n cursor:pointer;\n}\n#header #header_menu span {\n display:block;\n height:30px;\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center 12px;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n#header #header_menu.selected {\n border:none;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#2F2F2F),\n to(#505050)\n );\n background-image:\n -moz-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n background-image:\n -o-linear-gradient(top,\n #2F2F2F,\n #505050\n );\n -webkit-box-shadow: 1px 1px 1px #DADADA;\n -moz-box-shadow: 1px 1px 1px #DADADA;\n box-shadow: 1px 1px 1px #DADADA;\n}\n#header #header_menu.selected span {\n background:url(https://templates.blog.fc2.com/template/sphone/basic_black/dropmenu.png) no-repeat center -12px;\n}\n\n/*============================================================\n Header Menu List\n============================================================*/\n#plugin_menu {\n position:absolute;\n top:45px;\n width:100%;\n background-color:#000000;\n z-index:999;\n}\n#plugin_menu .blogmenu {\n overflow:hidden;\n}\n#plugin_menu .blogmenu li {\n position:relative;\n margin:-1px 0 0;\n border-top: 1px solid #000000;\n background-image:\n -webkit-gradient(linear, left top, left bottom,\n from(#1F1F1F),\n to(#2A2A2A)\n );\n background-image:\n -moz-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n background-image:\n -o-linear-gradient(top,\n #1F1F1F,\n #2A2A2A\n );\n}\n#plugin_menu .blogmenu li a {\n overflow: hidden;\n display: block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n#plugin_menu .blogmenu li a:focus,\n#plugin_menu .blogmenu li a:hover,\n#plugin_menu .blogmenu li a:active {\n background-color:#3F3F3F;\n}\n#plugin_menu .blogmenu li a span {\n position:absolute;\n top:6px;\n right:5px;\n color:#FFFFFF;\n font-family: AppleGothic,sans-serif;\n}\n\n/*============================================================\n Blog Introduction (Delete)\n============================================================*/\n#blog_intro {\n margin:0 2% 15px;\n padding:15px 10px;\n -webkit-border-radius:5px;\n background-color:#FFFFFF;\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n font-size:13px;\n}\n\n/*============================================================\n Layout\n============================================================*/\n#main_contents {\n margin:0 2%;\n}\n#main_contents .section {\n margin:0 0 20px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Page title\n============================================================*/\n/* 記事の見出し */\n.section .entry_title {\n margin: 0 10px;\n padding: 10px 0;\n border-bottom:2px solid #F2F2F2;\n}\n/* 記事以外の見出し */\n.section .page_title {\n padding:15px 10px;\n border-bottom: 1px solid #F2F2F2;\n}\n/* 見出しの文字色 */\n.section .page_title h2,\n.section entry_title h2,\n.section .page_title h2 a,\n.section .entry_title h2 a {\n color:#000000;\n}\n/* カテゴリ一覧見出し */\n.category_title {\n margin:0 0 15px;\n padding:10px;\n background-color:#FFFFFF;\n text-align:center;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n\n/*============================================================\n Entry List (個別記事ページ以外の一覧表示)\n============================================================*/\n#entry_list {\n overflow:hidden;\n margin:0 0 20px;\n}\n#entry_list li {\n margin:-1px 0 0;\n border-top:1px solid #F2F2F2;\n}\n#entry_list li .entry {\n display:block;\n padding:10px 30px 10px 10px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n text-overflow: ellipsis;\n}\n#entry_list li .entry strong {\n overflow:hidden;\n display:block;\n font-size:18px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n#entry_list li .entry .photo_true{\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/img.gif) no-repeat right center;\n}\n#entry_list li .entry .posted {\n padding-right:10px;\n}\n#entry_list li .entry .posted,\n#entry_list li .entry .res {\n font-size:12px;\n color:#808080;\n}\n\n/*============================================================\n Entry (個別記事表示)\n============================================================*/\n/* 記事投稿情報\n---------------------------------------------- */\n.section .posted {\n padding-top:5px;\n font-size:12px;\n color:#808080;\n}\n\n/* 記事本文・追記\n---------------------------------------------- */\n.section .entry_body,\n.section .entry_more {\n padding:15px 10px;\n line-height:1.6;\n word-wrap: break-word;\n}\n\n.entry_body img[src^=\"https://blog-imgs-\"],\n.entry_more img[src^=\"https://blog-imgs-\"] {\n max-width:100%;\n height:auto;\n}\n.section .readmore {\n background-color:#808080;\n \n}\n.section .readmore a {\n display:block;\n padding:10px 30px 10px 10px;\n color:#FFFFFF;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron_w.png) no-repeat right center;\n}\n\n/* トラバリンク（個別記事表示）\n---------------------------------------------- */\n.section #tb_url {\n margin:0 10px 10px;;\n padding:5px;\n background-color:#EFEFEF;\n}\n.section #tb_url p {\n font-size:12px;\n}\n\n/*============================================================\n Comment List, Trackback List\n============================================================*/\n#comment .list dt,\n#trackback .list dt {\n padding:10px 10px 0;\n color:#000000;\n font-weight:bold;\n}\n#comment .list dd,\n#trackback .list dd {\n padding:10px;\n border-bottom:1px solid #F2F2F2;\n}\n#comment .list dd .posted,\n#trackback .list dd .posted {\n margin:3px 0;\n text-align:right;\n font-size:13px;\n}\n\n/*============================================================\n Comment Form\n============================================================*/\n#comment_post .confirm {\n padding:10px;\n}\n\n#comment_post .form {\n background: #fff;\n padding: 0;\n margin:10px;\n}\n#comment_post .form dd{\n margin:3px 0 10px;\n}\n\nul.confirm li{\n padding:8px 3px;\n}\n\n#comment_post .form dt{\n color:#336699;\n margin:10px 0 0;\n font-weight:bold;\n}\n#comment_post .form dd{\n margin:3px 0 0;\n}\n#comment_post .form dd p{\n margin:5px 0;\n}\n#comment_post input[type=\"text\"],\n#comment_post input[type=\"email\"],\n#comment_post input[type=\"url\"],\n#comment_post input[type=\"password\"],\n#comment_post textarea,\n#comment_post select {\n width: 100%;\n padding:5px 0;\n border:1px solid #DFDFDF;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-appearance: textarea;\n}\n\n#comment_post textarea {\n height: 120px;\n padding: 0;\n}\n\n#comment_post select {\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n -webkit-appearance: textfield;\n}\n\n/* Submit button\n---------------------------------------------- */\n#comment_post .submit_btn {\n padding:10px;\n text-align:center;\n}\n#comment_post .submit_btn input[type=\"submit\"],\n#comment_post .submit_btn a {\n display:block;\n width:60%;\n margin:0 auto 10px;\n padding:10px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A)\n );\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n text-overflow: ellipsis;\n}\n\n/*============================================================\n Plugin Contents\n============================================================*/\n/* Plugin Commons\n---------------------------------------------- */\n.section .plugin_profile,\n.section .plugin_freearea{ padding:10px; }\n\n/* Profile\n---------------------------------------------- */\ndl.profile {\n background: #fff;\n padding: 0;\n}\n\ndl.profile dt {\n color:#336699;\n list-style-type: none;\n}\n\ndl.profile dd {\n list-style-type: none;\n margin:0 0 20px;\n}\n\n/* new_entry,new_comment,new_tb\n---------------------------------------------- */\n.plugin_body .plugin_list {\n color: black;\n background: #fff;\n padding: 0;\n margin:0;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.plugin_body .plugin_list li {\n border-top:1px solid #F2F2F2;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.plugin_body .plugin_list li a{\n display: block;\n overflow: hidden;\n padding:10px 30px 10px 10px;\n}\n.plugin_body .plugin_list li em {\n padding:0 0 3px;\n font-style: normal;\n}\n.plugin_body .plugin_list li span{\n color:#808080;\n font-size:13px;\n}\n\n/*============================================================\n Contents Footer Links\n============================================================*/\n/* トップ一覧表示\n---------------------------------------------- */\n.section .response {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n font-size:13px;\n}\n.section .response li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .response li a:focus,\n.section .response li a:hover,\n.section .response li a:active {\n background-color:#0044B2;\n}\n.section .response .show_com {\n float:left;\n width:50%;\n}\n.section .response .show_tb {\n float:right;\n width:50%;\n text-align:right;\n}\n\n/* トップ一覧表示以外\n---------------------------------------------- */\n.section .contents_footer,\n.section .form_footer {\n overflow:hidden;\n width:100%;\n background-color:#000000;\n -webkit-border-bottom-right-radius: 5px;\n -moz-border-bottom-right-radius: 5px;\n border-bottom-right-radius: 5px;\n -webkit-border-bottom-left-radius: 5px;\n -moz-border-bottom-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n.section .contents_footer li,\n.section .form_footer li {\n margin:-1px 0 0;\n border-top:1px solid #808080;\n}\n.section .contents_footer li a,\n.section .form_footer li a {\n display:block;\n padding:10px;\n color:#FFFFFF;\n -webkit-tap-highlight-color:rgba(255,255,255,0.5);\n}\n.section .contents_footer li a {\n padding-right:30px;\n background: url(https://templates.blog.fc2.com/template/sphone/basic_black/chevron.png) no-repeat right center;\n}\n.section .form_footer li a {\n text-align:center;\n}\n.section .contents_footer li a:focus,\n.section .contents_footer li a:hover,\n.section .contents_footer li a:active,\n.section .form_footer li a:focus,\n.section .form_footer li a:hover,\n.section .form_footer li a:active {\n background-color:#0044B2;\n}\n\n/* コメント・トラバ非表示の場合（共通）\n---------------------------------------------- */\n.section .response li span,\n.section .contents_footer li span {\n display:block;\n padding:10px;\n color:#666666;\n}\n\n/*============================================================\n Profile (index mode)\n============================================================*/\n.profile_area {\n overflow:hidden;\n margin:0 2% 15px;\n background-color:#FFFFFF;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 3px rgba(0,0,0,0.3);\n}\n.profile_area dt {\n margin:10px 10px 0;\n padding:0 0 5px;\n border-bottom:2px solid #F2F2F2;\n}\n.profile_area dd {\n overflow: hidden;\n padding:10px;\n font-size:13px;\n}\n.profile_area dd .prof_image {\n float:left;\n margin-right:5px;\n}\n\n/*============================================================\n Ad\n============================================================*/\n.ad_header{\n text-align:center;\n margin:10px 0;\n}\n.ad_footer{\n text-align:center;\n margin:10px 0;\n}\n\n/*============================================================\n Pager\n============================================================*/\n#main_contents .pager {\n position:relative;\n overflow:hidden; \n margin:0 0 10px;\n padding:11px 0;\n min-height: 30px;\n text-align:center;\n}\n#main_contents .pager .prevpage {\n position:absolute;\n top:0;\n left:0;\n padding:8px 10px;\n}\n#main_contents .pager .nextpage {\n position:absolute;\n top:0;\n right:0;\n padding:8px 10px;\n}\n#main_contents .pager a {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_black_b_bg_001.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#AFAFAF),\n color-stop(0.5,#1F1F1F),\n to(#1A1A1A));\n background-image:\n -moz-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n background-image:\n -o-linear-gradient(top,\n #AFAFAF,\n #1F1F1F 50%,\n #1A1A1A\n );\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n#main_contents .pager a:focus,\n#main_contents .pager a:hover,\n#main_contents .pager a:active {\n background:#0044B2 none;\n}\n#main_contents .pager strong {\n margin:0 1px;\n padding:10px 15px;\n border:1px solid #000000;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background-color:#000000;\n -webkit-box-shadow: 1px 1px 1px #ffffff;\n -moz-box-shadow: 1px 1px 1px #ffffff;\n box-shadow: 1px 1px 1px #ffffff;\n color:#FFFFFF;\n}\n\n/*============================================================\n Page Navigation\n============================================================*/\n#page_navi {\n overflow:hidden;\n padding:0 2% 10px; /* marginにするとbox-shadowがでません */\n}\n#page_navi li {\n width:48%;\n border: 1px solid #ffffff;\n -webkit-border-radius:5px;\n -moz-border-radius:5px;\n border-radius:5px;\n background: url(https://blog-imgs-42.fc2.com/t/e/m/templates/basic_b_bg_000.png) repeat-x left center;\n background-image: -webkit-gradient(linear, left top, left bottom,\n from(#FFFFFF),\n color-stop(0.49,#FEFEFE),\n color-stop(0.5,#EAEAEA),\n to(#F9F9F9)\n );\n background-image:\n -moz-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n background-image:\n -o-linear-gradient(top,\n #FFFFFF,\n #FEFEFE 49%,\n #EAEAEA 50%,\n #F9F9F9\n );\n -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n box-shadow: 2px 2px 5px rgba(0,0,0,0.3);\n}\n#page_navi .goto_home { float:left; }\n#page_navi .page_top { float:right; }\n#page_navi li a {\n display:block;\n padding:10px;\n text-align:center;\n color:#505050;\n}\n\n/*============================================================\n Blog Footer\n============================================================*/\n#footer{\n text-align:center;\n}\n#footer .footer_menu a{\n margin:0 10px;\n}\n#footer .footer_menu{\n margin:10px 0;\n}\n#footer .copyright {\n margin:0 0 10px;\n font-size:12px;\n}\n#footer .powered {\n padding:10px 5px;\n background-color:#000000;\n text-align:center;\n color:#FFFFFF;\n}\n#footer .powered a {\n text-decoration:underline;\n}\n\n',4,'2020-07-24 12:09:11','2021-01-28 09:33:38'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (4,'testblog1',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
    \n \n \n
    \n
    \n
    \n \n \n \n
    p_area no_br\" id=\"e<%topentry_no>\">\n

    \" title=\"<%template_abs_link>\"><%topentry_title>

    \n
      \n
    • <%topentry_year>/<%topentry_month>/<%topentry_day>
      • \n
    • <%topentry_hour>:<%topentry_minute>
      • \n
    \n \n \n
    \n \n
    <%topentry_image>
    \n
    <%topentry_discription>
    \n \n <%topentry_discription>\n

    \" title=\"<%template_abs_link>\"><%template_extend>

    \n
    \n \n \n
    \n <%topentry_body>\n
    <%topentry_more>
    \n
    \n
    \n \n
    \n \n
    \n \n \n \n\n \n
    \n

    <%template_index>

    \n \n
    \n \n\n \n
    \n

    <%template_search_entry> : <%sub_title>

    \n \n
    \n \n\n \n
    \n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
    \n \n\n \n
    \n

    <%template_comment>

    \n \n
    \">\n

    <%comment_title>

    \n
    <%comment_body>
    \n \n \n
    \n <%comment_reply_body>\n
      \n
    • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
      • \n
    \n
    \n \n
    \n \n
    \n

    <%template_post_comment>

    \n
    \n
    \n
    \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />

    \n
    \n
    \n
    \n \n\n \n
    \n

    <%template_edit_comment>

    \n
    \n
    \n
    \n
    \n \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />\" />

    \n
    \n
    \n
    \n \n\n \n
    \n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
    \n \n\n \n \n
    \n

    \"><%plugin_third_title>

    \n
    \"><%plugin_third_description>
    \n
    \"><%plugin_third_content>
    \n
    \"><%plugin_third_description2>
    \n
    \n \n \n
    \n
    \n\n
    \n \n \n
    \n

    \"><%plugin_first_title>

    \n
    \"><%plugin_first_description>
    \n
    \"><%plugin_first_content>
    \n
    \"><%plugin_first_description2>
    \n
    \n \n \n
    \n\n \n
    \n
    \n \n
    \n \n
    \n

    \"><%plugin_second_title>

    \n
    \"><%plugin_second_description>
    \n
    \"><%plugin_second_content>
    \n
    \"><%plugin_second_description2>
    \n
    \n \n
    \n \n
    \n

    Powered by <%template_fc2blog>

    \n

    <%ad> <%ad2>

    \n

    Copyright © <%blog_name> All Rights Reserved.

    \n
    \n
    \n
    \n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',8,'2020-07-24 11:48:03','2020-07-24 11:48:03'); INSERT INTO `blog_templates` (`id`, `blog_id`, `template_id`, `title`, `html`, `css`, `device_type`, `created_at`, `updated_at`) VALUES (4,'testblog2',0,'初期テンプレート','\n\" lang=\"<%template_language>\">\n\n\" />\n\n\n\n\" />\n\" />\n<!--not_index_area--><%sub_title> - <!--/not_index_area--><%blog_name>\n\" media=\"all\" />\n?xml\" title=\"RSS\" />\n\" title=\"Top\" />\n?all\" title=\"<%template_index>\" />\n\" title=\"<%template_prevpage>\" />\n\" title=\"<%template_nextpage>\" />\n\" title=\"<%preventry_title>\" />\n\" title=\"<%nextentry_title>\" />\n\n\n\n\n
    \n \n \n
    \n
    \n
    \n \n \n \n
    p_area no_br\" id=\"e<%topentry_no>\">\n

    \" title=\"<%template_abs_link>\"><%topentry_title>

    \n
      \n
    • <%topentry_year>/<%topentry_month>/<%topentry_day>
      • \n
    • <%topentry_hour>:<%topentry_minute>
      • \n
    \n \n \n
    \n \n
    <%topentry_image>
    \n
    <%topentry_discription>
    \n \n <%topentry_discription>\n

    \" title=\"<%template_abs_link>\"><%template_extend>

    \n
    \n \n \n
    \n <%topentry_body>\n
    <%topentry_more>
    \n
    \n
    \n \n
    \n \n
    \n \n \n \n\n \n
    \n

    <%template_index>

    \n \n
    \n \n\n \n
    \n

    <%template_search_entry> : <%sub_title>

    \n \n
    \n \n\n \n
    \n \" title=\"<%preventry_title>\" class=\"prev preventry\"><%preventry_title>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%nextentry_title>\" class=\"next nextentry\"><%nextentry_title>\n
    \n \n\n \n
    \n

    <%template_comment>

    \n \n
    \">\n

    <%comment_title>

    \n
    <%comment_body>
    \n \n \n
    \n <%comment_reply_body>\n
      \n
    • <%comment_reply_year>/<%comment_reply_month>/<%comment_reply_day>(<%comment_reply_hour>:<%comment_reply_minute>)
      • \n
    \n
    \n \n
    \n \n
    \n

    <%template_post_comment>

    \n
    \n
    \n
    \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />

    \n
    \n
    \n
    \n \n\n \n
    \n

    <%template_edit_comment>

    \n
    \n
    \n
    \n
    \n \n \n \" />\n \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \" />
    \n
    \n
    \n
    \n
    \n
    \n
    <%template_private>
    \n
    \n
    \n

    \" />\" />

    \n
    \n
    \n
    \n \n\n \n
    \n \" title=\"<%template_prevpage>\" class=\"prev prevpage\"><%template_prevpage>\n \" title=\"<%template_home>\" class=\"home\"><%template_home>\n \" title=\"<%template_nextpage>\" class=\"next nextpage\"><%template_nextpage>\n
    \n \n\n \n \n
    \n

    \"><%plugin_third_title>

    \n
    \"><%plugin_third_description>
    \n
    \"><%plugin_third_content>
    \n
    \"><%plugin_third_description2>
    \n
    \n \n \n
    \n
    \n\n
    \n \n \n
    \n

    \"><%plugin_first_title>

    \n
    \"><%plugin_first_description>
    \n
    \"><%plugin_first_content>
    \n
    \"><%plugin_first_description2>
    \n
    \n \n \n
    \n\n \n
    \n
    \n \n
    \n \n
    \n

    \"><%plugin_second_title>

    \n
    \"><%plugin_second_description>
    \n
    \"><%plugin_second_content>
    \n
    \"><%plugin_second_description2>
    \n
    \n \n
    \n \n
    \n

    Powered by <%template_fc2blog>

    \n

    <%ad> <%ad2>

    \n

    Copyright © <%blog_name> All Rights Reserved.

    \n
    \n
    \n
    \n\n\n\n\n','@charset \"utf-8\";\n\n/* =================================================\n Reset\n================================================= */\nhtml,body,div,\ndl,dt,dd,ul,ol,li,\nh1,h2,h3,h4,h5,h6,\npre,form,fieldset,input,textarea,\nblockquote,th,td,p{\n margin:0;\n padding:0;\n}\n\n/* =================================================\n Element\n================================================= */\nbody{\n width:100%;\n text-align:center;\n font-family: \"メイリオ\", Meiryo, Verdana, Helvetica, \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku Gothic Pro\", \"ＭＳ Ｐゴシック\", sans-serif;\n line-height: 1.4;\n font-size: small !important; /* IE7 */\n font-size: 82%; /* IE6 */\n word-break:break-all;\n}\n/* Modern browser */\nhtml>/**/body {font-size:13px;}\na{\n text-decoration:none;\n /*\\*/\n overflow:hidden; /* for Fx */\n /**/\n}\n\nimg,a img{border:none;}\nul, ol, li, dl, dt, dd{list-style:none;}\ntable{\n border:0;\n font-size: small　!important; /* for Modern browser */\n font-size: 82%; /* for IE6 */\n}\nth,td{padding:0;}\nth{font-weight:normal;}\ninput,select,textarea{padding:2px;}\ntextarea { font-size:100%; }\nhtml>/**/textarea {font-size:13px;}\nfieldset{border:none;}\npre{font-family:monospace;}\n.emoji {vertical-align:middle; }\n\n/* =================================================\n Hyper text\n================================================= */\na { \n text-decoration: none;\n /*\\*/\n overflow: hidden; /* for Fx */\n /**/\n}\n\na:link,\na:visited {\n color: #5DA7D1; /* リンク、訪問済みリンクの文字色 */\n}\n\na:focus,\na:hover,\na:active {\n color: #8ADAE6; /* リンクにポインタをのせた時の文字色 */\n}\n\n/* =================================================\n Headline\n================================================= */\nh1{font-size:276%; font-weight: normal;} /* 36px */\nh2,\nh3{font-size:124%; font-weight: normal;} /* 16px */\nh4{font-size:108%; font-weight: normal;} /* 14px */\nh5,\nh6{font-size:100%; font-weight: normal;} /* 13px */\n\n/* =================================================\n Font Color\n================================================= */\nbody { color: #444444; }\n\n#header h1 a /* ブログタイトル */ { color: #333333; }\n\n#headermenu .archives a /* 「記事一覧」のリンク */ ,\n#main_contents h2 a /* 記事タイトル */ ,\n#main_contents .entry_body .entry_more a /* 「続きを読む」のリンク */\n{ color: #333333; }\n\n#main_contents blockquote /* 引用部分 */ ,\n#main_contents .entry_date /* 記事の日付 */ ,\n#main_contents .content .entry_state li /* カテゴリ等 */ ,\n#main_contents .content .entry_state li a /* CM数,TB数等 */ ,\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ ,\n#main_contents .page_navi a /* ページナビ */\n{ color: #999999; }\n\n#main_contents .list_body li /* 記事一覧ページ */ ,\n{ color: #666666; }\n\n/* =================================================\n Font Size\n================================================= */\n#header p /* ブログ紹介文 */ { font-size: 158%; /* 21px */ }\n#headermenu /* 「記事一覧」の文字 */ { font-size: 139%; /* 18px */ }\n#main_contents /* 記事本文等 */ { font-size:124%; /* 16px */ }\n#main_contents .entry_date /* 記事日付 */ ,\n#main_contents .entry_state /* CM数,TB数,カテゴリ等 */ { font-size: 85%; /* 14px */ }\n#main_contents .entry_body .entry_more /* 「続きを読む」の文字 */ { font-size: 108%; /* 17px */ }\n#main_contents .sub_content .sub_footer /* CM,TBのフッタ */ { font-size: 85%; /* 14px */ }\n#sidemenu /* サイドメニュー(プラグイン) */ { font-size:116%; /* 15px */ }\n#sidemenu h3 /* サイドメニュー(プラグイン)タイトル */ { font-size: 131%; /* 20px */ }\n#footer /* フッター */ { font-size:124%; /* 16px */ }\n\n\n/* =================================================\n Content Width\n ※ 幅を固定にする場合は、それぞれのmin-width、\n max-widthを削除し、widthで好きな幅を指定して下さい\n================================================= */\n#container { min-width: 800px; }\n#headermenu , #wrap ,\n#footer_plg , #footer_inner {\n min-width: 800px;\n max-width: 1200px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n}\n\n/* =================================================\n Layout\n================================================= */\n#container {\n position: relative;\n overflow: hidden;\n width: 100%;\n margin: 0 auto;\n text-align: center;\n}\n\n#header {\n overflow: hidden;\n margin-bottom: -40px;\n padding: 20px 0 80px 0;\n text-align: left;\n}\n\n#headermenu {\n height: 39px;\n margin: 0 auto;\n}\n\n#wrap {\n position:relative;\n overflow:hidden;\n margin: 0 auto 20px;\n text-align: right;\n}\n\n#main {\n float: left;\n position: relative;\n width: 100%;\n margin-top: 35px;\n margin-right: -340px;\n text-align: left;\n}\n\n#main_contents {\n margin: -36px 340px 0 0; /* 2番目の数字(右側)はsidemenuのwidthの変更に合わせて調整して下さい */\n padding-top: 35px;\n}\n\n#sidemenu {\n float: right;\n position:relative;\n overflow: hidden;\n width: 320px; /* サイドメニューの幅 */\n padding-top: 35px;\n}\n\n#footer {\n clear: both;\n padding: 20px 0;\n}\n\n#footer_plg {\n clear:both;\n margin: 0 auto;\n}\n\n#footer_inner {\n clear:both;\n margin: 0 auto;\n}\n\n/* =================================================\n Container\n================================================= */\n#container {\n background-color: #FFFFFF; /* 全体の背景色 */\n}\n\n/* =================================================\n Header\n================================================= */\n#header {\n background: #FFFFFF url(https://blog-imgs-43.fc2.com/t/e/m/templates/header_background.png) repeat-x bottom left; /* ヘッダー背景 */\n border-bottom: 1px solid #cfcfcf;\n -webkit-box-shadow: 0px 1px 1px 0px #CCC;\n -moz-box-shadow: 0px 1px 1px 0px #CCC;\n box-shadow: 0px 1px 1px 0px #CCC;\n}\n\n#header h1,\n#header p {\n min-width: 785px;\n max-width: 1185px;\n width:expression(document.body.clientWidth < 802? \"800px\" : document.body.clientWidth > 1202? \"1200px\" : \"auto\"); /* For IE */\n margin: 0 auto;\n}\n\n#header h1 {\n margin-bottom: 20px;\n padding-left: 15px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/blog_name.png) no-repeat left center; /* ブログタイトル前のアイコン */\n}\n\n/* =================================================\n Headermenu\n================================================= */\n#headermenu {\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat -1px 0;\n}\n\n#headermenu .archives {\n float: left;\n width: 105px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu.png) no-repeat 103px 0;\n}\n\n#headermenu .archives a {\n display: block;\n width: 105px;\n height: 39px;\n line-height: 39px;\n}\n\n#headermenu .archives a:hover {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/headermenu_hover.png) no-repeat bottom left;\n background-size: 100% 100%;\n}\n\n#headermenu .switch {\n float: right;\n width: 100px;\n}\n\n#headermenu .switch li {\n float: right;\n width: 49px;\n}\n\n#headermenu .switch li.grid { width: 49px; }\n\n#headermenu .switch li a {\n display: block;\n width: 49px;\n height: 39px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/switch_btn.png) no-repeat -1px 0;\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden;\n}\n\n#headermenu .switch li.list a {background-position: -1px 0; }\n#headermenu .switch li.grid a {background-position: -49px 0; width: 49px; }\n#headermenu .switch li.list a:hover {background-position: -1px -39px; }\n#headermenu .switch li.grid a:hover {background-position: -49px -39px }\n#headermenu .switch li.list a.selected {background-position: -1px -39px; }\n#headermenu .switch li.grid a.selected {background-position: -49px -39px }\n\n/* =================================================\n Main\n================================================= */\n#main {\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n/* content\n-------------------------------------------------- */\n#main_contents .content {\n position: relative;\n margin-bottom: 20px;\n padding: 15px 0 20px;\n background-color: #FFFFFF; /* メインカラムのコンテンツ背景色 */\n border-top: 1px dotted #B5B5B6; /* メインカラムのコンテンツ上のライン */\n border-bottom: 1px dotted #B5B5B6; /* メインカラムのコンテンツ下のライン */\n}\n\n#main_contents h2.entry_header,\n#main_contents h2.sub_header {\n margin: 0 0 15px;\n padding: 5px 0 5px 35px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 20px 5px; /* 記事タイトル前のアイコン */\n}\n\n#main_contents h2.entry_header a,\n#main_contents h2.sub_header a {\n display: block;\n width: 100%;\n height: 1.4em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents h3.sub_header {\n margin: -15px 0 20px;\n padding: 10px 20px 10px 35px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 15px 10px; /* メインカラムのプラグインタイトル前のアイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents h4.sub_title {\n padding: 3px 0 3px 15px;\n margin-bottom: 20px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat left 2px; /* コメント・TB見出し前のアイコン */\n}\n\n/* content style */\n#main_contents blockquote {\n margin-bottom: 10px;\n padding: 15px;\n background-color: #F4F4F4;\n}\n\n#main_contents input {\n padding: 2px;\n}\n\n/* entry_date */\n#main_contents .entry_date {\n float: left;\n width: 170px;\n margin: 0 0 10px 20px;\n text-align: left;\n}\n\n#main_contents .entry_date li {\n display: inline;\n margin-right: 1em;\n}\n\n/* entry_state */\n#main_contents .entry_state {\n float: right;\n overflow: hidden;\n width: 140px;\n margin: 0 20px 10px 0;\n text-align: right;\n}\n\n#main_contents .content .entry_state li {\n display: inline;\n margin-left: 1em;\n padding-right: 1em;\n border-right: 1px solid #999999;\n}\n\n#main_contents .content .entry_state li:last-child {\n padding-right: 0;\n border-right: none;\n}\n\n/* entry_body */\n#main_contents .entry_body {\n clear: both;\n overflow: hidden;\n margin: 0 20px;\n padding-bottom: 40px;\n zoom: 100%;\n}\n\n#main_contents .entry_body:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_body .entry_image {\n position: absolute;\n left: 20px;\n}\n\n#main_contents .entry_body .entry_image img {\n max-width: 200px; /* リスト表示の時のサムネイルの幅の上限 */\n max-height: 250px;\n border: 4px solid #FFFFFF;\n -webkit-box-shadow: 0px 1px 1px 0px #999999;\n -moz-box-shadow: 0px 1px 1px 0px #999999;\n box-shadow: 0px 1px 1px 0px #999999;\n}\n\n#main_contents .entry_body .entry_discription {\n margin-left: 238px; /* サムネイル幅を変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n#main_contents .entry_body .entry_more {\n position: absolute;\n right: 20px;\n bottom: 10px;\n padding: 15px 0;\n text-align: right;\n}\n\n#main_contents #e .entry_body .entry_more { display:none; }\n\n#main_contents .entry_body .entry_more a { /* 「続きを読む」リンク */\n display: inline-brock;\n margin-top: 10px;\n padding: 5px 10px;\n background: #EAEAEA;\n border-top: 1px solid #DCDDDD;\n border-radius: 3px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n text-align: center;\n}\n\n#main_contents .entry_body .entry_more a:hover { /* 「続きを読む」リンクにポインタをのせた時の設定 */\n background: #8ADAE6;\n border-top: 1px solid #6BA9B3;\n color: #FFFFFF;\n}\n\n#main_contents .entry_body .more {\n margin-top: 10px;\n}\n\n#main_contents .entry_body .fc2_footer {\n margin-top: 10px;\n}\n\n/* Baton */\ndl.blog_baton {\n border: 1px solid #EFEFEF;\n padding: 20px 20px 10px;\n}\n\ndt.baton_q {\n padding-bottom: 5px;\n}\n\ndd.baton_a {\n margin-bottom: 10px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* relate 関連記事リンク */\n.relate_dl {margin-top:25px;}\n.relate_dl dt {\n font-size:124%;\n margin-bottom: 10px;\n padding-left: 5px;\n border-left: 5px solid #CCC;\n}\n\n/* fc2twtr */\n.fc2twtr {\n zoom:100%;\n}\n\n.fc2twtr:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n.fc2twtr dt {\n margin-bottom: 20px;\n}\n\n.fc2twtr dd {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n color: #666666;\n}\n\n/* entry_footer */\n#main_contents .entry_footer {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 15px 0;\n background: #F4F4F4; /* 個別ページ 記事フッタの背景色 */\n zoom: 100%;\n}\n\n#main_contents .entry_footer:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .entry_footer .entry_state {\n margin-bottom: 0;\n width: auto;\n}\n\n/* titlelist search */\n#main_contents .list_body {\n padding: 0 20px;\n}\n\n#main_contents .list_body li {\n margin-bottom: 5px;\n padding-bottom: 5px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n/* sub content */\n#main_contents .sub_content {\n margin-bottom: 20px;\n padding: 20px;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#main_contents .sub_content .sub_footer {\n margin-top: 20px;\n text-align: right;\n}\n\n#main_contents .sub_content .sub_footer li {\n display: inline;\n margin-left: 1em;\n}\n\n#main_contents .sub_content .sub_footer li a { color: #999999; }\n\n#main_contents .sub_content .sub_footer li a:hover { color: #8ADAE6; }\n\n/* form */\n#main_contents .form {\n margin: 0 20px;\n}\n\n/* trackback */\n#main_contents .trackback {\n margin: 0 20px;\n}\n#main_contents .trackback input {\n width: 396px;\n}\n\n/* list_content \n-------------------------------------------------- */\n#main_contents .list_content {\n float: none;\n}\n\n/* grid_content\n-------------------------------------------------- */\n#main_contents .grid_content {\n float: left;\n margin-left: -1px;\n margin-right: -1px;\n width: 50%;\n height: 310px; /* グリッド表示の時の記事の高さ */\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n#main_contents .grid_content .fc2blomaga_buy_area {\n display:none;\n}\n#main_contents .grid_content .entry_body {\n overflow: hidden;\n height: 5.8em;\n}\n#main_contents #e,#main_contents #e .entry_body { height: auto; }\n\n#main_contents .p_area,#main_contents .p_area .entry_body {\n height: auto;\n}\n\n#main_contents .grid_content .entry_body .entry_image img {\n max-width: 150px; /* グリッド表示の時のサムネイルの幅の上限 */\n max-height: 210px;\n}\n\n#main_contents .grid_content .entry_body .entry_discription {\n margin-left: 178px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n}\n\n#main_contents .grid_content:first-child, #main_contents .p_area {\n float: none;\n width: 100%;\n min-height: 110px;\n margin-left: 0;\n margin-right: 0;\n border-left: none;\n border-right: none;\n}\n\n#main_contents .no_br:first-child br { display: none; }\n\n#main_contents .p_area .entry_body {\n height: auto;\n}\n#main_contents .p_area .entry_body .fc2blomaga_buy_area {\n display:block;\n}\n\n#main_contents .grid_content:first-child .entry_image img, #main_contents .p_area .entry_image img {\n max-width: 200px; /* グリッド表示の時の最初の記事のサムネイルの幅の上限 */\n max-height: 220px;\n}\n\n#main_contents .grid_content:first-child .entry_discription {\n margin-left: 238px; /* ↑の.entry_image imgのmax-widthを変更した場合はこちらも調整して下さい */\n min-height: 228px;\n}\n\n/* page_navi\n-------------------------------------------------- */\n#main_contents .page_navi {\n position:relative;\n clear: both;\n height: 123px;\n margin-top: -20px;\n text-align: center;\n zoom:100%;\n}\n\n#main_contents .page_navi:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#main_contents .page_navi a {\n display: block;\n overflow: hidden;\n height: 18px;\n width: 123px;\n padding-top: 45px;\n padding-bottom: 60px;\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_navi.png) no-repeat 0 0;\n}\n\n#main_contents .page_navi a:hover { color: #8ADAE6; }\n\n#main_contents .page_navi .prev {\n float: left;\n width: 30%;\n background-position: left -145px;\n text-align: left;\n\n}\n\n#main_contents .page_navi .next {\n float: right;\n width: 30%;\n background-position: right -145px;\n text-align: right;\n}\n\n#main_contents .page_navi .home {\n position: absolute;\n left:50%;\n margin-left: -61px;\n background-position: -375px -145px;\n text-indent: 100%; \n white-space: nowrap; \n overflow: hidden;\n}\n\n#main_contents .page_navi a.prev:hover { background-position: left 15px; }\n#main_contents .page_navi a.next:hover { background-position: right 15px; }\n#main_contents .page_navi a.home:hover { background-position: -375px 15px; }\n\n#main_contents .page_navi .prevpage,\n#main_contents .page_navi .nextpage {\n text-align: left;\n text-indent: -100%; \n white-space: nowrap; \n overflow: hidden;\n white-space:nowrap;\n text-overflow: ellipsis;\n}\n\n#main_contents .page_navi .preventry {\n padding-left:80px;\n}\n#main_contents .page_navi .nextentry {\n padding-right: 80px;\n}\n\n/* =================================================\n Entry (html tag)\n================================================= */\n.p_area .entry_body h2, .p_area .entry_body h3,\n.p_area .entry_body h4, .p_area .entry_body h5 {\n background: url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 5px 5px;\n margin: 0 0 10px;\n padding: 5px 0 5px 20px;\n}\n.p_area .entry_body ul,\n.p_area .entry_body ol { margin: 1em 0em 1em; }\n.p_area .entry_body ul li {\n list-style: disc outside;\n margin-left: 2em;\n}\n.p_area .entry_body ol li {\n list-style: decimal outside;\n margin-left: 2em;\n}\n.p_area .entry_body table {\n border-collapse: collapse;\n}\n.p_area .entry_body table th,\n.p_area .entry_body table td {\n padding: 5px;\n}\n.p_area .entry_body table th { background-color: #EFEFEF; }\n\n/* =================================================\n Sidemenu\n================================================= */\n#sidemenu {\n border-left: 1px dotted #B5B5B6;\n border-right: 1px dotted #B5B5B6;\n}\n\n#sidemenu .sidemenu_content {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #FFFFFF; /* サイドメニュー(プラグイン)の背景色、アイコン */\n border-bottom: 1px dotted #B5B5B6;\n}\n\n#sidemenu h3 {\n margin: -10px -10px 0;\n padding: 10px 10px 10px 25px;\n background: #F4F4F4 url(https://blog-imgs-43.fc2.com/t/e/m/templates/content_title.png) no-repeat 10px 10px; /* サイドメニュー(プラグイン)のタイトルの背景色、アイコン */\n border-top: 1px dotted #B5B5B6;\n border-bottom: 1px dotted #B5B5B6;\n}\n\n/* =================================================\n pagetop\n================================================= */\n#pagetop {\n position: fixed;\n right:200px;\n bottom:50px;\n z-index: 100;\n}\n\n#pagetop a {\n display: block;\n width: 58px;\n height: 58px;\n background: #EEEEEE url(https://blog-imgs-43.fc2.com/t/e/m/templates/page_top.png) no-repeat 13px 13px;\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n opacity: 0.7;\n filter: alpha(opacity=70);\n text-indent: 100%;\n white-space: nowrap;\n overflow: hidden; \n}\n\n#pagetop a:hover {\n opacity: 1;\n background-position:13px -48px;\n}\n\n/* =================================================\n plgin\n================================================= */\n.plg .plg_description,\n.plg .plg_body,\n.plg .plg_footer {\n margin-top: 10px;\n}\n\n#main_contents .plg .plg_description,\n#main_contents .plg .plg_body,\n#main_contents .plg .plg_footer {\n margin-left: 20px;\n margin-right: 20px;\n}\n\n.plg li {\n margin-bottom: 5px;\n}\n\n.plg input {\n margin: 2px;\n}\n\n/* plugin-search\n------------------------------------------------- */\n.plg .plugin-search input[type=\"text\"] {\n width: 90%;\n}\n\n/* Calendar(Plugin)\n------------------------------------------------- */\n.plg table.calender {\n width: 100%;\n margin: 0px auto;\n font-size: 100%;\n}\n\n.plg table.calender caption {\n margin-bottom: 10px;\n margin: 0px auto;\n}\n\n.plg table.calender th,\n.plg table.calender td {\n padding: 0.1em;\n border-bottom: 1px solid #EFEFEF;\n text-align: center;\n}\n\n.plg table.calender td a {\n display: block;\n background-color: #EFEFEF;\n}\n\n.plg table.calender td a:hover {\n background-color: #8ADAE6;\n color: #ffffff;\n}\n\n.plg table.calender th#sun {\n color: #FF0000;\n}\n\n.plg table.calender th#sat {\n color: #0000FF;\n}\n\n/* Piyo(Plugin)\n------------------------------------------------- */\n.plg .mylog {\n padding: 10px;\n background: #F9F9F9;\n border: 1px solid #EFEFEF;\n}\n\n.plg .mylog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n border-bottom: 1px solid #EFEFEF;\n font-weight: bold;\n}\n\n.plg .mylog dl {\n margin: 0px;\n padding: 0px;\n}\n\n.plg .mylog dt.day {\n margin: 0px;\n padding: 0px 0px 5px;\n background-image: none;\n text-align: left;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n.plg .mylog dt.day img {\n vertical-align: middle;\n}\n\n.plg .mylog dd.piyolog {\n margin: 0px 0px 5px;\n padding: 0px 0px 10px;\n border-bottom: 1px solid #EFEFEF;\n}\n\n.plg .tab {\n text-align: right;\n margin-bottom: 10px;\n}\n\n.plg .tab input{\n padding: 2px 5px;\n}\n\n.plg .tab input.b1{\n margin-right: 5px;\n}\n\n.plg .license {\n text-align: right;\n font-size: 85% !important; /* for Modern browser */\n font-size: 93%; /* for IE6 */\n}\n\n/* =================================================\n Footer\n================================================= */\n#footer {\n background: #EFEFEF; /* フッターの背景色 */\n -webkit-box-shadow: 0px 1px 3px 0px #CCC inset;\n -moz-box-shadow: 0px 1px 3px 0px #CCC inset;\n box-shadow: 0px 1px 3px 0px #CCC inset;\n text-shadow: 0px 1px 2px #FFFFFF;\n}\n\n/* footer_plg\n------------------------------------------------- */\n#footer_plg {\n padding-bottom: 40px;\n border-left: 1px dotted #9FA0A0;\n zoom:100%;\n}\n\n#footer_plg:after {\n content: \"\";\n clear: both;\n height: 0;\n display: block;\n visibility: hidden;\n}\n\n#footer_plg .footer_content {\n float: left;\n width: 199px;\n padding: 0 20px;\n border-right: 1px dotted #9FA0A0;\n}\n\n#footer_plg h3 {\n margin-bottom: 10px;\n}\n\n/* footer_inner\n------------------------------------------------- */\n#footer_inner /* フッター(コピーライト等) */ { color: #B5B5B6; }\n\n/* =================================================\n for MacIE\n================================================= */\n/*\\*//*/\ntextarea, select, input {\n font-family:Osaka;\n}\n/**/\n\ntextarea,input,select {\n font-family: \"ＭＳ Ｐゴシック\", \"Osaka\", \"ヒラギノ角ゴ Pro W3\", \"Hiragino Kaku GothicPro\", sans-serif;\n}\n\n',8,'2020-07-24 12:09:11','2020-07-24 12:09:11'); /*!40000 ALTER TABLE `blog_templates` ENABLE KEYS */; From 4227f807289fa2073ee6913fcd0301e45b10a217 Mon Sep 17 00:00:00 2001 From: uzulla Date: Thu, 4 Feb 2021 08:28:08 +0900 Subject: [PATCH 8/9] Refactoring blog crawl tests. parallel execute ok. --- e2e_test/tests/blog_crawl.test.ts | 158 +++++------------- e2e_test/tests/blog_crawl_sp.test.ts | 240 ++++++++------------------- e2e_test/tests/helper.ts | 81 ++++++++- 3 files changed, 182 insertions(+), 297 deletions(-) diff --git a/e2e_test/tests/blog_crawl.test.ts b/e2e_test/tests/blog_crawl.test.ts index 6c1323dc..2573ea30 100644 --- a/e2e_test/tests/blog_crawl.test.ts +++ b/e2e_test/tests/blog_crawl.test.ts @@ -30,18 +30,12 @@ describe("crawl some blog", () => { }); it("open blog top", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.goto(start_url), - ]); - + await c.openUrl(start_url); await c.getSS("blog_top"); - expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url); expect(await c.page.title()).toEqual("testblog2"); }); - it("check cookie", async () => { + it("blog top - check cookie", async () => { const cookies = await c.page.cookies(); // ここがコケるということは、テスト無しにクッキーが追加されているかも @@ -78,8 +72,8 @@ describe("crawl some blog", () => { expect(template_cookie.sameSite).toEqual("Lax"); }); - it("check fuzzy display contents", async () => { - const title_text = await c.page.$eval("h1 a", (elm) => elm.innerHTML); + it("blog top - check fuzzy display contents", async () => { + const title_text = await c.getTextBySelector("h1 a"); expect(title_text).toEqual("testblog2"); const entry_bodies = await c.page.$$eval("div.entry_body", (elm_list) => { @@ -93,83 +87,55 @@ describe("crawl some blog", () => { expect(entry_bodies[2].match(/テスト記事１/)).toBeTruthy(); }); - it("click first entry's 「続きを読む」", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - (await c.page.$("div.entry_body a")).click() - ]); + it("blog top - click first entry's 「続きを読む」", async () => { + const response = await c.clickBySelector("div.entry_body a"); await c.getSS("entry"); - expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); - const entry_h2_title = await c.page.$eval( - "h2.entry_header", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("h2.entry_header"); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/3rd/)).toBeTruthy(); - expect(entry_h2_title.match(/3rd/)).toBeTruthy(); }); - it("click next page", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.click("a.nextentry"), - ]); + it("entry page - click next page", async () => { + const response = await c.clickBySelector("a.nextentry"); await c.getSS("entry_next_page"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=2"); expect(await c.page.title()).toEqual("2nd - testblog2"); - const entry_h2_title = await c.page.$eval( - "h2.entry_header", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("h2.entry_header"); + expect(entry_h2_title.match(/2nd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/2nd/)).toBeTruthy(); - expect(entry_h2_title.match(/2nd/)).toBeTruthy(); }); - it("click prev page", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.click("a.preventry"), - ]); + it("entry page - click prev page", async () => { + const response = await c.clickBySelector("a.preventry"); await c.getSS("entry_prev_page"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); - const entry_h2_title = await c.page.$eval( - "h2.entry_header", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("h2.entry_header"); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/3rd/)).toBeTruthy(); - expect(entry_h2_title.match(/3rd/)).toBeTruthy(); }); let posted_comment_num; let post_comment_title; - it("fill comment form", async () => { - // check comment form display + it("entry page - fill comment form", async () => { + // check comment form is shown expect( (await c.page.$eval("#cm h3.sub_header", (elm) => elm.textContent)).match( /コメント/ @@ -200,25 +166,17 @@ describe("crawl some blog", () => { ) await c.getSS("comment_after_fill"); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_form input[type=submit]"), - ]); - + const response = await c.clickBySelector("#comment_form input[type=submit]"); await c.getSS("comment_confirm"); - expect(response.status()).toEqual(200); + expect(response.url()).toEqual(start_url); }); - it("fail with wrong captcha", async () => { + it("comment form - fail with wrong captcha", async () => { // input wrong captcha await c.page.type("input[name=token]", "0000"/*wrong key*/); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form input[type=submit]"), - ]); - + const response = await c.clickBySelector("#sys-comment-form input[type=submit]"); await c.getSS("comment_wrong_captcha"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); @@ -236,14 +194,11 @@ describe("crawl some blog", () => { expect(is_captcha_failed).toBeTruthy(); }); - it("successful comment posting", async () => { + it("comment form - successful comment posting", async () => { await c.page.type("input[name=token]", captcha_key); await c.getSS("before_comment_success"); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form input[type=submit]"), - ]); + const response = await c.clickBySelector("#sys-comment-form input[type=submit]"); expect(response.status()).toEqual(200); const exp = new RegExp( @@ -257,15 +212,10 @@ describe("crawl some blog", () => { posted_comment_num = parseInt(comment_a_text.match(/CM:([0-9]{1,3})/)[1]); }); - it("edit exists comment", async () => { + it("entry page - edit exists comment", async () => { await c.getSS("comment_edit_before"); - let [response1] = await Promise.all([ - c.waitLoad(), - await (await getEditLinkByTitle(post_comment_title)).click(), - ]); - - expect(response1.status()).toEqual(200); + await c.clickElement(await getEditLinkByTitle(post_comment_title)); await fillEditForm( c.page, @@ -279,45 +229,30 @@ describe("crawl some blog", () => { await c.getSS("comment_edit_page"); - // 保存する - let [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_form > p > input[type=submit]:nth-child(1)"), - ]); - + // 確認フォームへ + let response = await c.clickBySelector("#comment_form > p > input[type=submit]:nth-child(1)"); await c.getSS("comment_edit_confirm"); expect(response.status()).toEqual(200); + // 保存実行 await c.page.type("input[name=token]", captcha_key); - - [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form input[type=submit]"), - ]); - + response = await c.clickBySelector("#sys-comment-form input[type=submit]"); await c.getSS("comment_edit_success"); expect(response.status()).toEqual(200); }); - it("fail comment delete by wrong password", async () => { + it("entry page - fail comment delete by wrong password", async () => { await c.getSS("comment_delete_fail_before"); // open comment edit page - let [response1] = await Promise.all([ - c.waitLoad(), - await (await getEditLinkByTitle("edited_" + post_comment_title)).click(), - ]); - expect(response1.status()).toEqual(200); + await c.clickElement(await getEditLinkByTitle("edited_" + post_comment_title)); const h3_test = await c.page.$eval("#edit > h3.sub_header", (elm) => { return elm.textContent; }); expect(h3_test.match(/コメントの編集/)).toBeTruthy(); // click delete button - const delete_button = await c.page.$( - "#comment_form > p > input[type=submit]:nth-child(2)" - ); - let [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); + let response = await c.clickBySelector("#comment_form > p > input[type=submit]:nth-child(2)"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); @@ -326,30 +261,17 @@ describe("crawl some blog", () => { expect(/必ず入力してください/.exec(wrong_password_error_text)).toBeTruthy(); }); - it("successfully delete comment", async () => { - let [response1] = await Promise.all([ - c.waitLoad(), - c.page.goto(start_url+"?no=3"), - ]); - expect(response1.status()).toEqual(200); + it("entry page - successfully delete comment", async () => { + await c.openUrl(start_url+"?no=3"); // open comment edit page await c.getSS("comment_before_delete1"); - let [response2] = await Promise.all([ - c.waitLoad(), - await (await getEditLinkByTitle("edited_" + post_comment_title)).click(), - ]); - expect(response2.status()).toEqual(200); + await c.clickElement(await getEditLinkByTitle("edited_" + post_comment_title)); await c.page.type("#pass", "pass_is_pass"); await c.getSS("comment_before_delete"); - let [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_form > p > input[type=submit]:nth-child(2)") - ]); - - expect(response.status()).toEqual(200); + let response = await c.clickBySelector("#comment_form > p > input[type=submit]:nth-child(2)"); expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=view&id=3"); await c.getSS("comment_deleted"); diff --git a/e2e_test/tests/blog_crawl_sp.test.ts b/e2e_test/tests/blog_crawl_sp.test.ts index ab6d2e20..61ae0e60 100644 --- a/e2e_test/tests/blog_crawl_sp.test.ts +++ b/e2e_test/tests/blog_crawl_sp.test.ts @@ -2,33 +2,24 @@ import {afterAll, beforeAll, describe, expect, it} from "@jest/globals"; import {Helper} from "./helper"; import {ElementHandle} from "puppeteer"; -describe("crawl some blog sp", () => { +describe("crawl some blog with smartphone", () => { let c: Helper; - let captcha_key: string; + let captcha_key: string= "1234"; + const start_url = "http://localhost:8080/testblog2/"; beforeAll(async () => { c = new Helper(); await c.init(); await c.setSpUserAgent(); - captcha_key = "1234"; }); - const start_url = "http://localhost:8080/testblog2/"; - it("open blog top", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.goto(start_url), - ]); - + await c.openUrl(start_url); await c.getSS("blog_top_sp.png"); - - expect(response.status()).toEqual(200); - expect(response.url()).toEqual(start_url); expect(await c.page.title()).toEqual("testblog2"); }); - it("check cookie", async () => { + it("blog top - check cookie", async () => { const cookies = await c.page.cookies(); // ここがコケるということは、テスト無しにクッキーが追加されているかも @@ -46,8 +37,8 @@ describe("crawl some blog sp", () => { expect(session_cookie.sameSite).toEqual("Lax"); }); - it("check fuzzy display contents", async () => { - const title_text = await c.page.$eval("h1 a", (elm) => elm.innerHTML); + it("blog top - check fuzzy display contents", async () => { + const title_text = await c.getTextBySelector("h1 a"); expect(title_text).toEqual("testblog2"); const entry_bodies = await c.page.$$eval("ul#entry_list strong", (elm_list) => { @@ -62,92 +53,59 @@ describe("crawl some blog sp", () => { expect(entry_bodies[2].match(/テスト記事１/)).toBeTruthy(); }); - it("click first entry", async () => { - const link = await c.page.$("ul#entry_list a"); - - const [response] = await Promise.all([c.waitLoad(), link.click()]); - + it("blog top - click first entry", async () => { + const response = await c.clickBySelector("ul#entry_list a"); await c.getSS("entry_sp.png"); - - expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); - const entry_h2_title = await c.page.$eval( - "div.entry_title h2", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("div.entry_title h2"); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/3rd/)).toBeTruthy(); - expect(entry_h2_title.match(/3rd/)).toBeTruthy(); }); - it("next page", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.click("a.nextpage"), - ]); - - expect(response.status()).toEqual(200); + it("entry page - click next page", async () => { + const response = await c.clickBySelector("a.nextpage"); expect(response.url()).toEqual(start_url + "?no=2"); expect(await c.page.title()).toEqual("2nd - testblog2"); - const entry_h2_title = await c.page.$eval( - "div.entry_title h2", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("div.entry_title h2"); + expect(entry_h2_title.match(/2nd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/2nd/)).toBeTruthy(); - expect(entry_h2_title.match(/2nd/)).toBeTruthy(); }); - it("prev page", async () => { - const [response] = await Promise.all([ - c.waitLoad(), - c.page.click("a.prevpage"), - ]); + it("entry page - click prev page", async () => { + const response = await c.clickBySelector("a.prevpage"); - expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); - const entry_h2_title = await c.page.$eval( - "div.entry_title h2", - (elm) => elm.textContent - ); - const entry_body = await c.page.$eval( - "div.entry_body", - (elm) => elm.textContent - ); + const entry_h2_title = await c.getTextBySelector("div.entry_title h2"); + expect(entry_h2_title.match(/3rd/)).toBeTruthy(); + const entry_body = await c.getTextBySelector("div.entry_body"); expect(entry_body.match(/3rd/)).toBeTruthy(); - expect(entry_h2_title.match(/3rd/)).toBeTruthy(); }); let posted_comment_num; - it("open comment form", async () => { - const link = await c.page.$("#entry > ul > li:nth-child(1) > a"); - const [response] = await Promise.all([c.waitLoad(), link.click()]); - expect(response.status()).toEqual(200); + it("entry page - open comment form", async () => { + const response = await c.clickBySelector("#entry > ul > li:nth-child(1) > a"); + expect(response.url()).toEqual(start_url + "?no=3&m2=form"); expect(await c.page.title()).toEqual("3rd - testblog2"); }); let post_comment_title; - it("fill comment", async () => { + it("user template comment form - fill comment", async () => { // generate uniq title post_comment_title = "テストタイトル_" + Math.floor(Math.random() * 1000000).toString(); - console.log(post_comment_title); + // console.log(post_comment_title); await c.getSS("comment_before_fill_sp"); await fillCommentForm( @@ -161,29 +119,19 @@ describe("crawl some blog sp", () => { ) await c.getSS("comment_after_fill_sp"); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_post > form > div > a"), - ]); - + const response = await c.clickBySelector("#comment_post > form > div > a"); await c.getSS("comment_confirm_sp"); - expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); }); - it("failed with wrong captcha", async () => { + it("comment form - failed with wrong captcha", async () => { // input wrong captcha await c.page.type("input[name=token]", "0000"); // wrong key - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form > fieldset > div > input"), - ]); - + const response = await c.clickBySelector("#sys-comment-form > fieldset > div > input"); await c.getSS("comment_wrong_captcha_sp"); - expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); // 特定しやすいセレクタがない @@ -200,52 +148,35 @@ describe("crawl some blog sp", () => { expect(is_captcha_failed).toBeTruthy(); }); - it("comment success", async () => { + it("comment form - comment success", async () => { await c.page.type("input[name=token]", captcha_key); await c.getSS("comment_correct_token_sp"); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form input[type=submit]"), - ]); - - expect(response.status()).toEqual(200); + const response = await c.clickBySelector("#sys-comment-form input[type=submit]"); const exp = new RegExp( start_url + 'index.php\\?mode=entries&process=view&id=[0-9]{1,100}' ); - expect(response.url().match(exp)).not.toBeNull(); - const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm => elm.textContent); - + const comment_a_text = await c.getTextBySelector("#entry > ul > li:nth-child(2) > a"); await c.getSS("comment_success_sp"); posted_comment_num = parseInt(comment_a_text.match(/コメント\(([0-9]{1,3})\)/)[1]); }); - it("open comment list", async () => { - const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); - expect(response.status()).toEqual(200); + it("entry page - open comment list", async () => { + const response = await c.clickBySelector("#entry > ul > li:nth-child(2) > a"); expect(response.url()).toEqual(start_url + "?no=3&m2=res"); expect(await c.page.title()).toEqual("3rd - testblog2"); }); - it("open comment form", async () => { - const link = await getEditLinkByTitle(post_comment_title); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); - expect(response.status()).toEqual(200); + it("comment list - open comment form", async () => { + const response = await c.clickElement(await getEditLinkByTitle(post_comment_title)); expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 await c.getSS("comment_edit_before_sp"); }); - it("comment edit", async () => { + it("user template comment form - comment edit", async () => { await fillEditForm( c.page, "テスト太郎2", @@ -257,57 +188,44 @@ describe("crawl some blog sp", () => { ) await c.getSS("comment_edit_filled_sp"); - // 保存する - let [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_post > form > div > input[type=submit]:nth-child(1)"), - ]); - + // comment formへ遷移 + let response = await c.clickBySelector("#comment_post > form > div > input[type=submit]:nth-child(1)"); await c.getSS("comment_edit_confirm_sp"); expect(response.status()).toEqual(200); await c.page.type("input[name=token]", captcha_key); - [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#sys-comment-form > fieldset > div > input"), - ]); - + // 送信 + response = await c.clickBySelector("#sys-comment-form > fieldset > div > input"); await c.getSS("comment_edit_success_sp"); expect(response.status()).toEqual(200); }); - it("open comment list to fail delete", async () => { - const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); - expect(response.status()).toEqual(200); + it("comment list - test to fail delete", async () => { + const response = await c.clickElement(await c.page.$("#entry > ul > li:nth-child(2) > a")); expect(response.url()).toEqual(start_url + "?no=3&m2=res"); expect(await c.page.title()).toEqual("3rd - testblog2"); await c.getSS("comment_list_delete_before_sp"); }); - it("open comment form to fail delete", async () => { + it("comment list - test to fail delete", async () => { await c.getSS("comment_form_delete_before1_sp"); - const link = await getEditLinkByTitle("edited_" + post_comment_title); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); + const response = await c.clickElement(await getEditLinkByTitle("edited_" + post_comment_title)); await c.getSS("comment_form_delete_before2_sp"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 }); - it("comment delete fail by wrong password", async () => { + it("user template comment form - delete fail by wrong password", async () => { const delete_button = await c.page.$( "#comment_post > form > div > input[type=submit]:nth-child(2)" ); - const [response] = await Promise.all([c.waitLoad(), await delete_button.click()]); + const [response] = await Promise.all([ + c.waitLoad(), + await delete_button.click() + ]); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url); @@ -316,66 +234,44 @@ describe("crawl some blog sp", () => { expect(/必ず入力してください/.exec(wrong_password_error_text)).toBeTruthy(); }); - it("open comment list to delete", async () => { - await Promise.all([ - c.waitLoad(), - c.page.goto(start_url + "?no=3"), - ]); + it("entry page - open comment list to delete", async () => { + await c.openUrl(start_url+"?no=3"); - const link = await c.page.$("#entry > ul > li:nth-child(2) > a"); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); + const response = await c.clickElement(await c.page.$("#entry > ul > li:nth-child(2) > a")); expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3&m2=res"); expect(await c.page.title()).toEqual("3rd - testblog2"); await c.getSS("comment_list_delete_before_sp"); }); - it("open comment form to delete", async () => { + it("comment list - open comment form to delete", async () => { await c.getSS("comment_form_delete_before1_sp"); - const link = await getEditLinkByTitle("edited_" + post_comment_title); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); + const response = await c.clickElement(await getEditLinkByTitle("edited_" + post_comment_title)); await c.getSS("comment_form_delete_before2_sp"); expect(response.status()).toEqual(200); expect(response.url()).toEqual(expect.stringContaining(start_url + "index.php?mode=entries&process=comment_edit&id=")); expect(await c.page.title()).toEqual("- testblog2"); // TODO issue #223 }); - it("comment delete success", async () => { + it("user template comment form - comment delete success", async () => { // do delete. await c.page.type("#comment_post > form > dl > dd:nth-child(12) > input[type=password]", "pass_is_pass"); - const [response] = await Promise.all([ - c.waitLoad(), - await c.page.click("#comment_post > form > div > input[type=submit]:nth-child(2)") - ]); - - expect(response.status()).toEqual(200); + const response = await c.clickBySelector("#comment_post > form > div > input[type=submit]:nth-child(2)") expect(response.url()).toEqual(start_url + "index.php?mode=entries&process=view&id=3&sp"); }); - it("open entry check delete complete", async () => { - let [response1] = await Promise.all([ - c.waitLoad(), - c.page.goto(start_url), - ]); - expect(response1.status()).toEqual(200); - const link = await c.page.$("#entry_list > li:nth-child(1) > a"); - const [response] = await Promise.all([ - c.waitLoad(), - link.click() - ]); + it("entry page - open entry check delete complete", async () => { + await c.openUrl(start_url); + + const response = await c.clickElement(await c.page.$("#entry_list > li:nth-child(1) > a")); + expect(response.status()).toEqual(200); expect(response.url()).toEqual(start_url + "?no=3"); expect(await c.page.title()).toEqual("3rd - testblog2"); }); - it("check comment count", async () => { + it("entry page - check comment count", async () => { const comment_a_text = await c.page.$eval("#entry > ul > li:nth-child(2) > a", elm => elm.textContent); const comment_num = parseInt(comment_a_text.match(/コメント\(([0-9]{1,3})\)/)[1]); // expect(comment_num).toEqual(posted_comment_num-1); // パラレルでテストが実行されるので、数を数えても正しくできない @@ -389,11 +285,12 @@ describe("crawl some blog sp", () => { async function getEditLinkByTitle(title): Promise { // 該当するタイトルの編集リンクを探す + // SPのコメント一覧専用 const dt_elm_list = await c.page.$$("#comment dt"); let idx = -1; for (let i = 0; i < dt_elm_list.length; i++) { let txt = await (await dt_elm_list[i].getProperty('innerHTML')).jsonValue(); - console.log(txt); + // console.log(txt); if (txt == title) { idx = i; break; @@ -406,10 +303,9 @@ describe("crawl some blog sp", () => { const dd_elm_list = await c.page.$$("#comment dd"); const target_dd = dd_elm_list[idx]; - console.log(await target_dd.jsonValue()); + // console.log(await target_dd.jsonValue()); - const edit_link = await target_dd.$("a[title='コメントの編集']") - return edit_link; + return await target_dd.$("a[title='コメントの編集']") } async function fillCommentForm( diff --git a/e2e_test/tests/helper.ts b/e2e_test/tests/helper.ts index 369612d0..dd318dca 100644 --- a/e2e_test/tests/helper.ts +++ b/e2e_test/tests/helper.ts @@ -1,7 +1,7 @@ import puppeteer = require("puppeteer"); import dotenv = require("dotenv"); import * as process from "process"; -import { Browser, Page, Response } from "puppeteer"; +import {Browser, ElementHandle, Page, Response} from "puppeteer"; dotenv.config(); @@ -10,7 +10,8 @@ export class Helper { browser: Browser; requestHttpHeaders: Record; - constructor() {} + constructor() { + } getBaseUrl(): string { return process.env.BASE_URL || "https://localhost:8480/"; @@ -39,7 +40,7 @@ export class Helper { }); } - async setSpUserAgent(): Promise{ + async setSpUserAgent(): Promise { let spRequestHttpHeaders = this.requestHttpHeaders; spRequestHttpHeaders['User-Agent'] = 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.96 Mobile Safari/537.36'; await this.page.setExtraHTTPHeaders(spRequestHttpHeaders); @@ -54,22 +55,88 @@ export class Helper { } waitDom(): Promise { - return this.page.waitForNavigation({ waitUntil: "domcontentloaded" }); + return this.page.waitForNavigation({waitUntil: "domcontentloaded"}); } waitLoad(): Promise { - return this.page.waitForNavigation({ waitUntil: ["load", "networkidle2"] }); + return this.page.waitForNavigation({waitUntil: ["load", "networkidle2"]}); } async getSS(name): Promise { - await this.page.screenshot({ path: "ss/" + name + ".png" }); + await this.page.screenshot({path: "ss/" + name + ".png"}); } async click(selector): Promise { return await this.page.click(selector); } - async clickAndWaitResponse(selector): Promise { + async openUrl(url:string): Promise { + const [response] = await Promise.all([ + this.waitLoad(), + this.page.goto(url), + ]); + + if (response == null) { + throw new Error(`openUrl failed: response:null, url: ${url}`); + } + + if (response.status() !== 200) { + throw new Error(`openUrl failed: status:${response.status()} url:${url}`); + } + + if (response.url() !== url) { + throw new Error(`openUrl failed: url is not same as req, expect url:${url}, actual:${response.url()}`); + } + + return response; + } + + async clickBySelector(selector:string): Promise{ + const [response] = await Promise.all([ + this.waitLoad(), + this.page.click(selector), + ]); + + if(!response){ + throw new Error(`click selector failed, url:${this.page.url()} selector:${selector}`); + } + + if(response.status()!==200){ + throw new Error(`click selector failed, url:${this.page.url()} response:${response.status()}`); + } + + return response; + } + + async clickElement(elm: ElementHandle): Promise{ + const [response] = await Promise.all([ + this.waitLoad(), + elm.click(), + ]); + + if(!response){ + throw new Error(`click failed, url:${this.page.url()} elmTag:${elm.getProperty("innerHTML")}`); + } + + if(response.status()!==200){ + throw new Error(`click failed, url:${this.page.url()} response:${response.status()}`); + } + + return response; + } + + async getTextBySelector(selector:string): Promise{ + const text = await this.page.$eval( + selector, + (elm) => elm.textContent + ); + if(!text){ + throw new Error(`get text failed, url:${this.page.url()} selector:${selector}`); + } + return text; + } + + async clickAndWaitResponse(selector): Promise { let some = await Promise.all([this.waitLoad(), this.page.click(selector)]); return some[0]; From 2e171e8cf858a2354db473d8d69c75eacdcc164d Mon Sep 17 00:00:00 2001 From: uzulla Date: Thu, 4 Feb 2021 08:31:46 +0900 Subject: [PATCH 9/9] chore: format. --- e2e_test/tests/blog_crawl.test.ts | 4 ++-- e2e_test/tests/blog_crawl_sp.test.ts | 4 ++-- e2e_test/tests/helper.ts | 18 +++++++++--------- 3 files changed, 13 insertions(+), 13 deletions(-) diff --git a/e2e_test/tests/blog_crawl.test.ts b/e2e_test/tests/blog_crawl.test.ts index 2573ea30..434ffa20 100644 --- a/e2e_test/tests/blog_crawl.test.ts +++ b/e2e_test/tests/blog_crawl.test.ts @@ -262,7 +262,7 @@ describe("crawl some blog", () => { }); it("entry page - successfully delete comment", async () => { - await c.openUrl(start_url+"?no=3"); + await c.openUrl(start_url + "?no=3"); // open comment edit page await c.getSS("comment_before_delete1"); @@ -305,7 +305,7 @@ describe("crawl some blog", () => { edit_link = row.editLink; } }); - if(!edit_link){ + if (!edit_link) { throw new Error("link(a[title='コメントの編集']) not found"); } diff --git a/e2e_test/tests/blog_crawl_sp.test.ts b/e2e_test/tests/blog_crawl_sp.test.ts index 61ae0e60..7e44aa6a 100644 --- a/e2e_test/tests/blog_crawl_sp.test.ts +++ b/e2e_test/tests/blog_crawl_sp.test.ts @@ -4,7 +4,7 @@ import {ElementHandle} from "puppeteer"; describe("crawl some blog with smartphone", () => { let c: Helper; - let captcha_key: string= "1234"; + let captcha_key: string = "1234"; const start_url = "http://localhost:8080/testblog2/"; beforeAll(async () => { @@ -235,7 +235,7 @@ describe("crawl some blog with smartphone", () => { }); it("entry page - open comment list to delete", async () => { - await c.openUrl(start_url+"?no=3"); + await c.openUrl(start_url + "?no=3"); const response = await c.clickElement(await c.page.$("#entry > ul > li:nth-child(2) > a")); expect(response.status()).toEqual(200); diff --git a/e2e_test/tests/helper.ts b/e2e_test/tests/helper.ts index dd318dca..65cfdd04 100644 --- a/e2e_test/tests/helper.ts +++ b/e2e_test/tests/helper.ts @@ -70,7 +70,7 @@ export class Helper { return await this.page.click(selector); } - async openUrl(url:string): Promise { + async openUrl(url: string): Promise { const [response] = await Promise.all([ this.waitLoad(), this.page.goto(url), @@ -91,46 +91,46 @@ export class Helper { return response; } - async clickBySelector(selector:string): Promise{ + async clickBySelector(selector: string): Promise { const [response] = await Promise.all([ this.waitLoad(), this.page.click(selector), ]); - if(!response){ + if (!response) { throw new Error(`click selector failed, url:${this.page.url()} selector:${selector}`); } - if(response.status()!==200){ + if (response.status() !== 200) { throw new Error(`click selector failed, url:${this.page.url()} response:${response.status()}`); } return response; } - async clickElement(elm: ElementHandle): Promise{ + async clickElement(elm: ElementHandle): Promise { const [response] = await Promise.all([ this.waitLoad(), elm.click(), ]); - if(!response){ + if (!response) { throw new Error(`click failed, url:${this.page.url()} elmTag:${elm.getProperty("innerHTML")}`); } - if(response.status()!==200){ + if (response.status() !== 200) { throw new Error(`click failed, url:${this.page.url()} response:${response.status()}`); } return response; } - async getTextBySelector(selector:string): Promise{ + async getTextBySelector(selector: string): Promise { const text = await this.page.$eval( selector, (elm) => elm.textContent ); - if(!text){ + if (!text) { throw new Error(`get text failed, url:${this.page.url()} selector:${selector}`); } return text;