#header .navArea ul.navi a.p_photography:before { background: #ddd; } #header .navArea ul.navi a.p_photography:hover:before { background: transparent; } /* ----------------------------------------------------------- .headlineImg ----------------------------------------------------------- */ .headlineImgPhotography_plan01 { background: url(../images/photography/h_dress.jpg) bottom center no-repeat; background-size:cover; } /* ----------------------------------------------------------- #w_photography_type ----------------------------------------------------------- */ #w_photography_type {padding: 0px 5%;/* position: relative; *//* z-index: 1; *//* border-top: #ededed 1px solid; *//* background: url(../images/noise.png) repeat #fefefe; */} #w_photography_type:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; } @media only screen and (max-width: 800px) { #w_photography_type { padding: 80px 5%; } } @media only screen and (max-width: 738px) { #w_photography_type {padding: 70px 5%;/* background: url(../images/noise2.png) repeat #fefefe; */} } @media only screen and (max-width: 414px) { #w_photography_type { padding: 60px 5%; } } /* ----- .photographyArea ----- */ #w_photography_type .photographyArea { margin: -80px -1.5% 0; font-size:0; } /* ----- .photographyBoxL ----- */ #w_photography_type .photographyBox {display: block;margin: 10px 0 10px;padding: 30px 0;position: relative;z-index: 2;/* background:#fefefe; *//* border:#ededed 1px solid; */} /* ----- .photographyBoxL ----- */ #w_photography_type .photographyBox_1 {display: block;margin: 20px 0 0;padding: 5px 0;position: relative;z-index: 2;background:#fefefe;} /* .photographyhHead */ #w_photography_type .photographyBox .photographyhHead { text-align:center; } /* .photographyhHead */ #w_photography_type .photographyBox_1 .photographyhHead { text-align:center; } /* h2,h3 */ #w_photography_type .photographyhHead h2 {font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; } #w_photography_type .photographyhHead h3.en { font-size: 35px; font-family: 'Catamaran', sans-serif; font-weight:700; line-height: 1.8; letter-spacing: 4px; } #w_photography_type .photographyhHead h3.jp { font-size: 15px; font-weight: bold;letter-spacing: 3px; line-height: 1.5; } /* .iconIllust_circle */ #w_photography_type .iconIllust_circle { width:120px; height:120px; margin:25px auto 0; color:#fefefe; background:#222; letter-spacing:1px; z-index:3; position:relative;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_photography_type .iconIllust_circle:before { position:absolute; top:0; left:0; right:0; text-align:center; content:"120pxﾃ�120px"; z-index:2; line-height:120px; font-size:12px; } /* .iconIllust */ #w_photography_type .iconIllust { width:90px; height:90px;margin:25px auto 0; position:relative; z-index:0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_photography_type .iconIllust:before { position:absolute; top:0; right:0; bottom:0; left:0; display:block; content:""; border:#f0f0f0 1px solid; z-index:2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_photography_type .iconIllust_location { background: url(../images/photography/location/icon.png) center center no-repeat; background-size:80px 80px; } #w_photography_type .iconIllust_wedding { background:url(../images/photography/wedding/icon.png) center center no-repeat; background-size:80px 80px; } #w_photography_type .iconIllust_family { background:url(../images/photography/family/icon.png) center center no-repeat; background-size:80px 80px; } /* .catchArea */ #w_photography_type .catchArea { margin-top:20px; } #w_photography_type .catchArea h4 { font-size: 18px; font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif;letter-spacing: 1px; line-height: 2; position:relative; z-index:1; } #w_photography_type .catchArea h4 br { display:none; } /* .sliderArea */ #w_photography_type .sliderArea {margin-top: 70px;padding:0 5%;} @media only screen and (max-width: 1024px) { #w_photography_type .photographyhHead h3.en { font-size: 30px;} #w_photography_type .photographyhHead h3.jp { font-size: 14px;} } @media only screen and (max-width: 800px) { #w_photography_type .photographyArea { margin: -70px 0 0; padding:0; } /* .photographyBox */ #w_photography_type .photographyBox { display: block; width:100%; margin: 70px 0 0; padding:60px 0; } /* h2,h3 */ #w_photography_type .photographyhHead h2 {font-size: 13px; } #w_photography_type .photographyhHead h3.en { font-size: 25px; letter-spacing: 4px; } #w_photography_type .photographyhHead h3.jp { font-size: 14px;} #w_photography_type .iconIllust { width:100px; height:100px; } #w_photography_type .iconIllust_location, #w_photography_type .iconIllust_wedding, #w_photography_type .iconIllust_family{background-size:90px 90px; } /* .catchArea */ #w_photography_type .catchArea { margin-top:20px; } #w_photography_type .catchArea h4 { font-size: 16px; } /* .sliderArea */ #w_photography_type .sliderArea { margin-top:35px; } /* DOTS */ .home_photographySlider .slick-dots { bottom: -35px; } /* .linkInner */ #w_photography_type .linkInner { margin-top:70px; } } @media only screen and (max-width: 738px) { #w_photography_type .photographyArea { margin: -60px 0 0; padding:0; } #w_photography_type .photographyBox { margin: 60px 0 0; padding:50px 0; } #w_photography_type .photographyhHead h3.en { font-size: 20px; letter-spacing: 2px; } #w_photography_type .photographyhHead h3.jp { font-size: 13px; } #w_photography_type .iconIllust { width:70px; height:70px; margin:15px auto 0;} #w_photography_type .iconIllust_location, #w_photography_type .iconIllust_wedding, #w_photography_type .iconIllust_family{background-size:60px 60px; } /* .catchArea */ #w_photography_type .catchArea { margin-top:15px; } #w_photography_type .catchArea h4 { font-size: 14px; } #w_photography_type .catchArea h4 br { display:block; } /* .sliderArea */ #w_photography_type .sliderArea { margin-top:25px;padding:0; } /* .linkInner */ #w_photography_type .linkInner { margin-top:50px; } } @media only screen and (max-width: 414px) { #w_photography_type .photographyArea { margin: -50px 0 0; padding:0; } #w_photography_type .photographyBox {margin: 10px 0 0;padding: 5px 0;} #w_photography_type .photographyhHead h3.en { font-size: 18px; letter-spacing: 2px; } #w_photography_type .photographyhHead h3.jp { font-size: 12px; } #w_photography_type .catchArea h4 { font-size: 13px; } } /* ----- .locationSlider ----- */ #w_photography_type .locationSlider { margin:40px -10px 80px; position:relative; z-index:1; } #w_photography_type .locationSlider:before { position:absolute; top:0; left:-1px; width:9px; bottom:0; content:""; background:#fefefe; z-index:2; } #w_photography_type .locationSlider:after { position:absolute; top:0; right:-1px; width:9px; bottom:0; content:""; background:#fefefe; z-index:2; } /* --- Arrows --- */ .locationSlider .slick-prev, .locationSlider .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 60px; height:60px; padding: 0; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #111; border: #ddd 1px solid; background:#fefefe; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 4; } .locationSlider .slick-prev:before, .locationSlider .slick-next:before { font-family: 'themify'; font-size: 12px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .locationSlider .slick-prev { left: -5%; margin-left: -24px; } .locationSlider .slick-prev:before { content: "\e64a" } .locationSlider .slick-next { right: -5%; margin-right: -24px; } .locationSlider .slick-next:before { content: "\e649"; } .locationSlider .slick-dots { bottom: -40px; } /* ----- .planBox ----- */ #w_photography_type .planBox { margin: 0 10px; position: relative; z-index: 2; background:#fefefe; } #w_photography_type .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;} /* .inner */ #w_photography_type .planBox .inner {overflow: visible;padding: 25px 5% 50px;text-align:center;/* height: 400px; */} /* .imgArea */ #w_photography_type .planBox .imgArea { overflow:hidden; position:relative; z-index:1; } /* h5 #w_photography_type .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_photography_type .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} */ /* h5 */ #w_photography_type .planBox h5 {display:block;width:50px;height:50px;margin: 0px auto 0;background:#fefefe;font-size:14px;font-weight:700;line-height:50px;letter-spacing:1px;position:relative;right: 0;z-index:3;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;} #w_photography_type .planBox h5:after {/* position:absolute; *//* top:-5px; *//* left:-5px; *//* right:-5px; *//* bottom:-5px; *//* content:""; */縲€/* border:#fefefe 1px solid;z-index:-1;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;*/} /* .txtArea */ #w_photography_type .planBox .txtArea { } /* h3 */ #w_photography_type .planBox h3 {font-size: 12px;font-family: 'Catamaran', sans-serif;font-weight:500;letter-spacing: 2.5px;line-height:1.8;position:relative;z-index:4;margin-top: 20px;} /* h4 */ #w_photography_type .planBox h4 {font-size:16px;font-family: 'Catamaran', sans-serif; font-weight: 600;letter-spacing: 2px;line-height: 2;margin-bottom:5px;} /* p */ #w_photography_type .planBox .txtArea p { font-size:13px; } /* p.price */ #w_photography_type .planBox .txtArea p.price { color:#ff878d; font-size:18px; font-family: 'Open Sans',"貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif; font-weight:400;} #w_photography_type .planBox .txtArea p.price span.yen { margin-right:3px; font-size:0.85em;vertical-align:0;font-weight:500; } #w_photography_type .planBox .txtArea p.price span.tax { font-size:0.7em; vertical-align:0;font-weight:500; } /* .linkArea */ #w_photography_type .planBox .linkArea { margin-top:20px; } @media only screen and (max-width: 1024px) { #w_photography_type .planBox h4 { letter-spacing:1.5px;} #w_photography_type .planBox .linkArea a { width:180px; } } @media only screen and (max-width: 738px) { #w_photography_type .planBox .inner { padding:30px 5% 35px } #w_photography_type .planBox .linkArea { margin-top:10px; } /*#w_photography_type .planBox .txtArea p { display:none}*/ #w_photography_type .planBox .txtArea p.price { font-size:16px;} #w_photography_type .locationSlider { margin:35px 1px 60px;} #w_photography_type .locationSlider:before, #w_photography_type .locationSlider:after { display:none; } .locationSlider .slick-dots { bottom: -30px; } } @media only screen and (max-width: 414px) { #w_photography_type .locationSlider { margin:30px 1px 50px;} #w_photography_type .locationSlider:before, #w_photography_type .locationSlider:after { display:none; } #w_photography_type .planBox { margin: 0 5px; } #w_photography_type .planBox .linkArea { margin-top:5px; } #w_photography_type .planBox .txtArea p {font-size: 11px;} } /* ----- .photographyBoxSmall ----- */ #w_photography_type .photographyBoxSmall { padding:30px 30px 30px 0;} #w_photography_type .photographyBoxSmall:nth-child(even) {padding:30px 0 30px 30px;} /* ----- .txtArea ----- */ #w_photography_type .photographyBoxSmall .txtArea {position:absolute;top:0;left:0;bottom:0;width: 40%;z-index:1;} #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea { left:auto; right:0; } /* .photographyhHead */ #w_photography_type .photographyBoxSmall .photographyhHead {display:inline-block;text-align: center;position: absolute;z-index: 2;top:50%;left: 40%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 80%;margin: 0 10%;} /* h2,h3 */ #w_photography_type .photographyBoxSmall .photographyhHead h2 {font-size: 15px;} #w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 20px; letter-spacing:2px;} #w_photography_type .photographyBoxSmall .photographyhHead h3.jp { font-size: 13px; } /* .catchArea */ #w_photography_type .photographyBoxSmall .catchArea { margin-top:10px; } #w_photography_type .photographyBoxSmall .catchArea h4 {font-size: 14px;font-family: 'Catamaran', sans-serif;letter-spacing: 1px;line-height: 2;} #w_photography_type .photographyBoxSmall .catchArea h4 br { display:block; } #w_photography_type .photographyBoxSmall .photographyhHeadCM { width:75%;} #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea { margin-top:20px; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { margin-top:5px; font-size: 12.5px; line-height: 2; letter-spacing:1px; } /* ----- .imgArea ----- */ #w_photography_type .photographyBoxSmall .imgArea {float: right;width: 60%;position: relative;z-index: 2;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} #w_photography_type .photographyBoxSmall:nth-child(even) .imgArea { float: left; } /* .linkAreaHead */ #w_photography_type .photographyBoxSmall .linkAreaHead { margin-top:20px; } #w_photography_type .photographyBoxSmall .linkAreaHead a { width: 200px; font-size:13px; } @media only screen and (max-width: 1024px) { #w_photography_type .photographyBoxSmall .txtArea { width: 30%;} #w_photography_type .photographyBoxSmall .imgArea { width: 70%;} #w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 18px; } #w_photography_type .photographyBoxSmall .photographyhHead h3.jp{ font-size: 13px; } #w_photography_type .photographyBoxSmall .catchArea h4 { letter-spacing: 1px; line-height:1.8; } #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:20px; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { line-height: 2; } } @media only screen and (max-width: 1023px) { #w_photography_type .photographyBoxSmall .txtArea { width: 35%;} #w_photography_type .photographyBoxSmall .imgArea { width: 65%;} #w_photography_type .photographyBoxSmall .catchArea { display:none; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea { display:block; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { text-align:left; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br { display:none; } } @media only screen and (max-width: 800px) { #w_photography_type .photographyBoxSmall, #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 70px 0 0; padding:0; overflow:hidden; } #w_photography_type .photographyBoxSmall .txtArea, #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea { position:static; width: 100%; padding:35px 5% 50px; } #w_photography_type .photographyBoxSmall .photographyhHead { display:block; text-align: center; position: static; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} #w_photography_type .photographyBoxSmall .photographyhHead h3.en { font-size: 18px; } #w_photography_type .photographyBoxSmall .photographyhHead h3.jp{ font-size: 13px; } #w_photography_type .photographyBoxSmall .catchArea { display:block; } #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:20px; } #w_photography_type .photographyBoxSmall .imgArea { float: none; width: 100%; padding:30px 5% 0; padding:0; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #w_photography_type .photographyBoxSmall:nth-child(even) .imgArea { float: none; } #w_photography_type .photographyBoxSmall .photographyhHeadCM { width:100%;} #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { text-align:center; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea br { display:block; } } @media only screen and (max-width: 738px) { #w_photography_type .photographyBoxSmall, #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 60px 0 0; } /* ----- .txtArea ----- */ #w_photography_type .photographyBoxSmall .txtArea, #w_photography_type .photographyBoxSmall:nth-child(even) .txtArea {padding:30px 5% 45px; } #w_photography_type .photographyBoxSmall .catchArea h4 { font-size: 12px; } #w_photography_type .photographyBoxSmall .photographyhHead .linkAreaHead { margin-top:15px; } #w_photography_type .photographyBoxSmall .photographyhHeadCM .catchArea p { font-size: 12px; line-height: 2; } } @media only screen and (max-width: 414px) { #w_photography_type .photographyBoxSmall, #w_photography_type .photographyBoxSmall:nth-child(even) { margin: 50px 0 0; } /* .photographyhHead */ #w_photography_type .photographyBoxSmall .photographyhHead{ width: 100%;margin: 0;} } /* ----------------------------------------------------------- #w_photography ----------------------------------------------------------- */ #w_photography { padding: 70px 5% 90px; position: relative; z-index: 1; text-align: center; } #w_photography h3 { margin: 0 auto; font-size: 25px; font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif; letter-spacing: 2.5px; line-height: 1.8; text-align: center; } /* --- .conceptArea --- */ #w_photography .descriptionArea { position: relative; z-index: 1; margin: 20px auto 0; } #w_photography .descriptionArea p { font-size: 14px; line-height: 2.4; letter-spacing: 2px; margin-top: 1em; } @media only screen and (max-width: 800px) { #w_photography { padding: 60px 5% 80px;} #w_photography h3 { margin: 0 auto; font-size: 20px;} } @media only screen and (max-width: 738px) { #w_photography { padding: 50px 5% 70px;} #w_photography h3 { font-size: 18px; letter-spacing: 2px; line-height: 1.8; } /* --- .conceptArea --- */ #w_photography .descriptionArea { margin: 20px auto 0; padding:0 2.5%; text-align:left; } #w_photography .descriptionArea p { font-size: 13px; line-height: 2; letter-spacing: 1px; margin-top: 1em; } #w_photography .descriptionArea p br { display:none; } } @media only screen and (max-width: 414px) { #w_photography { padding: 40px 5% 60px;} #w_photography h3 { font-size: 15px; letter-spacing: 2px; line-height: 1.8; text-align: center; } #w_photography .descriptionArea p { font-size: 12px;} } /* --- .iconIllustArea --- */ .iconIllustArea { position:absolute; width:90px; height:90px; top:-45px; left:50%; margin:0 0 0 -45px; padding:5px; background:#fefefe; z-index:3;-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} .iconIllustArea img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .iconIllustArea:after { position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; content: ""; border: #fefefe 1px solid; z-index: -1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } @media only screen and (max-width: 800px) { .iconIllustArea { width:80px; height:80px; top:-40px; margin:0 0 0 -40px;} } @media only screen and (max-width: 738px) { .iconIllustArea { width:60px; height:60px; top:-30px; margin:0 0 0 -30px; } } /* --- .illustArea --- */ .illustArea { margin: 45px auto 0; max-width:600px; height:auto; } @media only screen and (max-width: 800px) { .illustArea { margin: 40px auto 0; } } @media only screen and (max-width: 738px) { .illustArea { margin: 35px auto 0;} } @media only screen and (max-width: 414px) { .illustArea { margin: 30px auto 0;} } /* --- .txtNoticeArea --- */ #w_photography .txtNoticeArea { margin: 50px 0 0; position: relative; z-index: 2; } #w_photography .txtNoticeArea:before { position: absolute; top: 7px; left: 0; bottom: 7px; right:0; content: ""; border: #ddd 1px solid; background: #fefefe;z-index: -2; } /* --- .inner --- */ #w_photography .txtNoticeArea .inner { padding:70px 5%; } /* .imgArea */ #w_photography .txtNoticeArea .imgArea { float:left; width:45%; width: 40%; padding: 40px;position:relative; z-index:1; } #w_photography .txtNoticeArea .imgArea:before { position:absolute; top:0; right:10px; left:10px; bottom:0; content:""; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;z-index:2; } #w_photography .txtNoticeArea .imgArea:after { position:absolute; top:10px; right:0; left:0; bottom:10px; content:""; border-right:#ddd 1px solid; border-left:#ddd 1px solid;z-index:2; } /* .txtArea */ #w_photography .txtNoticeArea .txtArea { float:right; width:50%; width: 55%; text-align:left;} #w_photography .txtNoticeArea .txtArea .txtBox { margin:0 auto; /*max-width:450px;*/ } #w_photography .txtNoticeArea .txtArea h4 { font-size: 16px; font-family: 'Playfair Display',"貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif; font-weight:400; letter-spacing: 2px; line-height: 1.2; text-align:center; margin:5px 0 25px; padding-bottom:25px; position:relative; z-index:2;} #w_photography .txtNoticeArea .txtArea h4 b { display: block; font-size: 35px; font-weight: 400;} #w_photography .txtNoticeArea .txtArea h4 span { display:block; margin-top: 10px; font-size:15px;} #w_photography .txtNoticeArea .txtArea h4:after { position:absolute; bottom:0; left:50%; width:50px; height:0; margin-left:-25px; content:""; border-top:#ddd double; z-index:-1; } #w_photography .txtNoticeArea .txtArea p { margin-top: 1em;} #w_photography .txtNoticeArea .txtArea p:first-child { margin-top: 0;} @media only screen and (max-width: 1024px) { #w_photography .txtNoticeArea { padding: 30px 0; } } @media only screen and (max-width: 800px) { #w_photography .txtNoticeArea .inner { padding:50px 5%; } #w_photography .txtNoticeArea .imgArea { width:40%; padding:15px; } #w_photography .txtNoticeArea .txtArea { width:55%;} #w_photography .txtNoticeArea .txtArea h4 { font-size: 16px;margin:0 0 20px; padding-bottom:20px; } #w_photography .txtNoticeArea .txtArea h4 b { font-size: 30px;} #w_photography .txtNoticeArea .txtArea h4 span { font-size:14px } } @media only screen and (max-width: 738px) { #w_photography .txtNoticeArea .inner { padding:40px 7.5%; } #w_photography .txtNoticeArea .imgArea { float:none; width:65%; margin:0 auto; padding:10px; } #w_photography .txtNoticeArea .txtArea { float:none; width:100%; margin-top:30px; } #w_photography .txtNoticeArea .txtArea .txtBox { } #w_photography .txtNoticeArea .txtArea h4 { font-size: 14px;} #w_photography .txtNoticeArea .txtArea h4 b { font-size: 25px;} #w_photography .txtNoticeArea .txtArea h4 span { font-size:13px } } /* ----------------------------------------------------------- #w_photography_plan ----------------------------------------------------------- */ #w_photography_plan { padding: 90px 5%; position: relative; z-index: 1; border-top: #a3d9e0 1px solid; background: url(../images/noise.png) repeat #fefefe; } #w_photography_plan:before { position: absolute; top: -1px; left: 5%; right: 5%; height: 0; content: ""; border-top: #ededed 1px solid; z-index: 2; } /* --- .planArea --- */ #w_photography_plan .planArea { margin: -60px -1.5% 0; font-size:0; text-align:left; } /* .photographyBox */ #w_photography_plan .planBox { display: inline-block; margin: 80px 1.5% 0; width:47%;position: relative; z-index: 2; background:#fefefe; } #w_photography_plan .planBox:after { position:absolute; top:0; left:0; right:0; bottom:0; content:""; border:#ededed 1px solid; z-index:-1;} /* .inner */ #w_photography_plan .planBox .inner { padding:35px 5% 50px; text-align:center; } /* .imgArea */ #w_photography_plan .planBox .imgArea { overflow:hidden; position:relative; z-index:1; } /* h5 */ #w_photography_plan .planBox h5 { display:block; width:50px; height:50px; margin:-25px auto 0; background:#fefefe; font-size:14px; font-weight:700; line-height:50px; letter-spacing:1px; position:relative; z-index:3; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} #w_photography_plan .planBox h5:after { position:absolute; top:-5px; left:-5px; right:-5px; bottom:-5px; content:""; border:#fefefe 1px solid; z-index:-1; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;} /* .txtArea */ #w_photography_plan .planBox .txtArea { padding:0 2.5%; } /* h3 */ #w_photography_plan .planBox h3 {font-size: 13px; font-family: 'Catamaran', sans-serif; font-weight:500; letter-spacing: 2.5px; line-height:1.8; position:relative; z-index:4; } /* h4 */ #w_photography_plan .planBox h4 { font-size: 20px; font-family: 'Playfair Display',"貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", Verdana, serif; font-weight:500; letter-spacing: 2.5px;line-height: 2; margin-bottom:5px; } /* p.price */ #w_photography_plan .planBox .txtArea p.price { color:#ff878d; font-size:20px; font-family: 'Open Sans',"貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif; font-weight:400;} #w_photography_plan .planBox .txtArea p.price span.yen { margin-right:3px; font-size:0.85em;vertical-align:0;font-weight:500; } #w_photography_plan .planBox .txtArea p.price span.tax { font-size:0.7em; vertical-align:0;font-weight:500; } /* .linkArea */ #w_photography_plan .planBox .linkArea { margin-top:20px; } @media only screen and (max-width: 1024px) { #w_photography_plan .planBox h4 { font-size: 18px; } #w_photography_plan .planBox .linkArea a { width:180px; } } @media only screen and (max-width: 800px) { #w_photography_plan { padding: 80px 5%; } #w_photography_plan .planArea { margin: -40px -1.5% 0; } #w_photography_plan .planBox { display: inline-block; margin: 60px 1.5% 0; width:97%; } } @media only screen and (max-width: 738px) { #w_photography_plan { padding: 70px 5%; background: url(../images/noise2.png) repeat #fefefe; } #w_photography_plan .planArea { margin: -40px -1.5% 0; } #w_photography_plan .planBox { margin: 50px 1.5% 0; } #w_photography_plan .planBox .inner { padding:30px 5% 45px; } #w_photography_plan .planBox .linkArea { margin-top:15px; } } @media only screen and (max-width: 500px) { #w_photography_plan { padding: 60px 5%; } #w_photography_plan .planArea { margin: -40px -1.5% 0; } #w_photography_plan .planBox { margin: 40px 1.5% 0; } #w_photography_type .planBox .inner {padding: 20px 5% 20px;text-align:center;/* height: 350px; */} } .kimonoSlider { margin: 0; padding: 0;}