/* Template: albatros Theme Name: albatros_custom Theme URI:http://open-cage.com/albatros/ */ @media screen and (min-width: 0px) and (max-width: 320px) { .explaincast{ text-align: center; margin-top: -44%; } .explaincast2{ text-align: center; position: absolute; /*top: 253%;*/ margin-top: -92em; left: 13%; max-width: 35%; } .explaincast3{ text-align: center; position: absolute; /*top: 253%;*/ margin-top: -92em; left: 52%; max-width: 35%; } .explaincast4{ text-align: center; position: absolute; /*top: 578%;*/ margin-top: -61em; left: 13%; max-width: 35%; } .explaincast5{ text-align: center; position: absolute; margin-top: -61em; /*top: 578%;*/ left: 52%; max-width: 35%; } .explaincast6{ text-align: center; position: absolute; margin-top: -5em; /*top: 968%;*/ left: 13%; max-width: 35%; } .explaincast7{ text-align: center; position: absolute; margin-top: -5em; /*top: 968%;*/ left: 52%; max-width: 35%; } .castimg img{ margin-top:-1.3em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; /* top: 719%; */ margin-top: -4em; left: 13%; max-width: 36%; } .explainabout2{ text-align: center; position: absolute; /* top: 310%; */ margin-top: -4em; left: 52%; max-width: 35%; } .exact1{ text-align: center; position: absolute; /*top: 1023%;*/ left: 13%; max-width: 39%; } .exact2{ text-align: center; position: absolute; /*top: 1023%;*/ left: 52%; max-width: 35%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { float: none!important; width:100%; margin-top: 100px; margin-bottom: 15px; height: 450px; /*background: #afa;*/ } #in{ width: 180px; /*float: right;*/ display: block; margin-bottom: 5px; height: 830px; position: relative; position: left 200px; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -67em; left: 13%; max-width: 75%; } .donatab2{ text-align: center; position: absolute; margin-top: -40em; /*top: 350%;*/ left: 13%; max-width: 75%; } .donatab3{ text-align: center; position: absolute; margin-top: -20.5em; /*top: 350%;*/ left: 13%; max-width: 75%; } .home1{ text-align: center; position: relative; /* overflow: hidden; */ float: left; top: -4em; max-width: 42%; left: 9%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; left: -5%; top: -4em; max-width: 41%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 321px) and (max-width : 375px){ .explaincast{ text-align: center; margin-top: -44%; } .explaincast2{ text-align: center; position: absolute; /*top: 148%;*/ margin-top: -108em; left: 13%; max-width: 36%; } .explaincast3{ text-align: center; position: absolute; /*top: 148%;*/ margin-top: -108em; left: 52%; max-width: 35%; } .explaincast4{ text-align: center; position: absolute; /*top: 237%;*/ margin-top: -72em; left: 13%; max-width: 36%; } .explaincast5{ text-align: center; position: absolute; /*top: 237%;*/ margin-top: -72em; left: 52%; max-width: 35%; } .explaincast6{ text-align: center; position: absolute; /*top: 390%;*/ margin-top: -5.5em; left: 13%; max-width: 36%; } .explaincast7{ text-align: center; position: absolute; /*top: 390%;*/ margin-top: -5.5em; left: 52%; max-width: 35%; } .castimg img{ margin-top:-1.3em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; /* top: 310%; */ margin-top: -5em; left: 13%; max-width: 36%; } .explainabout2{ text-align: center; position: absolute; /*top: 310%;*/ margin-top: -5em; left: 52%; max-width: 35%; } .exact1{ text-align: center; position: absolute; /*top: 1023%;*/ left: 13%; max-width: 36%; margin-top: -5em; } .exact2{ text-align: center; position: absolute; /*top: 1023%;*/ left: 52%; max-width: 35%; margin-top: -5em; } .castpass{ padding: 0.5em 1em; margin: -1em 0; /*font-weight: bold;*/ /*color: rgba(0, 0, 0, .1);*/ background: #FFF; /*border: solid 3px rgb(255, 255, 255);*/ /*border-radius: 10px;*/ position: relative; } #fb { /*width: 295px;*/ float: none!important; width:100%; margin-bottom: 5px; margin-right: 10px; height: 450px; /*background: #afa;*/ } #in{ width: 180px; /*float: right;*/ display: block; margin-bottom: 5px; height: 830px; position: relative; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -78em; left: 13%; max-width: 76%; } .donatab2{ text-align: center; position: absolute; margin-top: -47em; /*top: 350%;*/ left: 13%; max-width: 76%; } .donatab3{ text-align: center; position: absolute; margin-top: -24em; /*top: 350%;*/ left: 13%; max-width: 76%; } .home1{ text-align: center; position: relative; /*overflow: hidden;*/ float: left; max-width: 49%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; max-width: 48%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 376px) and (max-width: 768px){ .explaincast{ text-align: center; left: 14%; max-width: 94%; /* margin-top: -17em; */ top: 578%; position: absolute; } .explaincast2{ text-align: center; position: absolute; /*top: 198%;*/ margin-top: -120em; left: 13%; max-width: 37%; } .explaincast3{ text-align: center; position: absolute; margin-top: -120em; /*top: 198%;*/ left: 52%; max-width: 35%; } .explaincast4{ text-align: center; position: absolute; margin-top: -79em; /*top: 318%;*/ left: 13%; max-width: 37%; } .explaincast5{ text-align: center; position: absolute; margin-top: -79em; /*top: 318%;*/ left: 52%; max-width: 35%; } .explaincast6{ text-align: center; position: absolute; margin-top: -6em; /*top: 529%;*/ left: 13%; max-width: 37%; } .explaincast7{ text-align: center; position: absolute; margin-top: -6em; /*top: 529%;*/ left: 52%; max-width: 35%; } .castimg img{ margin-top:-1.5em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; /*top: 719%;*/ margin-top: -5em; left: 13%; max-width: 36%; } .explainabout2{ text-align: center; position: absolute; margin-top: -5em; /*top: 719%;*/ left: 52%; max-width: 35%; } .exact1{ text-align: center; position: absolute; margin-top: -5em; /*top: 1023%;*/ left: 13%; max-width: 36%; } .exact2{ text-align: center; position: absolute; margin-top: -5em; /*top: 1023%;*/ left: 52%; max-width: 35%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { float: none!important; width:100%; margin-bottom: 100px; margin-right: 5px; height: 450px; /*background: #afa;*/ } #in{ width: 50%; /*float: right;*/ display: block; margin-bottom: 5px; height: 830px; position: relative; left: 25%; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -86em; left: 13%; max-width: 73%; } .donatab2{ text-align: center; position: absolute; margin-top: -26em; /*top: 350%;*/ left: 13%; max-width: 73%; } .donatab3{ text-align: center; position: absolute; margin-top: -2em; /*top: 350%;*/ left: 13%; max-width: 73%; } .home1{ text-align: center; position: relative; /*overflow: hidden;*/ float: left; max-width: 48%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; max-width: 46%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 769px) and (max-width: 1023px){ .explaincast{ text-align: center; left: 14%; max-width: 94%; /* margin-top: -17em; */ top: 578%; position: absolute; } .explaincast2{ text-align: center; position: absolute; /*top: 198%;*/ margin-top: -226em; left: 13%; max-width: 39%; } .explaincast3{ text-align: center; position: absolute; margin-top: -226em; /*top: 198%;*/ left: 52%; max-width: 35%; } .explaincast4{ text-align: center; position: absolute; margin-top: -148em; /*top: 318%;*/ left: 13%; max-width: 39%; } .explaincast5{ text-align: center; position: absolute; margin-top: -148em; /*top: 318%;*/ left: 52%; max-width: 35%; } .explaincast6{ text-align: center; position: absolute; margin-top: -11em; /*top: 529%;*/ left: 13%; max-width: 39%; } .explaincast7{ text-align: center; position: absolute; margin-top: -11em; /*top: 529%;*/ left: 52%; max-width: 35%; } .castimg img{ margin-top:-1.5em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; /*top: 719%;*/ margin-top: -5em; left: 13%; max-width: 39%; } .explainabout2{ text-align: center; position: absolute; margin-top: -5em; /*top: 719%;*/ left: 52%; max-width: 35%; } .exact1{ text-align: center; position: absolute; margin-top: -5em; /*top: 1023%;*/ left: 13%; max-width: 39%; } .exact2{ text-align: center; position: absolute; margin-top: -5em; /*top: 1023%;*/ left: 52%; max-width: 35%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { width: 295px; float: left!important; width:50%; float:left; margin-bottom: 5px; margin-right: 5px; height: 450px; /*background: #afa;*/ } #in{ width: 30%; /*float: right;*/ display: block; float: right; margin-right: 13%; margin-bottom: 5px; height: 830px; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -2em; left: 13%; max-width: 50%; } .donatab2{ text-align: center; position: absolute; margin-top: -2em; /*top: 350%;*/ left: 13%; max-width: 50%; } .donatab3{ text-align: center; position: absolute; margin-top: -2em; /*top: 350%;*/ left: 13%; max-width: 50%; } .home1{ text-align: center; position: relative; /*overflow: hidden;*/ float: left; max-width: 50%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; max-width: 49%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 1024px) and (max-width: 1439px){ .explaincast{ text-align: center; margin-top: -44%; } .explaincast2{ text-align: center; position: absolute; /* top: 350%; */ margin-top: -332em; left: 19%; max-width: 31%; } .explaincast3{ text-align: center; position: absolute; margin-top: -332em; /* top: 350%; */ left: 52%; max-width: 30%; } .explaincast4{ text-align: center; position: absolute; margin-top: -222em; /* top: 576%; */ left: 19%; max-width: 31%; } .explaincast5{ text-align: center; position: absolute; margin-top: -222em; /* top: 576%; */ left: 52%; width: 34%; max-width: 31%; } .explaincast6{ text-align: center; position: absolute; margin-top: -12em; /* top: 966%; */ left: 16%; max-width: 33%; } .explaincast7{ text-align: center; position: absolute; margin-top: -12em; /* top: 966%; */ left: 52%; max-width: 32%; } .castimg img{ margin-top:-1.5em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; margin-top: -11em; left: 17%; max-width: 30%; } .explainabout2{ text-align: center; position: absolute; margin-top: -11em; left: 52%; max-width: 30%; } .exact1{ text-align: center; position: absolute; margin-top: 2em; left: 13%; max-width: 39%; } .exact2{ text-align: center; position: absolute; margin-top: 2em; left: 52%; max-width: 35%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { width: 295px; float: left!important; width:54%; float:left; margin-bottom: 5px; margin-right: -6%; height: 450px; margin-top: 6em; /*background: #afa;*/ } #in{ width: 30%; /*float: right;*/ display: block; float: right; margin-right:13%; margin-bottom: 5px; height: 830px; margin-top: 6em; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -240em; left: 13%; max-width: 74%; } .donatab2{ text-align: center; position: absolute; margin-top: -145em; /*top: 350%;*/ left: 13%; max-width: 74%; } .donatab3{ text-align: center; position: absolute; margin-top: -74em; /*top: 350%;*/ left: 13%; max-width: 74%; } #footer-top { background-color: #323944; color: #86909E; margin-top: 6em; } .home1{ text-align: center; position: relative; /*overflow: hidden;*/ float: left; max-width: 52%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; max-width: 48%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 1440px) and (max-width: 2550px){ .explaincast{ text-align: center; margin-top: -44%; } .explaincast2{ text-align: center; position: absolute; /* top: 350%; */ margin-top: -333em; left: 27%; max-width: 23%; } .explaincast3{ text-align: center; position: absolute; margin-top: -333em; /* top: 350%; */ left: 51%; width: 34%; max-width: 23%; } .explaincast4{ text-align: center; position: absolute; margin-top: -221em; /* top: 576%; */ left: 27%; max-width: 23%; } .explaincast5{ text-align: center; position: absolute; margin-top: -221em; max-width: 23%; left: 51%; } .explaincast6{ text-align: center; position: absolute; margin-top: -16em; /* top: 966%; */ left: 28%; max-width: 23%; } .explaincast7{ text-align: center; position: absolute; margin-top: -16em; /* top: 966%; */ left: 52%; width: 34%; max-width: 23%; } .castimg img{ margin-top:-1.5em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; margin-top: -15em; left: 16%; max-width: 33%; } .explainabout2{ text-align: center; position: absolute; margin-top: -15em; max-width: 32%; left: 51%; } .exact1{ text-align: center; position: absolute; margin-top: -21em; left: 26%; max-width: 24%; } .exact2{ text-align: center; position: absolute; margin-top: -21em; left: 51%; max-width: 24%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { width: 295px; float: left!important; width:54%; float:left; margin-bottom: 5px; margin-right: -6%; height: 450px; margin-top: 9em; /*background: #afa;*/ } #in{ width: 180px; /*float: right;*/ display: block; margin-bottom: 5px; height: 830px; position: relative; position: left 200px; margin-top: 9em; /*background: #aaf;*/ } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -240em; left: 13%; max-width: 74%; } .donatab2{ text-align: center; position: absolute; margin-top: -145em; /*top: 350%;*/ left: 13%; max-width: 74%; } .donatab3{ text-align: center; position: absolute; margin-top: -74em; /*top: 350%;*/ left: 13%; max-width: 74%; } .home1{ text-align: center; position: relative; /*overflow: hidden;*/ float: left; max-width: 48%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; max-width: 48%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } @media screen and (min-width : 2551px) and (max-width: 3550px){ .explaincast{ text-align: center; margin-top: -44%; } .explaincast2{ text-align: center; position: absolute; /* top: 350%; */ margin-top: -334em; left: 30%; max-width: 19%; } .explaincast3{ text-align: center; position: absolute; margin-top: -334em; max-width: 19%; left: 51%; } .explaincast4{ text-align: center; position: absolute; margin-top: -221em; /* top: 576%; */ left: 30%; max-width: 19%; } .explaincast5{ text-align: center; position: absolute; margin-top: -221em; max-width: 19%; left: 50%; } .explaincast6{ text-align: center; position: absolute; margin-top: -18em; /* top: 966%; */ left: 30%; max-width: 19%; } .explaincast7{ text-align: center; position: absolute; margin-top: -18em; left: 52%; left: 51%; max-width: 19%; } .castimg img{ margin-top:-1.5em; max-width:100%; height:auto; } .explainabout1{ text-align: center; position: absolute; margin-top: -13em; left: 37%; max-width: 12%; } .explainabout2{ text-align: center; position: absolute; margin-top: -13em; left: 50%; max-width: 12%; } .exact1{ text-align: center; position: absolute; margin-top: 2em; max-width: 34%; max-width: 28%; left:27%; } .exact2{ text-align: center; position: absolute; margin-top: 2em; left: 50%; max-width: 25%; } .castpass{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: rgba(0, 0, 0, .1); background: #FFF; border: solid 3px rgb(255, 255, 255); border-radius: 10px; position: relative; } #fb { width: 295px; float: left!important; width:68%; float:left; margin-bottom: 5px; margin-right: -20%; height: 450px; margin-top: 9em; /*background: #afa;*/ display:none; } #in{ width: 180px; /*float: right;*/ display: block; margin-bottom: 5px; height: 830px; position: relative; position: left 200px; margin-top: 9em; /*background: #aaf;*/ display:none; } .donatab1{ text-align: center; position: absolute; /*top: 350%;*/ margin-top: -240em; left: 32%; max-width: 35%; } .donatab2{ text-align: center; position: absolute; margin-top: -145em; /*top: 350%;*/ left: 32%; max-width: 35%; } .donatab3{ text-align: center; position: absolute; margin-top: -74em; /*top: 350%;*/ left: 32%; max-width: 35%; } .home1{ text-align: center; position: relative; /* overflow: hidden; */ float: left; left: 3%; max-width: 48%; } .home2{ text-align: center; position: relative; overflow: hidden; float: right; left: 2%; max-width: 48%; } .home1 img{ position: relative; left: 0%; } .home2 img{ position: relative; left: -10%; } } /* グローバルナビの日本語を大きくする */ @media only screen and (min-width: 768px){ .nav > li > a{ padding-top:5px; line-height:1.5; font-size:14px; font-weight:bold; } .nav li a span{ font-size:10px; margin-top:1px; position: static; font-weight:normal; } } .widget .widgettitle span{ border: 1px solid rgba(255, 255, 255, 0.6); display:block; width: 100%; height: 0%; padding: 0.9em 0.8em; } .content1{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: #6091d3;/*文字色*/ background: #FFF; border: solid 3px #6091d3;/*線*/ border-radius: 10px;/*角の丸み*/ } .contents2 { margin-top: 100px; } .double1{ position: absolute; top: 127%; width: 18%; left: 14%; } .double2{ position: absolute; top: 127%; width: 18%; left: 33%; } .double3{ position: absolute; top: 127%; width: 18%; left: 52%; } .double4{ position: absolute; top: 127%; width: 18%; left: 71%; } /**/ .story{ padding: 0.5em 1em; margin: 2em 0; color: #FFF; background: #6eb7ff; border-bottom: solid 6px #3f87ce; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 9px; text-align: center; } .act { padding: 0.5em 1em; margin: 2em 0; color: #FFF; background: #6eb7ff; border-bottom: solid 6px #3f87ce; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 9px; text-align: center; } .dona1{ padding: 0.5em 1em; margin: 2em 0; color: #FFF; background: #6eb7ff; border-bottom: solid 6px #3f87ce; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 9px; text-align: center; } .dona2{ padding: 0.5em 1em; margin: 2em 0; color: #FFF; background: #6eb7ff; border-bottom: solid 6px #3f87ce; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); border-radius: 9px; text-align: center; } .blogkiji{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .gallery{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .problem{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .WWWTD{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .ACT1{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .act1{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .act2{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .act3{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .act4{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .act5{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; width:50% verticle-align:center; } .act6{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; width:50% verticle-align:center; } .act7{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; width:50% verticle-align:center; } /*background-image: url(https://lesworld.org/wp/wp-content/themes/albatros/library/images/1page.jpg);*/ } .action1{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; } .action2{ padding: 0.5em 1em; margin: -1em 0; border: double 5px #4ec4d3; } .action3{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; height: 194px; } .action4{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; overflow: hidden; } .action5{ padding: 0.5em 1em; margin: 2em 0; border: double 5px #4ec4d3; overflow: hidden; } .action6{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; height: 194px; } .action7{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .member1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .member2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .member3{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .member4{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .mem1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; }.mem2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; }.mem3{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; }.mem4{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .mem5{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; }.mem6{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .mem7{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .mem8{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .shido1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .shido2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; /*position: fixed;*/ } /*.actdetail10{ padding: 0.5em 1em; margin: 2em 0; font-weight: bold; color: #6091d3;文字色 background: #FFF; border: solid 3px #6091d3;/*線 border-radius: 10px;/*角の丸み*/ .tanaka1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .tanaka2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .suzuki1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .suzuki2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .nagmo1{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } .nagmo2{ padding: 0.5em 1em; margin: 0em 0; border: double 5px #4ec4d3; } /* PC・タブレットの場合のロゴサイズを大きく */ @media only screen and (min-width: 768px) { #logo{ width:30%; margin-top:30px; } } /* スマホの場合のロゴサイズを大きく */ @media only screen and (max-width: 767px) { #logo a img{ max-height: 42px; } } .topsen1{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; } /*cast*/ .link_button { font-weight: bold; text-decoration: none; background: #1e90ff; font-family: 'arial'; color: white; margin-left: 30px; margin-right: 30px; margin-top: 500px; padding:25px 35px; border-radius: 20px; font-size: 30px; } .link_button:hover { background: #7fffd4; text-decoration: none; } .link_button:visited { color: white; } @media ( max-width:479px ) { .link_button { font-size: 18px; padding: 11px 8px; margin: 0 auto; } } .cast-top { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/toppage3.jpg"); height: 700px; background-size: cover; margin-bottom: -150px; } @media ( max-width:670px ) { .cast-top { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/cast-top.png"); background-size: cover; width: 100%; height: 400px; } } .cast-top img { width: 600px; margin:0px 0px 0px 60px; } @media ( max-width:670px ) { .cast-top img { width: 200px; margin:0px 0px 0px 5px; } } .cast-top-text, .cast-top-text-2, .cast-top-text-3 { position: relative; font-size: 50px; text-align: left; margin-left: 60px; font-family: 'arial'; font-weight: bold; color: white; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333, 0px 0px 4px #333, 0px 0px 5px #333, 0px 0px 6px #333; } @media ( max-width:670px ) { .cast-top-text, .cast-top-text-2, .cast-top-text-3 { font-size: 15px; text-align: left; margin-left: 5px; } } .cast-top-text-3 { margin-bottom: 15px; } .cast-button { font-weight: bold; text-decoration: none; background: #1e90ff; color: white; margin-left: 60px; margin-right: 30px; margin-top: 500px; padding:13px 35px; border-radius: 20px; font-family:'arial'; font-size: 30px; } .cast-button:hover { background: #7fffd4; text-decoration: none; } .cast-button:visited { color: white; } @media ( max-width:670px ) { .cast-button { font-size: 12px; margin-left: 5px; padding:10px 15px; } } .container { width: 100%; padding: 0 15px; padding-top: 100px; margin: 0 auto; } .explain { text-align: center; } @media ( max-width:670px ) { .explain { width: 100%; } } .explain h1 { text-align: center; margin-top: 100px; font-size: 60px; color: #1e90ff; font-family: 'arial'; animation: text_animation1 3s ; animation-name: slidein; } @media ( max-width:670px ) { .explain h1 { font-size: 13px; } } @keyframes slidein { from { margin-left: 100%; width: 300%; color: blue; background-color: #7fffd4; } to { margin-left: 0%; width: 100%; color: #1e90ff; background-color: white; } } .cast-explain { overflow: hidden; } .cast-explain-2 { overflow: hidden; } .explain h3 { text-align: center; font-size: 25px; color: #1e90ff; margin-top: 50px; animation: text_animation1 3.5s ; animation-name: slidein; } @media ( max-width:670px ) { .explain h3 { font-size: 11px; margin-top: 20px; } } .explain-text { float: right; width: 65%; } @media ( max-width:670px ) { .explain-text { float: none; width: 100%; font-size: 11px; } } .explain-pic { float: left; width: 35%; } @media ( max-width:670px ) { .explain-pic { float: none; width: 90%; } } .explain-pic img { width: 350px; margin-left: 10px; } @media ( max-width:670px ) { .explain-pic img { width: 100%; margin-left: 0px; } } .explain-text-2 { float: left; width: 55%; margin-left:50px; } @media ( max-width:670px ) { .explain-text-2 { float: none; width: 90%; font-size: 11px; margin-left:0px; } } .explain-pic-2 { float: right; width: 35%; } @media ( max-width:670px ) { .explain-pic-2 { float: none; width: 90%; } } .explain-pic-2 img { width: 350px; margin-right: 60px; } @media ( max-width:670px ) { .explain-pic-2 img { width: 100%; margin-left: 0px; } } .appeal { text-align: center; width: 100%; } @media ( max-width:670px ) { .appeal { width: 100%; } } .appeal h2 { font-size: 50px; color: #1e90ff; font-family: 'arial'; } @media ( max-width:670px ) { .appeal h2 { font-size: 11px; } } .appeal h3 { font-size: 30px; color: #1e90ff; position: relative; right: 5%; } @media ( max-width:670px ) { .appeal h3 { font-size: 14px; } } .appeal h4 { font-size: 15px; color: #1e90ff; } @media ( max-width:670px ) { .appeal h4 { font-size: 10px; } } .appeal p { font-size: 13px; line-height: 12px; color: #1e90ff; } @media ( max-width:670px ) { .appeal p { font-size: 9px; } } .cast-waku img { width: 100%; } .appeal-child { width: 1000px; margin: 0 auto; overflow: hidden; } @media ( max-width:670px ) { .appeal-child { width: 95%; } } .experience { float: left; width: 48%; } @media ( max-width:670px ) { .experience { float: none; width: 100%; } } .power { float: right; width: 48%; } @media ( max-width:670px ) { .power { float: none; width: 100%; } } .event { float: left; width: 48%; } @media ( max-width:670px ) { .event { float: none; width: 100%; } } .procast { float: right; width: 48%; } @media ( max-width:670px ) { .procast { float: none; width: 100%; } } .cast-waku { border: 2px solid #1e90ff; border-radius: 3px; padding: 30px; margin: 10px 0px; background-color: #b3daff; width: 85%; } @media ( max-width:670px ) { .cast-waku { width: 100%; } } .cast-voice { margin-top: px; text-align: center; } @media ( max-width:670px ) { .cast-voice { width: 100%; } } .cast-voice img { width: 100%; } @media ( max-width:670px ) { .cast-voice img { width: 100%; } } .cast-voice h2 { font-size: 50px; color: #1e90ff; font-family: 'arial'; } @media ( max-width:670px ) { .cast-voice h2 { font-size: 11px; } } .cast-voice h3 { font-size: 30px; color: #1e90ff; } @media ( max-width:670px ) { .cast-voice h3 { font-size: 11px; } } .cast-voice h1 { font-size: 45px; line-height: 8px; color: white; padding-bottom: 30px; } @media ( max-width:670px ) { .cast-voice h1 { font-size: 11px; padding-bottom: 10px; } } .cast-voice h4 { font-size: 30px; line-height:11px; color: white; } @media ( max-width:670px ) { .cast-voice h4 { font-size: 11px; line-height:14px; } } .cast-voice h5 { font-size: 15px; line-height: 5px; } @media ( max-width:670px ) { .cast-voice h5 { font-size: 9px; line-height: 12px; } } .cast-voice p { line-height: 15px; } @media ( max-width:670px ) { .cast-voice p { font-size: 9px; } } .cast-interview-name { background-color: #1e90ff; padding: 5px 0px; } @media ( max-width:670px ) { .cast-interview { width: 100%; } } .cast-interview { overflow: hidden; } .cast-interview-pic { float: left; width: 50%; } @media ( max-width:670px ) { .cast-interview-pic { float: none; width: 100%; } } .cast-interview-text { float: right; width: 48%; } @media ( max-width:670px ) { .cast-interview-text { float: none; width: 100%; } } .cast-interview-2 { overflow: hidden; background-color: #f5f5f5; } .cast-interview-pic-2 { float: right; width: 50%; } @media ( max-width:670px ) { .cast-interview-pic-2 { float: none; width: 100%; } } .cast-interview-text-2 { float: left; width: 48%; } @media ( max-width:670px ) { .cast-interview-text-2 { float: none; width: 100%; } } .cast-join { text-align: center; padding-bottom: 50px; } @media ( max-width:670px ) { .cast-join { width: 100%; } } .cast-join h2 { font-size: 60px; color: #1e90ff; font-family: 'arial'; } @media ( max-width:670px ) { .cast-join h2 { font-size: 12px; } } .cast-join h3 { font-size: 30px; color: #1e90ff; } @media ( max-width:670px ) { .cast-join h3 { font-size: 12px; } } .cast-join img { width: 100%; margin-bottom: 30px; } @media ( max-width:670px ) { .cast-join img { margin-bottom: 0px; } } .cast-join p { font-size: 20px; } @media ( max-width:670px ) { .cast-join p { font-size: 10px; } } /*supporter*/ .top { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/supportertop.jpg"); width: 100%; height: 700px; background-size: cover; } @media ( max-width:670px ) { .top { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/supportertop-phone.png"); background-size: cover; width: 100%; height: 400px; } } .top img { potision: relative; width: 600px; margin:0px 0px 0px 60px; } @media ( max-width:670px ) { .top img { width: 200px; margin:0px 0px 0px 10px; } } .support-top-text, .support-top-text-2, .support-top-text-3 { position: relative; font-size: 50px; text-align: left; margin-left: 60px; font-family: 'arial'; font-weight: bold; color: white; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333, 0px 0px 4px #333, 0px 0px 5px #333, 0px 0px 6px #333; } @media ( max-width:670px ) { .support-top-text, .support-top-text-2, .support-top-text-3 { font-size: 15px; text-align: left; margin-left: 5px; } } .support-top-text-2 { margin-left: 30px; } @media ( max-width:479px ) { .support-top-text-2 { margin-left: 0px; } } .support-top-sub { display: inline-block; position: relative; font-color: #1e90ff; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333; font-size: 35px; text-align: left; margin: 0px 0px 30px 100px; font-family: fantasy; font-weight: bold; color: white; border-bottom: dotted 4px #1e90ff; } @media ( max-width:670px ) { .support-top-sub { font-size: 20px; margin-left: -5px; } } .supporter-button { font-weight: bold; text-decoration: none; background: #1e90ff; color: white; margin-left: 60px; margin-right: 30px; margin-top: 500px; padding:13px 35px; border-radius: 20px; font-family:'arial'; font-size: 30px; } @media ( max-width:670px ) { .supporter-button { font-size: 12px; margin-left: 5px; padding:10px 15px; } } .supporter-button:hover { background: #7fffd4; text-decoration: none; } .supporter-button:visited { color: white; } .container { width: 100%; padding: 0 5%; padding-top: 100px; margin: 0 auto; } .support-story { text-align: center; margin-top: 100px; } @media ( max-width:670px ) { .support-story { margin-top: 0px; } } .support-story p { font-size: 18px; font-family: 'OCRB'; } @media ( max-width:670px ) { .support-story p { width: 100%; font-size: 11px; position: } } .part-2-pic { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/kousuke1.jpg"); width: 100%; height: 700px; background-size: cover; margin: 120px 0px; } @media ( max-width:670px ) { .part-2-pic { height: 170px; width: 100%; margin: 60px 0px; } } .story-text, .story-text-2, .story-text-3, .story-text-4 { position: relative; font-size: 60px; text-align: left; font-weight: bold; color: white; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333, 0px 0px 4px #333, 0px 0px 5px #333, 0px 0px 6px #333; } @media ( max-width:670px ) { .story-text, .story-text-2, .story-text-3, .story-text-4 { font-size: 16px; } } .large { font-size: 30px; } @media ( max-width:670px ) { .large { font-size: 14px; } } .large-color { font-size: 30px; color: #ff691f; } @media ( max-width:670px ) { .large-color { font-size: 14px; } } .story-text { top: 20%; margin-left: 10px; font-size: 70px; } @media ( max-width:670px ) { .story-text { font-size: 17px; } } .story-text-2 { top: 30%; margin-left: 30px; } @media ( max-width:670px ) { .story-text-2 { margin-left: 2%; } } .story-text-3 { top: 29%; margin-left: 60px; } .story-text-4 { top: 28%; margin-left: 60px; } @media ( max-width:670px ) { .story-text-3, .story-text-4 { margin-left: 5%; } } .part-3-pic { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/kousuke2.jpg"); width: 100%; height: 700px; background-size: cover; margin: 120px 0px; } @media ( max-width:670px ) { .part-3-pic { height: 170px; width: 100%; margin: 60px 0px; } } .story-text-5, .story-text-6, .story-text-7, .story-text-8, .story-text-9 { position: relative; font-size: 50px; text-align: left; font-weight: bold; color: white; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333, 0px 0px 4px #333, 0px 0px 5px #333, 0px 0px 6px #333; } @media ( max-width:670px ) { .story-text-5, .story-text-6, .story-text-7, .story-text-8, .story-text-9 { font-size: 15px; } } .story-text-5 { top: 20%; margin-left: 50px; } @media ( max-width:670px ) { .story-text-5 { margin-left: 5%; } } .story-text-6 { top: 20%; margin-left: 50px; } @media ( max-width:670px ) { .story-text-6 { margin-left: 5%; } } .story-text-7 { top: 20%; margin-left: 50px; } @media ( max-width:670px ) { .story-text-7 { margin-left: 5%; } } .story-text-8 { top: 30%; margin-left: 25px; font-size: 60px; } @media ( max-width:670px ) { .story-text-8 { font-size: 16px; margin-left: 2%; } } .story-text-9 { top: 30%; margin-left: 50px; font-size: 60px; } @media ( max-width:670px ) { .story-text-9 { font-size: 16px; margin-left: 7%; } } .way-to-use { text-align: center; font-size: 25px; } @media ( max-width:670px ) { .way-to-use { font-size: 10px; width: 100%; margin-right: 20%; } } @media ( max-width:670px ) { .way-to-use h3 { } } @media ( max-width:670px ) { .way-to-use hr { } } .flex{ padding: 3% 10%; display: flex; flex-direction: row; justify-content: space-around; } @media ( max-width:670px ) { .flex{ display: block; padding-right: 20%; } } .flex > *{ width: 380px; background: #fff; line-height: 5px; font-size: 15px; text-align: center; margin-bottom: 30px; } @media ( max-width:670px ) { .flex > *{ width: 100%; font-size: 10px; } } .flex img { width: 300px; } @media ( max-width:670px ) { .flex img { width: 100%; } } .flex p { font-size: 12px; line-height: 8px; font-family: 'OCRB'; } @media ( max-width:670px ) { .flex p { font-size: 10px; } } .interview { font-size: 25px; text-align: center; } @media ( max-width:670px ) { .interview { font-size: 10px; width: 100%; } } @media ( max-width:670px ) { .interview h3 { } } @media ( max-width:670px ) { .interview hr { } } .flex-2 { padding: 3% 3%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } @media ( max-width:670px ) { .flex-2 { display: block; width: 100%; } } .flex-2 > *{ width: 430px; background: #fff; line-height: 5px; font-size: 15px; text-align: center; margin-bottom: 30px; } @media ( max-width:670px ) { .flex-2 > *{ width: 100%; } } .supporter-voice-text { width: 430px; } @media ( max-width:670px ) { .supporter-voice-text { width: 100%; } } .supporter-pic-name { width: 500px; } .supporter-pic { float: left; } @media ( max-width:670px ) { .supporter-pic-name { width: 100%; } } @media ( max-width:670px ) { .supporter-pic { float: none; width: 100%; } } .supporter-name { float: right; width: 270px; margin-top:75px; line-height: 15px; font-family: 'OCRB'; } @media ( max-width:670px ) { .supporter-name { float: none; font-size: 12px; margin-top: 20px; } } .supporter-voice-pic { width: 230px; } @media ( max-width:670px ) { .supporter-voice-pic { width: 140px; } } .supporters { text-align: center; font-family: 'OCRB'; background-color: white; padding-bottom: 100px; margin-top: 30px; } @media ( max-width:670px ) { .supporters { width: 100% } } .pointer { width: 70px; margin-top: -30px; margin-bottom: 30px; } @media ( max-width:670px ) { .pointer { width: 30px; } } .supporters h2 { font-size: 22px; font-family: 'OCRB'; color: #1e90ff; } @media ( max-width:670px ) { .supporters h2 { font-size: 14px; } } .supporters h3 { font-size: 22px; font-family: 'OCRB'; } @media ( max-width:670px ) { .supporters h3 { font-size: 13px; } } .supporters p { font-size: 18px; font-family: 'OCRB'; } @media ( max-width:670px ) { .supporters p { font-size: 10px; } } /*aboutus*/ .container { width: 100%; padding: 0 15px; padding-top: 50px; margin: 0 auto; } .top-img { padding-top: 50px; height: 550px; background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/TOP.jpg"); background-size: cover; padding-bottom: 50px; color: white; font-family: '游ゴシック'; text-align: left; } @media ( max-width:670px ) { .top-img { background-image: url("https://lesworld.org/wp/wp-content/themes/albatros/library/images/aboutus-top.png"); background-size: cover; width: 100%; height: 400px; padding-top: 30px; padding-bottom: 0px; } } .logo { width: 700px; margin-left: 3%; } .top-text-1, .top-text-2, .top-text-3 { position: relative; text-align: left; margin-left: 4%; font-family: 'arial'; font-weight: bold; color: white; text-shadow: 0px 0px 1px #333, 0px 0px 2px #333, 0px 0px 3px #333, 0px 0px 4px #333, 0px 0px 5px #333, 0px 0px 6px #333; } .top-text-1 { font-size: 25px; margin-bottom: 5px; } .top-text-2 { font-size: 60px; line-height: 110%; } .top-text-3 { font-size: 25px; } @media ( max-width:670px ) { .top-text-1 { font-size: 10px; } } @media ( max-width:670px ) { .top-text-2 { font-size: 18px; margin-bottom: 7px; } } @media ( max-width:670px ) { .top-text-3 { font-size: 15px; } } @media ( max-width:670px ) { .top-img img { width: 200px; } } .about-top-text h3 { color: #1e90ff; } .about-top-text { text-align: center; font-family: '游ゴシック'; font-size:23px; background-color: white; background-size: cover; } @media ( max-width:670px ) { .about-top-text { width: 100%; font-size: 11px; } } .vision { text-align: center; background-color: white; } .vision h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .vision h3 { font-size: 35px; } .vision p { font-family: '游ゴシック'; font-size: 20px; } @media ( max-width:670px ) { .vision { width: 100%; } } @media ( max-width:670px ) { .vision h2 { font-size: 45px; } } @media ( max-width:670px ) { .vision h3 { font-size: 18px; } } @media ( max-width:670px ) { .vision p { font-size: 11px; } } .vision img { width: 100%; } .mission { text-align: center; } .mission h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .mission h3 { font-size: 35px; } .mission p { font-family: '游ゴシック'; font-size: 20px; } .mission img { width: 100%; } @media ( max-width:670px ) { .mission { width: 100%; } } @media ( max-width:670px ) { .mission h2 { font-size: 45px; } } @media ( max-width:670px ) { .mission h3 { font-size: 18px; } } @media ( max-width:670px ) { .mission p { font-size: 11px; } } .results { text-align: center; background-color: white; padding-bottom: 10px; margin-top: 30px; } .results h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .results h3 { font-size: 25px; } .results h4 { font-size: 20px; font-family: '游ゴシック' } .results p { font-family: '游ゴシック'; font-size: 20px; } @media ( max-width:670px ) { .results { width: 100%; margin-top: 10px; } } @media ( max-width:670px ) { .results h2 { font-size: 45px; } } @media ( max-width:670px ) { .results h4 { font-size: 12px; } } @media ( max-width:670px ) { .results p { font-size: 10px; } } .results img { width: 100%; margin-bottom: 60px; } .nextAction { text-align: center; background-color: white; padding-bottom: 10px; margin-top: 20px; } .nextAction h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .nextAction h3 { font-size: 25px; } .nextAction h4 { font-size: 20px; } .nextAction p { font-family: '游ゴシック'; font-size: 20px; } @media ( max-width:670px ) { .nextAction { width: 100%; margin-top: 0px; } } @media ( max-width:670px ) { .nextAction h2 { font-size: 45px; } } @media ( max-width:670px ) { .nextAction h3 { font-size: 18px; } } @media ( max-width:670px ) { .nextAction h4 { font-size: 16px; } } @media ( max-width:670px ) { .nextAction p { font-size: 11px; } } .nextAction img { width: 100%; } .join { text-align: center; background-color: white; } .join h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .join h3 { font-size: 25px; } .join h4 { font-size: 20px; font-family: '游ゴシック'; } .join p { font-family: '游ゴシック'; font-size: 20px; } @media ( max-width:670px ) { .join { width: 100%; } } @media ( max-width:670px ) { .join h2 { font-size: 45px; } } @media ( max-width:670px ) { .join h3 { font-size: 14px; } } @media ( max-width:670px ) { .join h4 { font-size: 16px; } } @media ( max-width:670px ) { .join p { font-size: 11px; } } .join img { width: 100%; } .support { text-align: center; background-color: white; padding-bottom: 100px; } .support h2 { font-size: 60px; margin-bottom: 10px; color: #1e90ff; } .support h3 { font-size: 25px; } .support h4 { font-size: 20px; font-family: '游ゴシック' } .support p { font-family: '游ゴシック'; font-size: 20px; } @media ( max-width:670px ) { .support h2 { font-size: 45px; } } @media ( max-width:670px ) { .support h3 { font-size: 14px; } } @media ( max-width:670px ) { .support h4 { font-size: 16px; } } @media ( max-width:670px ) { .support p { font-size: 11px; } } .support img { width: 100%; } .box { padding: 3% 10%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; } @media ( max-width:670px ) { .box { width: 100%; margin-left: -10%; } } .double_button { font-weight: bold; text-decoration: none; background: #1e90ff; color: white; margin-left: 30px; margin-right: 30px; margin-top: 30px; padding:16px 28px; border-radius: 20px; font-family:'游ゴシック'; font-size: 25px; } .double_button:hover { background: #7fffd4; text-decoration: none; } .double_button:visited { color: white; } @media ( max-width:479px ) { .double_button { font-size: 12px; padding: 13px 7px; margin-left: 11%; } } /*toppage*/ .container { width: 100%; padding: 0 5%; padding-top: 100px; margin: 0 auto; } .toppage-text { text-align: center; } @media ( max-width:479px ) { .toppage-text { right: 0%; margin-top: -60px; } } .toppage-text h2 { color: #1e90ff; } @media ( max-width:479px ) { .toppage-text h2 { font-size: 14px; } } @media ( max-width:479px ) { .toppage-text h3 { font-size: 12px; } } .cast, .supporter { width: 100%; padding: 5px 0px; } @media ( max-width:479px ) { .cast, .supporter { display: none; } } .cast:hover { opacity: 0.7; } .supporter:hover { opacity: 0.7; } .cast-phone, .supporter-phone { display: none; } @media ( max-width:479px ) { .cast-phone, .supporter-phone { display: block; width: 100%; padding: 5px 0px; } } @media ( max-width:479px ) { .cast-phone:hover { opacity: 0.7; } } @media ( max-width:479px ) { .supporter-phone:hover { opacity: 0.7; } } @media ( max-width:479px ) { .cast-phone{ margin-top: -50px; } } .blog { text-align: center; margin-bottom: 100px; margin: 0 auto; } @media ( max-width:479px ) { .blog { width: 100%; padding-bottom: 0px; } } .news { text-align: center; margin-top: 50px; padding-bottom: 100px; background-size: cover; } @media ( max-width:479px ) { .news { width: 100%; padding-top: -50px; right: 0%; padding-bottom: 0px; } } .top-procast { text-align: center; padding-bottom: 100px; } @media ( max-width:479px ) { .top-procast { padding-bottom: 0px; } } .top-procast img { width: 90%; margin: 15px 0px; } @media ( max-width:479px ) { .top-procast img { width: 100%; } } @media ( max-width:700px ) { .top-procast h1 { font-size: 40px; } } @media ( max-width:479px ) { .top-procast h1 { font-size: 30px; } } .top-procast h2 { text-align: center; font-size: 45px; } @media ( max-width:479px ) { .top-procast h2 { text-align: center; font-size: 25px; } } .top-procast p { text-align: center; font-size: 20px; } @media ( max-width:479px ) { .top-procast p { font-size: 10px; } } .alliance { text-align: center; padding-bottom: 100px; } @media ( max-width:479px ) { .alliance { width: 100%; right: 0%; padding-bottom: 0px; } } h1 { text-align: center; font-size: 60px; color: #1e90ff; margin-bottom: 30px; margin: 0 auto; } @media ( max-width:479px ) { h1 { font-size: 30px; margin-bottom: 0px; } } h2 { text-align: center; font-size: 25px; } @media ( max-width:479px ) { h2 { font-size: 20px; } } .alliance-img-1 img { padding-top: 20px; width: 370px; margin: 20px 0px; } @media ( max-width:479px ) { .alliance-img-1 img { width: 90% ; } } .alliance-img-2 img { padding-top: 20px; width: 370px; margin: 20px 0px; } @media ( max-width:479px ) { .alliance-img-2 img { width: 90% ; } } .alliance-img-3 img { padding-top: 20px; width: 230px; margin: 20px 0px; } @media ( max-width:479px ) { .alliance-img-3 img { width: 70% ; } } .alliance-img-4 img { padding-top: 20px; width: 370px; margin: 20px 0px; } @media ( max-width:479px ) { .alliance-img-4 img { width: 90% ; } } .partnership { text-align: center; padding-bottom: 100px; background-size: cover; } @media ( max-width:479px ) { .partnership { width: 100%; right: 0%; padding-bottom: 0px; } } .partnership img { width: 350px; } @media ( max-width:479px ) { .partnership img { width: 90%; } } .flex-4 { padding: 3% 10%; display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } @media ( max-width:479px ) { .flex-4 { display: block; margin: 0 auto; } } .item { width: 50%; margin: 5% 0%; } @media ( max-width:479px ) { .item { width: 100%; } } .thumb { float: left; width: 100px; height: 70px; margin: 7% 0%; } @media ( max-width:479px ) { .thumb { float: none; width: 100%; } } @media ( max-width:1024px ) { .thumb { float: none; width: 100%; } } .text { float: right; width: 50%; text-align: left; margin:0% 10% 0% 0%; } @media ( max-width:1024px ) { .text { width: 100%; text-align: center; } } @media ( max-width:479px ) { .text { float: none; font-size: 10px; } } .link_button { font-weight: bold; text-decoration: none; background: #1e90ff; font-family: 'arial'; color: white; margin-left: 30px; margin-right: 30px; margin-top: 500px; padding:30px 35px; border-radius: 20px; font-size: 30px; } .link_button:hover { background: #7fffd4; text-decoration: none; } .link_button:visited { color: white; } @media ( max-width:479px ) { .link_button { font-size: 11px; padding: 11px 8px; margin: 0 auto; } } .white { display: none; }