/* Max Media Screen ==========================================================*/


/*True*/
@media screen and (max-width: 1680px) {

}

/*True*/
@media screen and (max-width: 1440px) { 

}

/*True*/
@media screen and (max-width: 1366px) { 



}

@media screen and (max-width: 1365px) {



}

/*True*/
@media screen and (max-width: 1280px) {


}



/*True Vertical*/
@media screen and (max-width: 1024px) {



}

@media screen and (max-width: 1023px) {


}

/*True Vertical*/
@media screen and (max-width: 960px) {



}

/*True Vertical*/
@media screen and (max-width: 768px) {


}

/**/
@media screen and (max-width: 767px) {

h2 { font-size: 30px; }
h3 { font-size: 24px; }

.header-fixed { height: 60px; }
.header-fixed header { width: 50px; margin-right: 10px; }
.header-fixed main h1 { padding-top: 12px; line-height: 0.7; font-size: 30px; }
.header-fixed main p { font-size: 20px; }

.header-fixed aside li a { width: 38px; }
.header-fixed aside li span { top: -20px; }
.header-fixed aside i { width: 24px; height: 24px; margin-top: 5px; }

.full-detail { padding-top: 60px; }

.full-detail main { padding-bottom: 15px; }
.full-detail main dt {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%; }

.full-detail .followme input[type="submit"],.full-detail input[type="button"] { width: 60px; height: 50px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;/* right: 8px;*/ }

.full-detail .title { text-align: center; padding-bottom: 20px; margin-bottom: 15px; }
.full-detail .title span { position: absolute; width: 200px; height: 40px; font-size: 24px; line-height: 40px; left: 0; right: 0; bottom: -20px; margin-left: auto; margin-right: auto; background: #f9f9f9; z-index: 1; border-radius: 30px; border:1px solid #ddd; }



.full-detail input[type="submit"],.full-detail input[type="reset"],.full-detail input[type="button"] { width: 160px; font-size: 24px; min-width: inherit; max-width: inherit; }
.full-detail input { font-size: 30px; }



}

/*True*/
@media screen and (max-width: 640px) {


}



/*True Vertical*/
@media screen and (max-width: 600px) {



}

/*True*/
@media screen and (max-width: 570px) {



}


/*True Vertical*/
@media screen and (max-width: 414px),(max-width: 425px)  {

.full-detail main dt {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%; }

.full-detail .section-day span { padding-left: 5px; padding-right: 5px; }
.full-detail input { font-size: 26px; }


}


/*True*/
@media screen and (max-width: 375px) {

.full-detail .section-day dl { margin-left: -1px; margin-right: -1px; }
.full-detail .section-day dt { padding:0 1px; }

select { padding: 6px 20px 8px 10px; }

.full-detail input[type="submit"],.full-detail input[type="button"] { margin-right: 2px; }
.full-detail input[type="reset"] { margin-left: 2px; } 

}

@media screen and (max-width: 360px), (max-width: 320px) { 

select { padding: 6px 15px 8px 5px; }

.full-detail input[type="submit"], .full-detail input[type="reset"],.full-detail input[type="button"] { width: 130px; }

}