@charset "utf-8";
@media print, screen and (max-width:768px){
/*=================================================================
CONTENTS BASIC
=================================================================*/
.for_pc {display:none !important;}

#contents_headlineBox {margin-bottom: 30px;font-size: 15px;}
#contents_headlineBox p {margin-bottom: 10px;}

/*--------------------------------------------------------------------------------------- */
p#Caption {font-size: 13px;}

/*--------------------------------------------------------------------------------------- */
#Coming {font-size: 18px; padding: 60px 0;}

/*=================================================================

ANCHOR NAVI

=================================================================*/
ul#anchorNavi  {	padding:15px 0 0px;	 text-align:left !important; margin-bottom: 45px;}
ul#anchorNavi li {margin:0 2% 15px 0 ; font-size:12px;}
ul#anchorNavi li a {padding-left:23px;}


/*--------------------------------------------------------------------------------------- */
#foodMaps {margin-bottom: 30px;}
#foodMaps p { font-size: 13px;margin: 5px 0 0 ;}
#foodMaps p:first-of-type {margin-top: 10px;}

/*=======================================================================

SUMMER SONIC 2018 ARTICLE SNS BUTTON (2018/08/17)
			
=======================================================================*/
#snsBody {margin-top:30px; width:100%;}
ul#article_snsList  li {width:22%; margin-right:3%;}

#osaka_snsHeadline {font-size:14px !important; margin-bottom:10px;}

/*=================================================================

 BASIC 19/07/25

=================================================================*/
.box_section {margin-bottom: 60px;}

#iconCap {margin: 45px 0 30px; font-size: 13px;}

/*=================================================================

MAIN CONTENTS：PUBLIC

=================================================================*/
article#articleMain {padding-bottom: 60px !important;}

.bloc_basic {margin-top: 45px;}


/*---------------------------------------------------------------------------------------------*/
#mainHeadline {font-size: 18px; margin-bottom: 15px;}

#contents_headlineBox {font-size: 13px;}

#attractionsHeadline {font-size: 15px;}

#attractionNotes {font-size:11px;}


/*=================================================================

SONIC PLUS

=================================================================*/
ul#boothList li {
display:block;
vertical-align: top;
letter-spacing: 0;
width: 100%;
argin:0 auto 45px;
}

ul#boothList li:last-of-type {margin-bottom: 0;}


/*---------------------------------------------------------------------------------------------*/
#boothCaption {font-weight: 13px; margin-top: 10px;}

/*---------------------------------------------------------------------------------------------*/
#commonPic:after {		width:40px;		height:40px;}


/*=================================================================

FREEDOM HILLS

=================================================================*/
#freedomhills01.bloc_basic {  padding: 15px 20px 30px; margin-top: 45px;}

/*---------------------------------------------------------------------------------------------*/
#freedomTime {font-size:15px; padding-bottom: 15px; margin-bottom: 15px;}

#freedomTime span {margin-bottom: 10px; font-size: 18px;}

/*---------------------------------------------------------------------------------------------*/
#common_notesHeadline {font-size: 15px; margin-bottom: 15px;}

/*---------------------------------------------------------------------------------------------*/
ul#notesList li {font-size: 13px; margin-bottom: 5px;}





/*=======================================================================

ARTICLE SNS BUTTON (2019/08/15)

=======================================================================*/
#snsBody {margin-top:30px;}
ul#article_snsList  li {width:10%; margin-right:3%;}

#osaka_snsHeadline {font-size:15px !important; margin-bottom:10px;}



/*=========================================================================================
HEADER
=========================================================================================*/
#Header {max-height: 36%;}

.header_inner {padding:6% 0;}


/* -------------------------------------------------------------------------------- */
#siteTitle {font-size: 22px; }
#siteTitle p {margin-bottom: 5px; font-size: 80%;}

#siteTitle.section_headline {margin-bottom: 4%;}


.pickup {font-size: 18px !important; }

@media print, screen and (max-width:480px){
#siteTitle {font-size: 3.9vw;}
#siteTitle p {margin-bottom: 1vw; font-size: 2.8vw;}

.pickup {font-size: 3.8vw !important; }

}

/* -------------------------------------------------------------------------------- */
ul#title_subPhotoList {margin-top: 0%;}


/*=========================================================================================
MAIN CONTENTS
=========================================================================================*/
#mainContents {width:90%; padding-top:3%;}


/* -------------------------------------------------------------------------------- */
.one_period {padding: 30px;}
.one_period p {font-size: 13px; margin-bottom: 1.4em;}

@media print, screen and (max-width:480px){
.one_period {padding: 8%;}
.one_period p {font-size: 3vw;}
}


/* -------------------------------------------------------------------------------- */
.form_headline {font-size: 15px; margin-bottom: 1%;}

@media print, screen and (max-width:480px){
.form_headline {font-size: 3.4vw;}
}


/* -------------------------------------------------------------------------------- */
#formBody {margin-top: 9%;}

dl#form_inputList {margin-bottom: 30px;}
dl#form_inputList dt {font-size: 13px; margin-bottom: 10px;}
dl#form_inputList dd input[type=file] {font-size: 13px;}

#formBody input[type="text"],
#formBody input[type="email"],
#formBody select {padding:6px 0 5px;}


@media print, screen and (max-width:414px){
dl#form_inputList dt {font-size: 3vw; margin-bottom: 1%;}
dl#form_inputList dd input[type=file] {font-size: 3vw;} 

#formBody input[type="text"],
#formBody input[type="email"],
#formBody select {padding:4px 0 3px;}
}

#formBody select {font-size: 13px !Important;}
@media print, screen and (max-width:414px){
#formBody select {font-size: 3vw !Important;}
}
/* -------------------------------------------------------------------------------- */
ul#inputList li {margin-bottom: 15px;}

#inBox.privacy_box {margin-bottom: 30px; height: 300px;}
#inBox.privacy_box p {font-size: 12px;}
#inBox.privacy_box .bold {font-size: 110%;}


@media print, screen and (max-width:414px){
ul#inputList li {margin-bottom: 2%;}

#inBox.privacy_box {margin-bottom: 6%; height: 200px;}
#inBox.privacy_box p {font-size: 2.8vw;}
#inBox.privacy_box .bold {font-size: 3vw;}
}


ul#form_buttonList.full li a {padding-left: 15px; padding-right: 15px;}

/*-------------------------------------------------------------------------------------------------------------------------*/
ul#form_buttonList.full li a,
ul#form_buttonList li input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree{padding:15px 0 13px; font-size: 13px;}

#formBody::-webkit-input-placeholder,
#formBody::-moz-placeholder,
#formBody::-ms-input-placeholder,
#formBody input[type="text"],
#formBody textarea {font-size: 13px;}

ul#form_buttonList.full li a {padding-left: 1em; padding-right: 1em;}

@media print, screen and (max-width:414px){
dl#form_inputList dt, dl#form_inputList dd,
#form_buttonList input.Agree,
#form_buttonList input.Disagree{ font-size: 3vw; padding:4% 0 3%; }
}


/*------------------------------------------------------------------------------------------------------------*/
#agreeMessage {font-size: 14px; padding: 100px 0;}
#agreeHeadline {font-size: 20px; margin-bottom: 30px;}

@media print, screen and (max-width:414px){
#agreeMessage {font-size: 3vw;}
#agreeHeadline {font-size: 3.8vw;}
}

#formBody label {font-size: 13px;}

@media print, screen and (max-width:414px){
#formBody label {font-size: 3vw;}
}


/* -------------------------------------------------------------------------------- */
#inBox.privacy_box {padding: 15px;}

@media print, screen and (max-width:414px){
#inBox.privacy_box {padding: 4%;}
}
/*=========================================================================================
FOOTER
=========================================================================================*/
#Footer {padding: 4% 0;}

/* -------------------------------------------------------------------------------- */
.footer_credit {font-size: 12px;}

@media print, screen and (max-width:414px){
.footer_credit {font-size: 2.6vw;}
}

/*=========================================================================================
CUSTOM
=========================================================================================*/
#period_headlineBox {margin-bottom: 9%;font-size: 13px;}
#period_headlineBox .pickup {margin-bottom: 2%;font-size: 20px !important;}


@media print, screen and (max-width:480px){
#period_headlineBox {font-size: 3vw;}
#period_headlineBox .pickup {font-size: 3.8vw !important;}
}

}