source: projects/web/trunk/css/common.css @ 8397

Revision 8397, 18.5 KB checked in by daisuke, 10 years ago (diff)

update to new web design
Line 
1@charset "utf-8";
2
3@import url(/css/dlwin.css);
4
5/* Base
6----------------------------------------------------*/
7
8html{
9font-size:100.01%;
10}
11
12body{
13        font-size:75%; /* 12px */
14        -webkit-text-size-adjust : none;
15        background-color: #F7F7F7;
16        color: #433B47;
17}
18
19html, body, div, span, applet, object, iframe,
20h1, h2, h3, h4, h5, h6, p, blockquote, pre,
21a, abbr, acronym, address, big, cite, code,
22del, dfn, em, font, img, ins, kbd, q, s, samp,
23small, strike, strong, sub, sup, tt, var,
24b, u, i, center,
25dl, dt, dd, ol, ul, li,
26fieldset, form, label, legend,
27table, caption, tbody, tfoot, thead, tr, th, td{
28margin:0;
29padding:0;
30vertical-align:baseline;
31font-style:normal;
32font-weight:normal;
33font-family:"VL Pゴシック", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3",Meiryo UI,"Segoe UI Light","ＭＳ Ｐゴシック",sans-serif;
34}
35
36pre {
37font-family:"VL ゴシック", monospace;
38}
39
40h1, h2, h3, h4, h5, h6{
41line-height:1.3;
42font-weight:normal;
43font-size:100%;
44}
45
46p,
47li,
48dt, dd,
49th, td{
50line-height:1.8;
51}
52
53ul, ol{
54list-style-type:none;
55list-style-position:outside;
56}
57
58img{
59vertical-align:bottom;
60}
61
62a img{
63border:0;
64}
65
66/*　　*/
67
68.center-text {
69        text-align:center;
70}
71
72.floatright {
73        float:right;
74}
75
76.floatleft {
77        float:left;
78}
79
80.clearboth {
81        clear:both;
82}
83
84.margin-b_10 {
85        margin-bottom: 10px;
86}
87
88.margin-b_20 {
89        margin-bottom: 20px;
90}
91
92.margin-b_30 {
93        margin-bottom: 30px;
94}
95
96.contents-box {
97        clear: both;
98        margin-bottom: 30px;
99        overflow: hidden;
100}
101
102.in-contents {
103        clear: both;
104        overflow: hidden;
105}
106
107
108
109/* トップページPC
110--------------------------------------------------------------------------------------*/
111
112/*　ヘッダー　*/
113
114.header {
115        height: auto;
116        overflow: hidden;
117        background-image: url(../img/header-back.jpg);
118        background-repeat: repeat-x;
119        background-position: top;
120        border-bottom-width: 1px;
121        border-bottom-style: solid;
122        border-bottom-color: #3D3742;
123}
124.header-contents {
125        height: auto;
126        width: 960px;
127        margin-right: auto;
128        margin-left: auto;
129        padding-bottom: 12px;
130        overflow: hidden;
131        padding-top: 30px;
132}
133.header-logo {
134        float: left;
135        padding-top: 15px;
136}
137.header-koukoku {
138        background-color: #F7F7F7;
139        float: right;
140        //height: 90px;
141        width: 728px;
142}
143
144
145/* グローバルメニュー*/
146
147.globalmenu{
148        width: 960px;
149        height: auto;
150        clear: both;
151        margin-right: auto;
152        margin-left: auto;
153        overflow: hidden;
154}
155
156.globalmenu a {
157        text-decoration:none;
158        color:#333;
159        font-size:13px;
160}
161
162.globalmenu a:hover{
163        color:#80708B;
164} 
165       
166.globalmenu ul li{
167        float: left;
168}
169.globalmenu-1 a{
170        display:block;
171        overflow:hidden;
172        height:34px;
173        padding-top:11px;
174        width:137px;
175}
176.globalmenu-2 a{
177        display:block;
178        overflow:hidden;
179        height:34px;
180        padding-top:11px;
181        width:137px;
182}
183.globalmenu-3 a{
184        display:block;
185        overflow:hidden;
186        height:34px;
187        padding-top:11px;
188        width:137px;
189}
190.globalmenu-4 a{
191        display:block;
192        overflow:hidden;
193        height:34px;
194        padding-top:11px;
195        width:137px;
196}
197.globalmenu-5 a{
198        display:block;
199        overflow:hidden;
200        height:34px;
201        padding-top:11px;
202        width:137px;
203}
204.globalmenu-6 a{
205        display:block;
206        overflow:hidden;
207        height:34px;
208        padding-top:11px;
209        width:137px;
210}
211.globalmenu-7 a{
212        display:block;
213        overflow:hidden;
214        height:34px;
215        padding-top:11px;
216        width:137px;
217}
218
219.globalmenu-back {
220        border-bottom-width: 1px;
221        border-bottom-style: solid;
222        border-bottom-color: #3D3742;
223}
224
225/* global menu dropdown */
226.globalmenu ul#main li ul {
227        display: none;
228        background: #f7f7f7;
229}
230
231.globalmenu ul#main li:hover ul {
232        display: block;
233        position: absolute;
234        width: 200px;
235        border-left: #333333 1px solid;
236        border-right: #333333 1px solid;
237        border-bottom: #333333 1px solid;
238        text-transform: none;
239        z-index: 100;
240}
241
242.globalmenu ul#main li ul a {
243        color: black;
244        background-image: none;
245        display: block;
246        overflow: hidden;
247        height: 30px;
248        text-indent: 5px;
249        width: 200px;
250        font-size: normal;
251        text-decoration: none;
252}
253
254.globalmenu ul#main li:hover ul a:hover {
255        color: #f0f0f0;
256        background-image: none;
257        display: block;
258        overflow: hidden;
259        height: 30px;
260        text-indent: 5px;
261        width: 200px;
262        background: #594F60;
263        font-size: normal;
264        text-decoration: none;
265}
266
267/* メインイメージ */
268
269.main-image_back {
270        background-color: #221F26;
271        height: auto;
272        overflow: hidden;
273}
274.main-image_cont {
275        width: 960px;
276        margin-right: auto;
277        margin-left: auto;
278}
279
280.main-image1 {
281        float: left;
282        width: 50%;
283        background-image: url(../img/main-image1.jpg);
284        background-repeat: no-repeat;
285        background-position: center top;
286        height: 325px;
287}
288
289.main-image2 {
290        float: left;
291        width: 50%;
292        background-image: url(../img/main-image2_back.jpg);
293        background-repeat: no-repeat;
294        background-position: center top;
295        height: 105px;
296        padding-top: 220px;
297}
298
299.main-img_link {
300        margin-right: 93px;
301        margin-left: 93px;
302}
303
304.main-img_shousai{
305        float: left;
306}
307
308.main-img_download{
309        float: right;
310}
311
312/* メインコンテンツ */
313
314.main1 {
315        width: 960px;
316        margin-right: auto;
317        margin-left: auto;
318        overflow: hidden;
319        padding-top: 20px;
320        clear: both;
321        margin-bottom: 20px;
322}
323
324.main1-text {
325        margin-right: 20px;
326        margin-left: 20px;
327}
328.contbox-50_l {
329        float: left;
330        width: 50%;
331}
332
333.contbox-50_r {
334        float: right;
335        width: 50%;
336}
337
338.contbox-50_c {
339        float: left;
340        width: 50%;
341        text-align: center;
342        padding-bottom:20px;
343}
344
345.main2 {
346        background-color: #594F60;
347        background-image: url(../img/main2-back.jpg);
348        background-repeat: repeat-x;
349        background-position: top;
350        padding-top: 30px;
351        overflow: hidden;
352        padding-bottom: 35px;
353}
354
355.main2-title {
356        text-align: center;
357        padding-bottom: 30px;
358}
359
360.main2-text {
361        color:#FFF;
362        font-size:16px;
363}
364
365.in-cont {
366        width: 960px;
367        margin-right: auto;
368        margin-left: auto;
369        overflow: hidden;
370}
371.main3 {
372        width: 960px;
373        margin-right: auto;
374        margin-left: auto;
375        overflow: hidden;
376        margin-bottom: 20px;
377}
378.main3-cont {
379        float: left;
380        width: 46%;
381        overflow: hidden;
382        padding: 19px;
383}
384.midashi-1 {
385        background-image: url(../img/midashi-1.jpg);
386        background-repeat: no-repeat;
387        background-position: left bottom;
388        height: 33px;
389        margin-bottom: 10px;
390        font-size: x-large;
391}
392.info-box {
393        padding: 10px;
394        min-height: 140px;
395        background-color: #FFF;
396}
397.main4 {
398        background-color: #FFF;
399        padding-top: 20px;
400        padding-bottom: 20px;
401        text-align: center;
402}
403
404/* 仮広告枠 */
405
406.koukoku {
407        background-color: #F7F7F7;
408        //height: 90px;
409        width: 728px;
410        text-align: center;
411        margin-right: auto;
412        margin-left: auto;
413        clear: both;
414        margin-bottom: 20px;
415}
416
417/* フッター */
418
419.footer {
420        color: #FFF;
421        background-color: #260031;
422        padding-top: 20px;
423        padding-bottom: 60px;
424        text-align: center;
425}
426
427.footer-navi {
428        overflow: hidden;
429        position: relative;
430}
431
432.footer-navi ul {
433    list-style: none outside none;
434    float: left;
435    margin: 0 0 0 0;
436    padding: 0;
437    position: relative;
438    left: 50%;
439}
440
441.footer-navi ul li {
442        float: left;
443    margin-right: 5px;
444    padding: 5px;
445    position: relative;
446    left: -50%;
447}
448
449.footer-navi li a{
450        color:#FFF;
451        text-decoration:none;
452}
453
454.copyright {
455        color: #FFF;
456        background-color: #37313C;
457        text-align: center;
458        padding-top: 8px;
459        padding-bottom: 8px;
460}
461
462/* ソーシャルボタン */
463
464iframe.twitter-share-button {
465        width: 105px!important;
466}
467
468#___plusone_0 {
469        width:65px !important;
470}
471.btn {
472        float: right;
473        margin-bottom: 10px;
474}
475
476
477/* ページ */
478
479
480
481.in-contents h1 {
482        background-image: url(../img/h2_back.jpg);
483        background-repeat: no-repeat;
484        background-position: left bottom;
485        margin-bottom: 20px;
486        font-size: 23px;
487        color: #3A004B;
488        padding-bottom: 10px;
489        margin-top: 20px;
490}
491
492h2 {
493        background-image: url(../img/h2_back.jpg);
494        background-repeat: no-repeat;
495        background-position: left bottom;
496        margin-bottom: 20px;
497        font-size: 23px;
498        color: #3A004B;
499        padding-bottom: 10px;
500        margin-top: 20px;
501}
502
503h3 {
504        font-size: 18px;
505        color: #333;
506        margin-bottom: 20px;
507        margin-top: 20px;
508        padding-bottom: 10px;
509        border-bottom-width: 2px;
510        border-bottom-style: dotted;
511        border-bottom-color: #999;
512}
513
514h4 {
515        font-size: 15px;
516        color: #3A004B;
517        margin-top: 20px;
518        margin-bottom: 20px;
519        font-weight: bold;
520}
521
522.main3-cont .info-table {
523        padding: 0px;
524        //height: 170px;
525        background-color: #FFF;
526}
527
528.info-table table {
529        width: 100%;
530}
531
532.main3-cont .info-table th {
533        //background-color: #D9D9D9;
534        //padding-top: 5px;
535        padding-right: 5px;
536        //padding-bottom: 5px;
537        padding-left: 10px;
538        //border: 1px solid #CCC;
539        text-align: left;
540        overflow: hidden;
541}
542
543.main3-cont .info-table td {
544        width: 8em;
545        //padding-top: 5px;
546        padding-right: 10px;
547        //padding-bottom: 5px;
548        //padding-left: 5px;
549        //border: 1px solid #CCC;
550        //background-color: #FFF;
551        text-align: right;
552}
553
554.cont-list, .in-contents ul{
555        margin-left: 10px;
556        margin-right: 10px;
557}
558
559.cont-list, .in-contents li{
560        list-style-type: square;
561        list-style-position: inside;
562        text-indent:-1em;
563        padding-left:1em;
564}
565
566.in-contents dl{
567        margin-left: 10px;
568        margin-right: 10px;
569}
570
571.in-contents dt{
572        font-weight: bold;
573        font-size: larger;
574}
575
576.in-contents dd{
577        margin-left: 20px;
578        margin-right: 20px;
579}
580
581.cont-table {
582}
583
584.cont-table, .in-contents th{
585        background-color: #D9D9D9;
586        padding-top: 5px;
587        padding-right: 8px;
588        padding-bottom: 5px;
589        padding-left: 8px;
590        border: 1px solid #CCC;
591}
592
593.cont-table .in-contents td{
594        padding-top: 5px;
595        padding-right: 8px;
596        padding-bottom: 5px;
597        padding-left: 8px;
598        border: 1px solid #CCC;
599        background-color: #FFF;
600}
601
602.cont-pic {
603        float: left;
604        width: 32%;
605        height:auto;
606}
607
608.cont-text {
609        float: right;
610        width: 65%;
611}
612
613.cont-pic-right {
614        float: right;
615        //width: 32%;
616        padding-left: 20px;
617        height:auto;
618}
619
620.cont-text-right {
621        float: left;
622        //width: 65%;
623}
624
625.pic-waku {
626        border: 1px solid #CCC;
627        padding: 5px;
628}
629
630/*　メンバー　*/
631
632.mb-cont {
633        float: left;
634        width: 30%;
635        margin-right: 3%;
636        margin-bottom: 3%;
637}
638
639.mb-cont2 {
640        float: left;
641        width: 31%;
642        margin-bottom: 3%;
643}
644
645.mb-box {
646        background-color: #FFF;
647        padding-top: 25px;
648        padding-right: 15px;
649        padding-bottom: 15px;
650        padding-left: 15px;
651}
652
653.mb-box a {
654        text-decoration:none;
655        color: #433B47;
656}
657
658.mb-p {
659        font-size: 14px;
660        color: #46468C;
661        background-image: url(../img/mb-p_back.jpg);
662        background-repeat: no-repeat;
663        background-position: left bottom;
664}
665
666.mb-name {
667        margin-bottom: 20px;
668        line-height: 18px;
669}
670
671.mb-name a {
672        font-size: 18px;
673        font-weight: bold;
674        margin-bottom: 25px;
675}
676
677span.middlename {
678        font-size: 14px;
679        font-weight: bold;
680}
681
682.mb-id {
683        display: block;
684        font-size: 12px;
685        margin-top: 0px;
686        padding-top: 0px;
687        padding-left: 0px;
688}
689
690.mb-midashi {
691        color: #999999;
692        border-bottom-width: 1px;
693        border-bottom-style: solid;
694        border-bottom-color: #AB9FB0;
695        margin-bottom: 5px;
696}
697
698.mb-twi {
699        margin-bottom:15px
700}
701
702.mb-twi a {
703        font-size: 16px;
704        color: #3A004B;
705}
706
707.mb-pg {
708        margin-bottom:15px
709}
710
711.mb-pg a {
712        font-size: 16px;
713        color: #3A004B;
714}
715
716.mb-pic {
717        margin-bottom: 25px;
718}
719
720
721// Errata
722
723.errata table {
724        width: 100%;
725}
726
727.errata th {
728        //background-color: #D9D9D9;
729        //padding-top: 5px;
730        padding-right: 5px;
731        //padding-bottom: 5px;
732        padding-left: 10px;
733        //border: 1px solid #CCC;
734        text-align: left;
735        overflow: hidden;
736}
737
738.errata td {
739        //width: 8em;
740        //padding-top: 5px;
741        padding-right: 10px;
742        //padding-bottom: 5px;
743        //padding-left: 5px;
744        //border: 1px solid #CCC;
745        //background-color: #FFF;
746        text-align: left;
747}
748
749.errata tr {
750        width: 100%;
751}
752.errata th.date {
753        width: 15%;
754}
755
756.errata th.desc {
757        width: 55%;
758}
759
760.errata th.target {
761        width: 15%;
762}
763
764
765.errata pre {
766        background-color: #f0f0f0;
767        color: #333333;
768        padding: 3px;
769        padding-left: 20px;
770        //border-left: solid 10px #666666;
771        border: solid 1px 1px 1px 10px #aaaaaa;
772        white-space: -moz-pre-wrap;
773        white-space: -pre-wrap;
774        white-space: -o-pre-wrap;
775        white-space: pre-wrap;
776        word-wrap: break-word;
777        font-family: 'VL Gothic', monospace
778}
779
780/* PayPal form */
781.paypal-form {
782        margin-right: 5%;
783        float: left;
784}
785
786/* Misc */
787
788pre.screen {
789        background-color: #444444;
790        color: #F7F7F7;
791        padding: 3px;
792        padding-left: 10px;
793        border-left: solid 10px #BBBBBB;
794        white-space: -moz-pre-wrap;
795        white-space: -pre-wrap;
796        white-space: -o-pre-wrap;
797        white-space: pre-wrap;
798        word-wrap: break-word;
799        font-family: 'VL Gothic', monospace
800}
801
802blockquote.warning {
803        width: 65%;
804        margin: 20px;
805        padding: 5px;
806        border: solid 2px #AA6666;
807        border-style: solid;
808        border-radius: 6px;
809        -moz-border-radius: 6px;
810        -webkit-border-radius: 6px;
811}
812
813blockquote.important {
814        width: 65%;
815        margin: 20px;
816        padding: 5px;
817        border: solid 2px #666699;
818        border-style: solid;
819        border-radius: 6px;
820        -moz-border-radius: 6px;
821        -webkit-border-radius: 6px;
822}
823
824blockquote.info {
825        width: 65%;
826        margin: 20px;
827        padding: 5px;
828        border: solid 2px #AAAAAA;
829        border-style: solid;
830        border-radius: 6px;
831        -moz-border-radius: 6px;
832        -webkit-border-radius: 6px;
833}
834
835.ads-link-unit-wide {
836        margin-top: 20px;
837}
838
839/* タブレット縦
840--------------------------------------------------------------------------------------*/
841@media screen and (max-width: 1000px) {
842       
843.header-contents {
844        height: auto;
845        width: 100%;
846        padding-bottom: 12px;
847        overflow: hidden;
848        padding-top: 30px;
849        text-align:center;
850}
851.header-logo {
852        float: none;
853        margin-bottom:20px;
854}
855.header-koukoku {
856        background-color: #F7F7F7;
857        float: none;
858        //height: 90px;;
859        width: 96%;
860        text-align:center;
861        margin-left:auto;
862        margin-right:auto;
863}
864       
865/* グローバルメニュー*/
866
867.globalmenu{
868        width: 96%;
869        margin:0 auto;
870        overflow:hidden;
871        margin-bottom: 10px;
872}
873.globalmenu-1{
874        width:33%;
875        height:auto;           
876}
877.globalmenu-2{
878        width:33%;
879        height:auto;   
880}
881.globalmenu-3{
882        width:33%;
883        height:auto;
884}
885.globalmenu-4{
886        width:33%;
887        height:auto;
888}
889.globalmenu-5{
890        width:33%;
891        height:auto;
892}
893.globalmenu-6{
894        width:33%;
895        height:auto;
896}       
897
898.globalmenu-6{
899        width:33%;
900        height:auto;
901}
902
903/*　メインイメージ　*/
904
905
906.main-image_cont {
907        width: 98%;
908        margin-left:auto;
909        margin-right:auto;
910}
911
912.main-image1 {
913        float: left;
914        width: 50%;
915        background-image: url(../img/main-image1.jpg);
916        background-repeat: no-repeat;
917        background-position: center top;
918        height: 325px;
919}
920
921
922.main-image2 {
923        float: right;
924        width: 50%;
925        background-image: url(../img/main-image2_back.jpg);
926        background-repeat: no-repeat;
927        background-position: center top;
928        height: 105px;
929        padding-top: 220px;
930}
931
932.main-image2 img{
933        max-width:100%;
934        height:auto;   
935}       
936
937
938.main-img_link {
939        text-align:center;
940}
941
942.main-img_shousai{
943        float:none;
944        margin-bottom:10px;
945}
946
947.main-img_download{
948        float:none;
949        margin-bottom:10px;
950}
951
952/*　メインコンテンツ　*/
953
954.main1 {
955        width: 98%;
956        overflow: hidden;
957        margin-bottom: 10px;
958        clear: both;
959        margin-left:auto;
960        margin-right:auto;
961}       
962
963.contbox-50_c img{
964        max-width:100%;
965        height:auto;
966
967}
968
969.main2 {
970        background-color: #594F60;
971        background-image: url(../img/main2-back.jpg);
972        background-repeat: repeat-x;
973        background-position: top;
974        padding-top: 30px;
975        overflow: hidden;
976        padding-bottom: 35px;
977}
978
979.in-cont {
980        width: 98%;
981        margin-right: auto;
982        margin-left: auto;
983        overflow: hidden;
984}
985
986.main3 {
987        width: 100%;
988        overflow: hidden;
989        margin-bottom: 20px;
990}
991
992.main3-cont {
993        float: none;
994        width: 90%;
995        margin-left:auto;
996        margin-right:auto;
997        overflow: hidden;
998        padding: 20px;
999}
1000
1001/*　仮広告枠　*/
1002
1003.koukoku {
1004        background-color: #F7F7F7;
1005        //height: 90px;
1006        width: 96%;
1007        text-align: center;
1008        margin-right: auto;
1009        margin-left: auto;
1010        clear: both;
1011        margin-bottom: 20px;
1012}
1013
1014
1015/*　中ページ　*/
1016
1017.cont-pic {
1018        float: left;
1019        width: 32%;
1020        height:auto;
1021}
1022
1023.cont-pic img{
1024        max-width:100%;
1025        height:auto;
1026}
1027
1028.cont-text {
1029        float: right;
1030        width: 65%;
1031}
1032       
1033.cont-pic-right {
1034        float: right;
1035        width: 32%;
1036        height:auto;
1037}
1038
1039.cont-pic-right img{
1040        max-width:100%;
1041        height:auto;
1042}
1043
1044/*　メンバー　*/
1045
1046.mb-pic img{
1047        max-width:100%;
1048        height:auto;   
1049}
1050
1051}
1052
1053
1054/* スマートフォン横
1055--------------------------------------------------------------------------------------*/
1056@media screen and (max-width: 648px) {
1057
1058/*　メインイメージ　*/
1059
1060.main-image1 {
1061        float: none;
1062        width: 100%;
1063        background-image: url(../img/main-image1.jpg);
1064        background-repeat: no-repeat;
1065        background-position: center top;
1066        height: 325px;
1067}
1068.main-image2 {
1069        float: none;
1070        width: 100%;
1071        background-image: url(../img/main-image2_back.jpg);
1072        background-repeat: no-repeat;
1073        background-position: center top;
1074        height: 105px;
1075        padding-top: 220px;
1076}
1077
1078.main-image2 img{
1079        max-width:100%;
1080        height:auto;   
1081}       
1082
1083.main-img_link {
1084        text-align:center;
1085}
1086
1087.main-img_shousai{
1088        float:none;
1089        margin-bottom:10px;
1090}
1091
1092.main-img_download{
1093        float:none;
1094        margin-bottom:10px;
1095}
1096
1097/*　メインコンテンツ　*/
1098
1099.main2-text {
1100        color:#FFF;
1101        font-size:14px;
1102}
1103
1104.contbox-50_l {
1105        float: none;
1106        width: 100%;
1107        clear:both;
1108}
1109
1110.contbox-50_r {
1111        float: none;
1112        width: 100%;
1113        clear:both;
1114}
1115
1116.contbox-50_c {
1117        float: left;
1118        width: 50%;
1119        text-align: center;
1120        padding-bottom:20px;
1121}
1122
1123/*　中ページ　*/
1124
1125.cont-pic {
1126        float: none;
1127        width: 90%;
1128        height:auto;
1129        text-align:center;
1130        margin-left:auto;
1131        margin-right:auto;
1132        margin-bottom:10px;
1133}
1134
1135.contents-pic img{
1136        max-width:100%;
1137        height:auto;
1138}
1139
1140.cont-pic-right {
1141        float: right;
1142        width: 30%;
1143        height:auto;
1144}
1145
1146.contents-pic-right img{
1147        max-width:100%;
1148        height:auto;
1149}
1150.cont-text {
1151        float: none;
1152        width: 90%;
1153        margin-left:auto;
1154        margin-right:auto;
1155}
1156       
1157.mb-cont {
1158        float: none;
1159        width: 94%;
1160        margin: 0 auto;
1161        padding-bottom:20px;
1162}
1163
1164.mb-cont2 {
1165        float: none;
1166        width: 94%;
1167        margin: 0 auto;
1168        padding-bottom:20px;
1169}
1170
1171}
1172
1173/* スマートフォン縦
1174--------------------------------------------------------------------------------------*/
1175@media screen and (max-width: 479px) {
1176
1177/*　メインコンテンツ　*/
1178
1179.main1-text {
1180        margin-right: 5px;
1181        margin-left: 5px;
1182}
1183
1184.info-box img{
1185        width:25%;
1186        height:auto;
1187}
1188
1189.contbox-50_l {
1190        float: none;
1191        width: 100%;
1192        clear:both;
1193}
1194
1195.contbox-50_r {
1196        float: none;
1197        width: 100%;
1198        clear:both;
1199}
1200
1201.contbox-50_c {
1202        float: left;
1203        width: 46%;
1204        text-align: center;
1205        margin-left:2%;
1206        margin-right:2%;
1207        padding-bottom:20px;
1208}
1209
1210}
1211
1212.cont-box {
1213        background-color: #FFF;
1214        padding: 20px;
1215        border: 1px solid #CCC;
1216}
Note: See TracBrowser for help on using the repository browser.