@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/* ご当地うどん */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
    transition:0.5;
    transition-duration:0.3s;
}

body {
    position:relative;
    overflow-x:hidden;
}

#navHeader {
    margin-bottom:0 !important;
    z-index:100;
}

.pc {}
.sp {display:none;}


/* common setting END */


/* PCレイアウト */
/*-------------------------------------------*/
#contents {
    background-color: #f4cf41;
    font-family: 'Noto Sans JP', sans-serif;
    line-height:1.8;
    font-size:1.4em;
    font-weight: 400;
    color:#000000;
}
#contents img {
    max-width:100%;
    height:auto;
}

#contents * {box-sizing: border-box;}

.sp {display:none;}

#contents ruby {
    ruby-align: center;
}


/* sec00 */
section#sec00 {
    position: relative;
}
section#sec00 h1 {
    margin:0 auto 0.5em;
}
p.main-lead {
    width:94%;
    margin:0 auto 1em;
    line-height: 2.0;
    font-size:1.25em;
    font-weight: 700;
}
ul.anchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:96%;
    max-width: 905px;
    margin: 0 auto 20px;
}
ul.anchor li {
    width:19%;
    margin-bottom: 3%;
}

/* navigation button */
#nav-button-pc {
    display: none;
    left:50%;
    width:100%;
    max-width: 950px;
    margin: 0 auto;
    transform: translateX(-50%);
    z-index:100;
}
#nav-button-pc ul {
    text-align: right;
}
#nav-button-pc ul li {
    display: inline-block;
}

#nav-button-sp {
    opacity: 0;
}

footer {
    padding-top: 60px;
}

/* 国際うどん大学バナー */
.univ {
    width: 94%;
    max-width: 950px;
    margin: 0 auto 80px;
    text-align: center;
}
.univ a {
    display: block;
    width: 70%;
    max-width: 700px;
    margin: auto;
}


/* content block */
section.udon-block {
    padding-top: 20px;
    padding-bottom: 120px;
}
section#udon10.udon-block {
    padding-bottom: 140px;
}
section.udon-block .inner {
    width:96%;
    max-width: 905px;
    margin: 0 auto;
}
section.udon-block h2 {
    text-align: center;
}
section.udon-block h3 {
    margin-bottom: 15px;
}
section.udon-block .content-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
}
section.udon-block .content-wrap .block-photo {
    width:46%;
    margin-bottom: 30px;
    text-align: left;
    font-size:0.8em;
}
section.udon-block .content-wrap .block-photo .photo-mb {
    margin-bottom: 15px;
}
section.udon-block .content-wrap .block-photo img {
    border:7px solid #ffffff;
    border-radius: 4px;
}
section.udon-block .content-wrap .block-text {
    width:50%;
    margin-bottom: 30px;
    text-align: left;
    font-weight: 700;
}
section.udon-block .content-wrap .block-text h4 {
    width:150px;
    margin-bottom: 0.5em;
}
section.udon-block .content-wrap .block-text p {
    line-height: 2.0;
}
section.udon-block .content-wrap .block-text p:first-child {
    margin-bottom: 1em;
}
section.udon-block .references {
    display: flex;
    background-repeat: no-repeat,no-repeat;
    background-position: center top,center bottom;
    background-image: url("../images/line_l.png"),url("../images/line_l.png");
    background-size: contain,contain;
    padding: 1em 0;
    text-align: left;
}
section.udon-block .references h5 {
    margin-right: 1em;
    vertical-align: top;
    font-size: 0.8em;
    font-weight: 400;
}
section.udon-block .references ul {
    width:calc(100% - 5em);
    vertical-align: top;
    font-size: 0.8em;
    font-weight: 400;
}
section.udon-block .references ul li {
    display: inline-block;
    margin-right: 1em;
    padding-left:1em;
    text-indent: -1em;
    vertical-align: top;
}
section.udon-block .references ul li:before {
    content:"・";
}





/* 949px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 949px) {

/* common setting */

img, object, embed, video {
    max-width:100%;
    height:auto;
}

#navHeader {
    height:20px;
}

.pagetop_sp {z-index:9999;} 

/* common setting END */

#contents {
    font-size:1.2em;
}




}
/*-------------------------------------------*/
/* 949px以下 END */



/* 750px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 750px) {

/* common setting */

#navHeader {
    height:1.5em;
}

.pagetop_sp {z-index:9999;}

.pc {display:none;}
.sp {display:block;}

/* common setting END */


/* navigation button */
#nav-button-pc {
    opacity: 0;
}
#nav-button-sp {
    display: none;
    opacity: 1;
    left:2%;
    width:28%;
    z-index:100;
}
footer {
    padding-top: 12%;
}


/* sec00 */
p.main-lead {
    margin: 0 auto 1.5em;
    font-size:4.8vw;
}
ul.anchor {
    justify-content: center;
    width:68%;
    max-width: 460px;
    margin: 0 auto 8%;
}
ul.anchor li {
    width:46%;
    margin-bottom: 3%;
}
ul.anchor li:nth-child(odd) {
    margin-right: 8%;
}
ul.anchor li img {
    width: 100%;
}

/* 国際うどん大学バナー */
.univ {
    margin: 0 auto 10%;
}
.univ a {
    width: 90%;
    max-width: 547px;
}


/* content block */
section.udon-block {
    padding-top: 4%;
    padding-bottom: 8%;
}
section#udon10.udon-block {
    padding-bottom: 26%;
}
section.udon-block .inner {
    width:100%;
}
section.udon-block h3 {
    width:88%;
    max-width: 660px;
    text-align: center;
    margin: 0 auto 1.5em;
}
section.udon-block .content-wrap {
    display: block;
    width:74%;
    margin: 0 auto;
}
section.udon-block .content-wrap .block-photo {
    width:78%;
    max-width: 420px;
    margin: 0 auto 2em;
    font-size:0.7em;
}
section.udon-block .content-wrap .block-photo .photo-mb {
    margin-bottom: 4%;
}
section.udon-block .content-wrap .block-text {
    width:100%;
    margin-bottom: 4%;
}
section.udon-block .content-wrap .block-text h4 {
    width:36%;
    margin-bottom: 1em;
}
section.udon-block .content-wrap .block-text p {
    font-size:1.4em;
}
section.udon-block .content-wrap .block-text p:first-child {
    margin-bottom: 1em;
}
section.udon-block .references {
    width:74%;
    margin: 0 auto;
    background-image: url("../images/line_sp.png"),url("../images/line_sp.png");
    background-size: contain,contain;
}






}
/*-------------------------------------------*/
/* 750px以下 END */



/* 640px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 640px) {


#navHeader {
    height:4.5em;
}



section#udon10.udon-block {
    padding-bottom: 20%;
}



}
/*-------------------------------------------*/
/* 640px以下 END */



/* 420px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 420px) {


section.udon-block .content-wrap,
section.udon-block .references {
    width:84%;
}

section.udon-block .content-wrap .block-text p {
    font-size:4.2vw;
}



}
/*-------------------------------------------*/
/* 420px以下 END */



/* 320px以下 */
/*-------------------------------------------*/
@media only screen and (max-width: 320px) {

#navHeader {
    height:5.5em;
}

}
/*-------------------------------------------*/
/* 320px以下 END */