.mb80_sp40{margin-bottom: 80px;} #campus_life.typeCategoryIndex .contentsWrap { max-width: 100%; padding: 50px 0; } #campus_life.typeCategoryIndex .pageTitleWrap { background: url(../../campus_life/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea { position: relative; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::before, #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::after { content: ''; width: 50%; height: 270px; position: absolute; top: 0; display: block; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::before { left: 0; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::after { right: 0; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType01::after { background: #cee1ff; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType02::before { background: #a8e5e5; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType03::after { background: #ffd7dd; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType04::before { background: #cee1ff; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType05::before { background: #fff2ca; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType06::after { background: #cee1ff; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType06.listType05::before { background: none; } #campus_life.typeCategoryIndex .campusLifeList .blockWrap { width: 1080px; margin: 0 auto; position: relative; z-index: 2000; color: #fff; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrapAreaInner { width: 1080px; margin: 0 auto; display: table; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap { width: 540px; display: table-cell; vertical-align: middle; } #campus_life.typeCategoryIndex .campusLifeList .picArea, #campus_life.typeCategoryIndex .campusLifeList .picLinkArea2Col { position: absolute; top: 0; } #campus_life.typeCategoryIndex .campusLifeList .txtArea { width: 540px; height: 270px; display: table; } #campus_life.typeCategoryIndex .campusLifeList .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .txtArea > span { padding: 0 45px; display: table-cell; position: relative; vertical-align: middle; color: #fff; text-decoration: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #campus_life.typeCategoryIndex .campusLifeList .txtArea a::after { content: ''; width: 30px; height: 30px; background-repeat: no-repeat; background-position: right bottom; display: block; position: absolute; right: 0; bottom: 0; } #campus_life.typeCategoryIndex .campusLifeList .txtArea a:hover::after { opacity: 0.7; filter: alpha(opacity=70); } #campus_life.typeCategoryIndex .campusLifeList .txtArea .ttl { margin-bottom: 15px; font-size: 2.4rem; font-weight: 500; line-height: 1.5; } #campus_life.typeCategoryIndex .campusLifeList .txtArea p { font-size: 1.6rem; text-align: left; letter-spacing: .03em; } #campus_life.typeCategoryIndex .campusLifeList .listType01 .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .listType01 .txtArea > span { background: #ec798c; } #campus_life.typeCategoryIndex .campusLifeList .listType01 .txtArea a:hover { background: #f2a1ae; } #campus_life.typeCategoryIndex .campusLifeList .listType01 .txtArea a::after { background-image: url(../../campus_life/img/ico_arrow_01.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea { margin: 0 auto; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea > span { background: #efbc35; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea a:hover { background: #f4d071; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea a::after { background-image: url(../../campus_life/img/ico_arrow_02.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea { margin-left: 540px; } #campus_life.typeCategoryIndex .campusLifeList .listType06 .txtArea { height: 170px;} #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea > span, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea > span { background: #7792bd; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea a:hover, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea a:hover { background: #a0b2d1; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea a::after, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea a::after { background-image: url(../../campus_life/img/ico_arrow_03.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea { width: 270px; margin-left: 270px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea > span { padding: 0 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea a { background: #66cece; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea a::after { background-image: url(../../campus_life/img/ico_arrow_04.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea a { background: #efbc35; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea a::after { background-image: url(../../campus_life/img/ico_arrow_02.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea a:hover { background: #94dddd; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea a:hover { background: #f4d071; } #campus_life.typeCategoryIndex .campusLifeList .listType01 .picArea { right: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea { width: 1080px; left: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea img { position: absolute; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea img:first-child { left: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea img:last-child { right: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .picArea { left: 0; } #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea.listType05{overflow: hidden;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea{margin-left: 0; width: 100%;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col { width: 1080px; background: #7792bd; display: table; position: static; float: left;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col ul {overflow: hidden;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col ul li {width: 25%; float: left; position: relative;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col .link::after { content: ''; width: 30px; height: 30px; background-image: url(../../campus_life/img/ico_arrow_05.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: right bottom; display: block; position: absolute; right: 0; bottom: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col .link:hover::after { opacity: 0.7; filter: alpha(opacity=70); } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col { width: 540px; background: #7792bd; display: table; position: static; float: left;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link { width: 50%; display: table-cell; position: relative; vertical-align: top; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link:hover { opacity: 0.7; filter: alpha(opacity=70); } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link::after { content: ''; width: 30px; height: 30px; background-image: url(../../campus_life/img/ico_arrow_05.png); background-size: 30px 30px; background-repeat: no-repeat; background-position: right bottom; display: block; position: absolute; right: 0; bottom: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link:hover::after { opacity: 0.7; filter: alpha(opacity=70); } /* #campus_life.oneday .pageTitleBox .pageTitleItem .txt { padding: 0 7px; display: inline-block; position: relative;font-size: 30px;} */ .spOnly{display: none;} @media screen and (min-width: 768px) { #campus_life.oneday .pageTitleBox .pageTitleItem .txt span { position: relative; font-size: 30px!important;} } @media screen and (max-width: 767px) { #campus_life.data #cont04 .graphArea img { width: 300px!important; } #campus_life.data #cont05 .graphArea img { width: 260px!important; } .mb80_sp40{margin-bottom: 40px;} } @media screen and (max-width: 767px) { #campus_life.typeCategoryIndex .contentsWrap { padding: 30px 0; } .spOnly{display: block;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col{width: 100%} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col ul li{width: 50%;} #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea4Col ul li img{width: 100%; height: auto;} #campus_life.typeCategoryIndex .campusLifeList .listType06 .txtArea { height: inherit;} #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::before, #campus_life.typeCategoryIndex .campusLifeList .blockWrapArea::after { content: none; } #campus_life.typeCategoryIndex .campusLifeList .blockWrap { width: 100%; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrapAreaInner { width: 100%; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap { width: 100%; display: table; } #campus_life.typeCategoryIndex .campusLifeList .picArea { position: relative; } #campus_life.typeCategoryIndex .campusLifeList .picArea img { width: 100%; height: auto; vertical-align: bottom; } #campus_life.typeCategoryIndex .campusLifeList .txtArea { width: 100%; height: auto; } #campus_life.typeCategoryIndex .campusLifeList .txtArea a, #campus_life.typeCategoryIndex .campusLifeList .txtArea span { padding: 15px 10px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } #campus_life.typeCategoryIndex .campusLifeList .txtArea a:hover::after { opacity: 1; filter: alpha(opacity=100); } #campus_life.typeCategoryIndex .campusLifeList .txtArea .ttl { margin-bottom: 10px; font-size: 1.6rem; font-weight: 500; line-height: 1.2; } #campus_life.typeCategoryIndex .campusLifeList .txtArea p { font-size: 1.4rem; letter-spacing: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType01 .txtArea a:hover { background: #ec798c; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .txtArea a:hover { background: #efbc35; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea { margin-left: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType03 .txtArea a:hover, #campus_life.typeCategoryIndex .campusLifeList .listType05 .txtArea a:hover { background: #7792bd; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea { width: 53%; height: 100%; margin-left: 0; display: table-cell; vertical-align: middle; position: relative; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea a { height: 100%; padding: 15px 10px; display: table; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea .txtAreaInner { display: table-cell; vertical-align: middle; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .txtArea::after { content: ''; width: 30px; height: 30px; background-repeat: no-repeat; background-position: right bottom; display: block; position: absolute; right: 0; bottom: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea { background: #66cece; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea::after { background-image: url(../../campus_life/img/ico_arrow_04.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea { background: #efbc35; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea::after { background-image: url(../../campus_life/img/ico_arrow_02.png); background-size: 30px 30px; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea a::after, #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea a::after { content: none; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:first-child .txtArea a:hover { background: #66cece; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .blockWrap:last-child .txtArea a:hover { background: #efbc35; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea { width: 100%; left: 0; font-size: 0; letter-spacing: 0; } #campus_life.typeCategoryIndex .campusLifeList .listType02 .picArea img { width: 50%; position: relative; } #campus_life.typeCategoryIndex .campusLifeList .listType04 .picArea { width: 47%; display: table-cell; vertical-align: top; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col { width: 100%; position: relative; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col img { width: 100%; height: auto; } #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link:hover, #campus_life.typeCategoryIndex .campusLifeList .listType05 .picLinkArea2Col .link:hover::after { opacity: 1; filter: alpha(opacity=100); } } #campus_life.event .pageTitleWrap { background: url(../../campus_life/event/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.event .campusEventList { margin-bottom: 95px; padding-left: 38px; position: relative; } #campus_life.event .campusEventList::before { content: ''; width: 5px; height: 99.6%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px); background: #66cece; display: block; position: absolute; top: 20px; left: 4px; } #campus_life.event .campusEventList .campusEventListMonth { margin-top: 40px; position: relative; } #campus_life.event .campusEventList .campusEventListMonth:first-child { margin-top: 0; } #campus_life.event .campusEventList .ttl { position: relative; text-align: left; } #campus_life.event .campusEventList .ttl::before { content: ''; width: 8px; height: 8px; margin: auto; border: #66cece solid 3px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: block; position: absolute; top: 0; left: -38px; bottom: 0; } #campus_life.event .campusEventList .ttl img { width: auto; height: 51px; } #campus_life.event .campusEventList .blockWrap { margin-top: 30px; text-align: left; } #campus_life.event .campusEventList .blockWrap.listType01 { min-height: 347px; } #campus_life.event .campusEventList .campusEventListMonth.march .blockWrap.listType01 { min-height: 230px; } #campus_life.event .campusEventList .blockWrap.listType02 { min-height: 231px; } #campus_life.event .campusEventList .blockWrap.listType03 { width: 348px; } #campus_life.event .campusEventList .blockWrap.listType04 { width: 700px; } #campus_life.event .campusEventList .blockWrapInner { border: #d6d6d6 solid 2px; background: #fff; position: relative; } #campus_life.event .campusEventList .blockWrap.listType01 .blockWrapInner { padding: 35px 55px 35px 486px; } #campus_life.event .campusEventList .blockWrap.listType02 .blockWrapInner { padding: 35px 474px 35px 45px; } #campus_life.event .campusEventList .blockWrap.listType03 .blockWrapInner, #campus_life.event .campusEventList .blockWrap.listType04 .blockWrapInner { padding: 35px 45px; } #campus_life.event .campusEventList .picArea { position: absolute; top: -10px; } #campus_life.event .campusEventList .blockWrap.listType01 .picArea { left: 43px; width: 344px; } #campus_life.event .campusEventList .blockWrap.listType02 .picArea { right: 85px; width: 338px; } #campus_life.event .campusEventList .txtArea .common-ttlMl { margin-top: 20px; } #campus_life.event .campusEventList .txtArea .common-ttlMl + .common-ttlMl { margin-top: 1em; } #campus_life.event .campusEventList .txtArea .common-ttlMl:first-child { margin-top: 0; } #campus_life.event .campusEventList .txtArea .btnAreaType01 { padding: 15px 0 20px; } #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01 { width: 400px; height: 60px; min-height: 60px; font-size: 1.8rem; font-weight: normal; } #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01 span { height: 60px; padding: 5px 40px; min-width: 400px; } #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01 i { margin-top: -10px; } #campus_life.event .campusEventList .txtArea .btnAreaType02 { padding: 15px 0 20px; } #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 { width: 360px; height: 90px; min-height: 90px; font-size: 1.8rem; font-weight: normal; } #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 span { height: 90px; padding: 5px 40px; min-width: 360px; text-align: left; line-height: 1.5; } #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 i { margin-top: -10px; } #campus_life.event .campusEventList .voiceWrap { width: 635px; position: absolute; top: 0; right: 0; } #campus_life.event .campusEventList .voiceWrap .voiceTxt { float: left; width: 290px; text-align: left; } #campus_life.event .campusEventList .voiceWrap .voicePic { float: right; width: 318px; } #campus_life.event html[class*="ie1"] #campus_life.event .campusEventList .txtArea .btnAreaType01 span, #campus_life.event html[class*="ie1"] #campus_life.event .campusEventList .txtArea .btnAreaType02 span { padding-top: 15px; } #campus_life.event .campusLifeCeremonyArea { margin-top: 45px; position: relative; } #campus_life.event .campusLifeCeremonyArea > .blockWrap { position: relative; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .picArea { width: 410px; height: 330px; position: absolute; left: 0; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .picArea:first-child { top: 0; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .picArea:nth-child(3) { top: 370px; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .txtArea { margin-left: 480px; text-align: left; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 { padding: 40px 0 15px; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 { width: 360px; height: 90px; min-height: 90px; font-size: 1.8rem; font-weight: normal; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 span { height: 90px; padding: 5px 40px; min-width: 360px; text-align: left; line-height: 1.5; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 i { margin-top: -10px; } #campus_life.event .campusLifeCeremonyArea .point { margin: 35px 0 40px; padding: 25px 40px; background: #fff; } #campus_life.event .campusLifeCeremonyArea .point .ttl { color: #38b4b4; font-size: 1.8rem; font-weight: 500; } #campus_life.event .campusLifeCeremonyArea .point .blockWrap { margin-top: 25px; } #campus_life.event .campusLifeCeremonyArea .point .blockWrap::after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0 !important; height: 0 !important; } #campus_life.event .campusLifeCeremonyArea .point .picArea { width: 164px; float: left; } #campus_life.event .campusLifeCeremonyArea .point .txtArea { width: 320px; float: right; } #campus_life.event html[class*="ie1"] #campus_life.event .campusLifeCeremonyArea .txtArea .btnAreaType01 span { padding-top: 15px; } @media screen and (max-width: 767px) { #campus_life.event .campusEventList { margin-bottom: 10px; padding-left: 28px; position: relative; } #campus_life.event .campusEventList .campusEventListMonth { margin-top: 40px; position: relative; } #campus_life.event .campusEventList .ttl::before { left: -28px; } #campus_life.event .campusEventList .ttl img { height: 31px; } #campus_life.event .campusEventList .blockWrap.listType01 { min-height: 0; } #campus_life.event .campusEventList .campusEventListMonth.march .blockWrap.listType01 { min-height: 0; } #campus_life.event .campusEventList .blockWrap.listType02 { min-height: 0; } #campus_life.event .campusEventList .blockWrap.listType03 { width: 100%; } #campus_life.event .campusEventList .blockWrap.listType04 { width: 100%; } #campus_life.event .campusEventList .blockWrap.listType01 .blockWrapInner, #campus_life.event .campusEventList .blockWrap.listType02 .blockWrapInner { padding: 0 20px 30px; } #campus_life.event .campusEventList .blockWrap.listType03 .blockWrapInner, #campus_life.event .campusEventList .blockWrap.listType04 .blockWrapInner { padding: 30px 20px; } #campus_life.event .campusEventList .picArea { position: relative; top: -15px; text-align: center; } #campus_life.event .campusEventList .picArea img { width: 100%; max-width: 360px; height: auto; } #campus_life.event .campusEventList .blockWrap.listType01 .picArea { left: 0; width: 100%; } #campus_life.event .campusEventList .blockWrap.listType02 .picArea { right: 0; width: 100%; } #campus_life.event .campusEventList .txtArea .btnAreaType01, #campus_life.event .campusEventList .txtArea .btnAreaType02 { padding: 20px 0 0; width: 100%; } #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01, #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 { width: 100%; height: 30px; min-height: 30px; font-size: 1.4rem; } #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01 span, #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 span { height: 55px; padding: 10px 30px; min-width: 100%;font-weight: bold;} #campus_life.event .campusEventList .txtArea .btnAreaType01 .btnType01 i, #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 i { margin-top: -6px; right: 5px; } #campus_life.event .campusEventList .txtArea .btnAreaType02 .btnType01 span { padding: 10px 20px 10px 10px; } #campus_life.event .campusEventList .voiceWrap { width: 100%; position: relative; } #campus_life.event .campusLifeCeremonyArea { margin-top: 20px; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .picArea { width: 100%; height: auto; position: relative; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .picArea:nth-child(3) { top: 0; } #campus_life.event .campusLifeCeremonyArea > .blockWrap > .txtArea { margin-top: 20px; margin-left: 0; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 { padding: 0 0 15px; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 { width: 100%; height: 30px; min-height: 30px; font-size: 1.4rem; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 span { height: 30px; padding: 10px 20px 10px 10px; min-width: 100%; } #campus_life.event .campusLifeCeremonyArea .btnAreaType01 .btnType01 i { margin-top: -6px; right: 10px; } #campus_life.event .campusLifeCeremonyArea .point { margin: 15px 0; padding: 20px; } #campus_life.event .campusLifeCeremonyArea .point .ttl { font-size: 1.4rem; } #campus_life.event .campusLifeCeremonyArea .point .blockWrap { margin-top: 20px; } #campus_life.event .campusLifeCeremonyArea .point .picArea { width: 82px; float: left; } #campus_life.event .campusLifeCeremonyArea .point .picArea img { width: 82px; height: auto; } #campus_life.event .campusLifeCeremonyArea .point .txtArea { width: auto; margin-left: 92px; float: none; } } #campus_life.facility .pageTitleWrap { background: url(../../campus_life/facility/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.facility #cont01 .txt02 { margin-top: 50px; padding: 0 45px; font-size: 3.6rem; font-weight: 500; color: #f37388; display: inline-block; position: relative; } #campus_life.facility #cont01 .txt02::before, #campus_life.facility #cont01 .txt02::after { position: absolute; display: block; content: ''; top: 2px; width: 28px; height: 34px; } #campus_life.facility #cont01 .txt02::before { left: 0; background: url(../../campus_life/facility/img/index_ic_01.png) no-repeat left top; background-size: contain; } #campus_life.facility #cont01 .txt02::after { right: 0; background: url(../../campus_life/facility/img/index_ic_02.png) no-repeat left top; background-size: contain; } #campus_life.facility #cont01 .txt03 { margin: 50px 0 0; } #campus_life.facility #cont01 .blockWrap { margin: 45px 0 0; display: table; width: 100%; } #campus_life.facility #cont01 .blockWrap > div { display: table-cell; vertical-align: middle; text-align: center; } #campus_life.facility #cont01 .blockWrap > div:nth-child(2) { text-align: left; } #campus_life.facility #cont02 .blockWrap { margin: 40px 0 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } #campus_life.facility #cont02 .blockWrap > div { text-align: left; width: 330px; } #campus_life.facility #cont02 .blockWrap > div:nth-child(1), #campus_life.facility #cont02 .blockWrap > div:nth-child(2), #campus_life.facility #cont02 .blockWrap > div:nth-child(4), #campus_life.facility #cont02 .blockWrap > div:nth-child(5) { margin: 0 40px 0 0; } #campus_life.facility #cont02 .blockWrap > div:nth-child(4), #campus_life.facility #cont02 .blockWrap > div:nth-child(5) { margin-top: 40px; } #campus_life.facility #cont02 .blockWrap > div:nth-child(6) { padding-top: 30px; text-align: right; } #campus_life.facility #cont02 .blockWrap .common-picWrap { margin: 10px 0 10px; } #campus_life.facility #cont02 .blockWrap .common-picWrap > div { width: 310px; } #campus_life.facility #cont02 .blockWrap p { letter-spacing: 0.05em; text-indent: 0.05em; } #campus_life.facility #cont03 .contentsWrap { padding-bottom: 100px; } #campus_life.facility #cont03 .blockWrap { margin: 40px 0 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } #campus_life.facility #cont03 .blockWrap > div { display: inline-block; vertical-align: top; text-align: left; width: 330px; } #campus_life.facility #cont03 .blockWrap > div:nth-child(1), #campus_life.facility #cont03 .blockWrap > div:nth-child(2) { margin: 0 25px; } #campus_life.facility #cont03 .blockWrap > div:nth-child(4) { margin: 0 40px; } #campus_life.facility #cont03 .blockWrap .common-picWrap { margin: 10px 0 10px; } #campus_life.facility #cont03 .blockWrap .common-picWrap > div { width: 310px; } #campus_life.facility #cont03 .blockWrap p { letter-spacing: 0.05em; text-indent: 0.05em; } @media screen and (max-width: 767px) { #campus_life.facility #cont01 .txt02 { margin-top: 20px; padding: 0 22px; font-size: 1.8rem; line-height: 1.2; } #campus_life.facility #cont01 .txt02::before, #campus_life.facility #cont01 .txt02::after { width: 14px; height: 17px; } #campus_life.facility #cont01 .txt03 { margin: 20px 0 0; } #campus_life.facility #cont01 .blockWrap { margin: 0 0 0; display: table; width: 100%; } #campus_life.facility #cont01 .blockWrap > div { display: block; text-align: center; } #campus_life.facility #cont01 .blockWrap > div:nth-child(1) { display: none; } #campus_life.facility #cont02 .blockWrap { margin: 0; text-align: center; display: block; } #campus_life.facility #cont02 .blockWrap > div { display: inline-block; text-align: left; max-width: 360px; width: 90%; } #campus_life.facility #cont02 .blockWrap > div:nth-child(1), #campus_life.facility #cont02 .blockWrap > div:nth-child(2), #campus_life.facility #cont02 .blockWrap > div:nth-child(3), #campus_life.facility #cont02 .blockWrap > div:nth-child(4), #campus_life.facility #cont02 .blockWrap > div:nth-child(5) { margin: 20px auto 0; display: inline-block; } #campus_life.facility #cont02 .blockWrap > div:nth-child(6) { display: none; } #campus_life.facility #cont02 .blockWrap .common-picWrap { margin: 5px 0 5px; width: 100%; } #campus_life.facility #cont02 .blockWrap .common-picWrap > div { width: 100%; } #campus_life.facility #cont02 .blockWrap p { letter-spacing: 0.05em; text-indent: 0.05em; } #campus_life.facility #cont03 .contentsWrap { padding-bottom: 50px; } #campus_life.facility #cont03 .blockWrap { margin: 0; text-align: center; display: block; } #campus_life.facility #cont03 .blockWrap > div { display: inline-block; text-align: left; max-width: 360px; width: 90%; } #campus_life.facility #cont03 .blockWrap > div:nth-child(1), #campus_life.facility #cont03 .blockWrap > div:nth-child(2), #campus_life.facility #cont03 .blockWrap > div:nth-child(4), #campus_life.facility #cont03 .blockWrap > div:nth-child(5) { margin: 20px auto 0; display: inline-block; } #campus_life.facility #cont03 .blockWrap > div:nth-child(3) { display: none; } #campus_life.facility #cont03 .blockWrap .common-picWrap { margin: 5px 0 5px; width: 100%; } #campus_life.facility #cont03 .blockWrap .common-picWrap > div { width: 100%; } #campus_life.facility #cont03 .blockWrap p { letter-spacing: 0.05em; text-indent: 0.05em; } } #campus_life.circle .pageTitleWrap { background: url(../../campus_life/circle/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.circle #cont01 .txt01 { margin: 30px 0 0; line-height: 2.2; } #campus_life.circle #cont01 .txt02 { margin: 2em 0 0; line-height: 2; } #campus_life.circle #cont01 .txt03 { margin: 1.5em 0 0; line-height: 2; } #campus_life.circle #cont01 .blockWrap { margin: 50px 0 20px; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } #campus_life.circle #cont01 .blockWrap > div { vertical-align: top; text-align: left; width: 345px; } #campus_life.circle #cont01 .blockWrap .common-picWrap { margin: 15px 0 40px; } #campus_life.circle #cont01 .blockWrap .common-picWrap > div { width: 330px; -moz-box-shadow: 20px 20px 0 -5px #b5e7e7; -webkit-box-shadow: 20px 20px 0 -5px #b5e7e7; box-shadow: 20px 20px 0 -5px #b5e7e7; } #campus_life.circle #cont01 .blockWrap p { letter-spacing: 0.05em; text-indent: 0.05em; } #campus_life.circle #cont02 p, #campus_life.circle #cont03 p { margin: 2em 0 0; line-height: 2; } @media screen and (max-width: 767px) { #campus_life.circle #cont01 .txt01 { margin: 10px 0 0; line-height: 1.8; text-align: left; } #campus_life.circle #cont01 .txt02 { margin: 2em 0 0; line-height: 1.6; text-align: left; } #campus_life.circle #cont01 .txt03 { margin: 1.5em 0 0; line-height: 1.6; text-align: left; } #campus_life.circle #cont01 .blockWrap { margin: 20px 0 0; text-align: center; display: block; } #campus_life.circle #cont01 .blockWrap > div { margin: 20 auto 0; display: inline-block; text-align: left; max-width: 360px; width: 90%; } #campus_life.circle #cont01 .blockWrap .common-picWrap { margin: 5px 0 20px; width: 100%; } #campus_life.circle #cont01 .blockWrap .common-picWrap > div { width: 100%; } #campus_life.circle #cont02 p, #campus_life.circle #cont03 p { margin: 1em 0 0; line-height: 2; text-align: left; } } #campus_life.data .pageTitleWrap { background: url(../../campus_life/data/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.data #cont01 .txt01 { font-size: 2.0rem; font-weight: bold; line-height: 1.5; } #campus_life.data #cont01 .txt02 { margin-top: 0.5em; line-height: 1.5; } #campus_life.data .blockWrap01 { margin: 40px 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } #campus_life.data .blockWrap02 { margin: 40px 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; /* Safari */ flex-direction: row-reverse; } #campus_life.data .blockWrap02 .btnWrap { text-align: right; } #campus_life.data .blockWrap02 .btnWrap .btnType01 { margin-left: auto; } #campus_life.data .cont01-txt01 { text-align: center; font-weight: bold; font-size: 2.0rem; line-height: 1.2; letter-spacing: 0.08em; text-indent: 0.08em; color: #1f296f; } #campus_life.data .blockWrap01 p, #campus_life.data .blockWrap02 p { margin-top: 1.5em; } #campus_life.data .blockWrap01 .btnWrap, #campus_life.data .blockWrap02 .btnWrap { margin-top: 1.5em; } #campus_life.data .blockWrap01 .btnType01 span, #campus_life.data .blockWrap02 .btnType01 span { font-size: 1.8rem; } #campus_life.data .cont-txtQ { position: relative; padding: 0 0 0 70px; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.04em; text-indent: 0.04em; line-height: 1.2; } #campus_life.data .cont-txtQ img { left: 0; top: -15px; position: absolute; } #campus_life.data .cont-txtA { margin-top: 2em; line-height: 1.8; } #campus_life.data #cont01 .txtArea { width: 540px; } #campus_life.data #cont01 .graphArea { width: 480px; } #campus_life.data #cont02 .txtArea { width: 620px; } #campus_life.data #cont02 .graphArea { width: 440px; } #campus_life.data #cont03 .txtArea { width: 540px; } #campus_life.data #cont03 .graphArea { width: 480px; } #campus_life.data #cont04 .txtArea { width: 530px; } #campus_life.data #cont04 .graphArea { width: 440px; text-align: center; } #campus_life.data #cont05 .txtArea { width: 540px; } #campus_life.data #cont05 .graphArea { width: 480px; } #campus_life.data #cont06 .txtArea { width: 620px; } #campus_life.data #cont06 .graphArea { width: 424px; } #campus_life.data #cont07 .txtArea { width: 540px; } #campus_life.data #cont07 .btnWrap { display: table; width: 100%; } #campus_life.data #cont07 .btnWrap > div { display: table-cell; vertical-align: top; width: 50%; } #campus_life.data #cont07 .btnWrap > div:nth-child(1) { padding-right: 10px; } #campus_life.data #cont07 .btnWrap > div:nth-child(2) { padding-left: 10px; } #campus_life.data #cont07 .btnType01 { width: 100%; } #campus_life.data #cont07 .btnType01 span { min-width: 200px; width: 100%; padding-left: 20px; padding-right: 30px; } #campus_life.data #cont07 .btnType01 span i { right: 5px; } #campus_life.data #cont07 .graphArea { width: 500px; } #campus_life.data #cont08 .txtArea { width: 620px; } #campus_life.data #cont08 .graphArea { width: 450px; } #campus_life.data #cont08 .voiceWrap { display: table; } #campus_life.data #cont08 .voiceWrap > div { display: table-cell; vertical-align: top; } #campus_life.data #cont08 .voiceWrap > div:first-child { width: 280px; } #campus_life.data #cont09 .txtArea { width: 540px; } #campus_life.data #cont09 .graphArea { width: 480px; } #campus_life.data #cont10 .txtArea { width: 620px; } #campus_life.data #cont10 .graphArea { width: 440px; text-align: center; } @media screen and (max-width: 767px) { #campus_life.data #cont01 .txt01 { font-size: 1.4rem; } #campus_life.data #cont01 .txt02 { margin: 0.5em 0 40px; } #campus_life.data .blockWrap01 { margin: 5px 0; width: 100%; display: block; } #campus_life.data .blockWrap01 .btnWrap { text-align: center; } #campus_life.data .blockWrap01 .btnWrap .btnType01 { width: 80%; margin-left: auto; margin-right: auto; } #campus_life.data .blockWrap02 { margin: 5px 0; display: block; } #campus_life.data .blockWrap02 .btnWrap { text-align: center; } #campus_life.data .blockWrap02 .btnWrap .btnType01 { width: 80%; margin-left: auto; margin-right: auto; } #campus_life.data .cont01-txt01 { text-align: center; font-size: 1.4rem; line-height: 1.2; letter-spacing: 0; text-indent: 0; } #campus_life.data .blockWrap01 p, #campus_life.data .blockWrap02 p { margin-top: 1.5em; } #campus_life.data .blockWrap01 .btnWrap, #campus_life.data .blockWrap02 .btnWrap { margin-top: 1.5em; width: 100%; } #campus_life.data .blockWrap01 .btnType01 span, #campus_life.data .blockWrap02 .btnType01 span { font-size: 1.4rem; width: 100%; } #campus_life.data .cont-txtQ { position: relative; padding: 0 0 0 35px; font-size: 1.6rem; letter-spacing: 0; text-indent: 0; line-height: 1.2; } #campus_life.data .cont-txtQ img { top: -6px; width: 28px; height: auto; } #campus_life.data .cont-txtA { margin-top: 1em; line-height: 1.6; } #campus_life.data .resposiveItem { padding-top: 1.5em; text-align: left; } #campus_life.data #cont01 .txtArea, #campus_life.data #cont02 .txtArea, #campus_life.data #cont03 .txtArea, #campus_life.data #cont04 .txtArea, #campus_life.data #cont05 .txtArea, #campus_life.data #cont06 .txtArea, #campus_life.data #cont07 .txtArea, #campus_life.data #cont08 .txtArea, #campus_life.data #cont09 .txtArea, #campus_life.data #cont10 .txtArea { width: 100%; } #campus_life.data #cont01 .graphArea, #campus_life.data #cont02 .graphArea, #campus_life.data #cont03 .graphArea, #campus_life.data #cont04 .graphArea, #campus_life.data #cont05 .graphArea, #campus_life.data #cont06 .graphArea, #campus_life.data #cont07 .graphArea, #campus_life.data #cont08 .graphArea, #campus_life.data #cont09 .graphArea, #campus_life.data #cont10 .graphArea { width: 100%; text-align: center; } #campus_life.data #cont01 .graphArea img, #campus_life.data #cont02 .graphArea img, #campus_life.data #cont03 .graphArea img, #campus_life.data #cont04 .graphArea img, #campus_life.data #cont05 .graphArea img, #campus_life.data #cont06 .graphArea img, #campus_life.data #cont07 .graphArea img, #campus_life.data #cont08 .graphArea img, #campus_life.data #cont09 .graphArea img, #campus_life.data #cont10 .graphArea img { margin: 15px auto 0; max-width: 320px; width: 280px; height: auto; } #campus_life.data #cont01 .graphArea img { width: 260px; } #campus_life.data #cont04 .graphArea img { width: 240px; } #campus_life.data #cont07 .graphArea img { width: 100%; } #campus_life.data #cont08 .graphArea img { width: 100%; } #campus_life.data #cont09 .graphArea img { width: 100%; } #campus_life.data #cont10 .graphArea img { width: 260px; } #campus_life.data #cont07 .btnWrap { display: block; width: 100%; text-align: center; } #campus_life.data #cont07 .btnWrap > div { margin: 0 auto; display: block; /*vertical-align: top;*/ width: 80%; } #campus_life.data #cont07 .btnWrap > div:nth-child(1) { padding-right: 0; } #campus_life.data #cont07 .btnWrap > div:nth-child(2) { margin-top: 15px; padding-left: 0; } #campus_life.data #cont07 .btnType01 { width: 100%; } #campus_life.data #cont07 .btnType01 span { min-width: 200px; width: 100%; padding-left: 20px; padding-right: 30px; } #campus_life.data #cont07 .btnType01 span i { right: 5px; } #campus_life.data #cont08 .voiceWrap { display: block; } #campus_life.data #cont08 .voiceWrap > div { display: block; } #campus_life.data #cont08 .voiceWrap > div:first-child { width: 100%; } #campus_life.data #cont08 .voiceWrap > div:last-child { width: 100%; text-align: center; } #campus_life.data #cont08 .voiceWrap img { margin: 0 auto; max-width: 240px; width: 100%; height: auto; } } @media screen and (max-width: 320px) { #campus_life.data .pageTitleItem-txt01 { font-size: 1.4rem; } } #campus_life.money #cont01 .common-ttlHl { letter-spacing: 1em; text-indent: 1em; } #campus_life.money .pageTitleWrap { background: url(../../campus_life/money/img/visual.jpg) no-repeat 50% top; background-size: cover; } #campus_life.money #cont01 .blockWrap { margin: 40px 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } #campus_life.money #cont01 .blockWrap > div { text-align: left; width: 520px; } #campus_life.money .cont01-txt01 { text-align: center; font-weight: bold; font-size: 2.0rem; line-height: 1.2; letter-spacing: 0.08em; text-indent: 0.08em; color: #1f296f; } #campus_life.money #cont01 .tableType01 tbody td { text-align: right; } #campus_life.money #cont01 .tableType01 thead th:nth-child(1) { width: 16%; } #campus_life.money #cont01 .tableType01 thead tr:nth-child(2) td:nth-child(1), #campus_life.money #cont01 .tableType01 thead tr:nth-child(2) td:nth-child(2), #campus_life.money #cont01 .tableType01 thead tr:nth-child(2) td:nth-child(3) { width: 28%; } #campus_life.money #cont01 .common-ttlMl { display: inline-block; font-weight: normal; } #campus_life.money #cont01 .voiceWrap { margin: 50px auto 0; display: table; width: 80%; } #campus_life.money #cont01 .voiceWrap > div { display: table-cell; vertical-align: middle; text-align: left; } #campus_life.money #cont01 .voiceWrap > div:nth-child(1) { width: 260px; } #campus_life.money #cont02 .common-ttlHl { letter-spacing: 0.2em; text-indent: 0.2em; } #campus_life.money #cont02 .blockWrap { margin: 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } #campus_life.money #cont02 .blockWrap > div { text-align: center; width: 520px; } #campus_life.money #cont02 .common-ttlMl { display: block; font-weight: normal; text-align: left; } #campus_life.money #cont02 p { margin-top: 2em; } #campus_life.money #cont02 .btnWrap { text-align: center; } #campus_life.money #cont02 .btnWrap a { margin: 40px auto 0; } #campus_life.money #cont02 .btnWrap span { font-size: 2.0rem; } #campus_life.money #cont03 .blockWrap { margin: 40px 0; width: 100%; text-align: left; display: -webkit-box; display: -moz-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } #campus_life.money #cont03 .blockWrap > div { text-align: left; width: 520px; } #campus_life.money #cont03 .txt01 { padding: 30px 10px; background: #fff; text-align: center; color: #66cece; font-size: 3.6rem; font-weight: 200; line-height: 1; letter-spacing: 0.08em; text-indent: 0.08em; } #campus_life.money #cont03 .txt01 span { font-size: 7.0rem; } #campus_life.money #cont03 .txt02 { margin-top: 20px; padding: 5px; background: #f7f9fc; text-align: right; font-size: 1.4rem; line-height: 1.5; } @media screen and (max-width: 767px) { #campus_life.money #cont01 .blockWrap { margin: 0 0 0; display: table; width: 100%; } #campus_life.money #cont01 .blockWrap > div { margin-top: 20px; display: block; text-align: center; width: 100%; } #campus_life.money .cont01-txt01 { font-size: 1.4rem; } #campus_life.money #cont01 .tableType01 tbody th, #campus_life.money #cont01 .tableType01 tbody td { font-size: 1.4rem; } #campus_life.money #cont01 .tableType01 th, #campus_life.money #cont01 .tableType01 td { font-size: 1.4rem; } #campus_life.money #cont01 .common-ttlMl { margin-top: 1em; display: block; font-weight: normal; text-align: left; } #campus_life.money #cont01 .voiceWrap { margin: 25px auto 0; display: block; width: 100%; } #campus_life.money #cont01 .voiceWrap > div { display: block; } #campus_life.money #cont01 .voiceWrap > div:nth-child(1) { width: 100%; text-align: center; } #campus_life.money #cont01 .voiceWrap > div:nth-child(1) img { width: 150px; height: auto; } #campus_life.money #cont02 .blockWrap { margin: 0 0 0; display: table; width: 100%; } #campus_life.money #cont02 .blockWrap > div { margin-top: 20px; display: block; text-align: center; width: 100%; } #campus_life.money #cont02 .blockWrap > div:first-child { margin-top: 0; } #campus_life.money #cont02 .common-ttlMl { display: block; font-weight: normal; text-align: left; } #campus_life.money #cont02 p { margin-top: 1em; } #campus_life.money #cont02 .btnWrap { text-align: center; } #campus_life.money #cont02 .btnWrap a { margin: 20px auto 0; } #campus_life.money #cont02 .btnWrap span { font-size: 1.4rem; } #campus_life.money #cont03 .contentsWrap { padding-bottom: 50px; } #campus_life.money #cont03 .blockWrap { margin: 0 0 0; display: table; width: 100%; } #campus_life.money #cont03 .blockWrap > div { margin-top: 10px; display: block; text-align: left; width: 100%; } #campus_life.money #cont03 .txt01 { margin-bottom: 10px; padding: 10px 5px; font-size: 1.8rem; text-align: center; } #campus_life.money #cont03 .txt01 span { font-size: 3.5rem; } #campus_life.money #cont03 .txt02 { margin-top: 0; padding: 5px 0; font-size: 1rem; text-align: left; } #campus_life.oneday .oneDayList .ttl div { padding-left: 3.7em!important; text-indent: -3.7em!important; line-height: 1.3;} } #campus_life.oneday .pageTitle { height: 460px; } #campus_life.oneday .pageTitleWrap { height: 460px; } #campus_life.oneday .pageTitleBox { width: 1080px; margin: 0 auto; position: relative; } #campus_life.oneday .pageTitleBox .pageTitleBoxInner { height: 304px; padding: 68px 42px 35px 66px; position: absolute; top: 78px; left: 0; } #campus_life.oneday .pageTitleBox .pageSubTitle { padding: 0 24px; background: #f3788c; border-bottom: 6px solid #f8a6b3; display: inline-block; position: absolute; top: 0; left: 0; color: #fff; font-size: 2.4rem; font-weight: 500; font-style: italic; text-align: center; line-height: 44px; } #campus_life.oneday .pageTitleBox .pageTitleItem { color: #1f296f; font-size: 3.2rem; font-weight: 500; line-height: 1.6; } #campus_life.oneday .pageTitleBox .pageTitleItem .txt { padding: 0 7px; display: inline-block; position: relative;} #campus_life.oneday .pageTitleBox .pageTitleItem .txt::before { content: ""; width: 100%; height: 11px; background: #fff2ca; position: absolute; left: 0; bottom: 3px; } #campus_life.oneday .pageTitleBox .pageTitleItem .txt::after { content: ""; display: block; } #campus_life.oneday .pageTitleBox .pageTitleItem .txt span { position: relative; font-size: 17px;} #campus_life.oneday .pageTitleBox .pageStudentName { margin-top: 15px; color: #1f296f; font-size: 2.8rem; text-align: right; font-weight: 500; } #campus_life.oneday .pageTitleBox .pageStudentName .year { margin-right: 10px; font-size: 1.8rem; } #campus_life.oneday .contentsWrap { max-width: 1080px; } #campus_life.oneday .oneDayList { margin-bottom: 60px; padding-left: 10px; position: relative; } #campus_life.oneday .oneDayList::before { content: ''; width: 5px; height: 99.6%; height: -webkit-calc(100% - 20px); height: calc(100% - 20px); background: #66cece; display: block; position: absolute; top: 20px; left: 34px; } #campus_life.oneday .oneDayList .oneDayListTime { margin-top: 40px; padding-left: 82px; position: relative; } #campus_life.oneday .oneDayList .oneDayListTime:first-child { margin-top: 0; } #campus_life.oneday .oneDayList .ttl { position: relative; font-size: 3.0rem; text-align: left; } #campus_life.oneday .oneDayList .ttl div { padding-left: 3.3em; text-indent: -3.3em; line-height: 1.3;} #campus_life.oneday .oneDayList .ttl::before { content: ''; width: 67px; height: 67px; margin: auto; background-repeat: no-repeat; background-position: center; background-size: 67px 67px; display: block; position: absolute; top: 0; left: -90px; bottom: 0; } #campus_life.oneday .oneDayList .ttl .time { margin-right: 16px; font-size: 3.2rem; font-weight: 500; } #campus_life.oneday .oneDayList .blockWrap { margin-top: 25px; padding-left: 100px; } #campus_life.oneday .oneDayList .txtArea { font-size: 1.6rem; text-align: left; } #campus_life.oneday .oneDayList .picArea { margin-top: 50px; } #campus_life.oneday .oneDayList .picArea .common-picWrap.bgType01 { background: transparent; } #campus_life.oneday .oneDayList .picArea .common-picWrap.bgType01 > div { -moz-box-shadow: 25px 25px 0 -5px #ffd7dd; -webkit-box-shadow: 25px 25px 0 -5px #ffd7dd; box-shadow: 25px 25px 0 -5px #ffd7dd; } #campus_life.oneday .oneDayList .picArea .common-picWrap.bgType02 > div { -moz-box-shadow: 25px 25px 0 -5px #a8e5e5; -webkit-box-shadow: 25px 25px 0 -5px #a8e5e5; box-shadow: 25px 25px 0 -5px #a8e5e5; } #campus_life.oneday .oneDayList .picArea .common-picWrap.bgType03 > div { -moz-box-shadow: 25px 25px 0 -5px #fff2ca; -webkit-box-shadow: 25px 25px 0 -5px #fff2ca; box-shadow: 25px 25px 0 -5px #fff2ca; } #campus_life.oneday .oneDayList .picArea .common-picWrap.bgType04 > div { -moz-box-shadow: 25px 25px 0 -5px #cee1ff; -webkit-box-shadow: 25px 25px 0 -5px #cee1ff; box-shadow: 25px 25px 0 -5px #cee1ff; } #campus_life.oneday .oneDayList .time01 .ttl, #campus_life.oneday .oneDayList .time04 .ttl { color: #f3788c; } #campus_life.oneday .oneDayList .time02 .ttl, #campus_life.oneday .oneDayList .time05 .ttl { color: #7792bd; } #campus_life.oneday .oneDayList .time03 .ttl { color: #f59524; } #campus_life.oneday .btnArea .btnType01 { margin: 0 auto; font-weight: 500; font-size: 1.8rem; } #campus_life.oneday .btnArea .btnType01 > span { padding: 5px 80px 5px 60px; } /*#campus_life.oneday .btnArea .btnType01 i { margin-top: -10px; }*/ #campus_life.oneday .txtArea + .btnArea { margin-top: 20px; } #campus_life.oneday .voiceWrap { width: 1080px; margin: 0 auto; text-align: left; } #campus_life.oneday .voiceWrap .voiceTxt { float: right; width: 692px; padding-left: 42px; } #campus_life.oneday .voiceWrap .voiceTxt p { line-height: 2.2; } #campus_life.oneday .voiceWrap .voicePic { float: left; width: 388px; padding-left: 106px; } #campus_life.oneday .common-frame { margin: 60px auto 86px; padding: 40px 66px; text-align: center; } #campus_life.oneday .common-frame .ttl { color: #1f296f; font-size: 2.0rem; font-weight: 500; } #campus_life.oneday .common-frame img { margin-top: 30px; } #campus_life.oneday .common-frame .note { margin-top: 20px; text-align: right; font-size: 1.5rem; } #campus_life.oneday .common-frame .note + .note { margin-top: 0; } #campus_life.oneday.oneday_01 .pageTitleWrap { background: url(../../campus_life/oneday_01/img/visual_pc.jpg) no-repeat 50% top; background-size: cover; } #campus_life.oneday.oneday_01 .pageTitleBox .pageTitleBoxInner { width: 544px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_pc.png) no-repeat right bottom; } #campus_life.oneday.oneday_01 .oneDayList .time01 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_01.png); } #campus_life.oneday.oneday_01 .oneDayList .time01 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_01 .oneDayList .time02 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_02.png); } #campus_life.oneday.oneday_01 .oneDayList .time02 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_01 .oneDayList .time03 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_04.png); } #campus_life.oneday.oneday_01 .oneDayList .time03 .common-picWrap > div { width: 550px; margin: 0 auto; } #campus_life.oneday.oneday_01 .oneDayList .time04 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_05.png); } #campus_life.oneday.oneday_01 .oneDayList .time04 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_01 .oneDayList .time05 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_05.png); } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea { height: 420px; position: relative; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; z-index: 2;} #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_01 .voiceWrap .voiceTxt { padding-right: 20px; } #campus_life.oneday.oneday_02 .pageTitleWrap { background: url(../../campus_life/oneday_02/img/visual_pc.jpg) no-repeat 50% top; background-size: cover; } #campus_life.oneday.oneday_02 .pageTitleBox .pageTitleBoxInner { width: 607px; background: url(../../campus_life/oneday_02/img/bg_page_title_box_pc.png) no-repeat right bottom; } #campus_life.oneday.oneday_02 .oneDayList .time01 .ttl::before { background-image: url(../../campus_life/oneday_04/img/icon_clock_01.png); } #campus_life.oneday.oneday_02 .oneDayList .time01 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_02 .oneDayList .time02 .ttl::before { background-image: url(../../campus_life/oneday_02/img/icon_clock_02.png); } #campus_life.oneday.oneday_02 .oneDayList .time02 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_02 .oneDayList .time03 .ttl::before { background-image: url(../../campus_life/oneday_02/img/icon_clock_03.png); } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea { height: 420px; position: relative; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_02 .oneDayList .time04 .ttl::before { background-image: url(../../campus_life/oneday_02/img/icon_clock_04.png); } #campus_life.oneday.oneday_02 .oneDayList .time04 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_02 .oneDayList .time05 .ttl::before { background-image: url(../../campus_life/oneday_02/img/icon_clock_05.png); } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea { height: 420px; position: relative; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_02 .voiceWrap .voiceTxt { padding-right: 124px; } #campus_life.oneday.oneday_03 .pageTitleWrap { background: url(../../campus_life/oneday_03/img/visual_pc.jpg) no-repeat 50% top; background-size: cover; } #campus_life.oneday.oneday_03 .pageTitleBox .pageTitleBoxInner { width: 544px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_pc.png) no-repeat right bottom; } #campus_life.oneday.oneday_03 .oneDayList .time01 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_01.png); } #campus_life.oneday.oneday_03 .oneDayList .time01 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_03 .oneDayList .time02 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_07.png); } #campus_life.oneday.oneday_03 .oneDayList .time02 .common-picWrap > div { width: 394px; margin: 0 auto; } #campus_life.oneday.oneday_03 .oneDayList .time03 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_04.png); } #campus_life.oneday.oneday_03 .oneDayList .time03 .common-picWrap > div { width: 416px; margin: 0 auto; } #campus_life.oneday.oneday_03 .oneDayList .time04 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_06.png); } #campus_life.oneday.oneday_03 .oneDayList .time04 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_03 .oneDayList .time05 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_06.png); } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea { height: 420px; position: relative; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; z-index: 1;} #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_03 .voiceWrap .voiceTxt { padding-right: 20px; } #campus_life.oneday.oneday_04 .pageTitleWrap { background: url(../../campus_life/oneday_04/img/visual_pc.jpg) no-repeat 50% top; background-size: cover; } #campus_life.oneday.oneday_04 .pageTitleBox .pageTitleBoxInner { width: 544px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_pc.png) no-repeat right bottom; } #campus_life.oneday.oneday_04 .oneDayList .time01 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_01.png); } #campus_life.oneday.oneday_04 .oneDayList .time01 .common-picWrap > div { width: 550px; margin: 0 auto; } #campus_life.oneday.oneday_04 .oneDayList .time02 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_02.png); } #campus_life.oneday.oneday_04 .oneDayList .time02 .common-picWrap > div { width: 550px; margin: 0 auto; } #campus_life.oneday.oneday_04 .oneDayList .time03 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_03.png); } #campus_life.oneday.oneday_04 .oneDayList .time03 .common-picWrap > div { width: 550px; margin: 0 auto; } #campus_life.oneday.oneday_04 .oneDayList .time04 .ttl::before { background-image: url(../../campus_life/oneday_01/img/icon_clock_04.png); } #campus_life.oneday.oneday_04 .oneDayList .time04 .common-picWrap > div { width: 562px; margin: 0 auto; } #campus_life.oneday.oneday_04 .oneDayList .time05 .ttl::before { background-image: url(../../campus_life/oneday_03/img/icon_clock_05.png); } #campus_life.oneday.oneday_04 .oneDayList .time05 .common-picWrap > div { width: 550px; margin: 0 auto; } #campus_life.oneday.oneday_04 .oneDayList .time05 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 { height: 420px; position: relative; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap { padding: 0; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } #campus_life.oneday.oneday_04 .voiceWrap .voiceTxt { padding-right: 20px; } #campus_life.oneday .btnArea.col2 div { display: inline-block; width: 330px; } #campus_life.oneday .btnArea.col2 div:not(:first-child) { margin-left: 20px; } #campus_life.oneday .btnArea.col2 div a span { min-width: 330px; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea { height: 420px; position: relative; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap { padding: 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap:first-child > div { width: 500px; position: absolute; top: 0; left: 0;} #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap:last-child > div { width: 394px; position: absolute; right: 20px; bottom: 20px; } /* 2021 0506追記 */ .picArea.mulchColumn .col2 { display: flex; } .picArea.mulchColumn .col2 .common-picWrap > div { width: 394px !important; } .picArea.mulchColumn .col3 { display: flex; margin-top: 20px; } .picArea.mulchColumn .col3 .common-picWrap > div { width: 256px !important; } #campus_life.oneday.oneday_04 .oneDayList .time01 .ttl::before, #campus_life.oneday.oneday_04 .oneDayList .time02 .ttl::before, #campus_life.oneday.oneday_02 .oneDayList .time01 .ttl::before, #campus_life.oneday.oneday_02 .oneDayList .time02 .ttl::before, #campus_life.oneday.oneday_02 .oneDayList .time03 .ttl::before { background-image: url(../../campus_life/oneday_04/img/icon_calendar.png); } .common-frame2 { width: 880px; height: 280px; background-color: #fff; border: 2px solid #66cece; position: relative; margin-right: auto; margin-left: auto; margin-top: 85px;} .common-frame2 .picArea { width: 382px; position: absolute; top: -30px; left: -40px; border: 6px solid #fff;} .common-frame2.left .picArea { top: -30px; right: -40px; left: auto;} .common-frame2 .picArea img { width: 100%; height: auto;} .common-frame2 .txtArea { padding: 38px; padding-left: 393px; text-align: left; } .common-frame2.left .txtArea { padding: 38px; padding-right: 393px;} .common-frame2 .txtArea > p, .common-frame2 .txtArea > ul li { font-size: 16px; line-height: 1.875; } .common-frame2 .txtArea > ul li { padding-left: 1em; text-indent: -1em; } #campus_life.oneday .oneDayList .ttl .time { margin-right: 3.3rem; } .picArea.mulchColumn .common-picWrap div .caption { font-size: 12px; padding: 5px 0; } @media screen and (max-width: 767px) { #campus_life.oneday .pageTitle { height: auto; background: transparent; } #campus_life.oneday .pageTitleWrap { height: 50vw; } #campus_life.oneday .pageTitleBox { width: 100%; margin-top: 20px; } #campus_life.oneday .pageTitleBox .pageTitleBoxInner { height: 169px; margin: 0 auto; padding: 35px 10px 20px 20px; position: relative; top: 0; left: 0; } #campus_life.oneday .pageTitleBox .pageSubTitle { padding: 0 12px; border-bottom: 3px solid #f8a6b3; font-size: 1.5rem; line-height: 24px; } #campus_life.oneday .pageTitleBox .pageTitleItem { font-size: 1.8rem; } #campus_life.oneday .pageTitleBox .pageTitleItem .txt { padding: 0 5px; } #campus_life.oneday .pageTitleBox .pageTitleItem .txt::before { height: 7px; } #campus_life.oneday .pageTitleBox .pageStudentName { margin-top: 10px; padding-right: 10px; font-size: 1.7rem; } #campus_life.oneday .pageTitleBox .pageStudentName .year { margin-right: 15px; font-size: 1.4rem; } #campus_life.oneday .contentsWrap { max-width: 100%; } #campus_life.oneday .oneDayList { margin-bottom: 30px; padding-left: 0; } #campus_life.oneday .oneDayList::before { left: 20px; } #campus_life.oneday .oneDayList .oneDayListTime { margin-top: 40px; padding-left: 61px; position: relative; } #campus_life.oneday .oneDayList .oneDayListTime:first-child { margin-top: 0; } #campus_life.oneday .oneDayList .ttl { font-size: 1.7rem; } #campus_life.oneday .oneDayList .ttl::before { width: 43px; height: 43px; background-size: 43px 43px; left: -60px; } #campus_life.oneday .oneDayList .ttl .time { font-size: 1.8rem; margin-right: 1.8rem;} #campus_life.oneday .oneDayList .blockWrap { margin-top: 15px; padding-left: 0; } #campus_life.oneday .oneDayList .txtArea { font-size: 1.6rem; } #campus_life.oneday .oneDayList .picArea { margin-top: 25px; } #campus_life.oneday .btnArea .btnType01 { font-size: 1.4rem; } #campus_life.oneday .btnArea .btnType01 > span { padding: 5px 50px 5px 30px; } /*#campus_life.oneday .btnArea .btnType01 i { margin-top: -6px; }*/ #campus_life.oneday .txtArea + .btnArea { margin-top: 10px; } #campus_life.oneday .voiceWrap { width: 100%; } #campus_life.oneday .voiceWrap .voiceTxt { float: right; width: 526px; padding-left: 0; } #campus_life.oneday .voiceWrap .voicePic { float: left; width: 282px; padding-left: 40px; } #campus_life.oneday .common-frame { margin: 30px auto 43px; padding: 20px; } #campus_life.oneday .common-frame .ttl { color: #1f296f; font-size: 1.4rem; } #campus_life.oneday .common-frame img { max-width: 100%; height: auto; margin-top: 15px; } #campus_life.oneday .common-frame .note { margin-top: 10px; text-align: left; font-size: 1.2rem; } #campus_life.oneday.oneday_01 .pageTitleWrap { background: url(../../campus_life/oneday_01/img/visual_sp.jpg) no-repeat 50% top/cover; } #campus_life.oneday.oneday_01 .pageTitleBox .pageTitleBoxInner { width: 320px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_sp.png) no-repeat left bottom/320px 157px; } #campus_life.oneday.oneday_01 .oneDayList .time01 .common-picWrap > div, #campus_life.oneday.oneday_01 .oneDayList .time02 .common-picWrap > div, #campus_life.oneday.oneday_01 .oneDayList .time03 .common-picWrap > div, #campus_life.oneday.oneday_01 .oneDayList .time04 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea { height: auto; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_01 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_01 .oneDayList .time01 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_01 .oneDayList .time02 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_01 .voiceWrap .voiceTxt { padding-right: 0; } #campus_life.oneday.oneday_02 .pageTitleWrap { background: url(../../campus_life/oneday_02/img/visual_sp.jpg) no-repeat 50% top/cover; } #campus_life.oneday.oneday_02 .pageTitleBox .pageTitleBoxInner { width: 320px; background: url(../../campus_life/oneday_02/img/bg_page_title_box_sp.png) no-repeat left bottom/320px 157px; } #campus_life.oneday.oneday_02 .oneDayList .time01 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_02 .oneDayList .time02 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea { height: auto; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; } #campus_life.oneday.oneday_02 .oneDayList .time03 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_02 .oneDayList .time04 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea { height: 100%; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; } #campus_life.oneday.oneday_02 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_02 .voiceWrap .voiceTxt { padding-right: 0; } #campus_life.oneday.oneday_03 .pageTitleWrap { background: url(../../campus_life/oneday_03/img/visual_sp.jpg) no-repeat 50% top/cover; } #campus_life.oneday.oneday_03 .pageTitleBox .pageTitleBoxInner { width: 320px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_sp.png) no-repeat left bottom/320px 157px; } #campus_life.oneday.oneday_03 .oneDayList .time01 .common-picWrap > div, #campus_life.oneday.oneday_03 .oneDayList .time02 .common-picWrap > div , #campus_life.oneday.oneday_03 .oneDayList .time03 .common-picWrap > div, #campus_life.oneday.oneday_03 .oneDayList .time04 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea { height: auto; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_03 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_03 .oneDayList .time01 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_03 .oneDayList .time03 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_03 .voiceWrap .voiceTxt { padding-right: 0; } #campus_life.oneday.oneday_04 .pageTitleWrap { background: url(../../campus_life/oneday_04/img/visual_sp.jpg) no-repeat 50% top/cover; } #campus_life.oneday.oneday_04 .pageTitleBox .pageTitleBoxInner { width: 320px; background: url(../../campus_life/oneday_01/img/bg_page_title_box_sp.png) no-repeat left bottom/320px 157px; } #campus_life.oneday.oneday_04 .oneDayList .time01 .common-picWrap > div, #campus_life.oneday.oneday_04 .oneDayList .time02 .common-picWrap > div, #campus_life.oneday.oneday_04 .oneDayList .time03 .common-picWrap > div, #campus_life.oneday.oneday_04 .oneDayList .time04 .common-picWrap > div { width: 100%; } #campus_life.oneday.oneday_04 .oneDayList .time05 .picArea { height: auto; } #campus_life.oneday.oneday_04 .oneDayList .time05 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_04 .oneDayList .time05 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_04 .oneDayList .time05 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_04 .oneDayList .time04 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_04 .oneDayList .time03 .picArea.col2 { height: auto; } #campus_life.oneday.oneday_04 .oneDayList .time03 .picArea.col2 .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_04 .oneDayList .time03 .picArea.col2 .common-picWrap:first-child > div { width: 100%; position: relative; right: inherit; } #campus_life.oneday.oneday_04 .oneDayList .time03 .picArea.col2 .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday.oneday_04 .voiceWrap .voiceTxt { padding-right: 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea { height: auto; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap { padding: 0 20px 20px 0; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap:first-child > div { width: 100%; position: relative; } #campus_life.oneday.oneday_04 .oneDayList .time01 .picArea .common-picWrap:last-child > div { width: 100%; position: relative; right: inherit; bottom: inherit; } #campus_life.oneday .btnArea.col2 div { width: 230px; } #campus_life.oneday .btnArea.col2 div:not(:first-child) { margin-top: 10px; margin-left: 0px; } #campus_life.oneday .btnArea.col2 div a span { min-width: 230px; } .picArea.mulchColumn .col2 { display: block; } .picArea.mulchColumn .col2 .common-picWrap > div { width: 100% !important; } .picArea.mulchColumn .col3 { display: block; margin-top: 20px; } .picArea.mulchColumn .col3 .common-picWrap > div { width: 100% !important; } .common-frame2 { width: 100%; height: auto; margin-top: 40px;} .common-frame2 .picArea { width: 100%; position: static; } .common-frame2.left .picArea { top: -30px; right: -40px; left: auto;} .common-frame2 .picArea img { width: 100%; height: auto;} .common-frame2 .txtArea, .common-frame2.left .txtArea { padding: 20px; padding-top: 10px; } .common-frame2 .txtArea > p, .common-frame2 .txtArea > ul li { font-size: 1.4rem; line-height: 1.875; } .common-frame2 .txtArea > ul li { padding-left: 1em; text-indent: -1em; } #campus_life.data #cont11 .graphArea img { width: 300px; margin-left: auto; margin-right: auto; display: block; margin-top: 20px;} .picArea.mulchColumn .common-picWrap div .caption { font-size: 10px; } } /*# sourceMappingURL=campus_life.css.map */