/*繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ*/
#loadingWrap {
width: 100%;
height: 100vh;
/*background: url(/webstore/template/default/img/common/bg.jpg);*/
background: #FFF;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
#loading {
width: 150px;
height: 150px;
/*border-top: 1em solid rgba(255, 255, 255, 0.2);
border-right: 1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1em solid rgba(255, 255, 255, 0.2);
border-left: 1em solid rgba(255, 255, 255, 1);*/
animation: loaderAnime 2s infinite linear;
border-radius: 50%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 11;
}
#plain {
width: 150px;
height: 150px;
border-radius: 50%;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 10;
}
#text {
width: 246px;
height: 149px;
border-radius: 0%;
position: fixed;
top: 50%;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 9;
}
@keyframes loaderAnime {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.loadingNone {
animation: loadingAnime 1s forwards;
}
@keyframes loadingAnime {
0% {
opacity: 1;
}
99% {
opacity: 0;
}
100% {
opacity: 0;
display: none;
}
}
div.hide {
display: none;
}
/*繝ｭ繝ｼ繝�ぅ繝ｳ繧ｰ邨ゅｏ繧�*/
html {
/* 繝ｫ繝ｼ繝医�繝輔か繝ｳ繝医し繧､繧ｺ繧�10px縺ｫ險ｭ螳壹＠縺ｦ縺翫￥ */
font-size: 62.5%;
}
body {
font-size: 1.5em;
font-family: 'Noto Sans JP', sans-serif;
color: #424242;
line-height: 100%;
}
#wrapper,#map {
/*background: url(/webstore/template/default/img/common/bg.jpg);*/
}
#wrapper2 {
background-color: rgba(255,255,255,1);
}
#map article {
background-color: rgba(255,255,255,1);
}
.flexwrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
h4, .month, .day {
font-family: 'Clicker Script', cursive;
}
h1 {
font-family: 'Cormorant Garamond', serif;
}
#content h1, #content h4, #content .month, #content .day {
font-family: 'Dancing Script', cursive;
}
a {
color: currentColor;
text-decoration: none;
transition: 0.3s;
}
a:hover {
opacity: 0.6;
color: rgba(132,10,10,1.00);
}
.clear {
clear: both;
float: none;
}
.pc {
display: block;
}
.sp {
display: none;
}
.back a {
width: 100%;
text-align: center;
display: block;
margin: 0 0 0 0;
font-size: 1.6rem;
}
.back {
padding: 30px 0 20px 0;
}
/*蝠�刀繝ｪ繝ｳ繧ｯ*/
.itemlink {
width: 80%;
margin: auto;
text-align: center;
padding: 20px 0;
line-height: 1.5;
}
.itemlink a {
font-size: 1.7rem;
display: inline-block;
line-height: 2;
border: solid 1px currentColor;
padding: 0 1.3em;
margin: 10px 0 0 0;
}
/*蜍慕判繝ｪ繝ｳ繧ｯ*/
.movielink a {
background-size: cover;
background-position: center center;
height: 250px;
display: block;
width: 80%;
margin: auto;
display: flex;
}
.movielink {
margin: 40px 0 0 0;
}
.movielink a p {
margin: auto;
background: #fff;
padding: 0 10px;
}
/*繧ｫ繧ｦ繝ｳ繝医ム繧ｦ繝ｳ*/
#copy p.nokori {
background: #3232329c;
display: inline-block;
width: auto;
padding: 0.3em 1em;
}
#copy p.nokori span {
font-size: 2.5rem;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝医ャ繝励�繝ｼ繧ｸ
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
section#top {
position: fixed;
width: 100%;
height: 100vh;
background-size: cover;
background-position: center center;
z-index: -100;
}
section#mainrogo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
width: 100%;
background-size: cover;
background-position: center center;
position:relative;
}
img#rocket {
position: absolute;
width: 10%;
max-height: 180px;
bottom: -50%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
#mainrogo.hyouji img#rocket{
/* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
animation: hassha 2.5s linear;
animation-fill-mode: both;
}
@keyframes hassha{
0%{
bottom: -50%;
}
100%{
bottom: 100%;
}
}
#mainrogo img.logo {
width: 40%;
margin: auto;
max-width: 270px;
padding: 30px;
background-color: rgba(255,254,251,90%);
opacity: 0;
}
#mainrogo.hyouji img.logo {
/* 繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳ */
animation: fadeIn 2s linear;
animation-fill-mode: both;
}
@keyframes fadeIn{
0%{
opacity: 0;
}
75%{
opacity: 0;
}
100%{
opacity: 1;
}
}
section#copy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#copy p {
color: #FFF;
line-height: 200%;
text-align: center;
margin: 50px auto;
letter-spacing: 0.1em;
width: 90%;
font-size: 1.7rem;
}
.effect-fade {
opacity: 0;
transform: translate(0, 100px); /* 繝輔ぉ繝ｼ繝峨う繝ｳ縺ｧ蜍輔￥鬮倥＆繧呈欠螳� */
transition: all 2000ms; /* 繝輔ぉ繝ｼ繝峨う繝ｳ縺ｫ縺九°繧区凾髢薙ｒ謖�ｮ� */
}
.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}
section#map {
width: 100%;
}
#map img {
display: block;
margin: auto;
padding: 50px 0;
width:90%;
max-width:1280px;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝医ャ繝励Μ繧ｹ繝�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
section#list_content {
width: 90%;
max-width: 1120px;
margin: auto;
padding: 40px 0 50px;
}
div.hed_p {
background-size: cover !important;
background-position: center center !important;
background: #FFF;
}
.hed_p a {
display: block;
width: 100%;
height: 100%;
}
p.month, p.day {
font-size: 3.4rem;
display: block;
position: absolute;
}
.hiduke {
position: relative;
height: 5.1rem;
width: 5.1rem;
background: linear-gradient(-45deg, rgba(255,255,255 ,0), rgba(255,255,255 ,0) 60%, rgb(0,0,0) 63%, rgba(255,255,255 ,0) 60%, rgba(255,255,255 ,0) 0, rgba(255,255,255 ,0));
}
p.month {
top: 0;
left: 0;
}
p.day {
bottom: 0;
right: 0px;
font-size: 3.8rem;
}
.title h4 {
font-size: 4rem;
line-height: 100%;
}
.title {
margin-left: 6%;
}
.title span {
line-height: 1;
display: inline-block;
margin: -10px 0 5px 0;
}
.title span img {
margin: 0 3px 0 0;
vertical-align: middle;
width: 35px;
}
.title h3 {
font-size: 1.6rem;
font-weight: 400;
margin: 3px 0 0 0;
}
.box {
margin: auto;
}
.premoji {
margin: 25px 0 0 0;
}
.premoji p {
line-height: 2.4rem;
letter-spacing: 0.1em;
font-size: 1.4rem;
text-align: justify;
text-justify: inter-ideograph;
}
p.tsuduki {
font-family: 'Clicker Script', cursive;
text-align: right;
font-size: 2.2rem;
}
.scondphoto {
height: 300px;
background-size: cover !important;
background-position: center center !important;
width: 96%;
margin: 5% 2% 0;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 1蛟狗岼 7蛟狗岼 11蛟狗岼 15蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content ul li:first-child, #list_content ul li:nth-of-type(7), #list_content ul li:nth-of-type(11), #list_content ul li:nth-of-type(15) {
flex-direction: row-reverse;
border-bottom: 1px solid currentColor;
padding: 0 0 60px 0;
margin: 0 0 60px 0;
}
#list_content ul li:nth-of-type(7) {
border-top: 1px solid currentColor;
padding: 60px 0 60px 0;
margin: 60px 0 60px 0;
border-bottom: 1px solid currentColor;
}
#list_content ul li:nth-of-type(11),#list_content ul li:nth-of-type(15) {
padding: 0px 0 60px 0;
margin: 0px 0 60px 0;
border-bottom: 1px solid currentColor;
}
#list_content ul li:first-child div.hed_p, #list_content ul li:nth-of-type(7) div.hed_p, #list_content ul li:nth-of-type(11) div.hed_p, #list_content ul li:nth-of-type(15) div.hed_p {
width: 68%;
margin: 0 0 0 2%;
}
#list_content ul li:first-child div.list_moji, #list_content ul li:nth-of-type(7) div.list_moji, #list_content ul li:nth-of-type(11) div.list_moji , #list_content ul li:nth-of-type(15) div.list_moji {
width: 30%;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 2蛟狗岼 8蛟狗岼 12蛟狗岼 16蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content li:nth-of-type(2), #list_content li:nth-of-type(8), #list_content li:nth-of-type(12), #list_content li:nth-of-type(16) {
width: calc(60% - 1px);
padding: 0 5% 0 0px;
margin: 0 5% 0 0;
border-right: 1px solid;
}
#list_content li:nth-of-type(2) .hed_p, #list_content li:nth-of-type(8) .hed_p, #list_content li:nth-of-type(12) .hed_p, #list_content li:nth-of-type(16) .hed_p {
height: 450px;
width: 100%;
margin: 0 0 30px 0;
}
#list_content li:nth-of-type(2) .scondphoto, #list_content li:nth-of-type(8) .scondphoto, #list_content li:nth-of-type(12) .scondphoto, #list_content li:nth-of-type(16) .scondphoto {
display: none;
}
#list_content li:nth-of-type(2) .premoji, #list_content li:nth-of-type(8) .premoji, #list_content li:nth-of-type(12) .premoji, #list_content li:nth-of-type(16) .premoji {
margin: 12px 0 0 0;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 3蛟狗岼 9蛟狗岼 13蛟狗岼 17蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content li:nth-of-type(3), #list_content li:nth-of-type(9) , #list_content li:nth-of-type(13), #list_content li:nth-of-type(17){
width: 30%;
flex-direction: column-reverse;
}
#list_content li:nth-of-type(3) .hed_p, #list_content li:nth-of-type(9) .hed_p, #list_content li:nth-of-type(13) .hed_p, #list_content li:nth-of-type(17) .hed_p {
width: 100%;
height: 300px;
}
#list_content li:nth-of-type(3) .scondphoto, #list_content li:nth-of-type(9) .scondphoto , #list_content li:nth-of-type(13) .scondphoto, #list_content li:nth-of-type(17) .scondphoto{
display: none;
}
#list_content li:nth-of-type(3) .premoji, #list_content li:nth-of-type(9) .premoji , #list_content li:nth-of-type(13) .premoji, #list_content li:nth-of-type(17) .premoji{
margin: 12px 0 12px 0;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 4蛟狗岼 10蛟狗岼 14蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content ul li:nth-of-type(4), #list_content ul li:nth-of-type(10) , #list_content ul li:nth-of-type(14), #list_content ul li:nth-of-type(18){
border-bottom: 1px solid currentColor;
padding: 60px 0 60px 0;
margin: 60px 0 60px 0;
border-top: 1px solid currentColor;
}
#list_content ul li:nth-of-type(4) div.hed_p, #list_content ul li:nth-of-type(10) div.hed_p, #list_content ul li:nth-of-type(14) div.hed_p, #list_content ul li:nth-of-type(18) div.hed_p {
width: 68%;
margin: 0 2% 0 0;
}
#list_content ul li:nth-of-type(4) div.list_moji, #list_content ul li:nth-of-type(10) div.list_moji, #list_content ul li:nth-of-type(14) div.list_moji, #list_content ul li:nth-of-type(18) div.list_moji {
width: 30%;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 5蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content li:nth-of-type(5) {
width: 30%;
}
#list_content li:nth-of-type(5) .hed_p {
width: 100%;
height: 300px;
}
#list_content li:nth-of-type(5) .scondphoto {
display: none;
}
#list_content li:nth-of-type(5) .premoji {
margin: 12px 0 12px 0;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
繝医ャ繝励Μ繧ｹ繝� 6蛟狗岼
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
#list_content li:nth-of-type(6) {
width: calc(60% - 1px);
padding: 0 0 0 5%;
margin: 0 0 0 5%;
border-left: 1px solid;
flex-direction: column-reverse;
}
#list_content li:nth-of-type(6) .hed_p {
height: 450px;
width: 100%;
margin: 16px 0 0 0;
}
#list_content li:nth-of-type(6) .scondphoto {
display: none;
}
#list_content li:nth-of-type(6) .premoji {
margin: 12px 0 0 0;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝｡繝九Η繝ｼ蜻ｨ繧�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
section#menu {
font-size: 1.4rem;
width: 100%;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
letter-spacing: 0.2em;
border-bottom: 4px solid rgb(42,42,42);
padding: 12px 0 12px;
z-index: 99;
}
a.menu {
cursor: pointer;
}
section#menu.m_fixed {
position: fixed;
top: 0;
background: rgba(255,250,242,0.9);
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
gnav
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
.gnav {
background: rgba(255,255,255,0.8);
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 102;
}
.gnav__wrap {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
width: 100%;
}
ul.gnav__menu {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-flow: column;
height: 90%;
}
.gnav__menu li {
width: 100%;
text-align: center;
/* height: calc(100vh / 18); */
opacity: 0;
margin-left: 100px;
background: #FFF;
padding: 2% 3%;
}
.gnav__menu li a {
font-size: 2.4rem;
color: #313131;
font-family: 'Dancing Script', cursive;
}
.gnav__menu li a span {
font-size: 90%;
margin: 0 0.5em 0 0;
padding: 0 0.5em 0 0;
border-right: 1px solid currentColor;
}
.gnav li img {
/* width: 40px; */
vertical-align: middle;
margin: 0px 7px 0px 0px;
height: 20px;
}
.gnav__menu li a:hover {
color: #840a0a;
opacity: 1;
}
.gnav__menu a.menu {
font-size: 2rem;
color: #d31d1d;
text-align: center;
display: block;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.2em;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝倥ャ繝繝ｼ繝ｭ繧ｴ蜻ｨ繧�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
header {
position: fixed;
height: 0px;
width: 100%;
background: rgba(255,255,255,0.5);
}
.headflex {
-webkit-box-pack: justify;
-ms-flex-pack:justify;
justify-content:space-between;
display: -webkit-box;
display:-ms-flexbox;
display:flex;
height: 0%;
}
header a.heng {
/* width: 80%; */
/* max-width: 300px; */
display: inline-block;
height: 40px;
margin: auto 1%;
}
header a.hjp {
width: 60%;
max-width: 200px;
display: inline-block;
height: 40px;
margin: auto 1%;
display: flex;
}
header a img {
/* width: 90%; */
/* margin: auto; */
max-height: 100%;
width: 100%;
}
section#rogo {
padding: 30px 0;
}
#rogo h1 {
width: 100%;
text-align: center;
display: block;
line-height: 100%;
color: #000;
margin: auto;
}
#rogo h1 span {
font-size: 1.6rem;
display: block;
line-height: 100%;
}
#rogo .logo1 {
display: block;
}
#rogo .logo2 {
display: none;
}
#rogo .logo3 {
display: none;
}
.rogoyoko {
width: calc(15% - 2px);
display: flex;
}
.rogoyoko * {
margin: auto auto;
line-height: 150%;
text-align: center;
padding: 0 10%;
}
h1 img {
width: 80%;
max-width: 1100px;
margin: 20px 0 0;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
險倅ｺ句�逵溘せ繝壹�繧ｹ
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
section#art_photo {
border-bottom: solid 1px currentColor;
}
#art_photo #hed_p {
width: 100%;
height: 700px;
margin: 0 auto 0;
background-size: cover;
background-position: center center;
}
p.parson {
margin: 12px 3.5% 2%;
font-size: 1.3rem;
font-weight: 300;
}
.parson span {
font-size: 4.2rem;
font-family: 'Mrs Saint Delafield', cursive;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
譛ｬ譁�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
#content h2 {
font-size: 4rem;
font-weight: 200;
text-align: center;
margin: 0 0 0.7em 0;
line-height: 1.2;
}
section#content {
width: 90%;
max-width: 850px;
margin: auto;
padding: 80px 0;
}
#content h4 {
font-size: 5.4rem;
line-height: 100%;
text-align: center;
}
#content h3 {
font-size: 1.5rem;
text-align: center;
font-weight: 600;
padding: 0.5em 0 40px;
}
#content img {
width: 100%;
height: auto;
margin: 1.3em 0;
}
#content p {
line-height: 200%;
letter-spacing: 0.1em;
}
#content p.parson {
margin: 40px 0 0 auto;
text-align: right;
}
#content h5 {
font-weight: 600;
line-height: 250%;
}
#content p span img {
width: 50%;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝懊ヨ繝�繝翫ン
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
.nextprev {
width: 80%;
margin: auto;
border-bottom: double 3px currentColor;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: currentcolor;
padding: 0px 10% 30px 10%;
}
.prev {
float: right;
padding: 15px 0 15px 0;
font-weight: 600;
letter-spacing: 0.2em;
font-size: 1.3rem;
width: calc(50% - 1px);
text-align: right;
border-left: 1px solid currentColor;
}
.next {
float: left;
padding: 15px 0 15px 0;
font-weight: 600;
letter-spacing: 0.2em;
font-size: 1.3rem;
width: 50%;
text-align: left;
}
.prev a, .next a {
font-family: 'Dancing Script', cursive;
font-size: 2.5rem;
border-bottom: double 3px;
margin: 0 10px 0 10px;
}
span.mae {
display: none;
}
span.ushiro {
display: inline;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
蜍慕判縺ｮ縺ｨ縺�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
width: calc(100% - 10px);
border: solid 5px rgb(207,202,189);
margin: 10px 0 0 0;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#content h6 {
text-align: center;
font-size: 2.4rem;
margin: 50px 0 13px 0;
border-top: solid 1px currentColor;
padding: 40px 0 0 0;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
繝輔ャ繧ｿ繝ｼ
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
footer {
width: 100%;
margin: auto;
text-align: center;
padding: 30px 0;
background-color: rgba(0,0,0,0.1);
}
footer a {
display: block;
margin: 0 0 15px;
font-family: 'Dancing Script', cursive;
font-size: 2.5rem;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
896px莉･荳九�譎�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
@media screen and (max-width: 896px) {
.pc {
display: block;
}
.sp {
display: none;
}
#mainrogo img {
width: 70%;
margin: auto;
height: auto;
}
#rogo h1 {
width: 100%;
font-size: 9.5rem;
text-align: center;
border-left: none;
border-right: none;
display: block;
line-height: 100%;
color: #000;
padding: 15px 0 0;
}
section#rogo {
padding: 6px 0 0;
}
.rogoyoko:first-child {
margin: 0px 0 8px 0;
display: none;
}
.rogoyoko {
width: 100%;
display: flex;
padding: 0 0 8px 0;
margin: 12px 0 8px 0;
}
.rogoyoko br {
display: none;
}
.rogoyoko * {
margin: auto auto;
line-height: 150%;
text-align: center;
padding: 0 5%;
font-size: 1.3rem;
}
#rogo .logo1 {
display: none;
}
#rogo .logo2 {
display: block;
}
h1 img {
width: 70%;
}
#list_content ul li {
width: 100% !important;
flex-direction: row !important;
display: block;
border: none !important;
border-bottom: 1px solid currentColor !important;
padding: 0 0 40px 0 !important;
margin: 0 0 60px 0 !important;
}
#list_content ul li .hed_p {
width: 100% !important;
height: 65vw !important;
margin: 0 !important;
}
.list_moji.flexwrap {
width: 100% !important;
margin: 0 !important;
}
.box {
width: 100%;
margin: 16px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.midashi.flexwrap {
width: 40%;
display: block;
}
.premoji {
margin: 0 0 0 0;
width: 60%;
}
.premoji p {
line-height: 2.2rem;
letter-spacing: 0.1em;
}
.scondphoto {
display: none;
}
.title {
margin: 8px 0 0 0;
}
.title span {
line-height: 1;
display: inline-block;
margin: -10px 10px 0px 0px;
}
.title span img {
margin: 0 3px 0 0;
vertical-align: middle;
}
.title h4 {
font-size: 3.3rem;
line-height: 100%;
}
.hiduke {
position: relative;
height: auto;
width: auto;
background: none;
}
p.month, p.day {
font-size: 2.4rem;
display: inline;
position: relative;
}
p.day {
bottom: 0;
right: 0px;
font-size: 2.4rem;
}
p.month::after {
content: "/";
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
896險倅ｺ九�繝ｼ繧ｸ
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
#art_photo #hed_p {
height: 57.5vw;
}
p.parson {
font-size: 1.2rem;
}
.parson span {
font-size: 3rem;
}
section#content {
padding: 40px 0;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
蜍慕判縺ｮ縺ｨ縺�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
width: calc(100% - 10px);
border: solid 5px rgb(207,202,189);
margin: 10px 0 0 0;
}
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#content h6 {
text-align: center;
font-size: 2.0rem;
margin: 50px 0 13px 0;
border-top: solid 1px currentColor;
padding: 40px 0 0 0;
}
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
480px莉･荳九�譎�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
@media screen and (max-width: 480px) {
.pc {
display: none;
}
.sp {
display: block;
}
#mainrogo img {
height: auto;
}
#mainrogo img {
padding: 10px;
}
#copy p {
font-size: 1.5rem;
width: 80%;
text-shadow: 1px 1px 3px #000;
text-align: justify;
padding: 0 0 50px;
}
#copy p br {
display: none;
}
#rogo h1 {
font-size: 6.5rem;
}
#rogo .logo1 {
display: none;
}
#rogo .logo2 {
display: none;
}
#rogo .logo3 {
display: block;
}
h1 img {
width: 90%;
}
section#list_content {
padding: 30px 0 40px;
}
#list_content ul li .hed_p {
height: 60vw !important;
}
.midashi.flexwrap {
width: 100%;
display: flex;
}
.title {
margin: 0 0px 0px 10px;
}
.premoji {
width: 100%;
margin: 12px 0 0 0;
}
.title h4 {
font-size: 3rem;
line-height: 100%;
display: inline;
}
.title h3 {
font-size: 1.6rem;
font-weight: 400;
margin: 0px 0 0 0;
display: inline;
}
.hiduke {
margin: 4px 0 0 0;
}
.premoji p {
line-height: 2.2rem;
letter-spacing: 0;
font-size: 1.3rem;
}
.premoji a p.tsuduki {
font-family: 'Dancing Script', cursive;
text-align: right;
font-size: 2.2rem;
}
/*笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
480險倅ｺ九�繝ｼ繧ｸ
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ*/
#content p {
line-height: 200%;
letter-spacing: 0.1em;
font-size: 1.4rem;
}
#content p br {
display: none;
}
#content h4 {
font-size: 4.5rem;
}
.next span, .prev span {
display: block;
margin: 0 0 12px;
}
span.mae {
display: block;
}
span.ushiro {
display: none;
}
.prev a, .next a {
font-size: 2.2rem;
margin: 0 0;
letter-spacing: 0;
}
.gnav__menu li a {
font-size: 2.2rem;
}
#content h6 {
font-size: 1.7rem;
}
#content p span img {
width: 100%;
}
}
.cls-1 {
fill:none;
stroke:#fff;
stroke-linecap:round;
stroke-linejoin:round;
stroke-width:6px;
stroke-dasharray: 1500;
stroke-dashoffset: 1500;
}
#copy p svg {
max-width: 350px;
width: 100%;
padding: 50px 0 100px;
}
/*繧ｹ繝ｩ繧､繝�*/
.p-top-mainvisual-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.p-top-mainvisual {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.p-top-mainvisual-img {
display: block;
position: relative;
padding-top: 56.25%;
text-align: center;
margin: 0 auto;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
padding-top: 0;
width: 100%;
height: 100vh;
}
.slide {
display: none;
position: relative;
width: 100%;
transition: ease 0.3s;
backface-visibility: hidden;
overflow: hidden;
}
.slide.active {
display: block;
transition: ease .4s;
-webkit-animation: slide-anime 15s both 0s ease;
animation: slide-anime 15s both 0s ease;
}
@-webkit-keyframes slide-anime {
0% {
opacity: 0.5;
transform: scale3d(1,1,1) perspective(0);
}
10% {
opacity: 1;
}
100% {
transform: scale3d(1.1,1.1,1.1) perspective(0);
}
}
@keyframes slide-anime {
0% {
opacity: 0.5;
transform: scale3d(1,1,1) perspective(0);
}
10% {
opacity: 1;
}
100% {
transform: scale3d(1.1,1.1,1.1) perspective(0);
}
}
.slider-1 {
overflow: hidden;
}
.contry img {
width: 40px !important;
display: block;
margin: auto !important;
vertical-align: middle;
/* margin: 0 0px 0 0px; */
/* padding: 0 0 0 0px; */
}
.contry {
width: 100%;
text-align: center;
/* border: saddlebrown; */
margin: 0 0 20px 0;
}
.contry p {
display: block;
font-family: 'Dancing Script', cursive;
font-size: 1.9rem !important;
line-height: 1 !important;
border-bottom: solid 1px currentColor;
padding: 0 0 6px;
}
/*繝輔か繝ｼ繝ｼ繝ｼ繝�*/
section#form {
width: 90%;
max-width: 850px;
margin: auto;
padding: 50px 0;
}
#form form {
width: 94%;
margin: auto;
padding: 3%;
background: rgba(238,239,223,0.48);
box-shadow: 3px 3px 5px 0px #bbb;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#form form p {
width: 15%;
/* margin: 0 0 25px 0; */
}
#form form div.input {
width: 80%;
margin: 0 0 12px 5%;
}
#form form div input,#form form div textarea {
width: 100%;
border-radius: 5px;
border: 1px solid #ccc;
background: #ffffff4f;
height: 28px;
color: #585858;
text-indent: 0.5em;
font-size: 14px;
}
#form form div textarea {
height: 100px !important;
padding: 0.5em;
width: calc(100% - 1em) !important;
}
#form form div input:focus,#form form div textarea:focus {
background: #FFF;
border: #F57127 solid 1px;
}
#form input[type="submit"] {
border: none;
background: #5bb7ef;
display: block;
margin: auto;
width: 50%;
padding: 7px;
border-radius: 13px;
font-size: 15px;
color: #FFF;
transition: 0.3s;
}
#form input[type="submit"]:hover {
background: #ffa85b;
}
/*繧ｳ繝｡繝ｳ繝井ｸ隕ｧ*/
ul#shitsumon {
width: 94%;
margin: 25px auto 0;
padding: 3%;
background: rgb(231 230 192 / 48%);
box-shadow: 3px 3px 5px 0px #bbb;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
p.listhiduke {
font-size: 13px;
display: inline-block;
}
p.listtitle {
display: inline-block;
font-size: 15px;
margin: 0 0 9px 8px;
}
p.listbody {
border-top: dotted 1px #888;
width: 100%;
display: block;
padding: 7px 5px;
line-height: 1.5;
}
#shitsumon li {
width: 96%;
padding: 2%;
}
div#form_header {
text-align: center;
}
#form_header h6 {
font-size: 18px;
border-bottom: double 3px currentColor;
display: inline-block;
margin: 0 0 7px 0;
padding: 0 5px 7px 5px;
line-height: 1.2;
}
#form_header p {
line-height: 1.6;
margin: 0 0 16px 0;
font-size: 14px;
}
/*笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
480px莉･荳九�譎�
笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ笆ｼ
笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡笆｡*/
@media screen and (max-width: 480px) {
#form form p {
width: 100%;
/* margin: 0 0 5px 0; */
}
#form form div.input {
width: 100%;
margin: 0 0 12px 0%;
}
}