★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ .pink{ color:#DF4493; } /* ================================================================================ レイアウト ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { #wrapper{ background-color:#8dc420; } .blog_function_wrap a{ color:#FFF; } main.outer_wrap { position: relative; max-width: none; /* max-width: 1920px; 固定幅レイアウト時 */ width: 100%; min-height: 50vh; display: block; padding: 58px 0; margin: 0 auto; background-color:#8dc420; } .inner_wrap { position: relative; width: 100%; margin: 0 auto; } .cate_h3{ background-color: #fffc08; padding: 14px 0 18px; border-radius: 40px 40px 40px 40px; border: 4px solid #000; width: 627px !important; margin: 0 auto; } .cate_h3 h3{ font-size:20px; font-size: 34px; text-align: center; } .cate_defo_text{ font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; } .center{ text-align:center; } .green{ color:#228500; } .hutoji{ font-weight: 900; font-style: normal; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { #wrapper { } main.outer_wrap { position: relative; width: 100%; min-height: 50vh; padding: 8vw 0; } .inner_wrap { position: relative; width: 100%; padding: 0 4vw; } .center{ text-align:center; } .green{ color:#228500; } .hutoji{ font-weight: 900; font-style: normal; } .cate_h3{ background-color: #fffc08; padding: 14px 0 18px; border-radius: 40px 40px 40px 40px; border: 2px solid #000; width: 85vw !important; margin: 0 auto; } .cate_h3 h3{ font-size:4vw; text-align: center; } } /* ================================================================================ レイアウトボックス ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .bottom_long { margin: 0 0 120px 0; } .bottom_middle { margin: 0 0 80px 0; } .bottom_short { margin: 0 0 40px 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .bottom_long { margin: 0 0 16vw 0; } .bottom_middle { margin: 0 0 12vw 0; } .bottom_short { margin: 0 0 8vw 0; } } /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ここから各固定ページ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ 〇〇ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .pc_cate{ background: url(../img/cate_main.jpg)center top no-repeat; padding: 120px 0 130px 0; text-align: center; } .pc_cate_text{ margin: 0 0 21px 0; } .pc_cate_text{ font-size: 47px; color: #1E1E1E; letter-spacing: 2px; text-align: center; height: 83px; font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; margin-top: 20px !important; background-color: #FFF869; width: 500px; margin: 0 auto; margin-top: 0px; padding-top: 4px; } .h2{ padding: 48px 0 9px 0; line-height: 25px; font-size: 18px; } .red{ color:#FF0000; } .cate_btns{ padding: 0px 0 395px 0; } .cate_btns li{ display:inline-block; } .main_btn01 a{ display: block; background-color: #e7211c; color: #FFF; width: 280px; border: 2px solid #000; padding: 9px 0; font-size: 23px; } .main_btn02 a{ display:block; background-color:#ffeb45; color:#000; width:280px; border:2px solid #000; padding: 9px 0; font-size: 23px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .sp_cate{ background: url(../img/cate_main.jpg)-137vw top no-repeat; padding: 19vw 0 47vw 0; text-align: center; background-size: 472%; /* background-position: left; */ } .sp_cate_text{ margin: 0 0 21px 0; } .sp_cate_text{ font-size: 6vw; color: #1E1E1E; letter-spacing: 2px; text-align: center; /* height: 21vw; */ font-family: toppan-bunkyu-midashi-go-std, sans-serif; font-weight: 900; font-style: normal; margin-top: 20px !important; background-color: #ffeb45; width: 80vw; margin: 0 auto; margin-top: 0px; /* padding-top: 4.3vw; */ padding: 2vw; } .h2{ padding: 48px 0 9px 0; line-height: 25px; font-size: 18px; } .red{ color:#FF0000; } .cate_btns{ padding: 0px 0 395px 0; } .cate_btns li{ display:inline-block; } .main_btn01 a{ display: block; background-color: #e7211c; color: #FFF; width: 280px; border: 2px solid #000; padding: 9px 0; font-size: 23px; } .main_btn02 a{ display:block; background-color:#ffeb45; color:#000; width:280px; border:2px solid #000; padding: 9px 0; font-size: 23px; } } /* ================================================================================ 〇〇ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .moving_01{ font-size:20px; } .moving_01_img{ padding:16px 0 0 0; } .margin16{ margin-top:16px!important; } .margin30{ margin-top:30px; } .margin62{ margin-top: 84px; } .midashi_soe_text{ font-size: 25px; padding-top: 8px; color: #2F9D2E; } .hutoji{ font-weight: 900; font-style: normal; } .moving_02_text { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFF; padding: 41px; width: 700px !important; margin: 0 auto; border: 3px solid #000; } .moving_02_img img{ position: absolute; margin-top: -217px; margin-left: 181px; width: 277px; } .moving_03_table{ } .moving_03_table table, .moving_03_table th, .moving_03_table td { border-collapse: collapse; border: 3px solid #000; line-height: 1.5; background-color:#FFF; margin: 0 auto; } .moving_03_table table.type06 th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; background: #000; color: #ffffff; } .moving_03_table table.type06 td { width: 350px; padding: 10px; vertical-align: top; } .komidashi{ font-size:20px; padding:0 0 0 0; } .komidashi_sub{ font-size:16px; padding:0 0 0 0; } .moving_07_img img{ width:600px; margin:0 auto; } .moving_07_text { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFF; padding: 61px 41px 41px 41px; width: 700px !important; margin: -42px auto 0; border: 3px solid #000; font-size: 15px; } .moving_08_img img{ position:relative; z-index:100; width: 356px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .moving_01{ font-size: 3.3vw; } .moving_01_img{ padding:0 0 0 0; } .margin16{ margin-top:1.3vwpx!important; } .margin30{ margin-top:3vw; } .margin62{ margin-top: 5vw; } .sp_margin16{ margin-top:4vw!important; } .midashi_soe_text{ font-size: 5.2vw; padding-top: 3vw; color: #2F9D2E; line-height: 1.5; padding-bottom: 3vw; } .hutoji{ font-weight: 900; font-style: normal; } .moving_02_text { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFF; padding: 5vw; width: 85vw !important; margin: 0 auto; border: 3px solid #000; } .moving_02_img img{ position: absolute; margin-top: -217px; margin-left: 181px; width: 277px; } .moving_03_table{ } .moving_03_table table, .moving_03_table th, .moving_03_table td { border-collapse: collapse; border: 2px solid #000; line-height: 1.5; background-color:#FFF; margin: 0 auto; } .moving_03_table table.type06 th { width: 150px; padding: 10px; font-weight: bold; vertical-align: top; background: #000; color: #ffffff; } .moving_03_table table.type06 td { width: 350px; padding: 10px; vertical-align: top; } .komidashi{ font-size: 4vw; padding:0 0 0 0; } .komidashi_sub{ font-size: 3vw; padding: 0 0 4vw 0; } .moving_07_img img{ width:600px; margin:0 auto; } .moving_07_text { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: #FFF; padding: 17vw 6vw 5vw; width: 700px !important; margin: -14vw auto 0; border: 3px solid #000; font-size: 3vw; } .moving_08_img img{ position:relative; z-index:100; width: 356px; } } /* ================================================================================ 〇〇ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .haisou{ font-size:18px; } .sub_midashi{ font-size:26px; padding:0 0 10px 0; } .haisou_02_img img{ position: absolute; margin-top: -170px; margin-left: 181px; width: 134px; } .width900{ width: 740px !important; margin:0 auto; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .haisou_02_img img{ width: 28%; margin-top: 6vw; } }