/*コンテンツ****************************/ /* 基礎スタイル */ .mb20 { margin-bottom: 20px; } .mb40 { margin-bottom: 40px; } .mb60 { margin-bottom: 60px; } @media screen and (max-width: 1000px) { a.anchorMargin { padding-top: 100px; margin-top: -100px; } } @media screen and (max-width: 767px) { a.anchorMargin { padding-top: 70px; margin-top: -70px; } } #contentsheader { width: 100%; height: 360px; text-align: center; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden; } #contentsheader p.icon { width: 55px; height: 55px; margin: 120px auto 25px; background: url(/images/h1_gallery_icon.svg) no-repeat left top; } #contentsheader h1 { margin: 0 auto; color: #fff; font-size: 48px; } .gallery_hdtitle1 { font-size: 32px; line-height: 42px; text-align: center; border-bottom: solid 3px #fe8781; padding-bottom: 20px; } .gallery_hdtitle2 { font-size: 42px; line-height: 42px; font-weight: bold; text-align: center; margin-bottom: 85px; } .gallery_hdtitle2 br { display: none; } .gallery_hdtitle3 { font-size: 42px; line-height: 42px; font-weight: bold; text-align: center; margin-bottom: 70px; } .gallery_hdtitle3 br { display: none; } .gallery_hdtitle4 { border-bottom: 2px solid #fe877f; font-size: 32px; line-height: 42px; text-align: center; padding-bottom: 10px; margin-bottom: 30px; } .gallery_hdtitle5 { border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 24px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; } #contentsSection01 { width: 1100px; text-align: left; padding-top: 60px; padding-bottom: 70px; margin: 0 auto; } #contentsSection01 .gallery_menu { display: table; width: 100%; height: 32px; border-left: solid 1px #cccccc; font-size: 15px; line-height: 24px; margin-bottom: 85px; } #contentsSection01 .gallery_menu a { display: table-cell; width: 14.28%; box-sizing: border-box; border-right: solid 1px #cccccc; text-align: center; vertical-align: middle; text-decoration: none; } #contentsSection01 .gallery_menu a:hover, #contentsSection01 .gallery_menu a:active, #contentsSection01 .gallery_menu a.active { background-color: #eeeeee; } #contentsSection01 .gallery_read { font-size: 15px; line-height: 28px; color: #666666; font-weight: bold; text-align: center; } /* 背景色変更ページ */ #contentsSection01.contentsSectionBg { width: 100%; background-color: #f6f3eb; } #contentsSection01.contentsSectionBg .contentsSection01 { width: 1100px; margin: 0 auto; } #contentsSection01.contentsSectionBg .contentsSection01 .gallery_menu a:hover, #contentsSection01.contentsSectionBg .contentsSection01 .gallery_menu a:active, #contentsSection01.contentsSectionBg .contentsSection01 .gallery_menu a.active { background-color: #ece6d5; } #contentsSection02 { width: 100%; text-align: left; margin: 0 auto; } #contentsSection02 img { vertical-align: top; } #contentsSection02 .gallery_index_bg1 { background: url(/images/gallery/gallery_index_bg_01.jpg) no-repeat center center; background-size: cover; } #contentsSection02 .gallery_index_bg2 { background: url(/images/gallery/gallery_index_bg_02.jpg) no-repeat center center; background-size: cover; } #contentsSection02 .gallery_index_bg3 { background: url(/images/gallery/gallery_index_bg_03.jpg) no-repeat center center; background-size: cover; } #contentsSection02 .gallery_index_bg4 { background: url(/images/gallery/gallery_index_bg_04.jpg) no-repeat center center; background-size: cover; } #contentsSection02 .gallery_index_list { display: table; width: 1100px; margin-right: auto; margin-left: auto; } #contentsSection02 .gallery_index_list img { width: 100%; height: auto; } #contentsSection02 .gallery_index_list .gallery_index_img { display: table-cell; width: 480px; vertical-align: top; } #contentsSection02 .gallery_index_list .gallery_index_txt { display: table-cell; width: 620px; box-sizing: border-box; vertical-align: middle; padding-right: 30px; padding-left: 30px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl { color: #ffffff; text-align: center; padding-top: 110px; margin-bottom: 45px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 42px; line-height: 42px; font-weight: bold; margin-bottom: 40px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dd { font-size: 15px; line-height: 28px; } /* フォトコンテスト有バージョン #contentsSection02 .gallery_index_bg1 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_01.png) no-repeat center top; background-size: 90px 62px; } #contentsSection02 .gallery_index_bg2 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_02.png) no-repeat center top; background-size: 90px 62px; } #contentsSection02 .gallery_index_bg3 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_03.png) no-repeat center top; background-size: 90px 62px; } #contentsSection02 .gallery_index_bg4 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_04.png) no-repeat center top; background-size: 90px 62px; } */ #contentsSection02 .gallery_index_bg2 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_01.png) no-repeat center top; background-size: 90px 62px; } /* #contentsSection02 .gallery_index_bg3 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_02.png) no-repeat center top; background-size: 90px 62px; } */ #contentsSection02 .gallery_index_bg4 .gallery_index_list .gallery_index_txt dl { background: url(/images/gallery/gallery_index_num_02.png) no-repeat center top; background-size: 90px 62px; } @media screen and (max-width: 1199px) { #contentsheader { height: 320px; } #contentsheader p.icon { margin: 100px auto 25px; } #contentsSection01 { width: 992px; } #contentsSection01.contentsSectionBg .contentsSection01 { width: 992px; } #contentsSection02 .gallery_index_list { width: 100%; } #contentsSection02 .gallery_index_list .gallery_index_img { width: 43.7%; } #contentsSection02 .gallery_index_list .gallery_index_txt { width: 56.3%; } } @media screen and (max-width: 992px) { #contentsheader { height: 280px; } #contentsheader p.icon { margin: 80px auto 25px; } #contentsSection01 { width: auto; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; } #contentsSection01.contentsSectionBg { width: auto; padding-top: 60px; padding-right: 20px; padding-bottom: 50px; padding-left: 20px; } #contentsSection01.contentsSectionBg .contentsSection01 { width: auto; } #contentsSection01 .gallery_menu { font-size: 14px; } #contentsSection01 .gallery_menu a { width: auto; } #contentsSection01 .gallery_read br { display: none; } #contentsSection02 .gallery_index_list .gallery_index_txt { padding-right: 20px; padding-left: 20px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl { padding-top: 80px; margin-bottom: 30px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 25px; line-height: 30px; margin-bottom: 15px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dd { font-size: 15px; line-height: 24px; } .gallery_hdtitle2 br+br { display: block; } } @media screen and (max-width: 768px) { #contentsheader { height: 240px; } #contentsheader p.icon { width: 44px; height: 44px; margin: 60px auto 22px; } #contentsheader h1 { font-size: 36px; } .gallery_hdtitle1 { font-size: 28px; line-height: 38px; } .gallery_hdtitle2 { font-size: 34px; line-height: 38px; margin-bottom: 40px; } .gallery_hdtitle3 { font-size: 34px; line-height: 38px; margin-bottom: 30px; } .gallery_hdtitle4 { font-size: 28px; line-height: 38px; } #contentsSection01 .gallery_menu { display: block; height: auto; border-left: none; border-top: solid 1px #cccccc; font-size: 15px; margin-bottom: 40px; } #contentsSection01 .gallery_menu a { display: block; width: 100%; border-right: none; border-bottom: solid 1px #cccccc; text-align: center; padding-top: 10px; padding-bottom: 10px; } #contentsSection01 .gallery_menu a br { display: none; } #contentsSection01 .gallery_read { text-align: left; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { margin-bottom: 10px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dd { font-size: 14px; line-height: 22px; } } @media screen and (max-width: 700px) { #contentsSection02 .gallery_index_list .gallery_index_txt dl { padding-top: 50px; margin-bottom: 20px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 20px; line-height: 24px; font-weight: bold; } #contentsSection02 .gallery_index_bg1 .gallery_index_list .gallery_index_txt dl, #contentsSection02 .gallery_index_bg2 .gallery_index_list .gallery_index_txt dl, #contentsSection02 .gallery_index_bg3 .gallery_index_list .gallery_index_txt dl { background-size: 58px 40px; } } @media screen and (max-width: 660px) { #contentsSection02 .gallery_index_list .gallery_index_img { display: none; } #contentsSection02 .gallery_index_list .gallery_index_txt { width: 100%; } #contentsSection02 .gallery_index_list .gallery_index_txt { width: 100%; padding-top: 50px; padding-bottom: 50px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl { text-align: center; padding-top: 80px; margin-bottom: 30px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 30px; line-height: 30px; padding-left: 0; margin-bottom: 25px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dd { text-align: left; } #contentsSection02 .gallery_index_bg1 .gallery_index_list .gallery_index_txt dl, #contentsSection02 .gallery_index_bg2 .gallery_index_list .gallery_index_txt dl, #contentsSection02 .gallery_index_bg3 .gallery_index_list .gallery_index_txt dl { background-position: center top; background-size: 90px 62px; } } @media screen and (max-width: 480px) { #contentsheader { height: 160px; } #contentsheader p.icon { width: 33px; height: 33px; margin: 40px auto 16px; } #contentsheader h1 { font-size: 24px; } .gallery_hdtitle2 br { display: block; } .gallery_hdtitle3 br { display: block; } .gallery_hdtitle4 { font-size: 24px; line-height: 32px; } #contentsSection01 { padding-right: 10px; padding-left: 10px; } #contentsSection01.contentsSectionBg { padding-right: 10px; padding-left: 10px; } #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 26px; } } @media screen and (max-width: 360px) { #contentsSection02 .gallery_index_list .gallery_index_txt dl dt { font-size: 24px; } } /* フォトコンテスト インデックス */ #contentsSection01 .gallery_photo_main { text-align: center; margin-bottom: 40px; } #contentsSection01 .gallery_photo_main .gallery_photo_title1 { margin-bottom: 35px; } #contentsSection01 .gallery_photo_main .gallery_photo_title2 { display: none; } #contentsSection01 .gallery_photo_main .gallery_photo_text1 { display: block; font-size: 15px; line-height: 30px; color: #222222; font-weight: bold; margin-bottom: 16px; } #contentsSection01 .gallery_photo_main .gallery_photo_text2 { display: block; font-size: 28px; line-height: 38px; color: #e84b43; font-weight: bold; } #contentsSection01 .gallery_photo_banner { width: 620px; margin-right: auto; margin-left: auto; } #contentsSection01 .gallery_photo_banner img { width: 100%; height: auto; vertical-align: top; } #contentsSection01 .gallery_photo_link { width: 620px; margin-top: 15px; margin-right: auto; margin-bottom: 70px; margin-left: auto; } #contentsSection01 .gallery_photo_list + .gallery_photo_banner + .gallery_photo_link { margin-bottom: 0; } #contentsSection01 .gallery_photo_read { font-size: 28px; line-height: 38px; color: #e84b43; font-weight: bold; text-align: center; margin-bottom: 50px; } #contentsSection01 .gallery_photo_link p { font-size: 15px; line-height: 28px; text-align: right; } #contentsSection01 .gallery_photo_link p a { background: url(/images/ancher_arrow_A.svg) no-repeat left 3px; background-size: 14px 14px; color: #4679cc; padding-left: 15px; } #contentsSection01 .gallery_block1 { width: 920px; padding-bottom: 30px; margin-top: 35px; margin-right: auto; margin-left: auto; } #contentsSection01 .gallery_block1 .gallery_block1_read { font-size: 20px; line-height: 26px; font-weight: bold; margin-bottom: 20px; } #contentsSection01 .gallery_block1 .gallery_block1_text { font-size: 15px; line-height: 28px; margin-bottom: 18px; } #contentsSection01 .gallery_block1 .gallery_block1_caution { font-size: 13px; line-height: 22px; text-indent: -1em; padding-left: 1em; } #contentsSection01 .gallery_block1 .gallery_block1_link { margin-top: 5px; } #contentsSection01 .gallery_block1 .gallery_block1_link p { font-size: 15px; line-height: 28px; } #contentsSection01 .gallery_block1 .gallery_block1_link p a { background: url(/images/ancher_arrow_A.svg) no-repeat left 3px; background-size: 14px 14px; color: #4679cc; padding-left: 15px; } .galleryFlow { position: relative; margin-top: 45px; } .galleryFlow:before { position: absolute; left: 0; right: 0; bottom: -30px; width: 0; background-color: transparent; border-style: solid; border-width: 30px 30px 0; border-color: #bbbbbb transparent; content: ""; margin: auto; } .galleryFlow:after { position: absolute; left: 0; right: 0; bottom: -29px; width: 0; background-color: transparent; border-style: solid; border-width: 30px 30px 0; border-color: #e2e2e2 transparent; content: ""; margin: auto; } .galleryFlow.galleryStage4:nth-child(4):after { border-color: #63cec3 transparent; } .galleryFlow .flowBlock { position: relative; width: 100%; background-color: #e2e2e2; box-sizing: border-box; border-bottom: 1px solid #bbbbbb; color: #777777; padding: 40px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1), .galleryFlow.galleryStage2 .flowBlock:nth-child(2), .galleryFlow.galleryStage3 .flowBlock:nth-child(3), .galleryFlow.galleryStage4 .flowBlock:nth-child(4) { background-color: #63cec3; color: #ffffff; } .galleryFlow .flowBlock + .flowBlock:before { position: absolute; top: 0; left: 0; right: 0; width: 0; background-color: transparent; border-style: solid; border-width: 30px 30px 0; border-color: #bbbbbb transparent; content: ""; margin: auto; } .galleryFlow .flowBlock + .flowBlock:after { position: absolute; top: -1px; left: 0; right: 0; width: 0; background-color: transparent; border-style: solid; border-width: 30px 30px 0; border-color: #e2e2e2 transparent; content: ""; margin: auto; } .galleryFlow.galleryStage1 .flowBlock:nth-child(2):after, .galleryFlow.galleryStage2 .flowBlock:nth-child(3):after, .galleryFlow.galleryStage3 .flowBlock:nth-child(4):after, .galleryFlow.galleryStage4:after { border-color: #63cec3 transparent; } .galleryFlow .flowBlock .blockClose { position: absolute; top: 40px; right: 40px; background-color: #ffffff; border: solid 1px #333333; font-size: 15px; line-height: 15px; color: #333333; padding: 4px 9px 1px; } .galleryFlow .flowBlock .blockOpen { position: absolute; top: 40px; right: 40px; background-color: #ffffff; border: solid 1px #fe8781; font-size: 18px; line-height: 18px; color: #fe8781; font-weight: bold; padding: 7px 17px 5px; } .galleryFlow .flowBlock dl { overflow: hidden; font-size: 15px; line-height: 28px; padding-top: 15px; padding-bottom: 14px; } .galleryFlow .flowBlock dl + dl { border-top: solid 1px #cccccc; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) dl + dl, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) dl + dl, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) dl + dl, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) dl + dl { border-top: solid 1px #ffffff; } .galleryFlow .flowBlock dl dt { float: left; width: 8.33333333333333%; } .galleryFlow .flowBlock dl dd { float: right; width: 89.28571428571429%; } .galleryFlow .flowBlock .blockTitle { font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 5px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockTitle, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockTitle, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockTitle, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockTitle { font-size: 30px; line-height: 30px; font-weight: bold; margin-bottom: 15px; } .galleryFlow .flowBlock .blockData1 dd { font-weight: bold; } .galleryFlow .flowBlock .blockData2 dd div { font-size: 18px; line-height: 28px; font-weight: bold; margin-bottom: 8px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockData1 dd, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockData1 dd, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockData1 dd, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockData1 dd { font-size: 20px; line-height: 28px; font-weight: bold; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockData2, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockData2, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockData2, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockData2 { padding-top: 20px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockData2 dd div, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockData2 dd div, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockData2 dd div, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockData2 dd div { font-size: 28px; line-height: 28px; font-weight: bold; margin-bottom: 8px; } .galleryFlow .flowBlock .blockButton1 { text-align: center; } .galleryFlow .flowBlock .blockButton1 a { display: inline-block; background: #2e2e2e; box-sizing: border-box; border-radius: 4px; font-size: 15px; line-height: 15px; color: #fff; text-align: center; text-decoration: none; padding: 10px 27px; } .galleryFlow .flowBlock .blockButton1 a .span { display: inline-block; background: url(/images/right_arrow.svg) no-repeat right 1px; background-size: 12px 12px; padding-right: 24px; } .galleryFlow .flowBlock .blockButton1 a:link, .galleryFlow .flowBlock .blockButton1 a:visited { color: #ffffff; } .galleryFlow .flowBlock .blockButton1 a:hover, .galleryFlow .flowBlock .blockButton1 a:active, .galleryFlow .flowBlock .blockButton1 a.active { color: #fe8781; } .galleryFlow .flowBlock .blockButton1 a:hover .span, .galleryFlow .flowBlock .blockButton1 a:active .span, .galleryFlow .flowBlock .blockButton1 a.active .span { background: url(/images/right_arrow_pink.svg) no-repeat right 1px; background-size: 12px 12px; } .galleryFlow .flowBlock .blockButton2 { text-align: center; } .galleryFlow .flowBlock .blockButton2 a { display: inline-block; background: #fe8781; box-sizing: border-box; border-radius: 4px; font-size: 15px; line-height: 15px; color: #fff; text-align: center; text-decoration: none; padding: 16px 57px; } .galleryFlow .flowBlock .blockButton2 a .span { display: inline-block; background: url(/images/right_arrow.svg) no-repeat right 1px; background-size: 12px 12px; padding-right: 24px; } .galleryFlow .flowBlock .blockButton2 a:link, .galleryFlow .flowBlock .blockButton2 a:visited { color: #ffffff; } .galleryFlow .flowBlock .blockButton2 a:hover, .galleryFlow .flowBlock .blockButton2 a:active, .galleryFlow .flowBlock .blockButton2 a.active { background: #ffffff; color: #fe8781; } .galleryFlow .flowBlock .blockButton2 a:hover .span, .galleryFlow .flowBlock .blockButton2 a:active .span, .galleryFlow .flowBlock .blockButton2 a.active .span { background: url(/images/right_arrow_pink.svg) no-repeat right 1px; background-size: 12px 12px; } #contentsSection01 .gallery_photo_category_bg { width: 920px; box-sizing: border-box; background-color: #ffffff; border: solid 10px #ffffff; margin-right: auto; margin-bottom: 50px; margin-left: auto; } #contentsSection01 .gallery_photo_category .gallery_photo_result { overflow: hidden; border-bottom: solid 1px #cccccc; font-size: 15px; line-height: 22px; padding-bottom: 18px; margin-bottom: 25px; } #contentsSection01 .gallery_photo_category .gallery_photo_result dt { float: left; margin-right: 30px; } #contentsSection01 .gallery_photo_category .gallery_photo_result dd { float: left; } #contentsSection01 .gallery_photo_category { border: solid 1px #fe8781; padding-top: 26px; padding-right: 29px; padding-bottom: 22px; padding-left: 29px; } #contentsSection01 .gallery_photo_category .gallery_photo_title { font-size: 24px; line-height: 28px; color: #e84b43; font-weight: bold; margin-bottom: 26px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 { display: table; margin-right: -30px; margin-left: -29px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li { display: table-cell; width: 240px; padding-right: 30px; padding-left: 29px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li + li { border-left: solid 1px #cccccc; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li dl { min-height: 145px; text-align: center; padding-bottom: 10px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li dl dt { font-size: 18px; line-height: 24px; color: #e84b43; font-weight: bold; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li dl dd { font-size: 15px; line-height: 24px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li img { width: 100%; height: auto; vertical-align: top; } #contentsSection01 .gallery_photo_category_bg .gallery_photo_category div { margin-top: 35px; } #contentsSection01 .gallery_photo_list { width: 920px; margin-top: 20px; margin-right: auto; margin-bottom: 70px; margin-left: auto; } #contentsSection01 .gallery_photo_list dl { overflow: hidden; font-size: 15px; line-height: 24px; padding-top: 16px; padding-bottom: 15px; } #contentsSection01 .gallery_photo_list dl + dl { border-top: solid 1px #cccccc; } #contentsSection01 .gallery_photo_list dl dt { float: left; width: 22.9%; box-sizing: border-box; font-weight: bold; padding-right: 30px; padding-left: 20px; } #contentsSection01 .gallery_photo_list dl dd { float: right; width: 77.1%; box-sizing: border-box; padding-right: 30px; } #contentsSection01 .gallery_photo_list dl dd ul li { background: url(/images/gallery_list_point.svg) no-repeat left 8px; background-size: 6px 6px; padding-left: 14px; } #contentsSection01 .gallery_photo_list dl dd ul li + li { margin-top: 10px; } #contentsSection01 .gallery_photo_list dl dd ul li p { font-size: 13px; line-height: 22px; text-indent: -1.4em; padding-left: 1.4em; margin-top: 10px; } #contentsSection01 .gallery_photo_list dl dd ul li p + p { margin-top: 5px; } #contentsSection01 .gallery_photo_list dl dd .gallery_caution { font-size: 13px; line-height: 22px; text-indent: -1em; padding-left: 1em; margin-top: 10px; } @media screen and (max-width: 1199px) { #contentsSection01 .gallery_photo_main { margin-bottom: 30px; } #contentsSection01 .gallery_photo_main .gallery_photo_title1 { display: none; } #contentsSection01 .gallery_photo_main .gallery_photo_title2 { display: block; width: 768px; margin-right: auto; margin-bottom: 25px; margin-left: auto; } #contentsSection01 .gallery_photo_main .gallery_photo_title2 img { width: 100%; height: auto; } } @media screen and (max-width: 992px) { #contentsSection01 .gallery_block1 { width: 100%; } .galleryFlow .flowBlock .blockClose, .galleryFlow .flowBlock .blockOpen { top: 40px; right: 30px; } .galleryFlow .flowBlock { padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } .galleryFlow .flowBlock dl dt { width: 13.33333333333333%; } .galleryFlow .flowBlock dl dd { width: 84.28571428571429%; } .galleryFlow .flowBlock .blockButton1, .galleryFlow .flowBlock .blockButton2 { padding-bottom: 10px; } #contentsSection01 .gallery_photo_list { width: auto; } #contentsSection01 .gallery_photo_list dl dt br { display: none; } #contentsSection01 .gallery_photo_category_bg { width: 100%; } #contentsSection01 .gallery_photo_category .gallery_photo_result { border-bottom: none; font-size: 15px; line-height: 22px; margin-bottom: 0; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 { display: block; border-top: solid 1px #cccccc; margin-right: 0; margin-left: 0; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li { display: table; width: 100%; box-sizing: border-box; border-bottom: solid 1px #cccccc; vertical-align: top; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li + li { border-left: none; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li dl { display: table-cell; min-height: initial; min-height: auto; text-align: left; padding-bottom: 0; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li div { display: table-cell; width: 240px; vertical-align: top; } } @media screen and (max-width: 780px) { #contentsSection01 .gallery_photo_main .gallery_photo_title2 { width: 100%; } } @media screen and (max-width: 768px) { #contentsSection01 .gallery_photo_main .gallery_photo_text1 { text-align: left; } #contentsSection01 .gallery_photo_main .gallery_photo_text1 br { display: none; } #contentsSection01 .gallery_photo_read { text-align: left; font-size: 20px; } #contentsSection01 .gallery_photo_read br { display: none; } #contentsSection01 .gallery_photo_list dl dt { float: none; width: 100%; padding-right: 0; padding-bottom: 10px; padding-left: 0; } #contentsSection01 .gallery_photo_list dl dd { float: none; width: 100%; padding-right: 0; } #contentsSection01 .gallery_photo_list dl dd ul li { background-position: 5px 8px; padding-left: 20px; } #contentsSection01 .gallery_photo_list dl dd .gallery_caution { line-height: 20px; } } @media screen and (max-width: 700px) { .galleryFlow .flowBlock { padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .galleryFlow .flowBlock .blockClose, .galleryFlow .flowBlock .blockOpen { top: 40px; right: 20px; } .galleryFlow .flowBlock .blockTitle { font-size: 20px; line-height: 20px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockTitle, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockTitle, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockTitle, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockTitle { font-size: 26px; line-height: 26px; } .galleryFlow .flowBlock dl { font-size: 14px; line-height: 20px; } .galleryFlow .flowBlock dl dt { float: none; width: 100%; padding-bottom: 5px; font-weight: bold; } .galleryFlow .flowBlock dl dd { float: none; width: 100%; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockData1 dd, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockData1 dd, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockData1 dd, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockData1 dd { font-size: 18px; line-height: 24px; } .galleryFlow.galleryStage1 .flowBlock:nth-child(1) .blockData2 dd div, .galleryFlow.galleryStage2 .flowBlock:nth-child(2) .blockData2 dd div, .galleryFlow.galleryStage3 .flowBlock:nth-child(3) .blockData2 dd div, .galleryFlow.galleryStage4 .flowBlock:nth-child(4) .blockData2 dd div { font-size: 24px; line-height: 24px; } .galleryFlow .flowBlock .blockButton1, .galleryFlow .flowBlock .blockButton2 { padding-bottom: 20px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li { display: block; width: 100%; box-sizing: border-box; border-bottom: solid 1px #cccccc; border-left: none; vertical-align: top; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li dl { display: block; text-align: center; margin-bottom: 10px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li div { display: block; margin-right: auto; margin-left: auto; } } @media screen and (max-width: 670px) { #contentsSection01 .gallery_photo_banner { width: 90%; } #contentsSection01 .gallery_photo_link { width: 100%; } #contentsSection01 .gallery_photo_link p { text-align: center; } } @media screen and (max-width: 480px) { #contentsSection01 .gallery_photo_main .gallery_photo_text2 { font-size: 24px; line-height: 34px; } #contentsSection01 .gallery_photo_banner { width: 100%; } #contentsSection01 .gallery_photo_category_bg { border: solid 5px #ffffff; } #contentsSection01 .gallery_photo_category { padding-top: 26px; padding-right: 14px; padding-bottom: 22px; padding-left: 14px; } #contentsSection01 .gallery_photo_category .gallery_photo_title { font-size: 20px; line-height: 24px; text-align: center; margin-bottom: 20px; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li { padding-top: 30px; padding-right: 0; padding-bottom: 30px; padding-left: 0; } #contentsSection01 .gallery_photo_list dl dd span { display: block; } .galleryFlow .flowBlock .blockButton1 a, .galleryFlow .flowBlock .blockButton2 a { width: 100%; padding: 10px 20px; } } @media screen and (max-width: 360px) { #contentsSection01 .gallery_photo_main .gallery_photo_text2 span { display: block; } #contentsSection01 .gallery_photo_category .gallery_photo_list1 li div { width: 100%; } } /* フォトコンテスト 入賞作品 */ #contentsSection01 .gallery_photo_year { display: table; width: 75%; border-spacing: 1px; font-size: 15px; line-height: 24px; margin-right: auto; margin-bottom: 50px; margin-left: auto; } #contentsSection01 .gallery_photo_year div { display: table-cell; width: 33%; box-sizing: border-box; background-color: #ffffff; text-align: center; padding: 18px; } #contentsSection01 .gallery_photo_year a { position: relative; display: table-cell; width: 33%; box-sizing: border-box; background-color: #ffffff; text-align: center; text-decoration: none; padding: 18px; } #contentsSection01 .gallery_photo_year a:hover, #contentsSection01 .gallery_photo_year a:active, #contentsSection01 .gallery_photo_year a.active { background-color: #63cec3; color: #ffffff; } #contentsSection01 .gallery_photo_year a.active:after { position: absolute; bottom: -8px; left: 0; right: 0; display: block; width: 20px; height: 20px; background: #63cec3; margin-left: auto; margin-right: auto; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #contentsSection01 .gallery_photoStageNavi { display: table; margin-right: auto; margin-bottom: 70px; margin-left: auto; font-size: 15px; line-height: 28px; padding-left: 40px; } #contentsSection01 .gallery_photoStageNavi li { display: table-cell; box-sizing: border-box; text-align: center; padding: 0 40px 0 16px; background: url(/images/gallery/gallery_photo_arrow.png) no-repeat left 10px; } #contentsSection01 .gallery_photoStageNavi li a { color: #4679cc; } #contentsSection01 .gallery_photo_frame { width: 920px; margin-top: 30px; margin-right: auto; margin-left: auto; } #contentsSection01 .gallery_photo_frame img { width: 100%; height: auto; vertical-align: top; } #contentsSection01 .gallery_photo_frame .gallery_photo_theme { overflow: hidden; border-bottom: solid 1px #fe8781; padding-bottom: 28px; margin-bottom: 25px; } #contentsSection01 .gallery_photo_frame .gallery_photo_theme dt { float: left; display: block; background-color: #63cec3; font-size: 15px; line-height: 22px; color: #ffffff; padding-right: 8px; padding-left: 8px; margin-right: 10px; } #contentsSection01 .gallery_photo_frame .gallery_photo_theme dd { float: left; font-size: 20px; line-height: 24px; color: #fe8781; font-weight: bold; } #contentsSection01 .gallery_photo_frame .gallery_photo_award { height: 75px; background: url(/images/gallery/gallery_photo_award.png) no-repeat center top; font-size: 30px; line-height: 30px; color: #b79433; font-weight: bold; text-align: center; padding-top: 25px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data { margin-top: 40px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data1 dl { border-bottom: solid 1px #cccccc; padding-bottom: 15px; margin-bottom: 13px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data1 dl dt { font-size: 24px; line-height: 28px; font-weight: bold; margin-bottom: 12px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data1 dl dd:first-child { font-size: 14px; line-height: 24px; font-weight: bold; margin-bottom: 5px; color: #fe8781; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data1 dl dd { font-size: 18px; line-height: 24px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 dl dt { display: inline-block; background-color: #2e2e2e; font-size: 13px; line-height: 20px; color: #ffffff; padding: 1px 18px; margin-bottom: 15px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 dl dd { font-size: 15px; line-height: 28px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 div { font-size: 15px; line-height: 28px; text-align: right; margin-top: 7px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 div br { display: none; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 { background-color: #ffffff; padding: 40px; margin-bottom: 80px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data { overflow: hidden; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data .gallery_photo_data1 { float: left; width: 44%; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data .gallery_photo_data2 { float: right; width: 48.8%; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 { background-color: #ffffff; margin-bottom: 80px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2_area { overflow: hidden; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2L { float: left; overflow: hidden; width: 50%; box-sizing: border-box; border-right: solid 1px #cccccc; padding-right: 40px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2R { float: right; overflow: hidden; width: 50.1%; box-sizing: border-box; border-left: solid 1px #cccccc; padding-left: 39px; margin-left: -1px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_data .gallery_photo_data1 { margin-bottom: 25px; } @media screen and (max-width: 992px) { #contentsSection01 .gallery_photo_year { width: 100%; } #contentsSection01 .gallery_photo_frame { width: 100%; } } @media screen and (max-width: 768px) { #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data .gallery_photo_data1 { float: none; width: 100%; margin-bottom: 25px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data .gallery_photo_data2 { float: none; width: 100%; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 { background-color: #ffffff; margin-bottom: 80px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2_area { padding-top: 0; padding-bottom: 0; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2L { float: none; width: 100%; border-right: none; padding-top: 40px; padding-right: 0; padding-bottom: 40px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2R { float: none; width: 100%; border-left: none; padding-top: 40px; padding-bottom: 40px; padding-left: 0; margin-left: 0; } } @media screen and (max-width: 700px) { #contentsSection01 .gallery_photo_year { display: block; width: 90%; border-spacing: 0; } #contentsSection01 .gallery_photo_year div { display: block; width: 100%; margin-bottom: 1px; } #contentsSection01 .gallery_photo_year a { display: block; width: 100%; } #contentsSection01 .gallery_photo_year a.active:after { display: none; } } @media screen and (max-width: 660px) { #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 dl dd { line-height: 24px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 div { line-height: 24px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 div br { display: block; } } @media screen and (max-width: 480px) { #contentsSection01 .gallery_photo_frame .gallery_photo_theme { text-align: center; padding-bottom: 14px; } #contentsSection01 .gallery_photo_frame .gallery_photo_theme dt { float: none; display: inline-block; margin-right: 0; margin-bottom: 10px; } #contentsSection01 .gallery_photo_frame .gallery_photo_theme dd { float: none; font-size: 16px; line-height: 22px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data { margin-top: 20px; } #contentsSection01 .gallery_photo_frame .gallery_photo_data .gallery_photo_data2 div { font-size: 14px; line-height: 22px; margin-top: 12px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 { padding: 15px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame1 .gallery_photo_data .gallery_photo_data1 { margin-bottom: 15px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2_area { padding-right: 15px; padding-left: 15px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2L { padding-top: 15px; } #contentsSection01 .gallery_photo_frame .gallery_photo_frame2 .gallery_photo_frame2R { padding-top: 15px; } #contentsSection01 .gallery_photoStageNavi { margin-bottom: 30px; padding-left: 10px; } #contentsSection01 .gallery_photoStageNavi li { display: table-cell; box-sizing: border-box; text-align: center; padding: 0 16px 0 10px; } } /* イベントリポート */ #contentsSection01 .gallery_event_list { width: 100%; max-width: 1100px; display: flex; flex-wrap: wrap; margin: 30px 0 0 0; } #contentsSection01 .gallery_event_list li { width: calc(350/1100 * 100%); max-width: 350px; background-color: #ffffff; margin: 25px 0 0 0; } #contentsSection01 .gallery_event_list li + li { margin: 25px 0 0 calc(25/1100 * 100%); } #contentsSection01 .gallery_event_list li:nth-child(3n + 1) { margin: 25px 0 0 0; } #contentsSection01 .gallery_event_list li a { display: block; height: 100%; text-decoration: none; } #contentsSection01 .gallery_event_list li a img { width: 100%; vertical-align: top; } #contentsSection01 .gallery_event_list li a .gallery_event_text { padding: 16px 20px; } #contentsSection01 .gallery_event_list li a .gallery_event_text dl { margin-bottom: 10px; } #contentsSection01 .gallery_event_list li a .gallery_event_text dl dt { font-size: 13px; line-height: 18px; margin-bottom: 7px; } #contentsSection01 .gallery_event_list li a .gallery_event_text dl dd { font-size: 16px; line-height: 22px; font-weight: bold; } #contentsSection01 .gallery_event_list li a .gallery_event_text dl dd p { text-indent: -0.5em; } #contentsSection01 .gallery_event_list li a .gallery_event_text dl + div { background: url(/images/gallery_event_calendar.svg) no-repeat left top; background-size: 18px 14px; border-bottom: solid 1px #cccccc; font-size: 12px; line-height: 18px; padding-left: 25px; padding-bottom: 16px; margin-bottom: 8px; } #contentsSection01 .gallery_event_list li a .gallery_event_text div + div { display: table; font-size: 13px; line-height: 18px; } #contentsSection01 .gallery_event_list li a .gallery_event_text div + div p { display: table-cell; vertical-align: top; } #contentsSection01 .gallery_event_list li a .gallery_event_text div + div p:first-child { white-space: nowrap; } #contentsSection01 .gallery_event_list li figcaption { display: none; } @media screen and (max-width: 768px) { #contentsSection01 .gallery_event_list li { width: 48%; margin: 25px 0 0 0; } #contentsSection01 .gallery_event_list li + li { margin: 25px 0 0 0; } #contentsSection01 .gallery_event_list li:nth-child(2n) { margin: 25px 0 0 4%; } } @media screen and (max-width: 480px) { #contentsSection01 .gallery_event_list { display: block; flex-wrap: nowrap; } #contentsSection01 .gallery_event_list li { width: 100%; } #contentsSection01 .gallery_event_list li + li { margin: 25px auto 0; } #contentsSection01 .gallery_event_list li:nth-child(2n) { margin: 25px auto 0; } #contentsSection01 .gallery_event_list li:nth-child(3n + 1) { margin: 25px auto 0; } #contentsSection01 .gallery_event_list li a .gallery_event_text { padding: 11px 15px; } } /* オフィシャルムービー */ #contentsSection01 .gallery_movie_main { position: relative; margin-bottom: 80px; } #contentsSection01 .gallery_movie_main img { display: block; width: 100%; height: auto; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { position: absolute; width: 100%; box-sizing: border-box; padding-top: 120px; padding-right: 5%; padding-left: 5%; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { font-size: 28px; line-height: 38px; letter-spacing: 9px; color: #ffffff; text-align: center; margin-bottom: 40px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_logo { width: 12.45454545454545%; margin-right: auto; margin-bottom: 20px; margin-left: auto; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { width: 64.45454545454545%; margin-right: auto; margin-bottom: 60px; margin-left: auto; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title p { font-size: 17px; line-height: 24px; color: #ffffff; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title div { margin-top: -8px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt3 { font-size: 16px; line-height: 36px; color: #666666; font-weight: bold; text-align: center; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt4 { display: none; } #contentsSection01 .gallery_movie_guide { width: 86.36363636363636%; margin-right: auto; margin-bottom: 40px; margin-left: auto; } #contentsSection01 .gallery_movie_guide li { display: table; padding-bottom: 60px; } #contentsSection01 .gallery_movie_guide li p { display: table-cell; font-size: 16px; line-height: 40px; vertical-align: middle; } #contentsSection01 .gallery_movie_guide li div { display: table-cell; vertical-align: middle; } #contentsSection01 .gallery_movie_guide li div img { display: block; vertical-align: middle; width: 100%; height: auto; } #contentsSection01 .gallery_movie_guide li:nth-child(1) p { box-ordinal-group: 2; padding-right: 2.10526315789474%; padding-left: 3.47368421052632%; } #contentsSection01 .gallery_movie_guide li:nth-child(2) p { padding-left: 4.21052631578947%; } #contentsSection01 .gallery_movie_guide li:nth-child(3) p { padding-right: 2.10526315789474%; padding-left: 3.47368421052632%; } #contentsSection01 .gallery_movie_guide li:nth-child(4) p { padding-left: 4.21052631578947%; } #contentsSection01 .gallery_movie_guide li:nth-child(1) div { box-ordinal-group: 1; width: 51.57894736842105%; } #contentsSection01 .gallery_movie_guide li:nth-child(2) div { width: 50.73684210526316%; } #contentsSection01 .gallery_movie_guide li:nth-child(3) div { width: 59.15789473684211%; } #contentsSection01 .gallery_movie_guide li:nth-child(4) div { width: 56.84210526315789%; } #contentsSection01 .gallery_movie_frame { background-color: #ffffff; padding-top: 50px; padding-bottom: 50px; } #contentsSection01 .gallery_movie_frame img { display: block; width: 100%; height: auto; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main { width: 71.81818181818182%; margin-right: auto; margin-bottom: 90px; margin-left: auto; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main .gallery_movie_title { width: 90.63291139240506%; margin-right: auto; margin-bottom: 50px; margin-left: auto; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main div { margin-bottom: 35px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main p { font-size: 16px; line-height: 35px; text-align: center; } #contentsSection01 .gallery_movie_frame .gallery_movie_contents { width: 216px; margin-right: auto; margin-bottom: 40px; margin-left: auto; } #contentsSection01 .gallery_movie_frame .gallery_movie_list { width: 90%; margin-right: auto; margin-left: auto; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a { display: inline-block; width: 32.32323232323232%; line-height: 22px; vertical-align: top; text-decoration: none; margin-right: 0.50505050505051%; margin-left: 0.50505050505051%; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a + a + a + a { margin-top: 60px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a p { min-height: 110px; padding-top: 25px; padding-right: 22px; padding-bottom: 10px; padding-left: 22px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a dl { display: table; padding-right: 22px; padding-bottom: 20px; padding-left: 22px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a dl dt { display: table-cell; width: 70px; vertical-align: middle; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a dl dd { display: table-cell; vertical-align: middle; padding-left: 10px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list1 { background-color: #fcebdb; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list2 { background-color: #b1e4dd; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list3 { background-color: #e5dfc9; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list4 { background-color: #d5ecd2; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list5 { background-color: #d8d7e9; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list6 { background-color: #fdf0ce; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list7 { background-color: #fce7f0; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list8 { background-color: #f7f3c4; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list9 { background-color: #d7e2de; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a .gallery_movie_list_title { display: block; background-color: #ffffff; font-size: 22px; line-height: 32px; font-weight: bold; text-align: center; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list1 .gallery_movie_list_title { color: #f9e0ca; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list2 .gallery_movie_list_title { color: #01a593; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list3 .gallery_movie_list_title { color: #a8984d; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list4 .gallery_movie_list_title { color: #70c270; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list5 .gallery_movie_list_title { color: #7c79ae; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list6 .gallery_movie_list_title { color: #facb63; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list7 .gallery_movie_list_title { color: #f1abc7; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list8 .gallery_movie_list_title { color: #dfd94d; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a.gallery_movie_list9 .gallery_movie_list_title { color: #78988d; } #contentsSection01 .gallery_movie_frame + p { display: block; text-align: right; margin: 10px 0 0 0; } @media screen and (max-width: 1199px) { #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 80px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { margin-bottom: 30px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { margin-bottom: 40px; } #contentsSection01 .gallery_movie_guide { width: 100%; } } @media screen and (max-width: 992px) { #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 80px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { font-size: 24px; line-height: 32px; margin-bottom: 25px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { margin-bottom: 35px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title p { font-size: 15px; line-height: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt3 { font-size: 15px; line-height: 30px; } #contentsSection01 .gallery_movie_guide li { padding-bottom: 40px; } #contentsSection01 .gallery_movie_guide li p { font-size: 14px; line-height: 28px; } #contentsSection01 .gallery_movie_guide li p br { display: none; } #contentsSection01 .gallery_movie_guide li:nth-child(1) p { padding-left: 0; } #contentsSection01 .gallery_movie_guide li:nth-child(3) p { padding-left: 0; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main { width: 84%; } #contentsSection01 .gallery_movie_frame .gallery_movie_list { width: 94%; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a { width: 49%; margin-right: 0.5%; margin-left: 0.5%; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a + a + a { margin-top: 40px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a + a + a + a { margin-top: 40px; } } @media screen and (max-width: 850px) { #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 50px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { margin-bottom: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { margin-bottom: 30px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt3 { line-height: 28px; } } @media screen and (max-width: 768px) { #contentsSection01 .gallery_movie_main { margin-bottom: 60px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 50px; padding-right: 2%; padding-left: 2%; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { font-size: 22px; line-height: 30px; margin-bottom: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_logo { margin-bottom: 15px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { margin-bottom: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title p { font-size: 14px; line-height: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt3 { font-size: 14px; line-height: 25px; } } @media screen and (max-width: 660px) { #contentsSection01 .gallery_movie_main { margin-bottom: 40px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 60px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { font-size: 20px; line-height: 25px; letter-spacing: 6px; margin-bottom: 20px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_logo { width: 18%; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title { width: 80%; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title p { font-size: 13px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt3 { display: none; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt4 { display: block; font-size: 14px; line-height: 25px; color: #666666; font-weight: bold; margin-top: 15px; } #contentsSection01 .gallery_movie_guide { margin-bottom: 0; } #contentsSection01 .gallery_movie_guide li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #contentsSection01 .gallery_movie_guide li p { display: block; font-size: 13px; line-height: 25px; } #contentsSection01 .gallery_movie_guide li div { display: block; margin-bottom: 15px; } #contentsSection01 .gallery_movie_guide li:nth-child(1) p { order: 2; padding-right: 0; } #contentsSection01 .gallery_movie_guide li:nth-child(2) p { padding-left: 0; } #contentsSection01 .gallery_movie_guide li:nth-child(3) p { order: 2; padding-right: 0; } #contentsSection01 .gallery_movie_guide li:nth-child(4) p { padding-left: 0; } #contentsSection01 .gallery_movie_guide li:nth-child(1) div { order: 1; width: 100%; } #contentsSection01 .gallery_movie_guide li:nth-child(2) div { width: 100%; } #contentsSection01 .gallery_movie_guide li:nth-child(3) div { order: 1; width: 100%; } #contentsSection01 .gallery_movie_guide li:nth-child(4) div { width: 100%; } #contentsSection01 .gallery_movie_frame { padding-top: 25px; padding-bottom: 25px; } #contentsSection01 .gallery_movie_frame .gallery_movie_contents { width: 40%; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main { width: 90%; margin-bottom: 60px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main .gallery_movie_title { margin-bottom: 25px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main div { margin-bottom: 25px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main p { font-size: 15px; line-height: 30px; text-align: left; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main p br { display: none; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a { width: 96%; margin-right: 2%; margin-left: 2%; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a + a { margin-top: 40px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a p { min-height: initial; } } @media screen and (max-width: 480px) { #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 40px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { font-size: 15px; line-height: 20px; letter-spacing: 6px; margin-bottom: 10px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title p { font-size: 11px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_title div { margin-top: 0; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt4 { line-height: 24px; } #contentsSection01 .gallery_movie_guide li p { line-height: 24px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main { margin-bottom: 40px; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main p { font-size: 14px; line-height: 25px; } #contentsSection01 .gallery_movie_frame .gallery_movie_contents { margin-bottom: 20px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a { font-size: 13px; line-height: 20px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a p { padding-top: 20px; padding-right: 15px; padding-left: 15px; } #contentsSection01 .gallery_movie_frame .gallery_movie_list a dl { padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } } @media screen and (max-width: 359px) { #contentsSection01 .gallery_movie_main .gallery_movie_main_txt { padding-top: 30px; } #contentsSection01 .gallery_movie_main .gallery_movie_main_txt .gallery_movie_main_txt1 { letter-spacing: 3px; } #contentsSection01 .gallery_movie_frame .gallery_movie_contents { width: 50%; } #contentsSection01 .gallery_movie_frame .gallery_movie_frame_main div { margin-bottom: 20px; } } /* フォトライブラリー */ #contentsSection01 .library_frame { width: 83.63636363636364%; box-sizing: border-box; background-color: #ffffff; padding: 25px 30px 30px; margin-top: 50px; margin-right: auto; margin-bottom: 80px; margin-left: auto; } #contentsSection01 .library_frame p { font-size: 13px; line-height: 24px; margin-bottom: 25px; } #contentsSection01 .library_frame div { text-align: center; } #contentsSection01 .library_frame div a { display: inline-block; background: #2e2e2e; box-sizing: border-box; border-radius: 4px; font-size: 15px; line-height: 15px; color: #ffffff; text-align: center; text-decoration: none; padding-top: 10px; padding-right: 38px; padding-bottom: 10px; padding-left: 38px; } #contentsSection01 .library_frame div a .span { display: inline-block; background: url(/images/right_arrow.svg) no-repeat right 1px; background-size: 12px 12px; padding-right: 24px; } #contentsSection01 .library_frame div a:hover span, #contentsSection01 .library_frame div a:active span, #contentsSection01 .library_frame div a.active span { background: url(/images/right_arrow_pink.svg) no-repeat right 1px; background-size: 12px 12px; color: #fe8781; } #contentsSection01 .library_menu { display: table; width: 100%; font-size: 15px; line-height: 22px; } #contentsSection01 .library_menu a { position: relative; display: table-cell; width: 20%; box-sizing: border-box; background-color: #ffffff; text-align: center; vertical-align: middle; text-decoration: none; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; } #contentsSection01 .library_menu a + a { border-left: solid 1px #e3dfd2; } #contentsSection01 .library_menu a:hover, #contentsSection01 .library_menu a.active { background-color: #63cec3; color: #ffffff; } #contentsSection01 .library_menu a.active:after { position: absolute; left: 0; right: 0; display: block; width: 18px; height: 18px; content: ""; background-color: #63cec4; margin-right: auto; margin-left: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #contentsSection01 .library_menu.library_menu1 { margin-bottom: 80px; } #contentsSection01 .library_menu.library_menu1 a:hover:after, #contentsSection01 .library_menu.library_menu1 a.active:after { bottom: -9px; } #contentsSection01 .library_menu.library_menu2 a:hover:after, #contentsSection01 .library_menu.library_menu2 a.active:after { top: -9px; } #contentsSection01 .library_list { margin-left: -40px; } #contentsSection01 .library_list img { width: 100%; height: auto; vertical-align: top; } #contentsSection01 .library_list li { display: inline-block; width: 25%; box-sizing: border-box; vertical-align: top; padding-left: 40px; margin-bottom: 80px; } #contentsSection01 .library_list li a { display: block; text-decoration: none; } #contentsSection01 .library_list li a dl { text-align: center; } #contentsSection01 .library_list li a dl dt { border-bottom: solid 1px #cccccc; font-size: 18px; line-height: 28px; font-weight: bold; padding-top: 16px; padding-bottom: 8px; margin-bottom: 10px; } #contentsSection01 .library_list li a dl dd { padding-bottom: 14px; } #contentsSection01 .library_list li a div { display: inline-block; width: 100%; background: #2e2e2e; box-sizing: border-box; border-radius: 4px; font-size: 15px; line-height: 15px; color: #ffffff; text-align: center; text-decoration: none; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; } #contentsSection01 .library_list li a div .span { display: inline-block; background: url(/images/icon_dl_white.svg) no-repeat left 2px; background-size: 15px 12px; padding-left: 28px; } #contentsSection01 .library_list li a:hover div span { background: url(/images/icon_dl_pink.svg) no-repeat left 2px; background-size: 15px 12px; color: #fe8781; } #contentsSection01 .library_terms_list li { background: url(/images/gallery/list_point1.png) no-repeat 7px 8px; padding-left: 20px; } #contentsSection01 .library_terms_list li + li { margin-top: 5px; } #contentsSection01 .library_terms_table { width: 100%; } #contentsSection01 .library_terms_table tr th { font-weight: bold; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #contentsSection01 .library_terms_table tr td { padding-top: 10px; padding-bottom: 10px; } #contentsSection01 .library_terms_table tr + tr { border-top: solid 1px #cccccc; } @media screen and (max-width: 992px) { #contentsSection01 .library_list { margin-left: -3.63636363636364%; } #contentsSection01 .library_list li { width: 33%; padding-left: 3.63636363636364%; } } @media screen and (max-width: 768px) { #contentsSection01 .library_frame { width: 100%; } #contentsSection01 .library_menu { display: block; } #contentsSection01 .library_menu a { display: block; width: 100%; padding-top: 15px; padding-bottom: 15px; } #contentsSection01 .library_menu a + a { border-top: solid 1px #e3dfd2; border-left: none; } #contentsSection01 .library_menu a.active { font-weight: bold; } #contentsSection01 .library_menu a:hover:after, #contentsSection01 .library_menu a.active:after { display: none; } #contentsSection01 .library_list li { width: 50%; } #contentsSection01 .library_terms_table tr { display: block; } #contentsSection01 .library_terms_table tr th { display: block; border-left: solid 2px #cccccc; padding-top: 0; padding-right: 0; padding-bottom: 0; } #contentsSection01 .library_terms_table tr td { display: block; border-left: solid 2px #cccccc; padding-top: 0; padding-bottom: 0; padding-left: 10px; } #contentsSection01 .library_terms_table tr + tr { border-top: none; margin-top: 10px; } } @media screen and (max-width: 480px) { #contentsSection01 .library_frame { padding: 20px 25px 25px; } #contentsSection01 .library_frame div a { width: 100%; padding-right: 20px; padding-left: 20px; } #contentsSection01 .library_list li { width: 100%; } }