﻿@charset "utf-8";
@media print, screen and (min-width:769px){
/*=================================================================

CONTENTS BASIC

=================================================================*/
.for_sp {display:none !important;}

#contents_headlineBox {margin-bottom: 30px;font-size: 16px;}
#contents_headlineBox p {margin-bottom: 10px;}

/*--------------------------------------------------------------------------------------- */
p#Caption {font-size: 13px;}

/*--------------------------------------------------------------------------------------- */
#Coming {font-size: 24px; padding: 100px 0;}


/*=================================================================

ANCHOR NAVI

=================================================================*/
ul#anchorNavi {	padding:15px 0 0;	margin-bottom:45px; }
ul#anchorNavi li {margin: 0 2.5% 15px 0; font-size:18px;}
ul#anchorNavi li a {padding-left:23px;}



/*--------------------------------------------------------------------------------------- */
#foodMaps {margin-bottom: 45px;}
#foodMaps p {font-size: 13px; padding: 5px 10px;}


/*=================================================================

 BASIC 19/07/25

=================================================================*/
.box_section {margin-bottom: 120px;}

#iconCap {margin: 60px 0 45px; font-size: 14px;}



/*=================================================================

MAIN CONTENTS：PUBLIC

=================================================================*/
article#articleMain {padding-bottom: 90px !important;}

.bloc_basic {margin-top: 60px;}

/*---------------------------------------------------------------------------------------------*/
#mainHeadline {font-size: 22px; margin-bottom: 15px;}


#contents_headlineBox {font-size: 14px;}

#attractionsHeadline {font-size: 18px;}

#attractionNotes {font-size:13px;}



/*=================================================================

SONIC PLUS

=================================================================*/
ul#boothList {letter-spacing: -.4em;}

ul#boothList li {
display: inline-block;
vertical-align: top;
letter-spacing: 0;
width: 48%;
margin-right:4%;
}

ul#boothList li:nth-of-type(even) {margin-right: 0;}


/*---------------------------------------------------------------------------------------------*/
#boothCaption {font-weight: 16px; margin-top: 10px;}

/*---------------------------------------------------------------------------------------------*/
#commonPic:after {		width:50px;		height:50px;}


/*=================================================================

FREEDOM HILLS

=================================================================*/
#freedomhills01.bloc_basic {max-width: 700px; margin-top: 60px; padding: 15px 20px 30px;}

/*---------------------------------------------------------------------------------------------*/
#freedomTime {font-size:18px; padding-bottom: 15px; margin-bottom: 15px;}
#freedomTime br {display: none;}

#freedomTime span {margin-bottom: 5px; font-size: 26px;}

/*---------------------------------------------------------------------------------------------*/
#common_notesHeadline {font-size: 16px; margin-bottom: 15px;}

/*---------------------------------------------------------------------------------------------*/
ul#notesList li {font-size: 14px; margin-bottom: 10px;}




/*=======================================================================

ARTICLE SNS BUTTON (2019/08/15)

=======================================================================*/
#snsBody {margin-top:30px; }
ul#article_snsList  li {width:22%; margin-right:2%;}

#osaka_snsHeadline {font-size:18px !important; margin-bottom:10px;}



/*=========================================================================================
HEADER
=========================================================================================*/
#Header {max-height: 700px;}

/* -------------------------------------------------------------------------------- */
.header_inner {padding: 50px 0 45px;}


/* -------------------------------------------------------------------------------- */
#siteTitle {font-size: 38px;}
#siteTitle p {margin-bottom: 5px; font-size: 28px;}

#siteTitle.section_headline {margin-bottom: 45px;}


@media print, screen and (max-width:1000px){
#siteTitle {font-size: 34px;}
#siteTitle p {font-size: 24px;}
}

/* -------------------------------------------------------------------------------- */
ul#title_subPhotoList {margin-bottom: 0px;}


/*=========================================================================================
MAIN CONTENTS
=========================================================================================*/
#mainContents { width: 88%; padding-top: 60px; }

.one_period {padding: 45px;}
.one_period p {font-size: 16px; margin-bottom: 1.4em;}

@media print, screen and (max-width:1000px){
.one_period p {font-size: 14px;}
}


/* -------------------------------------------------------------------------------- */
.form_headline {font-size: 20px; margin-bottom: 3px;}

@media print, screen and (max-width:1000px){
.form_headline {font-size: 18px;}
}

/* -------------------------------------------------------------------------------- */
dl#form_inputList {margin-bottom: 30px;}
dl#form_inputList dt {font-size: 16px; margin-bottom: 10px;}

/* -------------------------------------------------------------------------------- */
ul#inputList li {margin-bottom: 15px;}

#inBox.privacy_box {margin-bottom: 30px; height: 300px;}
#inBox.privacy_box p {font-size: 14px;}
#inBox.privacy_box .bold {font-size: 110%;}


/*-------------------------------------------------------------------------------------------------------------------------*/
#formBody {margin-top: 60px;}

ul#form_buttonList.full li a,
ul#form_buttonList li input[type="submit"],
#form_buttonList input.Agree,
#form_buttonList input.Disagree,
#form_buttonList input[type="submit"]{padding:15px 0 13px; font-size: 14px;}

#formBody::-webkit-input-placeholder,
#formBody::-moz-placeholder,
#formBody::-ms-input-placeholder,
#formBody input[type="text"],
#formBody textarea,
#formBody select,
dl#form_inputList select {font-size: 14px;}


ul#form_buttonList.full li a {padding-left: 15px; padding-right: 15px;}

@media print, screen and (max-width:900px){

#formBody select,
dl#form_inputList dt, dl#form_inputList dd,
#form_buttonList input.Agree,
#form_buttonList input.Disagree{font-size: 14px;}

#formBody input[type="text"],
#formBody input[type="email"],
#formBody select,
#formBody option{padding:8px 0 9px;}

}


/*------------------------------------------------------------------------------------------------------------*/
#formBody input[type="text"],
#formBody input[type="email"],
#formBody select {padding:12px 0 10px;}

/*------------------------------------------------------------------------------------------------------------*/
#agreeMessage {font-size: 16px; padding: 100px 5%;}
#agreeHeadline {font-size: 24px; margin-bottom: 30px;}

@media print, screen and (max-width:900px){
#agreeMessage {font-size: 14px;}
#agreeHeadline {font-size: 20px;}
}

/* -------------------------------------------------------------------------------- */
#inBox.privacy_box {padding: 15px;}



/*=========================================================================================
FOOTER
=========================================================================================*/
#Footer {padding: 30px 0;}

/* -------------------------------------------------------------------------------- */
.footer_credit {font-size: 13px;}

@media print, screen and (max-width:900px){
.footer_credit {font-size: 12px;}
}

/*=========================================================================================
CUSTOM
=========================================================================================*/
#period_headlineBox {margin-bottom: 45px;font-size: 16px;}
#period_headlineBox .pickup {margin-bottom: 15px;font-size: 26px !important;}


@media print, screen and (max-width:900px){
#period_headlineBox {font-size: 14px;}
#period_headlineBox .pickup {font-size: 20px !important;}
}


}
