@media print, screen and (min-width: 768px) {
/* 謾ｾ騾∝ｾ後縺雁ｺ玲ュ蝣ｱ縺ｯ縺薙■繧峨縺薙％縺九ｉ縲*/
#warp #content .p_red {
margin: 10px auto;
font-size: 1.3rem;
color: #FF0004;
text-align: center;
line-height: 1.5rem;
padding: 0;
height: 50px;
font-weight: normal;
}
#content .content_wrap a.shop_btn {
width: 84%;
max-width: 860px;
line-height: 0;
margin: 0 auto 4%;
background: url(../img/shop_btn.jpg) no-repeat top center;
background-size: contain;
padding-top: calc(107 / 860 * 84%);
font-size: 0px;
display: block;
cursor: pointer;
}
#content .content_wrap .in_hyougo .hyougo_shop {
display: none;
-ms-user-select: none;
/* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#content .content_wrap .in_hyougo .hyougo_shop h3 {
width: 84.232%;
line-height: 0;
margin: 0 auto;
background: url(../img/pc_map1.jpg) no-repeat top center;
background-size: contain;
padding-top: calc(537 / 860 * 84.232%);
font-size: 0px;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box {
width: 84.232%;
margin: 0 auto;
padding: 5% 0;
font-size: 14px;
color: #664729;
line-height: 1.6;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #60360e;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box:last-child {
margin-bottom: 5%;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_images {
width: 33%;
max-width: 314px;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_images img {
border: 5px solid #60360e;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about {
width: 55%;
max-width: 500px;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl {
margin-bottom: 0.5em;
display: table;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl dt {
background-color: #60360e;
color: #FFF;
padding: 0;
line-height: 2;
display: table-cell;
width: 80px;
text-align: center;
vertical-align: middle;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl:nth-child(3) dt {
padding: 0;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl dd {
line-height: 2;
display: table-cell;
padding: 10px 1em;
}
#content .content_wrap .shop_box .shop_about dl dd p {
padding: 0;
margin: 0;
font-size: 0.9rem;
font-weight: normal;
width: 100%;
height: auto;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt {
width: 30%;
max-width: 194px;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt dl dt {
background-color: #60360e;
color: #FFF;
padding: 0 0 0 0.5em;
line-height: 2;
margin-bottom: 0.5em;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt dl dd {
line-height: 2;
}
/* 謾ｾ騾∝ｾ後縺雁ｺ玲ュ蝣ｱ縺ｯ縺薙■繧峨縺薙％縺ｾ縺ｧ縲*/
/* Tver繝舌リ繝ｼ縲縺薙％縺九ｉ縲*/
div.tver {
text-align: center;
margin: 0 auto;
margin-top: 0rem;
padding-bottom: 3rem;
}
div.tver a img {
width: 339px;
}
div.tver p {
font-size: 1.6rem;
font-weight: 600;
text-decoration: underline;
color: #005CA8;
}
/* Tver繝舌リ繝ｼ縲縺薙％縺ｾ縺ｧ縲*/
/* 67繧ｳ繝ｼ繝ｫ縲縺薙％縺九ｉ縲*/
#about {
width: 100%;
margin: 0 auto -6rem;
background-color: #73a2d3;
background-image: url(../img/content_bk.jpg);
background-size: 15%;
background-position: center top;
background-repeat: repeat;
border-top: #fff 2px solid;
}
#about .about_wrap .in_about h2 {
width: 100%;
line-height: 0;
margin: 2rem auto -2rem;
background: url(../img/present/pre_tit.png) no-repeat top center;
background-size: contain;
padding-top: calc(146 / 1100 * 100%);
font-size: 0px;
}
#about .about_wrap .in_about h3 {
width: 100%;
line-height: 0;
margin: 0 auto 0 100px;
background: url(../img/about_tit.png) no-repeat top center;
background-size: contain;
padding-top: calc(180 / 1100 * 100%);
font-size: 0px;
}
.box_pre {
text-align: center;
border-bottom: 7px #31200F solid;
width: 90%;
margin: 3rem auto;
padding: 2rem 0 5rem;
font-size: 2rem;
color: #070707;
}
.box_pre img {
width: 50%;
margin: 0rem 0 2rem;
float: left;
height: auto;
padding: 0.3rem 0.2rem;
box-sizing: border-box;
border: #fff solid 3px;
}
.box_pre .p_name {
font-size: 3.5rem;
margin-bottom: 1rem;
color: #ff3600;
font-weight: 600;
}
.p_detail {
font-size: 2.5rem;
margin-bottom: 0.5rem;
font-weight: 600;
}
.p_lottery {
font-size: 2rem;
font-weight: 600;
}
.p_lottery span {
font-size: 2.5rem;
font-weight: 600;
color: #ff3600;
}
.box_pre .tel_button{
font-size: 2.5rem;
font-weight: 600;
color: #007CA8;
margin: 2rem 0 0;
display: block;
/*text-decoration: underline;*/
padding-bottom: 1rem;
}
.end{
text-decoration: underline;
}
.tel_button a {
display: block;
justify-content: space-between;
align-items: center;
margin:2rem auto;
padding: 0.5em 2em;
width: 500px;
color: #fff;
font-weight: 700;
background-color: #ff0404;
box-shadow: 0 0 10px rgba(0 0 0 / .2);
border-radius: 20px;
transition: 0.3s;
text-align: center;
border: #fff 5px solid;
font-size: 3.3rem;
text-decoration: none;
letter-spacing: 0.1em;
}
.tel_button a::after {
content: '';
width: 5px;
height: 5px;
}
.tel_button a:hover {
text-decoration: none;
background-color: #ff3600;
box-shadow: 0 0 10px rgba(0 0 0 / 0);
}
.tel_button i {
margin-right: 1rem;
}
.p_annotation1{
margin:2rem 0 0.3rem;
font-size: 1rem;
}
.p_annotation2{
margin:0rem 0 1rem;
font-size: 1rem;
}
.p_annotation3{
margin:2rem 0 1rem;
font-size: 1rem;
}
.p_annotation1 br, .p_annotation2 br .p_annotation2 br{
display: none;
}
.p_end {
font-weight: 600;
color: #000;
padding: 1rem;
width: 60%;
margin: 2rem auto;
font-size: 1.5rem;
letter-spacing: 0em;
}
.p_end br{
display: none;
}
.end{
text-align: center;
font-size: 1.5rem;
margin: -3rem 0 3rem;
color: #ff3600;
}
.ul_67 {
width: 70%;
font-size: 1rem;
line-height: 2rem;
margin: 0 auto;
display: block;
}
.ul_67 li {
text-indent: -0.4rem;
padding-left: 1rem;
}
/* 67繧ｳ繝ｼ繝ｫ縲縺薙％縺ｾ縺ｧ縲*/
#footer .end {
text-align: center;
display: block;
font-size: 1.5rem;
margin: -2rem 0 3rem;
color: #ff3600;
}
.map{
margin: -2rem 0 4rem;
width: 100%;
height: auto;
}
.s_map{
display: none;
}
.br_s{
display: none;
}
}
@media screen and (max-width: 767px) {
#head .head_in {
width: 69.834%;
line-height: 0;
margin: auto;
font-size: 0px;
position: absolute;
top: 10.2%;
left: 8px;
right: 0;
display: flex;
padding-top: 1%;
}
#head .head_in img {
width: 100%;
}
#head .head_in .about {
width: 13.757%;
}
#head .head_in .movie {
width: 71.843%;
}
#head .head_in .nav {
width: 14.4%;
}
#head .logo_in {
width: 100%;
line-height: 0;
margin: auto;
font-size: 0px;
position: absolute;
bottom: 20.2%;
left: 0;
right: 0;
}
#head .logo_in h1 {
width: 100%;
line-height: 0;
margin: 0 auto;
background: url(../img/head_logo.png) no-repeat top center;
background-size: contain;
padding-top: calc(268 / 750 * 100%);
font-size: 0px;
}
#head .day_in {
width: 100%;
line-height: 0;
margin: auto;
font-size: 0px;
position: absolute;
bottom: 0.5%;
left: 0;
right: 0;
}
#head .day_in p {
width: 100%;
line-height: 0;
margin: 0 auto;
background: url(../img/sp_day.png) no-repeat top center;
background-size: contain;
padding-top: calc(142 / 750 * 100%);
font-size: 0px;
}
#head .movie_box {
width: 100%;
background-color: #919191;
padding-bottom: 3%;
}
#head .movie_box .movie_box_in {
width: 95%;
margin: 0 auto;
}
#head .movie_box .movie_box_in .tvo-video #vjs_video_3, #head .movie_box .movie_box_in .tvo-video #vjs_video_540, #head .movie_box .movie_box_in .tvo-video #vjs_video_541, .video-js {
padding-top: 56.3%;
}
/* 隰ｾ�ｾ鬨ｾ竏晢ｽｾ蠕個ﾂ邵ｺ髮�ｽｺ邇ｲ繝･陜｣�ｱ邵ｺ�ｯ邵ｺ阮吮蔓郢ｧ蟲ｨﾂﾂ邵ｺ阮呻ｼ�ｸｺ荵晢ｽ臥ｸｲﾂ*/
#warp #content .p_red {
margin: 0px auto 0;
font-size: 0.9rem;
color: #FF0004;
text-align: center;
line-height: 1rem;
padding: 0;
height: 40px;
font-weight: normal;
}
#content .content_wrap a.shop_btn {
width: 92%;
max-width: 611px;
line-height: 0;
margin: 0 auto 8%;
background: url(../img/sp_shop_btn.jpg) no-repeat top center;
background-size: contain;
padding-top: calc(137 / 611 * 92%);
font-size: 0px;
display: block;
cursor: pointer;
}
#content .content_wrap .in_hyougo .hyougo_shop {
display: none;
-ms-user-select: none;
/* IE 10+ */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#content .content_wrap .in_hyougo .hyougo_shop h3 {
width: 92%;
line-height: 0;
margin: 0 auto;
background: url(../img/s_map1.jpg) no-repeat top center;
background-size: contain;
padding-top: calc(422 / 611 * 92%);
font-size: 0px;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box {
width: 92%;
margin: 0% auto 0;
padding: 5% 0;
font-size: 14px;
color: #664729;
line-height: 1.6;
border-bottom: 1px solid #60360e;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box:last-child {
margin-bottom: 5%;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_images {
width: 98%;
margin: 0 auto;
border: 5px solid #60360e;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about {
width: 100%;
margin: 5% auto;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl {
margin-bottom: 0.5em;
display: table;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl dt {
background-color: #60360e;
color: #FFF;
padding: 0;
line-height: 2;
display: table-cell;
width: 70px;
text-align: center;
vertical-align: middle;
font-size: 0.75rem;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl:nth-child(3) dt {
padding: 0;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_about dl dd {
line-height: 1.5;
padding: 0.5rem;
display: table-cell;
width: 80%;
border-bottom: #DBDADA 0.5px dashed;
}
#content .content_wrap .shop_box .shop_about dl dd p {
padding: 0;
margin: 0;
font-size: 0.9rem;
font-weight: normal;
width: 100%;
height: auto;
}
/*#content .content_wrap .shop_box .shop_about dl dd p br{
display: none;
}*/
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt {
width: 100%;
margin: 5% auto;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt dl dt {
background-color: #60360e;
color: #FFF;
padding: 0 1em;
line-height: 2;
margin-bottom: 0.5em;
display: inline-block;
}
#content .content_wrap .in_hyougo .hyougo_shop .shop_box .shop_txt dl dd {
line-height: 2;
}
#content .content_wrap .shop_box .shop_about dl dd p {
padding: 0;
margin: 0;
font-size: 0.9rem;
font-weight: normal;
width: 100%;
height: auto;
}
#content .content_wrap .shop_box .shop_about dl dd p br {
display: none;
}
/* 隰ｾ�ｾ鬨ｾ竏晢ｽｾ蠕個ﾂ邵ｺ髮�ｽｺ邇ｲ繝･陜｣�ｱ邵ｺ�ｯ邵ｺ阮吮蔓郢ｧ蟲ｨﾂﾂ邵ｺ阮呻ｼ�ｸｺ�ｾ邵ｺ�ｧ邵ｲﾂ*/
/* Tver郢晁�繝ｪ郢晢ｽｼ邵ｲﾂ邵ｺ阮呻ｼ�ｸｺ荵晢ｽ臥ｸｲﾂ*/
div.tver {
text-align: center;
margin: 0 auto;
padding-bottom: 5rem;
}
div.tver a img {
width: 339px;
}
div.tver p {
font-size: 1.6rem;
font-weight: 600;
text-decoration: underline;
}
/* Tver郢晁�繝ｪ郢晢ｽｼ邵ｲﾂ邵ｺ阮呻ｼ�ｸｺ�ｾ邵ｺ�ｧ邵ｲﾂ*/
a {
text-decoration: none;
}
#page-top a:hover {
opacity: 0.8;
}
#vjs_video_3 {
padding-top: 56.3%;
}
#vjs_video_540 {
padding-top: 56.3%;
}
.video-js {
padding-top: 56.3%;
}
.in_hyougo p {
width: 90%;
font-size: 0.9rem;
line-height: 2rem;
font-weight: 600;
color: #492306;
margin: 0 auto;
padding-bottom: 2rem;
}
#about {
width: 100%;
margin: 0 auto;
padding: 3rem 0;
background-image: url(../img/content_bk.jpg);
background-position: center top;
background-size: 40%;
background-repeat:repeat;
background-color: #fff;
border-top: #f1e4db 0px solid;
}
/* 67繧ｳ繝ｼ繝ｫ縲縺薙％縺九ｉ縲*/
#about .about_wrap {
width: 92%;
max-width: 1021px;
margin: 0 auto 3rem;
background-color: #fff;
opacity: 0.9;
border: 3px solid #60360e;
padding-bottom: 2rem;
}
#about .about_wrap .in_about h2 {
width: 100%;
line-height: 0;
margin: 2rem auto 0rem;
background: url(../img/present/pre_tit.png) no-repeat top center;
background-size: contain;
padding-top: calc(146 / 100% * 100%);
font-size: 0px;
}
#content {
width: 100%;
line-height: 0;
margin: -5rem auto 0;
/* background-color: #ddcabb; */
background: url(../img/content_bk.jpg);
background-size: 40%;
background-repeat:repeat;
font-size: 0px;
}
.box_pre {
text-align: center;
border-bottom: 3px #31200F solid;
width: 90%;
margin: 0rem auto;
padding: 2rem 0 2rem;
font-size: 2rem;
color: #070707;
}
.box_pre img {
width:96%;
margin:0rem auto;
height: auto;
}
.box_pre .p_name {
font-size: 1.9rem;
margin: 1.5rem 0 0.3rem;
color: #ff3600;
font-weight: 600;
}
.p_detail {
font-size: 1.7rem;
margin-bottom: 0rem;
font-weight: 600;
}
.p_lottery {
font-size: 1.5rem;
font-weight: 600;
}
.p_lottery span {
font-size: 1.5rem;
font-weight: 600;
color: #ff3600;
}.box_pre .tel_button{
font-size: 1.5rem;
font-weight: 600;
color: #007CA8;
margin: 2rem 0 0;
display: block;
/*text-decoration: underline;*/
padding-bottom: 1rem;
}
.end{
text-decoration: underline;
}
.tel_button a {
display: block;
justify-content: space-between;
align-items: center;
margin: 2rem auto 0;
padding: 0.7em 0em;
width: 96%;
color: #fff;
font-weight: 700;
background-color: #ff0404;
box-shadow: 0 0 10px rgba(0 0 0 / .5);
border-radius: 20px;
transition: 0.5s;
text-align: center;
border: #fff 3px solid;
font-size: 2.1rem;
text-decoration: none;
letter-spacing: 0em;
}
.tel_button a::after {
content: '';
width: 5px;
height: 5px;
}
.tel_button a:hover {
text-decoration: none;
background-color: #ff3600;
box-shadow: 0 0 10px rgba(0 0 0 / 0);
}
.tel_button i {
margin: 0 0.8rem 0 0.2rem;
}
.p_annotation1{
margin:2rem 0 0.3rem;
font-size: 0.85rem;
}
.p_annotation2{
margin:0rem 0 1rem;
font-size: 0.85rem;
}
.p_annotation3{
margin:1rem 0 1rem;
font-size: 0.85rem;
}
.p_annotation1 br, .p_annotation2 br .p_annotation2 br{
display: block;
}
.s_none{
display: none;
}
.p_end {
font-weight: 600;
color: #000;
padding: 0.7rem 1rem;
width: 82%;
margin: 1rem auto;
font-size: 1.1rem;
letter-spacing: 0em
}
.ul_67 {
width: 90%;
font-size: 0.9rem;
line-height: 2rem;
margin: 2rem auto;
display: block;
}
.ul_67 li {
text-indent: -0.4rem;
padding-left: 1rem;
}
/* 67繧ｳ繝ｼ繝ｫ縲縺薙％縺ｾ縺ｧ縲*/
#footer .end {
text-align: center;
display: block;
font-size: 1.3rem;
margin: 0rem 0 3rem;
color: #ff3600;
}
#about .about_wrap .in_about h3 {
width: 100%;
line-height: 0;
margin: 0 auto;
background: url(../img/sp_about_tit.png) no-repeat top center;
background-size: contain;
padding-top: calc(140 / 710 * 100%);
font-size: 0px;
}
.bottom{
margin-bottom: 3rem;
}
.map{
display: none;
}
.s_map{
display: block;
margin: 0rem 0 3rem;
width: 100%;
height: auto;
}
.br_s{
display: block;
}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
.tel_button a {
width: 85%;
font-size: 3rem;
box-sizing: border-box;
padding:0.8em 0em;
}
.p_end {
font-weight: 600px;
color: #000;
padding: 1rem;
width: 80%;
margin: 2rem auto;
font-size: 1.5rem;
letter-spacing: 0em;
}
.ul_67 {
width: 80%;
}
}
@media screen and (max-width:320px) {
div.tver {
text-align: center;
margin: 0 auto;
padding-bottom: 3rem;
}
div.tver a img {
width: 90%;
height: auto;
}
div.tver p {
font-size: 1.3rem;
font-weight: 600;
color: #0090D5;
text-decoration: underline;
}
.box_pre .p_name {
font-size: 1.6rem;
}
.tel_button a {
font-size: 1.8rem;
}
.p_detail {
font-size: 1.5rem;
}
.p_lottery {
font-size: 1.2rem;
}
.p_end {
width: 94%;
font-size: 0.9rem;
letter-spacing: 0.05em;
box-sizing: border-box;
}
}