@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Cantarell:400,700,700italic,400italic); /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } ul,ol { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } a:hover img { opacity: 0.5; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } /* change colours to suit your needs */ ins { background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:0; } img{ max-width:100%; vertical-align:bottom; } /************** layout base ********************/ .clearfix{ overflow:hidden; } /*- .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ min-height: 1px; } -*/ a{ text-decoration:none;color:#545454; } a:hover{ } a:link{} a:visited{color:#545454;} /*ボタンrollover*/ a:hover img.rollover{filter:Alpha(opacity:60); -moz-opacity:0.60; opacity:0.60;} sup { line-height: 100%; font-size:10px; vertical-align: 0.4em; } sub{ line-height: 100%; font-size:10px; vertical-align: -0.1em; } .txtLeft{ text-align:left; } .txtRight{ text-align:right; } .txtCenter{ text-align:center; } .fontC{ font-family: 'Cantarell', sans-serif;font-weight:400;} .fontMin{font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; } .fw{font-weight:bold !important;} .f10{ font-size:10px !important;} .f11{ font-size:11px !important;} .f12{ font-size:12px !important;} .f13{ font-size:13px !important;} .f14{ font-size:14px !important;} .f15{ font-size:15px !important;} .f16{ font-size:16px !important;} .f17{ font-size:17px !important;} .f18{ font-size:18px !important;} .txtRed{ color:#D80000;} .note{ color:#666666; font-size:12px;} .fLeft{ float:left;} .fRight{ float:right;} .fNon{ float:none !important; } .mTop0{ margin-top:0 !important;} .mTop5{ margin-top:5px !important;} .mTop10{ margin-top:10px !important;} .mTop15{ margin-top:15px !important;} .mTop20{ margin-top:20px !important;} .mTop25{ margin-top:25px !important;} .mTop30{ margin-top:30px !important;} .mTop35{ margin-top:35px !important;} .mTop40{ margin-top:40px !important;} .mTop45{ margin-top:45px !important;} .mTop50{ margin-top:50px !important;} .mBtm0{ margin-bottom:0 !important;} .mBtm5{ margin-bottom:5px !important;} .mBtm10{ margin-bottom:10px !important;} .mBtm15{ margin-bottom:15px !important;} .mBtm20{ margin-bottom:20px !important;} .mBtm25{ margin-bottom:25px !important;} .mBtm30{ margin-bottom:30px !important;} .mBtm35{ margin-bottom:35px !important;} .mBtm40{ margin-bottom:40px !important;} .mBtm45{ margin-bottom:45px !important;} .mBtm50{ margin-bottom:50px !important;} .mBtm60{ margin-bottom:60px !important;} .pTop0{ padding-top:0 !important;} .pTop5{ padding-top:5px !important;} .pTop10{ padding-top:10px !important;} .pTop15{ padding-top:15px !important;} .pTop20{ padding-top:20px !important;} .pTop25{ padding-top:25px !important;} .pTop30{ padding-top:30px !important;} .pTop35{ padding-top:35px !important;} .pTop40{ padding-top:40px !important;} .pTop45{ padding-top:45px !important;} .pTop50{ padding-top:50px !important;} .pBtm0{ padding-bottom:0 !important;} .pBtm5{ padding-bottom:5px !important;} .pBtm10{ padding-bottom:10px !important;} .pBtm15{ padding-bottom:15px !important;} .pBtm20{ padding-bottom:20px !important;} .pBtm25{ padding-bottom:25px !important;} .pBtm30{ padding-bottom:30px !important;} .pBtm35{ padding-bottom:35px !important;} .pBtm40{ padding-bottom:40px !important;} .pBtm45{ padding-bottom:45px !important;} .pBtm50{ padding-bottom:50px !important;} .pBtm60{ padding-bottom:60px !important;} .spOnly,.spOnlyI{ display:none !important;} .pcOnly{ display:block;} .pcOnlyI{ display:inline-block;} /************** layout base ********************/ body{ background:#FFFFFF; text-align:center; font-family: Arial,"Arial Black","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro, "メイリオ",Meiryo,"MS Pゴシック",sans-serif; line-height:1.2; position:relative; padding-top:120px; } div,p,dl{ text-align:left; } p,dt,dd,li,td,th{ color:#545454; font-size:14px; line-height:1.6em; } h1,h2,h3,h4,h5,h6{ color:#333333; font-size:14px; font-weight:bold; text-align:center; } /*------------------ list style----------------*/ .numberList{ padding:0 0 0 18px; } .numberList li{ list-style:decimal outside; padding:0 0 5px 0; } .discList{ padding:0 0 0 18px; } .discList li{ list-style:disc outside; padding:0 0 2px 0; } .indentList li{ padding-left:1em; text-indent:-1em; } /***************** head ***********************/ #headTxt{ position:absolute; top:10px; left:10px; font-size:10px; font-weight:normal; z-index:201; } /*--*/ header{ /*position:relative; background:#FFFFFF; min-height:120px;*/ position:fixed; top:0; display:block; background:#FFFFFF; width:100%; max-width:inherit; min-height:120px; z-index:200; } #headInner{ position:relative; max-width:1120px; margin:0 auto; } #headInner:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } header a{ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } /*--*/ #logo{ padding:25px 0 0 0; text-align:center; } /*--*/ #headLinks{ position:absolute; top:10px; right:10px; } #headLinks p{ color:#444444; font-size:11px; text-align:right; } #headLinks p span{ margin:0 12px 0 0; color:#000000; font-size:14px; font-weight:bold; vertical-align:middle; } #headLinks p a{ margin:0 0 0 8px; } #headLinks a img{ vertical-align:middle; } /*--*/ #headLinks ul{ padding:12px 0 0 0; font-size:0; text-align:right; } #headLinks li{ display:inline-block; width:115px; margin:0 0 0 6px; } #headLinks li a{ display:block; background:url(images/arrow_white.png) no-repeat 18px center #888888; padding:0 0 0 18px; color:#ffffff; font-size:12px; line-height:30px; text-align:center; } #headLinks li a:hover{ background:url(images/arrow_gray.png) no-repeat 18px center #ffff00; color:#444444; } /***************** navi ***********************/ #gNavi{ position:relative; padding:20px 0 0 0; } #gNavi ul{ font-size:0; text-align:center; } #gNavi li{ display:inline-block; margin:0; font-weight:bold; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; vertical-align:top; line-height:1.3em; text-align:center; } #gNavi li a{ display:block; padding:0 11px 12px 11px; color:#777777; font-size:13px; font-weight:bold; text-align:center; } #gNavi > ul > li:hover > a, #gNavi li a:hover{ color:#ffff00; } #gNavi > ul > li:first-child a{ padding:0 11px 12px 10px; } #gNavi > ul > li:last-child a{ padding:0 10px 12px 11px; } /*--*/ #gNavi > ul > li:hover div, #gNavi > ul >li>a:hover div{ display:block; } #gNavi ul li div{ display:none; position:absolute; top:100%; left:0; background:#EEEEEE; width:100%; padding:25px 0 22px 0; } #gNavi ul li div a{ padding-bottom:0; color:#333333; font-size:12px; } /***************** foot ***********************/ #pageTop{ position:fixed; bottom:50px; right:13px; z-index:9; cursor:pointer; } footer{ position:relative; background:#EEEEEE; } footer a{ color:#777777; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } footer a:hover{ filter:Alpha(opacity:70); -moz-opacity:0.70; opacity:0.70; } #footContact{ padding:80px 0 30px 0; font-size:0; text-align:center; } #footContact h2{ margin:0 0 25px 0; font-size:40px; text-align:center; font-weight:700; } #footContact > p{ color:#444444; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; text-align:center; } /*--*/ #footContact dl{ padding:30px 0 0 0; text-align:center; } #footContact dt{ margin:0 0 25px 0; font-size:20px; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; } #footContact dd{ padding:0 0 60px 0; } #footContact .tel a{ pointer-events:none; color:#000000; font-size:30px; } #footContact .tel a span{ display:block; color:#444444; font-size:10px; font-weight:normal; } #footContact .btn a{ position:relative; display:inline-block; border:1px #000000 solid; background:url(images/arrow_gray.png) no-repeat 20px center #ffffff; width:332px; padding:0 0 0 20px; margin:0 7px; color:#000000; font-size:20px; line-height:60px; text-align:center; } /*------*/ #footBnr{ overflow:hidden; max-width:1260px; padding:0px 0 65px 0; margin:0 auto; font-size:0; text-align:center; } #footBnr li{ display:inline-block; width:25%; margin:0px; line-height:0.1em; vertical-align:top; } /*-----*/ #footAdd{ color:#111111; font-size:13px; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; text-align:center; } #footAdd img{ margin-bottom:30px; } /*-----*/ #footNavi { padding:35px 0 30px 0; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; text-align:center; } #footNavi a{ display:inline-block; padding:0 15px; color:#777777; font-size:13px; vertical-align:top; } #footNavi a:first-child, #footNavi a.bdNon{ border-left:none; } /*---*/ #footSns{ text-align:center; } #footSns img{ margin:0 2px; width:17px; } /*-----*/ footer small{ display:block; padding:14px 0 12px 0; color:#777777; font-size:10px; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; text-align:center; } #fixedFooter{ display:none; } /***************** contents ***********************/ #contents{ overflow:hidden; width:100%; padding:0 0 95px 0; } #contents a, #topContents a{ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #contents a:hover, #topContents a:hover{ filter:Alpha(opacity:70); -moz-opacity:0.70; opacity:0.70; } .maxWidth{ max-width:1100px; margin-left:auto; margin-right:auto; } /*------title--------*/ .pageTitle{ padding:90px 0 65px 0; color:#878787; font-size:13px; font-weight:normal; text-align:center; line-height:1.4em; } .pageTitle span{ display:block; margin:0 0 5px 0; color:#333333; font-size:40px; font-weight:700; line-height:1.2em; } .pageTitle img{ margin-bottom:25px; } /*--*/ .ttlBar{ position:relative; padding:0 0 30px 0; margin:0 0 70px 0; font-size:25px; font-family: 'Cantarell', sans-serif; font-weight:700; text-align:center; } .ttlBar:after{ content:""; position:absolute; top:100%; left:50%; background:#222222; width:32px; height:1px; margin-left:-16px; } /*--*/ .ttlBdBtm{ border-bottom:1px #000000 solid; padding:0 0 15px 0; margin:0 0 40px 0; color:#333333; text-align:left; } .ttlBdBtm span{ margin:0 20px 0 0; color:#000000; font-size:30px; font-weight:700; } /*---txt---*/ .catch{ margin:-35px 0 60px 0; font-size:30px; text-align:center; } .leadTxt{ margin:-35px 0 80px 0; text-align:center; line-height:1.8em; } /*------slide-----------*/ .slideArea{ } .bxslider{} .bx-pager{ padding:20px 0 0 0; font-size:0; text-align:center; } .bx-pager-item{ display:inline-block; margin:0 5px; } .bx-pager-item .bx-pager-link{ display:block; background:#EEEEEE; width:10px; height:10px; border-radius:5px; } .bx-pager-item .bx-pager-link.active{ background:#ffff00; } /*-------btn-----------*/ .btnArrow{ position:relative; display:inline-block; background:url(images/arrow_white.png) no-repeat 18px center #888888; min-width:300px; padding:0 10px 0 18px; color:#ffffff; line-height:50px; text-align:center; } a.btnArrow{ color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } a.btnArrow:hover, a.btnArrow2:hover{ filter:Alpha(opacity:70); -moz-opacity:0.70; opacity:0.70; } .btnArrow2{ position:relative; display:inline-block; border:1px #333333 solid; background:url(images/arrow_gray.png) no-repeat 18px center #ffffff; min-width:300px; padding:0 10px 0 18px; color:#444444; line-height:50px; text-align:center; } a.btnArrow2{ color:#444444; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } /*--*/ .bg{ position:relative; } .bg:before{ content:""; position:absolute; top:0; left:-1000px; background:#F7F7F7; width:1000%; height:100%; margin-left:-50px; z-index:-1; } /*---------------------------------------------- top ---------------------------------------------*/ #mainVisual{ position:relative; } .slide{ } .slide img{ width:100%; } #mainVisual .mainTxt{ position:absolute; top:15%; left:50%; width:42%; margin-left:-21%;/*-490-*/ text-align:center; z-index:100; } .mainTxt .btn{ padding:60px 0 0 0; text-align:center; font-size:14px; } .mainTxt .btn a{ display:inline-block; border:1px #000000 solid; background:url(images/arrow_gray.png) no-repeat 15px center rgba(255,255,255,0.90); padding:0 25px 0 40px; color:#111111; line-height:50px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .mainTxt .btn a:hover{ background:url(images/arrow_gray.png) no-repeat 15px center rgba(255,255,0,0.90); } /*----------*/ #topContents{ overflow:hidden; padding:65px 0 5px 0; } #topContents h2{ padding:0px 0 65px 0; color:#878787; font-size:13px; font-weight:normal; text-align:center; line-height:1.4em; } #topContents h2 .fontC{ display:block; margin:0 0 5px 0; color:#333333; font-size:40px; font-weight:700; line-height:1.2em; } /*--------*/ #topContents section{ max-width:1100px; margin:0 auto; } /*--*/ #topTxt{ padding:0 0 90px 0; } #topTxt .fontMin{ margin:0 0 65px 0; font-size:25px; line-height:1.8em; } #topTxt p{ text-align:center; } /*--------*/ #topPlan{ padding:85px 0 90px 0; } #topPlan h2{ padding-bottom:10px; } #topPlan h3{ margin-bottom:20px; font-size:26px; font-weight:normal; } #topPlan > p{ text-align:center; } #topPlan .pickup{ overflow:hidden; background:#FFFFFF; margin:60px 0 0 0; } #topPlan .pickup > p{ float:left; width:50%; margin:0; } #topPlan .pickup > div{ float:right; width:50%; padding:35px 0 0 0; } #topPlan .pickup > div h4{ margin:0 40px 15px 40px; color:#ffff00; font-size:20px; text-align:left;text-shadow: 2px 3px 4px rgba(0,0,0,0.3); } #topPlan .pickup > div h5{ margin:0 40px 10px 40px; color:#000000; font-size:25px; font-weight:normal; text-align:left; } #topPlan .pickup > div h6{ margin:0 40px 15px 40px; font-size:16px; font-weight:normal; text-align:left; } #topPlan .pickup > div p{ margin:0 40px 10px 40px; } #topPlan .pickup > div a{ background:url(images/arrow_gray.png) no-repeat left center; padding:0 0 0 18px; color:#000000; } /*--*/ #topPlan ul{ padding:12px 0 0 0; font-size:0; } .imgList{ font-size:0; } #topPlan ul li, .imgList li{ display:inline-block; width:49.8%; margin-bottom:4px; vertical-align:top; } #topPlan ul li:nth-of-type(even), .imgList li:nth-of-type(even){ margin-left:0.4%; } /*--------*/ #topFair{ padding:85px 0 90px 0; } #topFair > p{ margin-top:70px; text-align:center; } /*--*/ .fairList{ margin:0 0 0 -10px; font-size:0; } .fairList li{ display:inline-block; background:#F6F6F6; width:535px; margin-left:10px; margin-bottom:10px; vertical-align:top; } .fairList li a{ overflow:hidden; display:block; padding:0 10px 0 0; } .fairList li .photo{ display:block; float:left; overflow:hidden; width:250px; height:250px; margin:0 20px 0 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .fairList li h3{ padding:20px 0 10px 0; font-size:19px; text-align:left; } .fairList li .ic{ display:inline-block; background:#ffff00; padding:0 5px; margin:0 5px 5px 0; color:#444444; font-size:13px; font-weight:bold; } .fairList li p{ padding:5px 0; line-height:1.3em; } .fairList li .btmIc{ padding:0 0 5px 270px; } .fairList li .ic2, .fairList li .btmIc span{ display:inline-block; border:1px #333333 solid; padding:0 4px; margin:5px 5px 0 0; color:#333333; font-size:13px; font-weight:bold; } /*---------*/ #topContents #topGallery{ background:url(images/top_img_gallery.jpg) no-repeat center top; background-size:cover; max-width:none; height:500px; } #topGallery h2{ padding:180px 0 25px 0; margin:0; } #topGallery p{ margin:0 0 50px 0; text-align:center; } #topGallery a{ display:inline-block; border:1px #000000 solid; background:url(images/arrow_gray.png) no-repeat 15px center rgba(255,255,255,0.90); padding:0 25px 0 40px; color:#111111; line-height:50px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #topGallery a:hover{ background:url(images/arrow_gray.png) no-repeat 15px center rgba(255,255,0,0.90); filter:Alpha(opacity:100); -moz-opacity:1.0; opacity:1.0; } /*--------*/ #topContents #topWedding{ max-width:1260px; padding:90px 0 85px 0; } #topContents #topWedding h2 .fontC{ font-size:25px; } #topWedding p{ text-align:center; } #topWedding ul{ overflow:hidden; padding:80px 0 0 0; font-size:0; } #topWedding ul li{ display:inline-block; width:33.3%; vertical-align:top; text-align:center; } #topWedding ul li h2{ padding:45px 0 15px 0; } #topWedding ul li .btnArrow{ margin-top:35px; } /*--------*/ #topContents #topInstagram{ max-width:1260px; padding:80px 0 0 0; } #instafeed{ overflow:hidden; } #instafeed li{ float:left; line-height:0.1em; } #instafeed li img{ width:180px; height:180px; } /*-------*/ #topBlog{ padding:80px 0 85px 0; } #topBlog ul{ margin-left:-3%; font-size:0; } #topBlog ul li{ display:inline-block; width:47%; margin-left:3%; margin-bottom:30px; vertical-align:top; } #topBlog ul li a{ display:block; overflow:hidden; } #topBlog ul li .photo{ display:block; float:left; overflow:hidden; width:158px; height:158px; margin:0 25px 0 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } #topBlog ul li .ic{ display:inline-block; background:#888888; padding:0 5px; margin:5px 5px 0px 0; color:#FFFFFF; font-size:12px; font-weight:bold; } #topBlog ul li h3{ padding:10px 0 5px 0; font-size:16px; text-align:left; } /*---------------------------------------------- about ---------------------------------------------*/ #about .mainimg{ max-width:1100px; margin:0 auto; text-align:center; } .pageLinks{ max-width:600px; padding:0 0 60px 0; margin:0 auto; font-size:0; text-align:center; } .pageLinks li{ position:relative; display:inline-block; width:31.6%; padding:0 0 20px 0; margin:0 1.3%; vertical-align:top; } .pageLinks li a{ display:block; border:1px #000000 solid; font-size:20px; text-align:center; line-height:50px; } .pageLinks li a:after{ content:""; display:block; background:url(images/arrow_down_gray.png) no-repeat center bottom; width:100%; height:20px; position:absolute; bottom:0; } .pageLinks li:first-child{ margin-left:0; } .pageLinks li:last-child{ margin-right:0; } /*--*/ #about section{ max-width:1100px; padding:85px 0 80px 0; margin:0 auto; } #about section .pageTitle{ padding-top:0; } /*--*/ #aboutService{ } #aboutService > ul{ padding:0 0 70px 0; margin-left:-10px; font-size:0; } #aboutService > ul li{ display:inline-block; background:#FFFFFF; width:360px; min-height:390px; padding:0 0 5px 0; margin:0 0 10px 10px; vertical-align:top; } #aboutService > ul li.half{ width:545px; height:417px; } #aboutService > ul h4{ padding:15px 15px 5px 15px; font-size:20px; font-weight:normal; line-height:1.8em; text-align:left; } #aboutService > ul h4 span{ font-weight:bold; } #aboutService > ul h4 span span{ font-size:30px; } #aboutService > ul p{ padding:0 15px 10px 15px; } #aboutService > ul .btnArrow{ min-width:inherit; background-position:8px center; width:152px; padding:0 0px 0 8px; line-height:28px; } #aboutService > ul p a.pcOnlyI{ margin-left:8px; } /*--*/ .otherService{ overflow:hidden; background:#FFFFFF; font-size:0; } .otherService > p{ display:inline-block; width:54.5%; vertical-align:middle; } .otherService ul{ display:inline-block; width:38.9%;/*-45.5-*/ padding:0 3% 0 3.6%; vertical-align:middle; } .otherService ul li, #aboutCost ul li{ padding-left:1em; margin:0 0 10px 0; color:#000000; font-size:20px; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; text-indent:-1em; line-height:1.4em; } .otherService ul li:before, #aboutCost ul li:before{ content:""; display:inline-block; background:#ffff00; width:12px; height:12px; border-radius:6px; margin:0 8px 0 0; text-indent:0; } .otherService ul li p, #aboutCost ul li p{ font-family: Arial,"Arial Black","ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro, "メイリオ",Meiryo,"MS Pゴシック",sans-serif; padding:5px 0 0 0; margin-left:-20px; text-indent:0; } /*--*/ #aboutFlow{ text-align:center; } #aboutFlow h3{ display:inline-block; background:url(about/images/ic_flow.png) no-repeat left center; padding:0 0 0 32px; margin:0 0 55px 0; font-size:25px; } .ttlProduce{ background:url(about/images/ic_party.png) no-repeat left center; } #aboutFlow ul{ padding:0 0 70px 0; margin-left:-10px; font-size:0; text-align:left; } #aboutFlow ul li{ display:inline-block; width:267px; padding:0 0 35px 0; margin:0 0 0px 10px; vertical-align:top; } #aboutFlow .produce{ padding:0 0 0px 0; } #aboutFlow .produce li{ width:360px; } #aboutFlow ul li h4{ border-bottom:1px #000000 solid; padding:0 0 5px 0; margin:0 0 24px 0; font-weight:normal; text-align:left; } #aboutFlow ul li .fontC{ font-size:20px; font-weight:700; } #aboutFlow ul li h4 span{ margin-right:15px; } #aboutFlow ul li p{ padding:20px 0 0 0; } /*--*/ #about #aboutCost{ padding:0; } #aboutCost{ overflow:hidden; background:#FFFFFF; font-size:0; } #aboutCost > p{ display:inline-block; width:50%; vertical-align:middle; } #aboutCost ul{ display:inline-block; width:47.3%;/*-50-*/ padding:0 0 0 2.7%; vertical-align:top; } /*---------------------------------------------- MT fair ---------------------------------------------*/ .fairDetail{ overflow:hidden; background:#F6F6F6; max-width:1100px; margin:0 auto 60px auto; } #visualArea{ position:relative; float:left; width:50%; } #visualArea .bx-pager{ position:absolute; bottom:25px; width:100%; padding:0px; font-size:0; text-align:center; } #visualArea .bx-pager-item .bx-pager-link{ background:#ffffff; } #visualArea .bx-pager-item .bx-pager-link.active{ background:#FFCB2D; } .fairDetail .txt{ float:left; width:42.5%; padding:45px 0 20px 0; padding-left:4.5%; padding-right:3%; } .fairDetail h3{ padding:0 0 10px 0; font-size:20px; text-align:left; line-height:1.3em; } .fairDetail .txt .icon, .fairDetail .txt .icon2{ padding:0 0 10px 0; font-size:0; font-weight:bold; } .fairDetail .txt .icon span{ display:inline-block; background:#ffff00; padding:0 5px; margin:0 5px 5px 0; color:#444444; font-size:13px; line-height:20px; } .fairDetail .txt .icon2 span{ display:inline-block; border:1px #333333 solid; padding:0 5px; margin:0 5px 5px 0; color:#333333; font-size:13px; line-height:18px; } .fairDetail .txt dl{ overflow:hidden; padding:0 0 5px 0; } .fairDetail dt{ float:left; font-weight:bold; } .fairDetail dd{ padding:0 0 0.5em 6em; font-weight:bold; } .fairDetail .txt p{ padding:15px 0 0 0; } /*--*/ .backFair{ font-size:20px; text-align:center; } .backFair a{ background:url(images/arrow_gray.png) no-repeat left center; padding:0 0 0 25px; } /*--*/ .fairForm{ max-width:1100px; padding:70px 0 0 0; margin:0 auto; } .fairForm h3{ border-bottom:1px #000000 solid; padding:0 0 10px 0; margin:0 0 45px 0; color:#333333; text-align:left; } .fairForm h3 span{ margin:0 20px 0 0; color:#000000; font-size:30px; font-weight:700; } .fairForm h4{ margin:0 0 20px 0; font-size:20px; font-weight:normal; line-height:1.6em; text-align:left; } .fairForm .formList{ max-width:none; } /*---------------------------------------------- plan ---------------------------------------------*/ #plan .mainimg{ background:url(plan/images/plan_garden_mainimg.jpg) no-repeat center top; background-size:cover; height:520px; margin:0 0 80px 0; } #plan.restaurant .mainimg{ background:url(plan/images/plan_restaurant_mainimg.jpg) no-repeat center top; background-size:cover; } #plan.hotel .mainimg{ background:url(plan/images/plan_hotel_mainimg.jpg) no-repeat center top; background-size:cover; } #plan.ceremony .mainimg{ background:url(plan/images/plan_ceremony_mainimg.jpg) no-repeat center top; background-size:cover; } #plan.japanese .mainimg{ background:url(plan/images/plan_japanese_mainimg.jpg) no-repeat center top; background-size:cover; } #plan.photoWedding .mainimg{ background:url(plan/images/plan_photo_mainimg.jpg) no-repeat center top; background-size:cover; } #plan .mainimg h2{ padding:175px 0 0 0; color:#FFFFFF; font-size:16px; font-weight:normal; } #plan .mainimg h2 span{ display:block; padding:0 0 30px 0; font-size:20px; font-weight:700; } #plan .mainimg h2 span:after{ content:""; display:block; background:#FFFFFF; width:50px; height:1px; margin:24px auto 0 auto; } #plan .mainimg h2 img{ margin-bottom:14px; } /*--*/ #plan .catch{ margin:0 0 70px 0; font-size:26px; } #plan h3 .fontMin.f20{ display:block; padding:20px 0 0 0; font-size:20px; font-weight:normal; } /*--*/ .threeFeatures, .fourFeatures{ padding:40px 0 80px 0; font-size:0; text-align:center; } .threeFeatures li{ display:inline-block; width:290px; margin:0 32px; vertical-align:top; text-align:left; } .fourFeatures li{ display:inline-block; width:252px; margin:0 15px; vertical-align:top; text-align:left; } .threeFeatures li h4, .fourFeatures li h4{ margin:30px 0 5px 0; font-size:20px; text-align:left; line-height:1.6em; } .fourFeatures li:last-child h4{ margin-top:5px; } .threeFeatures li h4 span, .fourFeatures li h4 span{ display:block; color:#ffff00; font-weight:700; text-shadow: 2px 3px 4px rgba(0,0,0,0.3); } /*--*/ #plan .bg{ padding:80px 0 80px 0; margin-bottom:85px; } #plan .bg h3{ margin:0 0 55px 0; font-size:30px; font-weight:700; } #plan .bg .maxWidth{ background:#FFFFFF; padding:0 0 25px 0; margin-bottom:105px; font-size:0; } #plan .bg .maxWidth:last-of-type{ margin-bottom:0; } #plan .bg .photo{ display:inline-block; width:50%; padding:0 0 20px 0; vertical-align:top; } #plan .bg .txt{ display:inline-block; width:43.7%; padding:0 3.6% 0 2.7%; vertical-align:top; } #plan .bg .txt h4{ padding:40px 0 10px 0; color:#ffff00; font-size:20px; text-align:left; line-height:1.6em; text-shadow: 2px 3px 3px rgba(0,0,0,0.2); } #plan .bg .txt h4 span{ display:block; color:#000000; font-size:25px; font-weight:normal; line-height:1.3em; text-shadow:none; } #plan .bg .txt dl{ overflow:hidden; padding:20px 0 10px 0; } #plan .bg .txt dt{ border:1px #333333 solid; float:left; width:63px; line-height:28px; text-align:center; } #plan .bg .txt dd{ padding:0.1em 0 1.4em 5.5em; } .planConts{ background:#F6F6F6; padding:20px 20px 18px 20px; margin:0 20px; } .planConts dt{ padding:0 0 5px 0; font-weight:bold; } .planConts dd{ font-size:12px; line-height:1.9em; } .planConts.special{ margin-top:10px; } /*---------------------------------------------- gallery ---------------------------------------------*/ #gallery h3{ padding:0 0 25px 0; font-size:20px; font-weight:700; } /*--*/ .categoryList{ padding:0 0 45px 0; margin-left:-12px; font-size:0 } .categoryList li{ display:inline-block; width:172px; margin:0 0 12px 12px; text-align:center; vertical-align:top; } .categoryList li a{ display:block; border:1px #333333 solid; line-height:44px; } .categoryList li .is-current{ background:#ffff00; } /*--*/ .galleryList{ font-size:0; } .gallery-block{ width:272px; margin-left:1px;/*--*/ margin-bottom:2px; } /*--*/ body.category-all .item-all, body.category-paper .item-paper, body.category-party .item-party, body.category-weddingitem .item-weddingitem, body.category-japanese .item-japanese, body.category-maedori .item-maedori, body.category-photow .item-photow, body.category-wasou .item-wasou, body.category-dress .item-dress, body.category-antique .item-antique, body.category-flower .item-flower, body.category-natural .item-natural, body.category-garden .item-garden, body.category-hotel .item-hotel, body.category-sweet .item-sweet, body.category-simple .item-simple, body.category-restaurant .item-restaurant, body.category-ceremony .item-ceremony, body.category-cake .item-cake{ display: block; } .gallery-block { display: none; } /*--*/ #cboxTitle span{ display:inline-block; border:1px #333333 solid; background:#FFFFFF; min-width:70px; padding:0 7px; margin:0 7px 1px 0 ; color:#333333; text-align:center; line-height:35px; font-size:10px; } /*---------------------------------------------- planner ---------------------------------------------*/ #planner .mainimg{ max-width:1100px; margin:0 auto; text-align:center; } .plannerDetail{ max-width:900px; margin:0 auto; } .plannerDetail h2{ padding:60px 0 25px 0; } .plannerDetail h2 span{ display:block; padding:25px 0 0 0; font-size:26px; line-height:1.8em; } .plannerDetail > h3{ padding:0 0 65px 0; font-size:20px; } .plannerDetail h4{ background:#F6F6F6; padding:10px 5px 8px 20px; margin:30px 0 15px 0; font-size:14px; text-align:left; } .plannerDetail h4 span{ margin-right:15px; font-size:20px; font-weight:700; } /*--*/ .photoList{ padding:0 0 40px 0; margin-left:-1%; font-size:0; } .photoList li{ margin-left:1%; margin-bottom:10px; } .photoList .half{ display:inline-block; width:49%; vertical-align:top; } /*--*/ .plannerDetail .comments{ overflow:hidden; background:#F6F6F6; padding:30px 40px 20px 20px; margin:50px 0 85px 0; } .plannerDetail .comments h4{ padding:0 0 25px 0; margin:0; } .comments .photo{ background:#FFFFFF; float:left; width:36%; max-width:305px; padding:0; text-align:center; } .comments .photo span{ display:block; padding:35px 0; color:#000000; font-weight:bold; line-height:1.3em; } .comments .photo span img{ margin-bottom:18px; } .comments p{ padding:0 0 0 40%; line-height:1.8em; } /*---------------------------------------------- ceremony ---------------------------------------------*/ #ceremony .ceremonyMenu li{ display: inline-block; width: 49%; margin: 2px 0; line-height: 0.1em; vertical-align: top; } #ceremony .partyList li{ display:inline-block; width: 48%; margin:0 0.5% 57px; vertical-align:top; } #ceremony .partyList h3{ margin:10px 0 25px; padding:18px 0 15px 20px; background:#F6F6F6; color:#333333; font-size:20px; text-align:left; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; } #ceremony .partyList dl{ overflow:hidden; margin:0 0 20px; padding:0 20px 0 20px; } #ceremony .partyList dt{ float:left; font-weight:bold; color:#545454; line-height:1.8em; } #ceremony .partyList dd{ margin-left:6em; color:#545454; line-height:1.8em; } #ceremony .partyList .ic{ margin:3px 3px; padding: 3px 6px; display:inline-block; background:#ffff00; color:#333333; } #ceremony .partyList .icTxt{ padding:0 20px; } /*---------------------------------------------- faq ---------------------------------------------*/ #faq h3{ padding:18px 0 15px 20px; background:#F6F6F6; color:#333333; font-size:20px; text-align:left; font-weight:normal; font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; } #faq dl.qaTxt{ padding-bottom:70px; } #faq .qaTxt dt::before { content: "Q"; margin:0 10px 0 -34px; font-size: 30px; color: rgb(0, 0, 0); vertical-align: middle; } #faq .qaTxt dt{ margin:40px 0 0 50px; background:#ffff00; display: inline-block; color:#000000; } #faq .qaTxt dd::before { content: "A"; margin:0 10px 0 -30px; font-size: 30px; color: rgb(84, 84, 84); vertical-align: middle; } #faq .qaTxt dd{ margin:30px 0 0 50px; } /*---------------------------------------------- kochkon ---------------------------------------------*/ #newMagazine{ max-width:445px; padding:0 0 90px 0; margin:0 auto; } #newMagazine .pct{ margin:0 0 20px 0; text-align:center; } #newMagazine p{ line-height:1.8em; } #newMagazine .btn{ margin:25px 0 0 0; text-align:center; } #newMagazine .btn a{ display:block; line-height:60px; } .backNumber{ max-width:900px; margin-left:-6px; margin:0 auto; font-size:0; text-align:left; } .backNumber li{ display:inline-block; width:270px; margin:0 0 5px 6px; vertical-align:top; text-align:center; } /*--------*/ .magazineDetail{ max-width:900px; padding:0 0 75px 0; margin:0 auto; } .magazineDetail h3{ margin:0 0 45px 0; font-size:22px; } .magazineDetail .mainimg{ max-width:445px; margin:0 auto; text-align:center; } .magazineDetail ul{ padding:90px 0 70px 0; font-size:0; } .magazineDetail ul li{ margin-bottom:10px; text-align:center; } .magazineDetail .btn{ max-width:600px; margin:0 auto; text-align:center; } .magazineDetail .btn a{ display:block; margin-bottom:20px; } /*---------------------------------------------- shop ---------------------------------------------*/ #shop .shopBox h3{ margin-bottom:50px; text-align:left; font-weight:normal; } #shop .shopBox h3 span{ margin-right:20px; font-size:30px; color:#191919; } #shop .shopBox .fLeft{ width:48.848%; } #shop .shopBox .fRight{ width:47.272%; } #shop .shopBox .fRight .wedingInfo{ background:#F6F6F6; margin:20px 0; padding:25px 20px 20px; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } #shop .shopBox .fRight .wedingInfo h4{ margin-bottom:15px; text-align:left; } #shop .shopBox .fRight a.btnArrow{ width:30.576%; min-width:157px; margin-bottom:20px; } #shop #shop02 h3{ margin:64px 0 50px; padding:0 0 15px 0; border-bottom:1px solid #000000; text-align:left; font-size:30px; font-weight:700; color:#191919; } #shop #shop02 li{ overflow:hidden; display:inline-block; width:49%; margin-bottom:30px; vertical-align:top; } #shop #shop02 li:first-child, #shop #shop02 li:nth-of-type(2n+1) { width:45%; margin-right:4%; } #shop #shop02 li img{ float:left; width:187px; margin-right:20px; } #shop #shop02 li h4{ margin-bottom:5px; text-align:left; } #shop #shop02 li h4 span{ display:block; font-size:20px; color:#000000; font-weight:bold; } #shop #shop03 h3{ margin:80px 0 50px; } #map_canvas01 { margin-top:40px; height:380px; } /*---------------------------------------------- company ---------------------------------------------*/ /*---------------------------------------------- privacy ---------------------------------------------*/ #privacy section h2{ margin-top:50px; } #privacy section h3{ margin:0 0 10px 0; text-align:left; } #privacy section p{ margin:0 0 20px 0; } /*---------------------------------------------- form ---------------------------------------------*/ #mailformpro h4{ background:#F6F6F6; max-width:860px; padding:10px 20px 10px 20px; margin:0 auto 50px auto; text-align:left; } .formList{ max-width:900px; margin:0 auto 60px auto; } .formList dt{ float:left; width:130px; padding-left:3.8em; text-indent:-3.8em; color:#333333; } .formList dt span{ display:inline-block; background:#ffff00; width:40px; margin:0 12px 0 0; color:#444444; font-size:12px; line-height:20px; text-align:center; text-indent:0; vertical-align:middle; } .formList dt span.nini{ background:#888888; color:#FFFFFF; } .formList dd{ padding:0 0 15px 205px; } .formList input[type=text], .formList input[type=email]{ border:1px #000000 solid; min-height:28px; padding:0; margin:0 6px 0 0; font-size:12px; vertical-align:middle; } .formList select{ border:1px #000000 solid; min-height:21px; padding:0; margin:0 5px 0 0; font-size:12px; vertical-align:middle; } .formList label{ display:inline-block; padding:0 30px 10px 0; } .formList textarea{ border:1px #000000 solid; width:598px !important; height:175px !important; font-size:12px; } .formList .txtS{ width:180px; } .formList #zip{ width:126px; } .formList .txtM{ width:300px; } .formList .name span{ display:inline-block; width:3em; } .formList .name input[type=text]{ margin-right:20px; } .formList p input[type=text], .formList p select{ margin-left:10px; } .formBtn{ max-width:600px; margin:0 auto; text-align:center; } .formBtn input{ display:block; border:none; background:url(images/arrow_white.png) no-repeat 25px center #888888; width:600px; padding:0; margin:0 0 20px 0; color:#FFFFFF; font-size:20px; line-height:60px; cursor:pointer; } .formBtn .btnArrow2{ display:block; background-position:25px center; font-size:20px; line-height:60px; } #mfp_phase_confirm{ max-width:900px; margin:0 auto; } #fair #mfp_phase_confirm{ max-width:1100px; } table#mfp_confirm_table tr th{ max-width:200px; } table#mfp_confirm_table tr td{ max-width:300px; font-size:14px !important; } .formList .txtRed{ color:#EC978A;} /*---------------------------------------------- MT blog news ---------------------------------------------*/ #blogNewsArea{ overflow:hidden; max-width:1000px; padding:0px 50px 10px 50px; margin:0 auto; } #mainColumn{ float:left; width:72%; max-width:720px; } #subColumn{ float:right; width:23%; max-width:230px; } #subColumn h3, #subColumn h2{ border-bottom:1px #EBEBEB solid; padding:0 0 10px 0; margin:0 0 15px 0; font-size:16px; font-weight:700; text-align:left; line-height:1.6em; } #subColumn ul{ padding:0 0 20px 0; } #subColumn li{ margin:0 0 10px 0; font-size:13px; } /*--*/ #blogNewsArea article{ padding:0 0 70px 0; } #blogNewsArea article h3{ border-bottom:1px #EBEBEB solid; padding:0 0 10px 0; margin:0 0 25px 0; font-size:20px; text-align:left; line-height:1.6em; } #blogNewsArea article p{ padding-bottom:20px; line-height:1.9em; } #blogNewsArea article .iconDate{ padding:0 0 40px 0; font-size:0; } #blogNewsArea article .iconDate ul, #blogNewsArea article .iconDate p{ display:inline-block; } #blogNewsArea article .iconDate ul li{ display:inline-block; background:#888888; padding:0px 5px; margin-right:5px; color:#FFFFFF; font-size:12px; line-height:23px; } #blogNewsArea article .iconDate ul li a{ color:#FFFFFF; } #blogNewsArea article .iconDate ul{ padding:0 10px 0 0; font-size:0; } /*------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ smartphone --------------------------------------------------------------------------*/ @media screen and (max-width: 870px) { #headLinks{ position:relative; top:0; left:0; padding-top:10px; text-align:center; } #headLinks p, #headLinks ul{ text-align:center; } } @media screen and (max-width: 640px) { body{ font-family: Arial, Roboto, “Droid Sans”, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; right:0; overflow-x:hidden; padding-top:45px; } img{max-width:100%;} .pcOnly,.pcOnlyI{ display:none !important;} .spOnly{ display:block !important;} .spOnlyI{ display:inline-block !important;} p,dt,dd,li,td,th{ font-size:12px; } h1,h2,h3,h4,h5,h6{ font-size:13px; } /*----------------- sp head ***********************/ header{ min-height:45px; } #headInner{ /*top:0 !important; left:0; background:#FFFFFF; width:100%; min-height:45px;*/ } /*.sidr-open #headInner{ margin-left:-300px; }*/ /*--*/ #headTxt{ display:none; } /*--*/ #logo{ padding:10px 0 0 0; } #logo img{ width:auto; height:21px; } /*--*/ #headLinks{ display:none; } /*---*/ #spMenu{ position:absolute; left:10px; top:10px; width:25px; } #header > p.spOnly{ position:absolute; right:10px; top:10px; } /*-----------------sp navi ***********************/ #gNavi{ padding:50px 0 40px 0; background:#FAFAFA; } #gNavi ul{ text-align:left; height:100%; overflow:auto; } #gNavi li{ display:block; line-height:1.3em; text-align:left; } #gNavi li a{ display:block; background:url(images/sp_arrow_gnavi.png) no-repeat 96% center; background-size:7px auto; padding:12px 10px 12px 20px; color:#000000; font-size:12px; text-align:left; } #gNavi li .ac{ display:block; background:url(images/sp_ic_gnavi_plus.png) no-repeat 96% center; background-size:8px auto; padding:12px 10px 12px 20px; color:#000000; font-size:12px; } #gNavi > ul > li:first-child a{ padding:12px 10px 12px 20px; } #gNavi > ul > li:last-child a{ padding:12px 10px 12px 20px; } #gNavi > ul > li:hover div, #gNavi > ul >li>a:hover div{ display:none; } #gNavi ul li div{ position:relative; left:0; top:0; background:none; width:auto; padding:0 0 10px 0; } #gNavi ul li div a{ background-image:none; padding-bottom:0; color:#999999; font-size:12px; } /*----------------- sp foot ***********************/ #pageTop{ bottom:50px; right:5px; z-index:9; } footer{ } #footContact{ padding:35px 20px 0px 20px; } #footContact h2{ margin:0 0 10px 0; font-size:20px; } #footContact > p{ color:#444444; text-align:center; } /*--*/ #footContact dl{ padding:25px 0 0 0; text-align:center; } #footContact dt{ margin:0 0 15px 0; font-size:13px; } #footContact dd{ padding:0 0 30px 0; } #footContact .tel a{ display:block; position:relative; pointer-events:auto; background:url(images/arrow_gray.png) no-repeat 10px center #ffffff; border:1px #000000 solid; padding:10px 0; font-size:17px; line-height:1.2em; } #footContact .tel a span{ color:#000000; font-size:9px; line-height:1.4em; } #footContact .btn a{ display:block; width:auto; padding:0; margin:0 0 5px 0px; font-size:17px; line-height:55px; } /*------*/ #footBnr{ padding:0 0 32px 0; } #footBnr li{ width:50%; } /*-----*/ #footAdd{ color:#464637; font-size:10px; } #footAdd img{ width:auto; height:30px; margin-bottom:15px; } /*-----*/ #footNavi { display:none; } /*---*/ #footSns{ padding:15px 0; } #footSns img{ margin:0 6px; width:25px; } /*-----*/ footer small{ background:#FFFFFF; padding:10px 0; font-size:8px; } /*---------*/ #fixedFooter{ position:fixed; left:0; bottom:0; display:block; border-top:3px #ffff00 solid; background:#F3F3F3; width:100%; z-index:201; } #fixedFooter ul{ display:table; width:100%; } #fixedFooter ul li{ display:table-cell; border-left:1px #000000 solid; width:33%; } #fixedFooter ul li a{ display:block; padding:10px 0 10px 0px; font-size:10px; color:#000000; text-align:center; } #fixedFooter ul li img{ margin-right:5px; vertical-align:middle; } #fixedFooter ul li:first-child{ border-left:none; } /*-----------------sp contents ***********************/ #contents{ width:auto; padding:0px 10px 35px 10px; } /*------title--------*/ .pageTitle{ padding:35px 0 30px 0; font-size:11px; } .pageTitle span{ display:block; margin:0 0 5px 0; font-size:22px; } .pageTitle img{ margin-bottom:12px; } /*--*/ .ttlBar{ padding:0 0 15px 0; margin:0 0 40px 0; font-size:20px; } .ttlBar:after{ width:16px; margin-left:-8px; } /*--*/ .ttlBdBtm{ padding:0 0 8px 0; margin:0 0 22px 0; font-size:11px; } .ttlBdBtm span{ margin:0 10px 0 0; font-size:15px; } /*---txt---*/ .catch{ margin:-16px 0 20px 0; font-size:15px; text-align:center; } .leadTxt{ margin:-16px 0 25px 0; text-align:center; line-height:1.8em; } /*------slide-----------*/ .slideArea{ } .bxslider{} .bx-pager{ padding:10px 0 0 0; } .bx-pager-item{ display:inline-block; margin:0 2px; } .bx-pager-item .bx-pager-link{ width:8px; height:8px; border-radius:4px; } /*-------btn-----------*/ .btnArrow{ background-size:5px auto; background-position:10px center; min-width:95px; padding:10px 30px 10px 35px; font-size:10px; line-height:1.5em; text-align:center; } .btnArrow2{ background-size:5px auto; background-position:10px center; min-width:95px; padding:10px 30px 10px 35px; font-size:10px; line-height:1.5em; text-align:center; } /*---------------------------------------------- sp top ---------------------------------------------*/ #mainVisual{ } .slide img{ width:100%; } #mainVisual .mainTxt{ position:absolute; top:25%; left:50%; width:76%; margin-left:-38%; } .mainTxt .btn{ padding:36px 0 0 0; text-align:center; font-size:14px; } .mainTxt .btn a{ background:url(images/arrow_gray.png) no-repeat 15px center rgba(255,255,255,0.90); background-size:5px auto; padding:0 15px 0 26px; font-size:10px; line-height:30px; } /*----------*/ #topContents{ padding:30px 0 1px 0; } #topContents h2{ padding:0px 0 20px 0; font-size:10px; } #topContents h2 .fontC{ font-size:22px; } /*--------*/ #topContents section{} /*--*/ #topTxt{ padding:0 10px 25px 10px; } #topTxt .fontMin{ margin:0 0 35px 0; font-size:13px; } /*--------*/ #topPlan{ padding:25px 0 22px 0; } #topPlan.bg:before{ display:none; } #topPlan h2{ padding-bottom:15px; } #topPlan h3{ margin-bottom:10px; font-size:13px; } #topPlan > p{ padding-left:10px; padding-right:10px; } #topPlan .pickup{ margin:12px 0 0 0; } #topPlan .pickup > p{ float:none; width:auto; } #topPlan .pickup > div{ float:none; width:auto; padding:20px 10px 0 10px; } #topPlan .pickup > div h4{ margin:0 0px 12px 0px; font-size:11px; } #topPlan .pickup > div h5{ margin:0 0px 8px 0px; font-size:15px; } #topPlan .pickup > div h6{ margin:0 0px 8px 0px; font-size:11px; } #topPlan .pickup > div p{ margin:0 0px 10px 0px; } #topPlan .pickup > div p:last-child{ text-align:center; } #topPlan .pickup > div a{ display:inline-block; background:url(images/arrow_white.png) no-repeat 10px center #888888; background-size:5px auto; padding:10px 30px 10px 42px; color:#ffffff; } /*--*/ #topPlan ul{ } .imgList{} #topPlan ul li, .imgList li{ display:block; width:auto; margin-bottom:2px; } #topPlan ul li:nth-of-type(even), .imgList li:nth-of-type(even){ margin-left:0; } /*--------*/ #topFair{ padding:25px 0 50px 0; } #topFair > p{ margin-top:25px; } /*--*/ .fairList{ margin:0 0 0 0px; font-size:0; } .fairList li{ display:block; width:auto; margin-left:0px; margin-bottom:2px; } .fairList li a{ padding:0 10px 0 0; } .fairList li .photo{ width:160px; height:160px; margin:0 10px 0 0; } .fairList li h3{ padding:10px 0 5px 0; font-size:12px; line-height:1.3em; } .fairList li .ic{ padding:0 2px; margin:0 2px 2px 0; font-size:9px; line-height:1.4em; } .fairList li p{ padding:2px 0 2px 0; font-size:10px; } .fairList li .btmIc{ padding:2px 0 5px 170px; } .fairList li .ic2, .fairList li .btmIc span{ padding:0 2px; margin:2px 2px 0 0; font-size:9px; line-height:1.4em; } /*---------*/ #topContents #topGallery{ background:url(images/top_img_gallery.jpg) no-repeat center top; background-size:cover; height:320px; } #topGallery h2{ padding:50px 0 20px 0; } #topGallery h2 img{ height:132px; } #topGallery p{ margin:0 0 25px 0; text-align:center; } #topGallery p img{ height:25px; } #topGallery a{ background:url(images/arrow_gray.png) no-repeat 10px center rgba(255,255,255,0.90); background-size:5px auto; padding:0 15px 0 25px; line-height:30px; } /*--------*/ #topContents #topWedding{ padding:45px 0 5px 0; } #topContents #topWedding h2 .fontC{ font-size:22px; } #topWedding > p img{ height:112px; } #topWedding ul{ padding:30px 0 0 0; } #topWedding ul li{ display:block; width:auto; padding:0 0 50px 0; } #topWedding ul li h2{ padding:22px 0 8px 0; } #topWedding ul li .btnArrow{ margin-top:15px; } #topWedding ul li:last-child{ padding-bottom:30px; } /*--------*/ #topContents #topInstagram{ padding:42px 10px 25px 10px; } #instafeed{} #instafeed li{ float:left; width:33.3%; } #instafeed li img{ width:100%; height:auto; } #instafeed li:nth-of-type(10), #instafeed li:nth-of-type(11), #instafeed li:nth-of-type(12), #instafeed li:nth-of-type(13), #instafeed li:nth-of-type(14){ display:none; } /*-------*/ #topBlog{ padding:25px 10px 40px 10px; } #topBlog ul{ margin-left:0; font-size:0; } #topBlog ul li{ border-bottom:1px #EEEEEE solid; display:block; width:auto; margin-left:0; margin-bottom:0px; vertical-align:top; } #topBlog ul li:last-child{ border-bottom:none; } #topBlog ul li a{ display:block; overflow:hidden; padding:10px 0; } #topBlog ul li .photo{ width:95px; height:95px; margin:0 15px 0 0; } #topBlog ul li .ic{ padding:0 5px; margin:2px 2px 0px 0; font-size:9px; } #topBlog ul li h3{ padding:8px 0 2px 0; font-size:11px; } #topBlog ul li p{ padding:0 0 0 110px; font-size:10px; line-height:1.3em; } /*---------------------------------------------- sp about ---------------------------------------------*/ #about .mainimg{ margin:0 -10px; } .pageLinks{ padding:0 0 30px 0; } .pageLinks li{ padding:0 0 10px 0; } .pageLinks li a{ font-size:11px; line-height:25px; } .pageLinks li a:after{ background:url(images/arrow_down_gray.png) no-repeat center bottom; background-size:5px auto; height:10px; } /*--*/ #about section{ padding:32px 0 36px 0; } /*--*/ #aboutService{ } #aboutService > ul{ padding:0 0 30px 0; margin-left:0px; } #aboutService > ul li{ display:block; width:auto; min-height:inherit; padding:0 0 5px 0; margin:0 0 10px 0px; } #aboutService > ul li.half{ width:auto; height:auto; } #aboutService > ul h4{ padding:10px 8px 10px 8px; font-size:13px; font-weight:normal; line-height:1.8em; text-align:left; } #aboutService > ul h4 span span{ font-size:15px; } #aboutService > ul p{ padding:0 8px 10px 8px; } #aboutService > ul .btnArrow{ display:block; background-position:8px center; width:80%; padding:0 0px 0 8px; margin:0 auto; line-height:28px; } #aboutService > ul p a:last-child{ margin-left:auto; margin-top:10px; } /*--*/ .otherService{ } .otherService > p{ display:block; width:auto; } .otherService ul{ display:block; width:auto; padding:20px 10px 10px 10px; } .otherService ul li, #aboutCost ul li{ margin:0 0 5px 0; font-size:13px; } .otherService ul li:before, #aboutCost ul li:before{ width:6px; height:6px; border-radius:3px; margin:0 7px 0 0; } .otherService ul li p, #aboutCost ul li p{ padding:5px 0 0 0; margin-left:-13px; } /*--*/ #aboutFlow{ } #aboutFlow h3{ display:block; background-size:10px auto; padding:0 0 0 15px; margin:0 0 20px 0; font-size:13px; text-align:left; } .ttlProduce{ background-size:10px auto; } #aboutFlow ul{ padding:0 0 30px 0; margin-left:0px; } #aboutFlow ul li{ overflow:hidden; display:block; width:auto; padding:0 0 10px 0; margin:0 0 0px 0px; } #aboutFlow ul li img{ float:right; width:47%; margin:0 0 0 12px; } #aboutFlow .produce{ padding:0 0 0px 0; } #aboutFlow .produce li{ width:auto; } #aboutFlow ul li h4{ margin:0 0 10px 0; font-size:11px; } #aboutFlow ul li .fontC{ font-size:13px; } #aboutFlow ul li h4 span{ margin-right:10px; } #aboutFlow ul li p{ padding:0px 0 0 0; } /*--*/ #about #aboutCost{} #aboutCost > p{ display:block; width:auto; vertical-align:middle; } #aboutCost ul{ display:block; width:auto; padding:20px 10px 10px 10px; } /*---------------------------------------------- MT sp fair ---------------------------------------------*/ .fairDetail{ margin:0 -10px 20px -10px; } #visualArea{ position:relative; float:none; width:auto; } #visualArea .bx-pager{ position:relative; bottom:0; width:auto; padding:8px 0 0 0; } .fairDetail .txt{ float:none; width:auto; padding:20px 10px 25px 10px; } .fairDetail h3{ padding:0 0 10px 0; font-size:15px; } .fairDetail .txt .icon, .fairDetail .txt .icon2{ padding:0 0 10px 0; font-size:0; font-weight:bold; } .fairDetail .txt .icon span{ padding:0 2px; margin:0 2px 2px 0; font-size:9px; line-height:15px; } .fairDetail .txt .icon2 span{ padding:0 2px; margin:0 2px 2px 0; font-size:9px; line-height:13px; } .fairDetail .txt dl{ overflow:hidden; padding:0 0 5px 0; } .fairDetail dt{ float:left; font-weight:bold; } .fairDetail dd{ padding:0 0 0.5em 6em; font-weight:bold; } .fairDetail .txt p{ padding:10px 0 0 0; } /*--*/ .backFair{ font-size:15px; } .backFair a{ background:url(images/arrow_gray.png) no-repeat left center; background-size:5px auto; padding:0 0 0 15px; } /*--*/ .fairForm{ padding:20px 0 0 0; } .fairForm h3{ padding:0 0 8px 0; margin:0 0 22px 0; font-size:11px; } .fairForm h3 span{ margin:0 10px 0 0; font-size:15px; font-weight:700; } .fairForm h4{ margin:0 0 10px 0; font-size:13px; } .fairForm .formList{ max-width:none; } /*---------------------------------------------- sp plan ---------------------------------------------*/ #plan .mainimg{ height:167px; margin:0 0 30px 0; } #plan .mainimg h2{ padding:38px 0 0 0; font-size:12px; } #plan .mainimg h2 span{ padding:0 0 13px 0; font-size:11px; } #plan .mainimg h2 span:after{ width:30px; margin:13px auto 0 auto; } #plan .mainimg h2 img{ height:17px; margin-bottom:8px; } /*--*/ #plan .catch{ margin:0 0 30px 0; font-size:13px; } #plan h3 img{ height:20px; } #plan h3 .fontMin.f20{ padding:10px 0 0 0; font-size:13px; } /*--*/ .threeFeatures, .fourFeatures{ padding:25px 0 45px 0; } .threeFeatures li, .fourFeatures li{ overflow:hidden; display:block; width:auto; margin:0 0px 15px 0; font-size:10px; } .threeFeatures li img, .fourFeatures li img{ float:left; width:48%; margin:0 4% 0 0; } .threeFeatures li h4, .fourFeatures li h4, .fourFeatures li:last-child h4{ margin:10px 0 5px 0; font-size:13px; } .threeFeatures li h4 span, .fourFeatures li h4 span{ font-size:10px; } /*--*/ #plan .bg{ padding:0; margin-bottom:35px; } #plan .bg:before{ display:none; } #plan .bg h3{ margin:0 0 40px 0; font-size:15px; } #plan .bg .maxWidth{ padding:0; margin:0 -10px; margin-bottom:42px; } #plan .bg .maxWidth:last-of-type{ margin-bottom:0; } #plan .bg .photo{ display:block; width:auto; padding:0; } #plan .bg .txt{ display:block; width:auto; padding:20px 10px 0 10px; } #plan .bg .txt h4{ padding:0px 0 10px 0; font-size:10px; } #plan .bg .txt h4 span{ font-size:15px; } #plan .bg .txt dl{ padding:15px 0 10px 0; } #plan .bg .txt dt{ width:4.5em; font-size:11px; line-height:15px; } #plan .bg .txt dd{ padding:0.1em 0 1.4em 5.5em; font-size:11px; } .planConts{ padding:12px 10px 10px 10px; margin:0 10px; } .planConts dt{ padding:0 0 5px 0; font-weight:bold; } .planConts dd{ font-size:11px; line-height:1.6em; } /*---------------------------------------------- sp gallery ---------------------------------------------*/ #gallery h3{ background:url(images/arrow_down_gray.png) no-repeat center 92% #F6F6F6; padding:10px 0 12px 0; margin:0 0 2px 0; font-size:12px; } /*--*/ .categoryList{ display:none; background:#F6F6F6; padding:12px 0 10px 0; margin-left:-1%; font-size:0 } .categoryList li{ display:inline-block; width:32%; margin-left: 1%; margin-bottom:5px; font-size:9px; } .categoryList li a{ line-height:25px; } /*--*/ .galleryList{ padding:10px 0 0 0; } .gallery-block{ width:49%; } #cboxTitle span{ display:inline-block; min-width:inherit; padding:0 5px; margin:0 2px 2px 0 ; line-height:22px; } /*---------------------------------------------- sp planner ---------------------------------------------*/ #planner .mainimg{ margin:0 -10px; } .plannerDetail{ } .plannerDetail h2{ padding:22px 0 14px 0; } .plannerDetail h2 img{ height:12px; } .plannerDetail h2 span{ padding:15px 0 0 0; font-size:13px; } .plannerDetail > h3{ padding:0 0 25px 0; font-size:12px; } .plannerDetail h4{ padding:8px 5px 6px 10px; margin:20px 0 10px 0; font-size:11px; } .plannerDetail h4 span{ margin-right:10px; font-size:13px; } /*--*/ .photoList{ padding:0 0 25px 0; margin-left:0; } .photoList li{ margin-left:0; margin-bottom:5px; } .photoList .half{ display:block; width:auto; } /*--*/ .plannerDetail .comments{ padding:20px 10px 22px 10px; margin:30px -10px 50px -10px; } .plannerDetail .comments h4{ padding:0 0 15px 0; } .comments .photo{ float:none; width:auto; max-width:none; margin:0 0 16px 0; } .comments .photo > img{ width:51%; vertical-align:middle; } .comments .photo span{ display:inline-block; width:49%; padding:0; font-size:12px; vertical-align:middle; } .comments .photo span img{ height:10px; margin-bottom:10px; } .comments p{ padding:0 0 0 0; } /*---------------------------------------------- sp ceremony ---------------------------------------------*/ #ceremony .ceremonyMenu li{ display: block; width: 100%; margin: 2px 0; } #ceremony .partyList{ padding: 0px 0px 30px 0px; } #ceremony .partyList li{ display:block; width: 100%; margin:0 0% 20px; padding: 0px 0px 0px 0px; } #ceremony .partyList h3{ margin:5px 0 15px; background:#F6F6F6 url(ceremony/images/sp_ic_ceremony_plus.png) no-repeat 96% center; background-size:13px auto; padding:13px 6% 9px 10px; font-size:12px; } #ceremony .partyList .partyListInfo{ display:none; } #ceremony .partyList dl{ margin:0 0 13px; padding:0 10px 0 10px; } #ceremony .partyList dt{ font-size:9px; } #ceremony .partyList dd{ font-size:9px; margin-left:6.5em; } #ceremony .partyList .icTxt{ padding:0 10px; font-size:8px; } /*---------------------------------------------- sp faq ---------------------------------------------*/ #faq h3{ margin-bottom:13px; background:#F6F6F6 url(faq/images/sp_ic_faq_plus.png) no-repeat 96% center; background-size:13px auto; padding:13px 6% 9px 10px; font-size:12px; } #faq dl.qaTxt{ padding-bottom:35px; display:none; } #faq .qaTxt dt::before { content: "Q"; margin:0 10px 0 -17px; font-size: 15px; color: rgb(0, 0, 0); vertical-align: middle; } #faq .qaTxt dt{ margin:24px 0 0 25px; background:#ffff00; display: inline-block; color:#000000; font-size:10px; } #faq .qaTxt dd::before { content: "A"; margin:0 10px 0 -15px; font-size: 15px; color: rgb(84, 84, 84); vertical-align: middle; } #faq .qaTxt dd{ margin:20px 0 0 25px; font-size:10px; } /*---------------------------------------------- sp kochkon ---------------------------------------------*/ #newMagazine{ padding:0 0 40px 0; } #newMagazine .pct{ margin:0 0 15px 0; } #newMagazine .btn{ margin:20px 0 0 0; } #newMagazine .btn a{ line-height:30px; } .backNumber{ margin-left:-3%; font-size:0; text-align:left; } .backNumber li{ width:47%; margin-left:3%; margin-bottom:10px; } /*--------*/ .magazineDetail{ padding:0 0 40px 0; } .magazineDetail h3{ margin:0 0 30px 0; font-size:12px; } .magazineDetail ul{ padding:10px 0 15px 0; } .magazineDetail ul li{ margin-bottom:5px; } .magazineDetail .btn a{ margin-bottom:10px; } /*---------------------------------------------- sp shop ---------------------------------------------*/ #shop .shopBox h3{ margin-bottom:28px; text-align:center; } #shop .shopBox h3 span{ display:block; margin-right:0px; font-size:19px; } #shop .shopBox .fLeft{ width:100%; float:none; } #shop .shopBox .fRight{ width:100%; float:none; margin-top:20px; } #shop .shopBox .fRight .wedingInfo{ margin:10px 0; padding:12px 10px 10px; font-size:10px; } #shop .shopBox .fRight .wedingInfo h4{ margin-bottom:8px; text-align:left; } #shop .shopBox .fRight a.btnArrow{ width:29.354%; min-width:91px; margin-bottom:10px; font-size:10px; } #shop #shop02 h3{ margin:38px 0 25px; padding:0 0 7px; border-bottom:1px solid #000000; text-align:left; font-size:15px; color:#191919; } #shop #shop02 li{ display:block; width:100%; margin-bottom:10px; font-size:10px; } #shop #shop02 li:first-child, #shop #shop02 li:nth-of-type(2n+1) { width:100%; margin-bottom:10px; margin-right:0%; } #shop #shop02 li img{ float:left; width:41.935%; margin-right:20px; } #shop #shop02 li h4{ margin-bottom:5px; text-align:left; font-size:9px; } #shop #shop02 li h4 span{ display:block; font-size:12px; color:#000000; font-weight:bold; } #shop #shop03 h3{ margin:50px 0 20px; } #map_canvas01 { margin-top:20px; height:300px; } /*---------------------------------------------- sp company ---------------------------------------------*/ /*---------------------------------------------- sp form ---------------------------------------------*/ .formArea{ padding:20px 20px 20px 20px; } /*---*/ .formList{ border-bottom:none; padding:0 0 10px 0; margin:0 10px 0px 10px; } .formList dt{ float:none; width:auto; font-size:12px; } .formList dt span{ width:30px; margin:0 10px 0 0; font-size:10px; line-height:15px; } .formList dd{ padding:10px 0 20px 0px; } .formList input[type=text]{ min-height:15px; margin:0 6px 0 0; } .formList select{ min-height:15px; } .formList textarea{ width:99% !important; height:150px !important; } .formList .txtS{ width:100px; } .formList #zip{ width:130px; } .formList .txtM{ width:99%; } .formList p input[type=text], .formList p select{ margin-left:5px; } .formList label{ padding:0 10px 5px 0; } .formList .name span{ display:inline-block; width:2.5em; } .formList .name input[type=text]{ margin-right:10px; } .formBtn{ } .formBtn input{ min-width:135px; width:100%; font-size:14px; } .formBtn .btnSubmit{ margin:0 0 10px 0; background-size:5px auto; background-position:10px center; font-size:12px; line-height:30px; } .formBtn .btnArrow2{ background-size:5px auto; background-position:10px center; font-size:12px; line-height:1.4em; } table#mfp_confirm_table tr th{ white-space:normal !important; } /*---------------------------------------------- MT sp blog news ---------------------------------------------*/ #blogNewsArea{ padding:0; margin:0 auto; } #mainColumn{ background:#FFFFFF; float:none; width:auto; padding:20px 20px 10px 20px; margin:0 auto 10px auto; } #subColumn{ float:none; width:auto; max-width:none; } #subColumn h3, #subColumn h2{ overflow:hidden; border-bottom:none; background:#888888; padding:0 10px 0px 10px; margin:0 0 10px 0; color:#FFFFFF; font-size:11px; line-height:30px; } #subColumn h3:after{ content:"+"; font-size:14px; color:#FFFFFF; float:right; } #subColumn h3.active:after{ content:"-"; } #subColumn ul{ display:none; padding:0 0 10px 0; } #subColumn li{ margin:0 0 5px 0; font-size:11px; } /*--*/ #blogNewsArea article{ padding:0 0 35px 0; } #blogNewsArea article:last-child{ padding-bottom:0; } #blogNewsArea article h3{ padding:0 0 5px 0; margin:0 0 12px 0; font-size:11px; } #blogNewsArea article p{ padding-bottom:15px; font-size:10px; } #blogNewsArea article img{ height:auto; } #blogNewsArea article .iconDate{ padding:0 0 20px 0; } #blogNewsArea article .iconDate ul li{ padding:0px 5px; margin-right:2px; font-size:9px; line-height:15px; } #blogNewsArea article .iconDate ul{ padding:0 5px 0 0; } } /*---------------------------------------------- sp plugin sider ---------------------------------------------*/ .sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; } .sidr .sidr-inner { padding: 0 0 15px } .sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px } .sidr.right { left: auto; right: -260px } .sidr.left { left: -260px; right: auto }