@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";

 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
font-size: 1em;
}
body {
font-size: 62.5%;
}
body,
table,
input, textarea, select, option {
font-family: "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.proximanova {
font-family: 'proxima-nova', serif;
font-weight: 200;
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
img {
vertical-align: top;
}
a,
a:link {
color: #877A80;
text-decoration: none;
}
a:visited {
color: #877A80;
}
a:hover {
color: #877A80;
}
a:active {
color: #877A80;
} body {
color: #877A80;
font-size: 13px;
line-height: 1.5;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background-color: #FFF;
}
#container {
text-align: left;
}
.top_message {
text-align: center;
}
#main {
margin-bottom: 36px;
} #gHeader {
margin: 0 auto;
padding: 16px 10px 12px;
max-width: 948px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#gHeader h1 {
float: left;
}
#gHeader h1 a:hover img {
filter: alpha(opacity=70);
opacity: 0.7;
}
#gHeader h1 .sp02 {
display: none;
}
@media all and (min-width: 768px) {
#wrap_gHeader {
width: 100%;
position: fixed;
z-index: 999999;
background: #FFF;
display: none;
}	
}
@media all and (max-width: 767px) {
#wrap_gHeader {
display: block !important;
}
} #gNavi {
float: right;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: right;
font-size: 0;
margin-right: 16px;
}
#gNavi li {
display: inline-block;
font-size: 13px;
margin-left: 32px;
}
#gNavi a {
height: 36px;
color: #877A80;
line-height: 45px;
text-align: center;
display: block;
position: relative;
}
#gNavi a:before {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -16px;
width: 32px;
height: 1px;
content: "";
background-color: inherit;
}
#gNavi a:hover:before {
background-color: #E48887;
}
#gNavi .ja {
display: none;
}
#gNavi a:hover .en {
display: none;
}
#gNavi a:hover .ja {
display: inline-block;
}
@media all and (min-width: 768px) and (max-width: 960px) {
#gNavi a {
margin: 0 5px;
min-width: 85px;
}	
#gNavi .support a {
min-width: 102px;
}
}
@media all and (max-width: 767px) {
#gHeader .sp_tel {
float: right;
margin: 1px 10px 0 0;
}	
#gHeader .sp_tel img {
width: 26px;
height: auto;
}	
#gHeader .sp_mail {
float: right;
margin: 1px 10px 0 0;
}	
#gHeader .sp_mail img {
width: 26px;
height: auto;
}	
} #conts {
} #sideBar {
} #gFooter {
clear: both;
overflow: hidden;
padding: 18px 0 ;
background-color: #f7eae9;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#gFooter .inner {
margin: 0 auto;
max-width: 1198px;
}
#gFooter .lBox ul {
float: left;
padding-top: 4px;
}
#gFooter .lBox li {
margin-right: 5px;
float: left;
}
#gFooter .lBox ul:first-child a:hover img {
filter: alpha(opacity=70);
opacity: 0.7;
}
#gFooter .lBox .fNavi {
padding: 8px 0 0 43px;
}
#gFooter .lBox .fNavi li {
margin-right: 40px;
font-size: 12px;
}
#gFooter .lBox .fNavi a {
padding-top: 3px;
padding-bottom: 5px;
display: block;
font-size: 12px;
position: relative;
}
#gFooter .lBox .fNavi a:before {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -17px;
width: 34px;
height: 1px;
content: "";
background-color: inherit;
} #gFooter .lBox .fNavi a:hover:before {
background-color: #E48887;
}
#gFooter .copyright { float: right;
width: 310px;
text-align: right;
color: #877A80;
font-size: 11px;
}
#gFooter .copyright a.design{
display: block;
text-decoration: underline;
margin-top: .8em;
}
.sp {
display: none !important;
}
.menu {
display: none;
}
.menuBox {
display: none;
}
@media all and (min-width: 768px) {
.menu {
display: none !important;
}
.menuBox {
display: none !important;
}
}
@media all and (min-width: 768px) and (max-width: 1200px) {
#gFooter .inner {
margin: 0 10px;
}
#gFooter .lBox .fNavi {
padding-left: 10px;
}
#gFooter .lBox .fNavi li { }
#gFooter .lBox .fNavi li:first-child{
margin-left: 30px;
}
}
@media all and (min-width: 0) and (max-width: 767px) {
.sp {
display: block !important;
}
.pc {
display: none !important;
}
#container {
position: relative;
}
#gHeader {
position: fixed;
top: 0;
display: none;
left: 0;
width: 100%;
z-index: 1000;
box-sizing: border-box;
padding: 13px 19px 7px 15px;
background-color: inherit;
}
#gHeader .menu {
float: right;
width: 24px;
display: block;
height: 24px;
position: relative;
}
#gHeader h1 img {
width: 93px;
height: auto;
}
#gNavi {
display: none;
}
.menu.active .top {
margin-left: -9px;
width: 23px;
-webkit-transform: translateY(6px) translateX(-3px) rotate(45deg);
-ms-transform: translateY(6px) translateX(-3px) rotate(45deg);
transform: translateY(6px) translateX(-3px) rotate(45deg);
background: #877A80;
}
.menu.active .middle {
opacity: 0;
background: #877A80;
}
.menu.active .bottom {
margin-left: -9px;
width: 23px;
-webkit-transform: translateY(-8px) translateX(-3px) rotate(-45deg);
-ms-transform: translateY(-8px) translateX(-3px) rotate(-45deg);
transform: translateY(-8px) translateX(-3px) rotate(-45deg);
background: #877A80;
}
.menu span {
margin-left: -11px;
background: #877A80;
border: none;
height: 2px;
width: 22px;
position: absolute;
top: 7px;
left: 50%;
-webkit-transition: all .35s ease;
transition: all .35s ease;
}
.menu span:nth-of-type(2) {
top: 14px;
}
.menu span:nth-of-type(3) {
top: 21px;
}	
#main {
margin-bottom: 0px;
}
#gNavi {
display: none;
}
.menuBox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto;
z-index: 999;
}
.menuBox ul {
padding: 53px 25px 0;
background-color: #FFF;
}
.menuBox .sns {
padding: 0 15px 0 0;
font-size: 13px;
color: #877A80;
display: block;
border-top: 2px solid #f7eae9;
}
.menuBox .sns a:first-child {
margin: 0;
padding: 14px 14px 14px 0;
display: inline-block;
border-top: 0;
}
.menuBox .sns a.link {
margin: 16px 0 0 24px;
padding: 0;
float: right;
display: inline-block;
border-top: 0;
}
.menuBox .sns a img {
width: 17px;
height: auto;
}
.menuBox li span {
letter-spacing: 1px;
margin-right: 20px;
font-family: 'proxima-nova', serif;
font-weight: 200;
font-size: 15px;
margin-right: 20px;
}
.menuBox a {
padding: 14px 0;
font-size: 13px;
line-height: 1.48;
color: #877A80;
display: block;
border-top: 2px solid #f7eae9;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.menuBox li:first-child a {
border-top: 0;
}
#gFooter {
padding: 3.6vmin 5.333333vmin;
}
#gFooter .lBox ul:first-child a img {
width: 21px;
height: auto;
}
#gFooter .lBox .fNavi a {
font-size: 10px;
}
#gFooter .lBox .fNavi {
padding-left: 10px;
}
#gFooter .lBox .fNavi li {
margin-right: 10px;
}
#gFooter .copyright { width: auto;
font-size: 2vmin;
}
}
#fair_iframe {
width: 980px;
height: 1949px;
}
  .taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; } .fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; } .fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; } .fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; } .mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; } * html .clearfix {
zoom: 1;
}
*+html .clearfix {
zoom: 1;
}
.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
} #main .comBgBox {
margin-bottom: 63px;
padding: 68px 20px 95px;
position: relative;
transition: all 2s;
-webkit-transition: all 2s;
background-color: #F8EAE9;
background-color: rgba(248, 234, 233, 0); 
}
#main .comBgBox.active {
background-color: rgba(248, 234, 233, 1); 
}
#main .comBgBox:before,
#main .comBgBox:after {
top: 0;
left: 0;
position: absolute;
width: 140px;
height: 100%;
background: url(//www.legrand.accueillir.info/wordpress/img/common/com_bg01.png) repeat-y right top;
content: ' ';
}
#main .comBgBox:before,
#main .comBgBox:after {
opacity: 0;
transition: all 2s;
-webkit-transition: all 2s;
}
#main .comBgBox.active:before,
#main .comBgBox.active:after {
opacity: 1;
}
#main .comBgBox:after {
left: auto;
right: 0;
background: url(//www.legrand.accueillir.info/wordpress/img/common/com_bg02.png) repeat-y left top;
}
#main .comBgBox p {
margin-top: 30px;
font-size: 16px;
line-height: 2.15;
text-align: center;
}
@media all and (min-width: 0) and (max-width: 767px) {
#main .h2Ttl {
font-size: 22px;
}
#main .h2Ttl img {
max-width: 100%;
margin: 0 auto 8px;
}
#main .comBgBox {
margin-bottom: 38px;
padding: 28px 40px 26px;
}
#main .comBgBox:before,
#main .comBgBox:after {
width: 37px;
background-size: 66px auto;
}
#main .comBgBox:after {
background-size: 66px auto;
}
#main .comBgBox p {
margin-top: 15px;
font-size: 13px;
line-height: 2.1;
}
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
}
body { }
a {
color: #231815;
text-decoration: none;
}
a > * {
-webkit-transition:all 200ms linear;
transition:all 200ms linear;
box-shadow: #fff 0 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (min-width: 769px){
a:hover > * {
opacity: 0.6;
}
}
img {
vertical-align: bottom;
max-width: 100%;;
height: auto;
}
ul,ol {
list-style: none;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
} .clearfix {
display: inline-block;
}/*\*/* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}/**/.bold {
font-weight: bold;
}
.colbox {
letter-spacing: -0.4em;
}
.colbox > * {
letter-spacing: normal;
}
.col {
display: inline-block;
vertical-align: top;
}
.table {
display: table;
table-layout: fixed;
width: 100%;
}
.table-header {
display: table-header-group;
}
.table-body {
display: table-row-group;
}
.table-footer {
display: table-footer-group;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
vertical-align: top;
}
.image {
display: inline-block;
vertical-align: top;
width: 100%;
height: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 100%;
}
.image.no-image {
position: relative;
background-color: #ccc;
}
.image.no-image:before {
position: absolute;
content: 'NO IMAGE';
font-weight: bold;
font-size: 1.285rem;
line-height: 1;
margin-top: -0.5em;
color: #fff;
width: 100%;
top: 50%;
left: 0;
text-align: center;
}
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.sp {
display: none !important;
}
@media only screen and (max-width: 768px){
.sp {
display:block !important;
}
img.sp ,
br.sp {
display:inline-block !important;
}
.pc {
display: none !important;
}
} select,
input[type="email"],
input[type="button"],
input[type="text"],
input[type="number"],
input[type="url"],
input[type="submit"] {
-webkit-appearance: none !important;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
select ,
input[type="text"]{
line-height:1;
padding: 5px 3px;
}
::-webkit-input-placeholder {
padding-top: 2px;
}
a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}html {
height: 100%;
font-size: 10px;
}
body {
min-height: 100%;
position: relative;
line-height: 1;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.ribbonbk {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/common/bk_02.png);
background-size: 100%;
}
.proxima {
font-family: 'proxima-nova', serif;
font-weight: 200 !important;
letter-spacing: 0.15em !important;
}
.mintyou {
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.letter-spacing-normal {
letter-spacing: normal !important;
}
#container {
padding: 75px 0 106px;
}
#main {
margin-bottom: 0;
}
#wrap_gHeader {
display: block;
top: 0;
}
#gFooter {
position: absolute;
width: 100%;
bottom: 0;
}
.showBox {
max-width: 980px;
margin: 0 auto;
}
.caption01 .row01 {
padding-top: 10.20408%;
font-weight: normal;
}
.caption01 .row01_03 {
display: block;
font-size: 1.659rem;
padding-top: 1.326531%;
letter-spacing: 0.1em;
}
.caption01 .row02 {
font-size: 1.7rem;
line-height: 1.870588;
margin: -0.435294em 0;
padding-top: 5%;
letter-spacing: 0.12em;
} #main .col.move_scroll {
display: inline-block;
}
#main .move_scroll {
opacity: 0;
display: block;
transition: all 1s;
-webkit-transition: all 1s;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
#main .move_scroll.active {
opacity: 1;
transform: translateY(0);
-webkit-transform: translateY(0);
} #cake .row01_02 {
width: 8.061224%;
}
#cake .row03 {
margin-bottom: 8.673469%;
}
#cake .row03 ul {
margin-left: -7.142857%;
}
#cake .row03 ul li {
display: inline-block;
margin-top: 6.666667%;
padding-left: 6.666667%;
width: 33.33333%;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
#cake .row03_02 {
margin-top: 13.928571%;
}
#cake .row03 ul li:nth-child(1) .row03_02 img {
width: 66.428571%;
}
#cake .row03 ul li:nth-child(2) .row03_02 img {
width: 69.642857%;
}
#cake .row03 ul li:nth-child(3) .row03_02 img {
width: 71.428571%;
}
#cake .row03 ul li:nth-child(4) .row03_02 img {
width: 68.214286%;
}
#cake .row03 ul li:nth-child(5) .row03_02 img {
width: 70.357143%;
}
#cake .row03 ul li:nth-child(6) .row03_02 img {
width: 69.285714%;
}
#cake .row03_03 {
position: relative;
font-size: 2.3rem;
color: #CAB573;
padding-top: 12.5%;
white-space: nowrap;
}
#cake .row03_03:before {
content: '';
position: absolute;
top: 0;
left: 50%;
margin-top: 5%;
width: 14.285714%;
height: 1px;
background-color: #E7E3E4;
-webkit-transform: translate(-50%);
transform: translate(-50%);
}
#cake .row03_04 {
letter-spacing: 0.06em;
font-size: 1.5rem;
padding: 7.5% 0 21.428571%;
} #table_coodinate .row01_02 {
width: 29.387755%;
}
#table_coodinate .row03 {
margin: 0 -5px;
padding: 7.142857% 0 0;
}
#table_coodinate .row03 li + li {
margin-top: 18.181818%;
}
#table_coodinate .row03_01 {
width: 41.010101%;
float: left;
}
#table_coodinate .row03_02 {
width: 55.555556%;
float: right;
}
#table_coodinate .row03 li:nth-child(even) .row03_01 {
float: right;
}
#table_coodinate .row03 li:nth-child(even) .row03_02 {
float: left;
}
#table_coodinate .row03_02_01 img {
width: 52%;
}
#table_coodinate .row03_02_01 img + img {
width: 47%;
margin-left: 1%;
}
#table_coodinate .row03_02_02 {
width: 55.555556%;
padding-left: 2.727273%;
display: inline-block;
float: right;
}
#table_coodinate .row03 li:nth-child(even) .row03_02_02 {
float: left;
}
#table_coodinate .row03 li:nth-child(1) .row03_02_02_01 {
width: 29.345794%;
}
#table_coodinate .row03 li:nth-child(2) .row03_02_02_01 {
width: 31.214953%;
}
#table_coodinate .row03 li:nth-child(3) .row03_02_02_01 {
width: 32.149533%;
}
#table_coodinate .row03_02_02_01 {
padding-top: 8.785047%;
}
#table_coodinate .row03_02_02_02 {
font-size: 2.4rem;
color: #CAB573;
padding-top: 6.915888%;
letter-spacing: 0.07em;
}
#table_coodinate .row03_02_02_03 {
font-size: 1.5rem;
padding-top: 3.925234%;
letter-spacing: 0.04em;
}
#table_coodinate .row03_02_02_04 {
font-size: 1.5rem;
padding-top: 4.672897%;
white-space: nowrap;
letter-spacing: 0.04em;
}
#table_coodinate .row04 {
padding: 11.938776% 0 14.795918%;
font-size: 1.5rem;
} #dress .row01_02 {
width: 8.979592%;
}
#dress .row03 {
margin: 7.551021% -20px 0;
}
#dress .row03 li {
width: 25%;
}
#dress .row04 img {
margin-top: 12.44898%;
width: 23.163265%;
}
#dress .row05 {
padding-top: 4.897959%;
font-size: 1.6rem;
line-height: 2;
margin: -0.5em 0;
}
#dress .row06 a {
display: inline-block;
margin: 5.102041% 0 14.285714%;
width: 37.04081%;
}
#dress .row06 a span {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/dress/dress_24_on.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: top;
display: inline-block;
}
#dress .row06 a span img {
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
#dress .row06 a:hover span img {
opacity: 0;
}
#dress .row06 a:hover > * {
opacity: 1;
} #flower .row01_02 {
width: 11.836735%;
}
#flower .row03 {
padding: 9.183673% 0.765306% 0;
}
#flower .row03_02 {
font-size: 2.4rem;
letter-spacing: 0.05em;
color: #CAB573;
padding-top: 0.60972em;
line-height: 1.177917;
margin: -0.0889585em 0;
}
#flower .row03_03 {
font-size: 1.5rem;
letter-spacing: 0.06em;
padding-top: 1.4em;
}
#flower .row03_04 {
font-size: 1.5rem;
letter-spacing: 0.06em;
line-height: 1.8;
padding-top: 2em;
}
#flower .row03__01 .col01 {
width: 40.829016%;
text-align: right;
margin-top: 9.222798%;
padding-right: 3.005181%;
}
#flower .row03__01 .col01 img {
width: 40.547945%;
}
#flower .row03__01 .col02 {
width: 27.668394%;
}
#flower .row03__01 .col03 {
width: 31.50259%;
padding-left: 0.621762%;
vertical-align: bottom;
}
#flower .row03__02 {
margin-top: 1.554404%;
}
#flower .row03__02 .col01 {
width: 34.611399%;
}
#flower .row03__02 .col02 {
width: 31.813472%;
padding: 0 2.590674% 0 0.621762%;
margin-top: 4.352332%;
}
#flower .row03__02 .col03 {
width: 33.575129%;
margin-top: 8.911917%;
}
#flower .row03__02 .col03 img {
width: 48.765432%;
}
#flower .row03__03 {
margin-top: -5.803109%;
}
#flower .row03__03 .col02 {
width: 61.968912%;
padding-right: 3.937824%;
text-align: right;
vertical-align: bottom;
}
#flower .row03__03 .row03_01 img {
width: 29.390681%;
}
#flower .row03__03 .row03_05 img {
width: 51.878354%;
margin: 6.618962% -5.724508% 0 0;
}
#flower .row03__03 .col03 {
width: 38.031088%;
}
#flower .row03__04 .col01 {
width: 26.217617%;
}
#flower .row03__04 .col02 {
width: 45.699482%;
padding: 0 2.590674% 0 0.621762%;
margin-top: 5.803109%;
}
#flower .row03__04 .col03 {
width: 28.082901%;
margin-top: 16.683938%;
}
#flower .row03__04 .row03_01 {
width: 54%;
}
#flower .row03__05 .col01 {
width: 33.264249%;
text-align: right;
margin-top: 15.233161%;
}
#flower .row03__05 .row03_01 img {
width: 50.46729%;
}
#flower .row03__05 .col02 {
width: 38.963731%;
padding: 0 0.621762% 0 2.590674%;
margin-top: 5.803109%;
}
#flower .row03__05 .col03 {
width: 27.77202%;
}
#flower .row04 {
font-size: 1.5rem;
padding: 12.244898% 0 10.204082%;
} #hair_make .row01_02 {
width: 20.816327%;
}
#hair_make .row03 {
margin-top: 6.938776%;
}
#hair_make .row03 li {
overflow: hidden;
}
#hair_make .row03 li + li {
margin-top: 13.163265%;
}
#hair_make .row03 li:nth-child(odd) .col02 > * {
margin-left: 4.081633%;
}
#hair_make .row03 li:nth-child(even) .col02 > * {
margin-right: 4.081633%;
}
#hair_make .row03 li:nth-child(even) {
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}
#hair_make .row03 .col01 {
width: 55.10204%;
letter-spacing: -0.4em;
}
#hair_make .row03 .col01 .row {
display: inline-block;
vertical-align: top;
width: 50%;
}
#hair_make .row03 .col02 {
width: 44.89796%;
vertical-align: bottom;
text-align: justify;
text-justify: inter-ideograph;
}
#hair_make .row03_03 {
font-size: 2.4rem;
color: #CAB573;
font-weight: normal;
}
#hair_make .row03_04 {
font-size: 1.5rem;
padding-top: 5%;
}
#hair_make .row03_05 {
font-size: 1.5rem;
line-height: 2;
padding-top: 10%;
}
#hair_make .row04 {
padding: 13.469388% 0 12.653061%;
}
#hair_make .row04_01 {
font-size: 2.4rem;
color: #CAB573;
font-weight: normal;
}
#hair_make .row04_02 {
font-size: 1.5rem;
padding-top: 1.632653%;
}
#hair_make .row04_03 {
padding-top: 4.081633%;
font-size: 1.5rem;
line-height: 2;
margin: -0.5em 0;
} #food .row01_02 {
width: 12.244898%;
}
#food .row03 {
margin: 7.142857% -20px 0;
}
#food .row03 li {
width: 33.3333%;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
#food .row04 {
font-size: 1.7rem;
line-height: 1.853529;
margin: -0.4267645em 0;
padding-top: 12.244898%;
}
#food .row05 {
margin-top: 6.632653%;
}
#food .row05 .col {
width: 38.979592%;
}
#food .row05 .col + .col {
margin-left: 2.959184%;
}
#food .row06 {
padding: 8.979592% 0 10.204082%;
font-size: 1.7rem;
} #izumotaisha_wedding #container {
padding-top: 0;
}
#izumotaisha_wedding .pc_mail a:hover > *,
#izumotaisha_wedding .pc_tel a:hover > * {
opacity: 1;
}
#izumotaisha_wedding .pc_mail a {
position: fixed;
bottom: 200px;
right: 40px;
z-index: 999999;
}
#izumotaisha_wedding .pc_tel {
position: fixed;
bottom: 15px;
right: 40px;
z-index: 999999;
}
#izumotaisha_wedding .caption02_01 {
font-size: 3rem;
line-height: 1.553333;
margin: -0.2766665em 0;
font-weight: normal;
color: #E48887;
padding-top: 7.95918%;
}
#izumotaisha_wedding .caption02_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 7.44897%;
}
#izumotaisha_wedding .row09 + .row09 {
margin-top: 2.916667%;
}
#izumotaisha_wedding .row09 .showBox {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp02_03.png);
background-repeat: repeat-x;
background-size: 10.714286%;
border: 1px solid #E48887;
position: relative;
}
#izumotaisha_wedding .row09 .plan_btn a {
display: block;
width: 208px;
height: 46px;
line-height: 48px;
background: #f8eaea;
font-size: 1.4rem;
position: absolute;
right: 56px;
bottom: 56px;
}
#izumotaisha_wedding .row09 .plan_btn a:hover {
background: #f3dbdb;
}
#izumotaisha_wedding .row09 .showBox > .row {
padding-left: 6.836735%;
text-align: left;
}
#izumotaisha_wedding .row09_01 {
padding-top: 13.877551%;
}
#izumotaisha_wedding .row09_01 .col {
vertical-align: baseline;
}
#izumotaisha_wedding .row09_01 .col01 {
position: relative;
font-size: 3.2rem;
width: 67.396061%;
padding-bottom: 1em;
}
#izumotaisha_wedding .row09_01 .col01 span {
font-size: 2.4rem;
}
#izumotaisha_wedding .row09_01 .col01 p + p {
position: absolute;
bottom: 0;
font-size: 1.7rem;
color: #E48887;
}
#izumotaisha_wedding .row09_01 .col02 {
font-size: 3rem;
}
#izumotaisha_wedding .row09_01 .col02_01,
#izumotaisha_wedding .row09_01 .col02_03 {
font-size: 1.5rem;
}
#izumotaisha_wedding .row09_01 .col02_02 {
padding-left: 0.4em;
}
#izumotaisha_wedding .row09_02 {
font-size: 1.4rem;
margin-top: 3.061224%;
}
#izumotaisha_wedding .row09_03 {
padding-top: 4.081633%;
padding-bottom: 6.326531%;
font-size: 1.7rem;
line-height: 1.823529;
margin: -0.4117645em 0;
}
#izumotaisha_wedding .row09_03 li:before {
content: '・ ';
}
#izumotaisha_wedding .row10 {
margin-top: 6.180556%;
background-color: #F8EAEA;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_03.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_04.png);
background-repeat: repeat-y;
background-position: left top,
right top;
background-size: 10.277778%;
}
#izumotaisha_wedding .row10_01 {
padding-top: 8.673469%;
}
#izumotaisha_wedding .row10_01 img {
width: 31.632653%;
}
#izumotaisha_wedding .row10_01 span {
position: relative;
display: block;
font-size: 2rem;
font-weight: normal;
padding-top: 5%;
}
#izumotaisha_wedding .row10_01 span:before {
content: '';
position: absolute;
width: 94.183673%;
height: 2px;
background-color: #fff;
top: 0;
left: 2.9081635%;
margin-top: 2.5%;
}
#izumotaisha_wedding .row10_02 {
margin-top: 5.816327%;
}
#izumotaisha_wedding .row10_02 .col {
position: relative;
}
#izumotaisha_wedding .row10_02 .col .text {
position: absolute;
white-space: nowrap;
}
#izumotaisha_wedding .row10_02 .font15 {
font-size: 1.5rem;
padding-top: 1em;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_02 .font17 {
font-size: 1.7rem;
line-height: 1.764706;
margin: -0.382353em 0;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_02 .font20 {
font-size: 2rem;
line-height: 1.53;
margin: -0.265em 0;
padding-top: 1.2em;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_02 .font24 {
font-size: 2.4rem;
line-height: 1.275;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_02 .col01 {
width: 23.265306%;
}
#izumotaisha_wedding .row10_02 .col01 .text {
top: 57.823129%;
left: -5.627706%;
}
#izumotaisha_wedding .row10_02 .col02 {
width: 27.142857%;
margin: 8.469388% 0 0 26.63265%;
}
#izumotaisha_wedding .row10_02 .col02 .text {
top: 78.911565%;
left: -34.200743%;
}
#izumotaisha_wedding .row10_02 .col03 {
width: 26.122449%;
display: block;
margin: 7.142857% auto 0;
}
#izumotaisha_wedding .row10_02 .col03 .text {
top: 78.231293%;
left: 19.140625%;
}
#izumotaisha_wedding .row10_02 .col04 {
width: 37.040816%;
margin-top: 3.265306%;
}
#izumotaisha_wedding .row10_02 .col04 .text {
top: 77.55102%;
left: 12.396694%;
}
#izumotaisha_wedding .row10_02 .col05 {
width: 32.244898%;
margin-top: 8.571429%;
margin-left: 14.897959%;
}
#izumotaisha_wedding .row10_02 .col05 .text {
top: 77.55102%;
left: -14.873418%;
}
#izumotaisha_wedding .row10_02 .col06 {
width: 28.673469%;
display: block;
margin: 8.877551% auto 9.183673%;
}
#izumotaisha_wedding .row10_02 .col06 .text {
top: 77.55102%;
left: -21.708185%;
}
#izumotaisha_wedding .row10_03 {
font-size: 1.7rem;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_04 {
padding: 5.816327% 0 8.77551%;
}
#izumotaisha_wedding .row11_01 {
padding-top: 13.265306%;
}
#izumotaisha_wedding .row11_01_01 {
font-size: 3.2rem;
letter-spacing: 0.03em;
font-weight: normal;
color: #E48887;
}
#izumotaisha_wedding .row11_01_02 {
font-size: 1.8rem;
letter-spacing: 0.06em;
padding-top: 2.040816%;
}
#izumotaisha_wedding .row11_02 {
margin-top: 5.102041%;
}
#izumotaisha_wedding .row11_02 .col {
width: 45.918367%;
font-size: 1.5rem;
}
#izumotaisha_wedding .row11_02 .col + .col {
margin-left: 7.857143%;
}
#izumotaisha_wedding .row11 .font30 {
font-size: 3rem;
line-height: 1em;
font-weight: normal;
margin-top: -0.3em;
padding-top: 0.666667em;
color: #E48887;
}
#izumotaisha_wedding .row11 .font23 {
font-size: 2.3rem;
}
#izumotaisha_wedding .row11 .font30 + p {
padding-top: 0.666667em;
}
#izumotaisha_wedding .row11_03 {
font-size: 1.5rem;
}
#izumotaisha_wedding .row11_03 img {
width: 66.122449%;
margin-top: 7.44898%;
}
#izumotaisha_wedding .row12 {
margin-top: 8.958333%;
background-color: #EDECEB;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/row12_bk01.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/row12_bk02.png);
background-repeat: repeat-x;
background-position: center top,
center bottom;
background-size: 7.291667%;
padding: 10.833333% 0;
}
#izumotaisha_wedding .row12 .showBox {
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction: row-reverse;
}
#izumotaisha_wedding .row12_01,
#izumotaisha_wedding .row12_02 {
display: inline-block;
vertical-align: top;
text-align: left;
}
#izumotaisha_wedding .row12_01 {
width: 45.71428%;
}
#izumotaisha_wedding .row12_02 {
width: 54.28572%;
}
#izumotaisha_wedding .row12_02_01 {
font-size: 3.2rem;
font-weight: normal;
letter-spacing: 0.06em;
}
#izumotaisha_wedding .row12_02_01 span {
font-size: 1.8rem;
margin-left: 0.4em;
color: #E48887;
}
#izumotaisha_wedding .row12_02_02 {
font-size: 2.1rem;
line-height: 1.552381;
margin: -0.2761905em 0;
padding-top: 1.714286em;
}
#izumotaisha_wedding .row12_02_03 {
font-size: 1.5rem;
text-align: justify;
text-justify: inter-ideograph;
padding: 2.2em 2.666667em 0 0;
line-height: 1.666667;
margin: -0.3333335em 0;
}
#izumotaisha_wedding .access {
padding: 90px 0 97px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
margin-bottom: 4.444444%;
line-height: 1.5;
}
#izumotaisha_wedding .access .h2Ttl img {
margin: 0 auto 8px;
display: block;
}
#izumotaisha_wedding .access:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center top;
background-size: cover;
}
#izumotaisha_wedding .access .inner {
position: relative;
margin: 0 auto;
padding: 58px 0 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 405px;
text-align: center;
}
#izumotaisha_wedding .access .inner:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #FFF;
}
#izumotaisha_wedding .access .h2Ttl {
margin-bottom: 23px;
padding-bottom: 16px;
position: relative;
font-size: 17px;
font-weight: normal;
}
#izumotaisha_wedding .access .h2Ttl:before {
width: 26px;
height: 1px;
background-color: #cdb8d1;
position: absolute;
left: 50%;
margin-left: -13px;
bottom: 0;
content: "";
}
#izumotaisha_wedding .access dl {
margin-bottom: 35px;
font-size: 15px;
color: #877A80;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 1px;
line-height: 1.66;
}
#izumotaisha_wedding .access dt {
margin-bottom: 6px;
}
#izumotaisha_wedding .access dd {
margin-bottom: 28px;
}
#izumotaisha_wedding .access p {
font-size: 20px;
letter-spacing: 1px;
color: #E48887;
}
#izumotaisha_wedding .access .tel {
margin-top: 0;
letter-spacing: 0.1em;
font-size: 34px;
font-family: 'proxima-nova', serif;
font-weight: 200;
}
#izumotaisha_wedding .access .tel a {
color: #E48887;
pointer-events: none;
}
#izumotaisha_wedding .access .holiday {
font-size: 14px;
letter-spacing: 0;
} #photo_wedding .pc_mail a {
position: fixed;
bottom: 200px;
right: 40px;
z-index: 999999;
}
#photo_wedding .pc_mail a {
position: fixed;
bottom: 200px;
right: 40px;
z-index: 999999;
}
#photo_wedding .pc_mail a:hover > * {
opacity: 1;
}
#photo_wedding .pc_tel {
position: fixed;
bottom: 15px;
right: 40px;
z-index: 999999;
}
#photo_wedding #container {
padding: 0;
}
#photo_wedding #mainFooter {
margin-top: 90px;
}
#photo_wedding #mainFooter .col01 .innerBox {
text-align: left;
}
#photo_wedding #mainFooter .menu-sns-container img {
width: 2.5rem;
margin-top: 1px;
}
#photo_wedding #mainFooter .menu {
display: block !important;
}
#photo_wedding .row01 img {
width: 100%;
}
#photo_wedding .caption02_01 {
font-size: 3rem;
line-height: 1.553333;
margin: -0.2766665em 0;
font-weight: normal;
color: #E48887;
padding-top: 7.95918%;
}
#photo_wedding .caption02_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: bold;
padding: 3.571429% 0 7.44897%;
}
#photo_wedding .row03 img {
width: 100%;
}
#photo_wedding .row04_01 {
padding-top: 8.673469%;
}
#photo_wedding .row04_01 span {
position: relative;
display: block;
font-size: 2rem;
font-weight: normal;
padding-top: 6%;
}
#photo_wedding .row04_01 span:before {
content: '';
position: absolute;
width: 94.183673%;
height: 2px;
background-color: #e48887;
top: 0;
left: 2.9081635%;
margin-top: 2.5%;
}
#photo_wedding .spot_point {
position: relative;
}
#photo_wedding .row04_02.caption02_03 {
position: absolute;
top: -150px;
left: 50%;
margin-left: 270px;
}
#photo_wedding .slider-box .carousel-cell {
position: relative;
padding: 0 80px;
z-index: 2;
opacity: .5;
}
#photo_wedding .slider-box .carousel-cell.slick-active {
opacity: 1;
}
#photo_wedding .slider-box .carousel-cell .text-area {
background-color: #f8eaea;
padding: 25px 0 35px;
}
#photo_wedding .slider-box .carousel-cell .text-area .title {
font-size: 2rem;
line-height: 1.5em;
}
#photo_wedding .slider-box .carousel-cell .text-area p {
margin-top: 18px;
font-size: 1.6rem;
line-height: 2em;
}
#photo_wedding .slider-box .prev-arrow,
#photo_wedding .slider-box .next-arrow {
position: absolute;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
width: 14px;
height: 14px;
z-index: 1;
}
#photo_wedding .slider-box .next-arrow {
left: 50%;
margin-left: 320px;
}
#photo_wedding .slider-box .prev-arrow {
right: 50%;
margin-right: 320px;
}
#photo_wedding .slider-box .prev-arrow:after {
position: absolute;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 2px solid #e48887;
border-right: 2px solid #e48887;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
cursor: pointer;
z-index: 3;
}
#photo_wedding .slider-box .next-arrow:after {
position: absolute;
margin: auto;
content: "";
vertical-align: middle;
width: 30px;
height: 30px;
border-top: 2px solid #e48887;
border-right: 2px solid #e48887;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
cursor: pointer;
z-index: 3;
margin-left: -30px;
}
#photo_wedding .row05 {
margin-top: 200px;
}
#photo_wedding .row05_01 {
padding-bottom: 5%;
}
#photo_wedding .row05_01:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: #e48887;
bottom: 0;
left: 0;
margin-bottom: 2.5%;
}
#photo_wedding .row04 .point-list {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 120px;
}
#photo_wedding .row04 .point-list .point-block {
position: relative;
background-color: #fef4f6;
border-radius: 10px;
width: 48%;
max-width: 465px;
margin-top: 60px;
padding: 30px 20px 25px;
}
#photo_wedding .row04 .point-list .point-block span {
position: absolute;
top: -10px;
left: -27px;
}
#photo_wedding .row04 .point-list .point-block .point-title {
color: #e48887;
font-size: 2rem;
font-weight: normal;
letter-spacing: 3px;
}
#photo_wedding .row04 .point-list .point-block p {
position: relative;
display: block;
padding-top: 5%;
font-size: 1.6rem;
line-height: 1.5em;
}
#photo_wedding .row04 .point-list .point-block p:before {
content: '';
position: absolute;
width: 94.183673%;
height: 1px;
border-top: 1px dashed #e48887;
top: 0;
left: 2.9081635%;
margin-top: 2.5%;
}
#photo_wedding .row05 .gallery-box ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 50px;
}
#photo_wedding .row05 .gallery-box ul li {
margin-top: 50px;
}
#photo_wedding #colorbox,
#photo_wedding #cboxWrapper {
overflow: unset !important;
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, #photo_wedding #colorbox {
overflow: unset !important;
}
*::-ms-backdrop, #photo_wedding #cboxWrapper {
overflow: unset !important;
}
}
#photo_wedding #cboxContent {
background: #fff;
margin-top: 0;
}
#photo_wedding #cboxLoadedContent {
background: #fff;
padding: 25px 25px 15px;
}
#photo_wedding #cboxTitle {
position: relative;
top: auto;
left: auto;
bottom: auto;
width: 100%;
background-color: #fff;
padding: 10px 20px 30px;
color: #877b80;
font-size: 2rem;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
text-align: center;
}
#photo_wedding #cboxTitle img {
margin-right: 25px;
vertical-align: baseline;
}
#photo_wedding #cboxClose {
background: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/photo_wedding/gallery_btn_close.png);
top: 0;
width: 40px;
height: 40px;
}
#photo_wedding .row05 .more_button a {
position: relative;
display: inline-block;
width: 300px;
padding: 15px 20px;
color: #e48887;
font-size: 2rem;
text-align: center;
border: 1px solid #e48887;
border-radius: 30px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#photo_wedding .row05 .more_button a:hover {
opacity: .6;
}
#photo_wedding .row05 .more_button a:after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
content: "";
vertical-align: middle;
right: 15px;
width: 8px;
height: 8px;
border-top: 1px solid #e48887;
border-right: 1px solid #e48887;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#photo_wedding .row06 {
margin-top: 200px;
background-color: #F8EAEA;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_03.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_04.png);
background-repeat: repeat-y;
background-position: left top, right top;
background-size: 10.277778%;
}
#photo_wedding .row06_01 {
padding-top: 8.673469%;
}
#photo_wedding .row06_01 p {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 7.44897%;
}
#photo_wedding .row06 .voice-list {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
#photo_wedding .row06 .voice-list .voice-block {
position: relative;
background-color: #fff;
border-radius: 50%;
width: 48vw;
height: 48vw;
max-width: 450px;
max-height: 450px;
margin: 10px 1% 0;
padding: 30px 20px 25px;
}
#photo_wedding .row06 .voice-list .voice-block .name {
margin-top: 20px;
color: #e48887;
font-size: 2rem;
}
#photo_wedding .row06 .voice-list .voice-block .text {
width: 75%;
margin: 20px auto 0;
font-size: 1.5rem;
line-height: 1.75em;
text-align: left;
}
#photo_wedding .row06 .row06_03 {
color: #e48887;
margin-top: 50px;
padding-bottom: 100px;
font-size: 1.6rem;
line-height: 1.75em;
}
#photo_wedding .row07 {
padding-bottom: 200px;
}
#photo_wedding .row07 .row07_01 {
padding-top: 200px;
}
#photo_wedding .row07 .row07_02.caption02_02 {
font-size: 2rem;
}
#photo_wedding .plan-list {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 980px;
margin: 0 auto;
}
#photo_wedding .plan-list .showBox {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/photo_wedding/plan_bg.png);
background-position: bottom center;
background-repeat: repeat-x;
background-size: 21.714286%;
border: 1px solid #E48887;
width: 48%;
max-width: 465px;
padding: 25px 45px 100px;
}
#photo_wedding .plan-list .showBox .pattern {
display: inline-block;
}
#photo_wedding .plan-list .showBox .pattern p {
display: block;
padding: 5px 15px;
color: #e48887;
font-size: 1.8rem;
border: 1px solid #e48887;
border-radius: 20px;
}
#photo_wedding .plan-list .showBox .title-area h3 {
margin-top: 25px;
color: #858683;
font-size: 3.2rem;
letter-spacing: 2px;
}
#photo_wedding .plan-list .showBox .title-area p {
margin-top: 15px;
color: #e48887;
font-size: 1.7rem;
}
#photo_wedding .plan-list .showBox .price-area {
width: 100%;
margin-top: 25px;
padding: 20px 0;
border-top: 1px solid #f8eaea;
border-bottom: 1px solid #f8eaea;
}
#photo_wedding .plan-list .showBox .price-area .colbox {
display: flex;
justify-content: space-between;
align-items: center;
}
#photo_wedding .plan-list .showBox .price-area .col {
vertical-align: middle;
}
#photo_wedding .plan-list .showBox .price-area .col02_01,
#photo_wedding .plan-list .showBox .price-area .col02_03 {
font-size: 1.7rem;
}
#photo_wedding .plan-list .showBox .price-area .price {
font-size: 0;
}
#photo_wedding .plan-list .showBox .price-area .col02_02 {
font-size: 2.5rem;
}
#photo_wedding .plan-list .showBox .text-area {
margin-top: 25px;
font-size: 1.7rem;
text-align: left;
line-height: 2em;
}
#photo_wedding .plan-list .showBox .text-area li {
padding-left: 1rem;
text-indent: -1rem;
color: #858683;
}
#photo_wedding .plan-list .showBox .text-area li:before {
content: '・ ';
}
#photo_wedding .row07_04 {
margin-top: 120px;
}
#photo_wedding .row08 {
background-color: #f8eaea;
padding-top: 8.673469%;
padding-bottom: 8.77551%;;
}
#photo_wedding .row08_01 span {
position: relative;
display: block;
font-size: 2rem;
font-weight: normal;
padding-top: 2%;
}
#photo_wedding .row08_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 0;
display: block;
}
#photo_wedding .row08_03 {
padding: 4.571429% 0 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#photo_wedding .access {
padding: 90px 0 97px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1.5;
}
#photo_wedding .access .h2Ttl img {
margin: 0 auto 8px;
display: block;
}
#photo_wedding .access:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center top;
background-size: cover;
}
#photo_wedding .access .inner {
position: relative;
margin: 0 auto;
padding: 58px 0 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 405px;
text-align: center;
}
#photo_wedding .access .inner:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #FFF;
}
#photo_wedding .access .h2Ttl {
margin-bottom: 23px;
padding-bottom: 16px;
position: relative;
font-size: 17px;
font-weight: normal;
}
#photo_wedding .access .h2Ttl:before {
width: 26px;
height: 1px;
background-color: #cdb8d1;
position: absolute;
left: 50%;
margin-left: -13px;
bottom: 0;
content: "";
}
#photo_wedding .access dl {
margin-bottom: 35px;
font-size: 15px;
color: #877A80;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 1px;
line-height: 1.66;
}
#photo_wedding .access dt {
margin-bottom: 6px;
}
#photo_wedding .access dd {
margin-bottom: 28px;
}
#photo_wedding .access p {
font-size: 20px;
letter-spacing: 1px;
color: #E48887;
}
#photo_wedding .access .tel {
margin-top: 0;
letter-spacing: 0.1em;
font-size: 34px;
font-family: 'proxima-nova', serif;
font-weight: 200;
}
#photo_wedding .access .tel a {
color: #E48887;
pointer-events: none;
}
#photo_wedding .access .holiday {
font-size: 14px;
letter-spacing: 0;
} .strokeAction {
width: 100%;
}
.strokeAction line,
.strokeAction path {
stroke-dasharray: 2000;
stroke-dashoffset: 0;
}
.strokeAction.on line,
.strokeAction.on path {
-webkit-animation: strokeAction 3s linear 0s forwards;
animation: strokeAction 3s linear 0s forwards;
}
@-webkit-keyframes strokeAction {
0% {
stroke-dashoffset: 2000;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes strokeAction {
0% {
stroke-dashoffset: 2000;
}
100% {
stroke-dashoffset: 0;
}
}
#minimum_wedding .pc_mail a {
position: fixed;
bottom: 200px;
right: 40px;
z-index: 999999;
}
#minimum_wedding .pc_mail a {
position: fixed;
bottom: 200px;
right: 40px;
z-index: 999999;
}
#minimum_wedding .pc_mail a:hover > * {
opacity: 1;
}
#minimum_wedding .pc_tel {
position: fixed;
bottom: 15px;
right: 40px;
z-index: 999999;
}
#minimum_wedding #container {
padding: 0;
}
#minimum_wedding #mainFooter {
margin-top: 90px;
}
#minimum_wedding #mainFooter .col01 .innerBox {
text-align: left;
}
#minimum_wedding #mainFooter .menu-sns-container img {
width: 2.5rem;
margin-top: 1px;
}
#minimum_wedding #mainFooter .menu {
display: block !important;
}
#minimum_wedding .row01 img {
width: 100%;
}
#minimum_wedding .caption02_01 {
font-size: 3rem;
line-height: 1.553333;
margin: -0.2766665em 0;
font-weight: normal;
color: #E48887;
padding-top: 7.95918%;
}
#minimum_wedding .caption02_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: bold;
padding: 3.571429% 0 7.44897%;
}
#minimum_wedding .row04_01 {
padding-top: 8.673469%;
}
#minimum_wedding .row04_01 span {
position: relative;
display: block;
max-width: 980px;
margin: 0 auto;
font-size: 2rem;
font-weight: normal;
padding-top: 5.25rem;
}
#minimum_wedding .row04_01 span:before {
content: '';
position: absolute;
width: 94.183673%;
height: 2px;
background-color: #e48887;
top: 0;
left: 2.9081635%;
margin-top: 2.5%;
}
#minimum_wedding .hospitality-contents {
width: 90%;
max-width: 1320px;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/hospitality_bg01.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/hospitality_bg03.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/hospitality_bg02.png);
background-position: center top, center bottom, center center;
background-repeat: no-repeat, no-repeat, repeat-y;
background-size: 100% auto, 100% auto, 100% auto;
margin: 0 auto;
padding-bottom: 75px;
}
#minimum_wedding .hospitality-contents .innerBox {
width: 90%;
}
#minimum_wedding .hospitality-list {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto;
}
#minimum_wedding .hospitality-list .hospitality-block {
width: 30%;
}
#minimum_wedding .hospitality-list .hospitality-block figure {
margin: 0;
}
#minimum_wedding .hospitality-list .hospitality-block .hospitality-title {
color: #e48887;
font-size: 1.8rem;
line-height: 1.5em;
}
#minimum_wedding .hospitality-list .hospitality-block p {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.75em;
text-align: left;
}
#minimum_wedding .row05 {
margin-top: 200px;
}
#minimum_wedding .row05_01 {
padding-bottom: 5%;
}
#minimum_wedding .row05_01:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: #e48887;
bottom: 0;
left: 0;
margin-bottom: 2.5%;
}
#minimum_wedding .row04 {
position: relative;
}
#minimum_wedding .row04 .row04_bg {
position: absolute;
top: 60vw;
width: 100%;
left: 0;
height: auto;
text-align: left;
}
#minimum_wedding .row04 .point-list {
margin-bottom: 120px;
}
#minimum_wedding .row04 .point-list .point-block {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 60px;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2n) {
justify-content: flex-end;
}
#minimum_wedding .row04 .point-list .point-block:first-of-type {
align-items: flex-start;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2) {
margin-top: -50px;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(3) {
margin-top: -30px;
}
#minimum_wedding .row04 .point-list .point-block .img-area {
width: 48%;
}
#minimum_wedding .row04 .point-list .point-block .img-area img {
width: 100%;
}
#minimum_wedding .row04 .point-list .point-block .text-area {
width: 40%;
max-width: 380px;
margin: 0 2%;
text-align: left;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2n) .img-area {
order: 2;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2n) .text-area {
order: 1;
}
#minimum_wedding .row04 .point-list .point-block .point-title {
font-size: 2rem;
font-weight: normal;
line-height: 1.75em;
}
#minimum_wedding .row04 .point-list .point-block span {
display: block;
margin-bottom: 25px;
}
#minimum_wedding .row04 .point-list .point-block p {
position: relative;
display: block;
padding-top: 5%;
font-size: 1.5rem;
line-height: 2em;
}
#minimum_wedding .row06 {
margin-top: 10.180556%;
background-color: #F8EAEA;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_03.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/izumotaisha_wedding/lp03_04.png);
background-repeat: repeat-y;
background-position: left top, right top;
background-size: 10.277778%;
}
#minimum_wedding .row06_01 {
padding-top: 8.673469%;
}
#minimum_wedding .row06_01 p {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 7.44897%;
}
#minimum_wedding .row06 .voice-list {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
#minimum_wedding .row06 .voice-list .voice-block {
position: relative;
background-color: #fff;
border-radius: 50%;
width: calc(100% / 3);
height: calc(100% / 3);
min-width: 450px;
min-height: 450px;
margin: 10px 1% 0;
padding: 30px 20px 25px;
}
#minimum_wedding .row06 .voice-list .voice-block .name {
margin-top: 20px;
color: #e48887;
font-size: 2rem;
}
#minimum_wedding .row06 .voice-list .voice-block .text {
width: 75%;
margin: 15px auto 0;
font-size: 1.5rem;
line-height: 1.75em;
text-align: left;
}
#minimum_wedding .row06 .row06_03 {
color: #e48887;
margin-top: 50px;
padding-bottom: 100px;
font-size: 1.6rem;
line-height: 1.75em;
}
#minimum_wedding .row03 .row03_01 {
padding-top: 200px;
}
#minimum_wedding .row03 .row03_01 span {
display: block;
margin-top: 15px;
font-size: 2rem;
font-weight: normal;
}
#minimum_wedding .row03 .row03_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 7.44897%;
}
#minimum_wedding .place-list {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 980px;
margin: 0 auto;
}
#minimum_wedding .place-list .showBox {
width: 48%;
max-width: 465px;
}
#minimum_wedding .place-list .showBox figure {
margin: 0;
}
#minimum_wedding .place-list .showBox h3 {
font-size: 3rem;
line-height: 1em;
font-weight: normal;
padding-top: 0.366667em;
color: #E48887;
}
#minimum_wedding .place-list .showBox h3 .font23 {
font-size: 2.3rem;
}
#minimum_wedding .place-list .showBox h3.font30 + p {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
margin-top: 10px;
font-size: 1.5rem;
}
#minimum_wedding .place-list .showBox .people-text {
margin-top: 20px;
font-size: 1.6rem;
line-height: 1.75em;
text-align: left;
}
#minimum_wedding .place-list .showBox .people-area {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
margin-top: 15px;
padding: 10px 15px;
color: #e48887;
font-size: 1.5rem;
border: 1px solid #e48887;
border-radius: 20px;
}
#minimum_wedding .row07 {
padding-bottom: 200px;
}
#minimum_wedding .row07 .row07_01 {
padding-top: 13.95918%;
}
#minimum_wedding .row07 .row07_02.caption02_02 {
font-size: 2rem;
}
#minimum_wedding .plan-list {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-width: 980px;
margin: 0 auto;
}
#minimum_wedding .plan-list .showBox {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/photo_wedding/plan_bg.png);
background-position: bottom center;
background-repeat: repeat-x;
background-size: 21.714286%;
border: 1px solid #E48887;
width: 48%;
max-width: 465px;
padding: 25px 45px 40px;
}
#minimum_wedding .plan-list .showBox .pattern {
display: inline-block;
}
#minimum_wedding .plan-list .showBox .pattern p {
display: block;
padding: 5px 15px;
color: #e48887;
font-size: 1.8rem;
border: 1px solid #e48887;
border-radius: 20px;
}
#minimum_wedding .plan-list .showBox .title-area {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin-top: 25px;
}
#minimum_wedding .plan-list .showBox .title-area h3 {
color: #858683;
font-size: 3.2rem;
letter-spacing: 2px;
}
#minimum_wedding .plan-list .showBox .title-area p {
margin-top: 15px;
color: #e48887;
font-size: 1.7rem;
}
#minimum_wedding .plan-list .showBox .people-area {
width: 100%;
margin-top: 25px;
padding: 20px 0;
border-top: 1px solid #f8eaea;
}
#minimum_wedding .plan-list .showBox .price-area {
width: 100%;
padding: 20px 0;
border-top: 1px solid #f8eaea;
border-bottom: 1px solid #f8eaea;
}
#minimum_wedding .plan-list .showBox .people-area .colbox,
#minimum_wedding .plan-list .showBox .price-area .colbox {
display: flex;
justify-content: space-between;
align-items: center;
}
#minimum_wedding .plan-list .showBox .people-area .col,
#minimum_wedding .plan-list .showBox .price-area .col {
vertical-align: middle;
}
#minimum_wedding .plan-list .showBox .people-area .col02_01,
#minimum_wedding .plan-list .showBox .people-area .col02_03,
#minimum_wedding .plan-list .showBox .price-area .col02_01,
#minimum_wedding .plan-list .showBox .price-area .col02_03 {
font-size: 1.7rem;
}
#minimum_wedding .plan-list .showBox .price-area .price {
font-size: 0;
}
#minimum_wedding .plan-list .showBox .people-area .col02_02,
#minimum_wedding .plan-list .showBox .price-area .col02_02 {
font-size: 2.5rem;
}
#minimum_wedding .plan-list .showBox .price02 {
margin-top: 15px;
font-size: 1.5rem;
text-align: right;
}
#minimum_wedding .plan-list .showBox .text-area {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 25px;
font-size: 1.7rem;
text-align: left;
line-height: 2em;
}
#minimum_wedding .plan-list .showBox .text-area ul {
width: 49%;
}
#minimum_wedding .plan-list .showBox .text-area li {
padding-left: 1rem;
text-indent: -1rem;
color: #858683;
}
#minimum_wedding .plan-list .showBox .text-area li:before {
content: '・ ';
}
#minimum_wedding .plan-list .showBox .text-area .list-text {
padding-left: 1rem;
text-indent: -1rem;
}
#minimum_wedding .plan-list .showBox .text-area .list-text:before {
content: '・ ';
}
#minimum_wedding .price02-text {
margin-top: 50px;
font-size: 1.5rem;
}
#minimum_wedding .row07_04 {
margin-top: 120px;
}
#minimum_wedding .row08 {
background-color: #f8eaea;
padding-top: 8.673469%;
padding-bottom: 8.77551%;;
}
#minimum_wedding .row08_01 span {
position: relative;
display: block;
font-size: 2rem;
font-weight: normal;
padding-top: 2%;
}
#minimum_wedding .row08_02 {
font-size: 1.6rem;
line-height: 1.75;
margin: -0.375em 0;
font-weight: normal;
padding: 3.571429% 0 0;
display: block;
}
#minimum_wedding .row08_03 {
padding: 4.571429% 0 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#minimum_wedding .access {
padding: 90px 0 97px;
position: relative;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1.5;
}
#minimum_wedding .access .h2Ttl img {
margin: 0 auto 8px;
display: block;
}
#minimum_wedding .access:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center top;
background-size: cover;
}
#minimum_wedding .access .inner {
position: relative;
margin: 0 auto;
padding: 58px 0 45px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 405px;
text-align: center;
}
#minimum_wedding .access .inner:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: "";
background-color: #FFF;
}
#minimum_wedding .access .h2Ttl {
margin-bottom: 23px;
padding-bottom: 16px;
position: relative;
font-size: 17px;
font-weight: normal;
}
#minimum_wedding .access .h2Ttl:before {
width: 26px;
height: 1px;
background-color: #cdb8d1;
position: absolute;
left: 50%;
margin-left: -13px;
bottom: 0;
content: "";
}
#minimum_wedding .access dl {
margin-bottom: 35px;
font-size: 15px;
color: #877A80;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 1px;
line-height: 1.66;
}
#minimum_wedding .access dt {
margin-bottom: 6px;
}
#minimum_wedding .access dd {
margin-bottom: 28px;
}
#minimum_wedding .access p {
font-size: 20px;
letter-spacing: 1px;
color: #E48887;
}
#minimum_wedding .access .tel {
margin-top: 0;
letter-spacing: 0.1em;
font-size: 34px;
font-family: 'proxima-nova', serif;
font-weight: 200;
}
#minimum_wedding .access .tel a {
color: #E48887;
pointer-events: none;
}
#minimum_wedding .access .holiday {
font-size: 14px;
letter-spacing: 0;
} #recruit .showBox {
max-width: 945px;
}
#recruit .row03 {
font-size: 1.7rem;
padding: 7.407407% 0;
}
#recruit table {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
width: 100%;
table-layout: fixed;
font-size: 1.5rem;
line-height: 1.466667;
}
#recruit table + table {
margin-top: 6.772487%;
}
#recruit table caption {
text-align: left;
font-size: 1.9rem;
background-color: #F8EAEA;
line-height: 1;
padding: 1.269841% 1.481481%;
}
#recruit table th {
vertical-align: top;
width: 131px;
font-weight: normal;
color: #E48887;
}
#recruit .row04 tr + tr > * {
border-top: 1px solid #F8EAEA;
}
#recruit .row04 th,
#recruit .row04 td {
padding: 2em 0;
}
#recruit .row05 caption,
#recruit .row06 caption {
margin-bottom: 1.587302%;
}
#recruit .row05 tr > *,
#recruit .row06 tr > * {
padding: 1.466667em 0;
}
#recruit .row07 a {
display: inline-block;
width: 22.539683%;
margin: 11.957672% 0 9.206349%;
} #recruit.form ::-webkit-input-placeholder {
color: #999999;
}
#recruit.form ::-moz-placeholder {
color: #999999;
}
#recruit.form :-moz-placeholder {
color: #999999;
}
#recruit.form input:-ms-input-placeholder {
color: #999999;
}
#recruit.form .selectBox {
position: relative;
display: inline-block;
}
#recruit.form .selectBox + .selectBox {
margin-left: 20px;
}
#recruit.form .selectBox:before {
content: '';
position: absolute;
right: 7px;
top: 50%;
margin-top: -6px;
width: 5px;
height: 12px;
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/recruit/select_07.jpg);
background-size: cover;
}
#recruit.form .selectBox select {
display: block;
border-radius: 3px;
padding: 5px 3px;
position: relative;
padding-right: 25px;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#recruit.form .radioBox {
position: relative;
}
#recruit.form .radioBox + .radioBox {
margin-left: 25px;
}
#recruit.form .radioBox input {
opacity: 0;
position: absolute;
display: inline-block;
}
#recruit.form .radioBox .label {
padding-left: 27px;
}
#recruit.form .radioBox .label:before {
content: '';
position: absolute;
width: 18px;
height: 18px;
border: 1px solid #877B80;
border-radius: 50%;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#recruit.form .radioBox input:checked + .label:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #E48887;
left: 4px;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#recruit.form .showBox {
max-width: 920px;
}
#recruit.form .row08 {
font-size: 2rem;
padding-top: 9.456522%;
font-weight: normal;
}
#recruit.form .row09 {
font-size: 1.4rem;
padding-top: 2.5%;
}
#recruit.form .row09 span {
color: #E48887;
font-size: 1.5rem;
margin-left: 1em;
}
#recruit.form .row10 {
font-size: 1.4rem;
padding-top: 9.456522%;
}
#recruit.form input,
#recruit.form select,
#recruit.form textarea {
font-size: 1.25rem;
border: 1px solid #877B80;
line-height: 1.28;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#recruit.form textarea {
padding: 5px 3px;
}
#recruit.form table {
font-size: 1.6rem;
line-height: 1.609375;
}
#recruit.form table th {
color: #877B80;
width: 287px;
}
#recruit.form table td {
font-size: 1.5rem;
}
#recruit.form table th .required {
color: #E48887;
}
#recruit.form table tr > * {
padding: 12.5px 0;
}
#recruit.form .row10 input {
width: 153px;
}
#recruit.form .row10_01 input + input,
#recruit.form .row10_02 input + input {
margin-left: 20px;
}
#recruit.form .row10_05 input {
margin-right: 15px;
}
#recruit.form .row10_06 .col01 input {
width: 93px;
margin-right: 40px;
}
#recruit.form .row10_06 .col02 input {
margin-right: 15px;
}
#recruit.form .row10_06 .col03 {
display: block;
margin-top: 20px;
white-space: nowrap;
}
#recruit.form .row10_06 .col03 input {
width: 394px;
}
#recruit.form .row10_07 input {
width: 93px;
}
#recruit.form .row10_07 td span {
display: inline-block;
vertical-align: middle;
width: 12px;
margin: 0 9px;
border: 1px solid;
}
#recruit.form .row10_12 input,
#recruit.form .row10_08 input,
#recruit.form .row10_09 input {
width: 323px;
}
#recruit.form .row10_10 input {
width: 93px;
}
#recruit.form .row10_13 textarea {
width: 400px;
height: 159px;
}
#recruit.form button {
padding: 0;
margin: 0;
border: none;
display: inline-block;
cursor: pointer;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
#recruit .row07 button {
display: inline-block;
width: 22.539683%;
margin: 11.957672% 0 9.206349%;
}
#recruit.form p.error {
font-size: 1.2rem;
line-height: 1;
padding-top: 0.4em;
color: #e71f19;
}
#recruit.form .error .radioBox .label:before,
#recruit.form .error .selectBox select,
#recruit.form .error input {
border-color: #e71f19;
} #recruit.confirm .row07 button {
width: 19.565217%
}
#recruit.confirm .row07 button + button {
margin-left: 1.521739%;
} #recruit .row11 {
font-size: 2.7rem;
color: #CAB573;
font-weight: normal;
padding-top: 11.52173%;
}
#recruit .row12 {
padding-top: 4.891304%;
font-size: 2.1rem;
}
#recruit .row13 {
padding-top: 3.913043%;
font-size: 1.8rem;
}
#recruit .row14 {
padding-top: 4.130435%;
font-size: 1.4rem;
line-height: 2.232143;
margin: -0.6160715em 0;
}
#recruit .row15 a {
display: inline-block;
margin: 11.957672% 0 9.206349%;
width: 22.539683%;
} @media only screen and (min-width: 1440px) {
#izumotaisha_wedding .row10 {
background-size: 148px;
}
#izumotaisha_wedding .row12 {
background-size: 105px;
}
}
@media only screen and (min-width: 769px) {
#recruit button:hover {
opacity: 0.6;
}
}
@media only screen and (max-width: 768px) { #gHeader {
display: block;
}
#container {
padding: 0;
}
#gFooter {
position: static;
}
.caption01 {
position: relative;
padding-top: 0;
}
.caption01 .row01 {
padding-top: 0;
}
.caption01 .innerBox {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.caption01 .row01_03 {
color: #fff;
font-size: 1.6rem;
font-size: 4.266667vw;
}
.caption01 .row02 {
padding-top: 13.6%;
font-size: 1.4rem;
font-size: 3.733333vw;
line-height: 1.964286;
letter-spacing: 0.08em;
} #cake .row01_02 {
width: 16.533333%;
}
#cake .row03 {
margin-top: 12.8%;
}
#cake .row03 ul {
margin: 0;
padding: 0 4.533333%;
}
#cake .row03 ul li {
width: 50%;
padding: 0;
margin: 0;
}
#cake .row03 ul li:nth-child(odd) {
padding-right: 1.6%;
}
#cake .row03 ul li:nth-child(even) {
padding-left: 1.6%;
}
#cake .row03_03 {
margin-top: 12.5%;
font-size: 1.4rem;
font-size: 3.733333vw;
line-height: 1.285714;
margin: -0.142857em 0;
}
#cake .row03_04 {
letter-spacing: 0.06em;
padding: 7.142857% 0 32.142857%;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.285714;
} #table_coodinate .row01_02 {
width: 60%;
}
#table_coodinate .row03 {
margin: 0;
padding: 12% 0 0;
}
#table_coodinate .row03 li + li {
margin-top: 19%;
}
#table_coodinate .row03_01 {
width: 47.333333%;
margin-left: 5.333333%;
}
#table_coodinate .row03_02 {
width: 38.266667%;
margin-right: 5.333333%;
}
#table_coodinate .row03 li:nth-child(even) .row03_01 {
margin-left: 0;
margin-right: 5.333333%;
}
#table_coodinate .row03 li:nth-child(even) .row03_02 {
margin-right: 0;
margin-left: 5.333333%;
}
#table_coodinate .row03_02_01 img,
#table_coodinate .row03_02_01 img + img {
width: 100%;
}
#table_coodinate .row03_02_01 img + img {
margin: 3.83275% 0 0;
}
#table_coodinate .row03_02_02 {
width: 100%;
float: none;
margin-top: -14%;
padding: 0 5.333333%;
}
#table_coodinate .row03 li:nth-child(even) .row03_02_02 {
text-align: right;
}
#table_coodinate .row03 li:nth-child(1) .row03_02_02_01 {
width: 29.550457%;
}
#table_coodinate .row03 li:nth-child(2) .row03_02_02_01 {
width: 31.520488%;
}
#table_coodinate .row03 li:nth-child(3) .row03_02_02_01 {
width: 32.415956%;
0.63578256857800825973212405818352
}
#table_coodinate .row03_02_02_01 {
padding-top: 8.954684%;
}
#table_coodinate .row03_02_02_02 {
font-size: 1.4rem;
font-size: 3.733333vw;
padding-top: 7.701028%;
letter-spacing: 0.07em;
}
#table_coodinate .row03_02_02_03 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 2.686405%;
}
#table_coodinate .row03_02_02_04 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 7.521935%;
line-height: 1.583333;
margin: -0.2916665em 0;
white-space: normal;
}
#table_coodinate .row04 {
padding: 22% 0;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.583333;
} #dress .row01_02 {
width: 18.4%;
}
#dress .caption01 .row02 {
letter-spacing: 0.04em;
}
#dress .row03 {
margin: 12% 5.333333% 0;
}
#dress .row03 li {
width: 50%;
}
#dress .row04 img {
margin-top: 16.266667%;
width: 42.933333%;
}
#dress .row05 {
padding-top: 7.066667%;
line-height: 1.833333;
margin: -0.4166665em 0;
font-size: 1.5rem;
font-size: 4vw;
}
#dress .row06 a {
width: 79.866667%;
margin: 7.733333% 0 16%;
} #flower .row01_02 {
width: 24.266667%;
}
#flower .row03 {
margin: 11.466667% 5.333333% 0;
}
#flower .row03 li {
overflow: hidden;
}
#flower .row03_02 {
font-size: 1.4rem;
font-size: 3.733333vw;
padding-top: 1.071429em;
}
#flower .row03_03 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 1.5em;
}
#flower .row03_04 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 1.708333em;
}
#flower .row03__01 .col02 {
width: 45.671642%;
}
#flower .row03__01 .col03 {
width: 41.044776%;
vertical-align: top;
padding: 0;
margin-left: 1.044776%;
}
#flower .row03__01 .col01 {
width: 100%;
text-align: left;
padding-left: 50.149254%;
margin-top: -13.880597%;
}
#flower .row03__01 .row03_01 img {
width: 43.657817%;
}
#flower .row03__02 {
margin-top: 12.985075%;
}
#flower .row03__02 .col01 {
width: 47.61194%;
float: right;
}
#flower .row03__02 .col02 {
width: 39.253731%;
float: right;
padding: 0;
margin-right: 1.044776%;
}
#flower .row03__02 .col03 {
width: 100%;
text-align: left;
margin-top: -13.880597%;
padding-right: 51.940299%;
}
#flower .row03__02 .row03_01 img {
width: 50%;
}
#flower .row03__03 {
margin-top: 13.58209%;
}
#flower .row03__03 .col03 {
width: 47.910448%;
float: left;
}
#flower .row03__03 .col02 {
width: 52.089552%;
padding-left: 1.044776%;
float: right;
text-align: left;
}
#flower .row03__03 .row03_01 img,
#flower .row03__03 .row03_02,
#flower .row03__03 .row03_03,
#flower .row03__03 .row03_04 {
margin-left: 4.692082%;
}
#flower .row03__03 .row03_05 img {
width: 74.193548%;
margin: 0;
}
#flower .row03__03 .row03_01 img {
width: 46.920821%;
margin-top: 12.02346%;
}
#flower .row03__04 {
margin-top: 3.283582%;
}
#flower .row03__04 .col01 {
width: 43.880597%;
padding: 0 1.044776% 0 5.223881%;
}
#flower .row03__04 .col02 {
width: 56.119403%;
padding: 0;
margin-top: 24.02985%;
}
#flower .row03__04 .col03 {
width: 43.880597%;
text-align: right;
padding-right: 6.909091%;
margin-top: -30.746269%;
}
#flower .row03__04 .row03_01 {
width: 100%;
}
#flower .row03__04 .row03_01 img {
width: 57.090909%;
}
#flower .row03__05 {
margin-top: 8.955224%;
}
#flower .row03__05 .col02 {
width: 51.19402%;
margin: 8.507463% 1.044776% 0 0;
padding: 0;
}
#flower .row03__05 .col03 {
width: 40.298507%;
}
#flower .row03__05 .col01 {
width: 100%;
margin: 0 0 0 0;
padding-left: 54.776119%;
text-align: left;
margin-top: -15.820896%;
}
#flower .row03__05 .row03_01 img {
width: 51.815182%;
}
#flower .row04 {
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.583333;
margin: -0.2916665em 0;
padding: 17.6% 0 20.666667%;
} #hair_make .row01_02 {
width: 42.666667%;
}
#hair_make .row03 {
margin-top: 12.533333%;
padding: 0 3.6%;
}
#hair_make .row03 li:nth-child(even),
#hair_make .row03 li .col01,
#hair_make .row03 li .col02 {
display: block;
width: 100%;
}
#hair_make .row03 li .col02 {
padding: 7.471264% 0 0 1.724138%;
}
#hair_make .row03 li:nth-child(odd) .col02 > *,
#hair_make .row03 li:nth-child(even) .col02 > * {
margin-left: 0;
margin-right: 0;
}
#hair_make .row04_01,
#hair_make .row03_03 {
font-size: 1.8rem;
font-size: 4.8vw;
}
#hair_make .row04_02,
#hair_make .row03_04 {
font-size: 1.4rem;
font-size: 3.733333vw;
padding-top: 1.31579%;
}
#hair_make .row04_03,
#hair_make .row03_05 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 7.309942%;
line-height: 1.833333;
margin: -0.4166665em 0;
}
#hair_make .row04 {
text-align: left;
padding-right: 3.6%;
padding-left: 5.2%;
padding: 19.066667% 3.6% 21.466667% 5.2%;
} #food .row01_02 {
width: 24.933333%;
}
#food .row03 {
margin: 13.333333% 3.6% 0;
}
#food .row04 {
line-height: 1.833333;
margin: -0.4166665em 0;
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 17.866667%;
}
#food .row05 {
margin: 19.8% 0 0;
letter-spacing: -0.4em;
}
#food .row05 .col01 {
width: 50%;
padding: 0 1.5% 0 3.6%;
}
#food .row05 .col + .col02 {
margin: 0;
width: 50%;
padding: 0 3.6% 0 1.5%;
}
#food .row06 {
padding: 15.333333% 0 21.466667%;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.833333;
margin: -0.4166665em 0;
} #izumotaisha_wedding .pc_mail a,
#izumotaisha_wedding .pc_tel {
bottom: 0;
margin-bottom: 3.6%;
width: 23.066667%;
right: 3.6%;
}
#izumotaisha_wedding .pc_mail a {
-webkit-transform: translate(0, -110%);
transform: translate(0, -110%);
}
#izumotaisha_wedding .caption02_01 {
padding-top: 11.333333%;
font-size: 1.9rem;
font-size: 5.066667vw;
}
#izumotaisha_wedding .caption02_02 {
line-height: 1.875;
margin: -0.4375em 0;
padding: 4.533333% 0 7.733333%;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#izumotaisha_wedding .row09 {
padding: 0 3.466667%;
}
#izumotaisha_wedding .row09 .showBox {
background-size: 15%;
}
#izumotaisha_wedding .row09 .plan_btn a {
position: static;
width: 52vw;
height: 11vw;
line-height: 11vw;
font-size: 3.4vw;
margin: 3vw auto 5.8vw;
}
#izumotaisha_wedding .row09 .showBox > .row {
padding-left: 5.444126%;
}
#izumotaisha_wedding .row09_01 .col01,
#izumotaisha_wedding .row09_01 .col02 {
padding-bottom: 0;
width: 100%;
font-size: 1.7rem;
font-size: 4.533333vw;
}
#izumotaisha_wedding .row09_01 .col01 span {
font-size: 1.4rem;
font-size: 3.733333vw;
}
#izumotaisha_wedding .row09_01 .col01 p + p {
position: static;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.25;
margin: -0.125em 0;
padding-top: 1.719198%;
}
#izumotaisha_wedding .row09_02 {
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.458333;
margin: -0.2291665em 0;
padding-top: 5.285714%;
}
#izumotaisha_wedding .row09_01 .col02 {
font-size: 1.6rem;
font-size: 4.266667vw;
margin-top: 3.295129%;
}
#izumotaisha_wedding .row09_01 .col02 .col02_01,
#izumotaisha_wedding .row09_01 .col02 .col02_03 {
font-size: 1.2rem;
font-size: 3.2vw;
}
#izumotaisha_wedding .row09_03 {
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.375;
margin: -0.1875em 0;
padding-top: 5.730659%;
padding-bottom: 6.446991%;
}
#izumotaisha_wedding .row10 {
margin-top: 9.066667%;
background-image: none;
}
#izumotaisha_wedding .row10_01 img {
width: 56.266667%;
}
#izumotaisha_wedding .row10_01 span:before {
width: 77.733333%;
height: 1px;
left: 11.1333335%;
}
#izumotaisha_wedding .row10_01 span {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#izumotaisha_wedding .row10_02 {
margin-top: 0;
}
#izumotaisha_wedding .row10_02 .col {
display: block;
width: 100%;
margin: 0;
}
#izumotaisha_wedding .row10_02 .col img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#izumotaisha_wedding .row10_02 .col .text {
position: relative;
top: 0;
left: 0;
display: block;
}
#izumotaisha_wedding .row10_02 .font15 {
font-size: 1.35rem;
font-size: 3.6vw;
padding-top: 3.333333%;
}
#izumotaisha_wedding .row10_02 .font17 {
font-size: 1.53rem;
font-size: 4.08vw;
line-height: 1.764706;
margin: -0.382353em 0;
letter-spacing: 0.04em;
}
#izumotaisha_wedding .row10_02 .font24 {
font-size: 2.16rem;
font-size: 5.76vw;
}
#izumotaisha_wedding .row10_02 .font20 {
padding-top: 4.9333%;
font-size: 1.8rem;
font-size: 4.8vw;
}
#izumotaisha_wedding .row10_02 .col01 {
padding-top: 25.6%;
}
#izumotaisha_wedding .row10_02 .col01 img {
margin: 11.066667% 0 0 0;
}
#izumotaisha_wedding .row10_02 .col02 {
padding-top: 31.333333%;
}
#izumotaisha_wedding .row10_02 .col02 img {
margin: 10% 0 0 0;
}
#izumotaisha_wedding .row10_02 .col03 {
padding-top: 31.733333%;
}
#izumotaisha_wedding .row10_02 .col03 img {
margin: 10.4% 0 0 0;
}
#izumotaisha_wedding .row10_02 .col04 {
padding-top: 31.066667%;
}
#izumotaisha_wedding .row10_02 .col04 img {
margin: 9.733333% 0 0 0;
}
#izumotaisha_wedding .row10_02 .col05 {
padding-top: 29.466667%;
}
#izumotaisha_wedding .row10_02 .col05 img {
margin: 8.8% 0 0 0;
}
#izumotaisha_wedding .row10_02 .col06 {
padding-top: 32.133333%;
}
#izumotaisha_wedding .row10_02 .col06 img {
margin: 8.933333% 0 0 0;
}
#izumotaisha_wedding .row10_03 {
padding-top: 9.333333%;
font-size: 1.3rem;
font-size: 3.466667vw;
padding-top: 3.333333%;
line-height: 1.62963;
margin: -0.314815em 0;
}
#izumotaisha_wedding .row10_04 {
padding: 8% 7.333333% 8.266667%;
}
#izumotaisha_wedding .row11_01 {
padding-top: 12.8%;
}
#izumotaisha_wedding .row11_01_01 {
font-size: 2.25rem;
font-size: 6vw;
letter-spacing: 0.03em;
line-height: 1.244444;
margin: -0.122222em 0;
}
#izumotaisha_wedding .row11_01_02 {
font-size: 1.55rem;
font-size: 4.133333vw;
padding-top: 3.066667%;
}
#izumotaisha_wedding .row11_02 .col {
width: 100%;
font-size: 1.5rem;
font-size: 4vw;
}
#izumotaisha_wedding .row11_02 .col + .col {
margin: 6.266667% 0 0;
}
#izumotaisha_wedding .row11_03 img,
#izumotaisha_wedding .row11_02 .col img {
width: 88.533333%;
}
#izumotaisha_wedding .row11_03 img {
margin-top: 6.266667%;
}
#izumotaisha_wedding .row11 .font23 {
font-size: 1.911rem;
font-size: 5.096vw;
}
#izumotaisha_wedding .row11 .font30 {
font-size: 2.4925rem;
font-size: 6.646667vw;
padding-top: 4%;
margin: -0.3em 0;
}
#izumotaisha_wedding .row11 .font30 br {
display: none;
}
#izumotaisha_wedding .row11 .font30 + p {
padding-top: 2.4%;
font-size: 1.6rem;
font-size: 4.266667vw;
}
#izumotaisha_wedding .row12 {
margin-top: 14.666667%;
background-image: none;
padding: 5.733333% 0 6.133333%;
}
#izumotaisha_wedding .row12 .showBox {
display: block;
}
#izumotaisha_wedding .row12 .showBox > .row {
display: block;
width: 100%;
}
#izumotaisha_wedding .row12_01 {
text-align: center;
}
#izumotaisha_wedding .row12_01 img {
width: 88.533333%;
}
#izumotaisha_wedding .row12_02 {
margin-top: 5.066667%;
}
#izumotaisha_wedding .row12_02 > .row {
padding-left: 5.7333335%;
padding-right: 5.7333335%;
}
#izumotaisha_wedding .row12_02_01 {
font-size: 2.1rem;
font-size: 5.6vw;
}
#izumotaisha_wedding .row12_02_01 span {
font-size: 1.2rem;
font-size: 3.2vw;
}
#izumotaisha_wedding .row12_02_02 {
font-size: 1.45rem;
font-size: 3.866667vw;
line-height: 1.4;
margin: -0.2em 0;
padding-top: 4%;
}
#izumotaisha_wedding .row12_02_03 {
padding-top: 4.8%;
line-height: 1.583333;
margin: -0.2916665em 0;
font-size: 1.2rem;
font-size: 3.2vw;
}
#izumotaisha_wedding .access .tel a {
pointer-events: auto;
}
#izumotaisha_wedding .access {
padding: 30px;
padding: 15.066667vmin 13.066667vmin 15.6vmin;
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center;
background-size: cover;
}
#izumotaisha_wedding .access .inner {
margin: 0 auto;
padding: 8vw 0;
width: auto;
}
#izumotaisha_wedding .access .h2Ttl {
margin-bottom: 17px;
padding-bottom: 13px;
font-size: 15px;
font-size: 4vw;
}
#izumotaisha_wedding .access .h2Ttl img {
height: 29px;
}
#izumotaisha_wedding .access .h2Ttl:before {
width: 16px;
margin-left: -8px;
}
#izumotaisha_wedding .access dl {
margin-bottom: 1.5em;
font-size: 14px;
font-size: 3vw;
}
#izumotaisha_wedding .access dt {
margin-bottom: 3px;
}
#izumotaisha_wedding .access dd {
margin-bottom: 1em;
}
#izumotaisha_wedding .access p {
font-size: 4vw;
}
#izumotaisha_wedding .access .tel {
font-size: 6.8vw;
}
#izumotaisha_wedding .access .holiday {
font-size: 3vw;
} #photo_wedding .pc_mail a,
#photo_wedding .pc_tel {
bottom: 0;
margin-bottom: 3.6%;
width: 23.066667%;
right: 3.6%;
}
#photo_wedding .pc_mail a {
-webkit-transform: translate(0, -110%);
transform: translate(0, -110%);
}
#photo_wedding .caption02_01 {
padding-top: 11.333333%;
font-size: 1.9rem;
font-size: 5.066667vw;
}
#photo_wedding .caption02_02 {
width: 90%;
line-height: 1.875;
margin: -0.4375em auto;
padding: 4.533333% 0 12.733333%;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#photo_wedding .spot_point {
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin: 0 auto;
}
#photo_wedding .spot_point .caption02_02 {
width: 48%;
text-align: left;
}
#photo_wedding .row04_02.caption02_03 {
position: relative;
width: 47%;
left: auto;
top: auto;
margin-left: 0;
padding: 4.533333% 0 7.733333%;
}
#photo_wedding .row04_02.caption02_03 img {
width: 100%;
}
#photo_wedding .row04_01 img {
width: 65.266667%;
}
#photo_wedding .row04_01 span {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#photo_wedding .row04_01 span:before {
width: 77.733333%;
height: 1px;
left: 11.1333335%;
}
#photo_wedding .row04 .point-list {
width: 90%;
margin: 0 auto;
}
#photo_wedding .row04 .point-list .point-block {
width: 100%;
max-width: none;
margin-top: 11.333333%;
}
#photo_wedding .row04 .point-list .point-block span {
left: 0;
width: 20%;
}
#photo_wedding .row04 .point-list .point-block .point-title {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#photo_wedding .row04 .point-list .point-block p {
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#photo_wedding .row04 .row04_01 .spot_title img {
width: 36.8%;
}
#photo_wedding .slider-box .carousel-cell {
padding: 0 20px;
}
#photo_wedding .slider-box .carousel-cell .text-area .title {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#photo_wedding .slider-box .carousel-cell .text-area p {
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#photo_wedding .slider-box .prev-arrow {
right: auto;
left: 3%;
margin-right: 0;
}
#photo_wedding .slider-box .next-arrow {
left: auto;
right: 3%;
margin-left: 0;
}
#photo_wedding .row05 {
margin-top: 23.333333%;
}
#photo_wedding .row05_01 img {
width: 47.4%;
}
#photo_wedding .row05_01:after {
width: 77.733333%;
height: 1px;
left: 11.1333335%;
}
#photo_wedding .row05 .gallery-box ul {
width: 90%;
margin: 0 auto 7%;
}
#photo_wedding .row05 .gallery-box ul li {
width: 47%;
margin-top: 6%;
}
#photo_wedding #cboxLoadedContent {
padding: 25px 25px 10px;
}
#photo_wedding #cboxTitle img {
width: 20%;
}
#photo_wedding #cboxTitle {
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
padding: 0 20px 10px;
}
#photo_wedding .row03 + .row04 .row04_01 {
padding-top: 9.673469%;
}
#photo_wedding .row04_01 {
padding-top: 22.673469%;
}
#photo_wedding .row05 .more_button a {
width: 45%;
padding: 11px 20px;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#photo_wedding .row06 {
margin-top: 24.333333%;
}
#photo_wedding .row06_01 img {
width: 62.2%;
}
#photo_wedding .row06_01 p {
width: 90%;
margin: 0 auto;
padding-bottom: 0;
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
text-align: left;
}
#photo_wedding .row06 .voice-list .voice-block {
width: 85vw;
height: 85vw;
max-width: none;
max-height: none;
margin: 7% 0 0;
}
#photo_wedding .row06 .voice-list .voice-block:first-of-type {
margin-top: 11%;
}
#photo_wedding .row06 .voice-list .voice-block img {
max-width: 28%;
}
#photo_wedding .row06 .voice-list .voice-block .name,
#photo_wedding .row06 .voice-list .voice-block .text,
#photo_wedding .row06 .row06_03 {
margin: 3% auto 0;
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#photo_wedding .row06 .row06_03 {
margin: 12% auto 0;
padding-bottom: 10%;
width: 90%;
text-align: left;
}
#photo_wedding .row07 {
padding-bottom: 20%;
}
#photo_wedding .row07 .row07_01 {
padding-top: 16.95918%;
}
#photo_wedding .row07 .row07_02.caption02_02 {
width: 90%;
margin: 0 auto;
text-align: left;
padding: 4.533333% 0 0;
font-size: 1.2rem;
font-size: 3.2vw;
}
#photo_wedding .plan-list {
display: block;
}
#photo_wedding .plan-list .showBox {
background-size: 16vw;
width: 90%;
padding: 10px 25px 55px;
margin-top: 7.733333%;
}
#photo_wedding .plan-list .showBox .pattern p,
#photo_wedding .plan-list .showBox .title-area h3 {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#photo_wedding .plan-list .showBox .title-area p {
margin-top: 5px;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.25;
}
#photo_wedding .plan-list .showBox .price-area {
margin-top: 15px;
}
#photo_wedding .plan-list .showBox .price-area .col02_01,
#photo_wedding .plan-list .showBox .price-area .col02_03 {
font-size: 1.2rem;
font-size: 3.2vw;
}
#photo_wedding .plan-list .showBox .price-area .col02_02 {
font-size: 1.6rem;
font-size: 4.266667vw;
}
#photo_wedding .plan-list .showBox .text-area li {
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.375;
}
#photo_wedding .row07_04 {
margin: 15% auto 0;
width: 90%;
}
#photo_wedding .row08 {
padding-top: 12.673469%;
padding-bottom: 12.77551%;
}
#photo_wedding .row08 .row08_01 img {
width: 31.8%;
}
#photo_wedding .row08_01 span {
padding-top: 5%;
font-size: 1.7rem;
font-size: 4.533333vw;
}
#photo_wedding .row08_02 {
width: 90%;
padding-bottom: 0;
text-align: left;
}
#photo_wedding .row08_03 {
display: block;
width: 80%;
margin: 0 auto;
}
#photo_wedding .row08_03 li {
margin-top: 5.733333%;
}
#photo_wedding .access .tel a {
pointer-events: auto;
}
#photo_wedding .access {
padding: 30px;
padding: 15.066667vmin 13.066667vmin 15.6vmin;
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center;
background-size: cover;
}
#photo_wedding .access .inner {
margin: 0 auto;
padding: 8vw 0;
width: auto;
}
#photo_wedding .access .h2Ttl {
margin-bottom: 17px;
padding-bottom: 13px;
font-size: 15px;
font-size: 4vw;
}
#photo_wedding .access .h2Ttl img {
height: 29px;
}
#photo_wedding .access .h2Ttl:before {
width: 16px;
margin-left: -8px;
}
#photo_wedding .access dl {
margin-bottom: 1.5em;
font-size: 14px;
font-size: 3vw;
}
#photo_wedding .access dt {
margin-bottom: 3px;
}
#photo_wedding .access dd {
margin-bottom: 1em;
}
#photo_wedding .access p {
font-size: 4vw;
}
#photo_wedding .access .tel {
font-size: 6.8vw;
}
#photo_wedding .access .holiday {
font-size: 3vw;
} #minimum_wedding .pc_mail a,
#minimum_wedding .pc_tel {
bottom: 0;
margin-bottom: 3.6%;
width: 23.066667%;
right: 3.6%;
}
#minimum_wedding .pc_mail a {
-webkit-transform: translate(0, -110%);
transform: translate(0, -110%);
}
#minimum_wedding .caption02_01 {
padding-top: 11.333333%;
font-size: 1.9rem;
font-size: 5.066667vw;
}
#minimum_wedding .caption02_02 {
width: 90%;
line-height: 1.875;
margin: -0.4375em auto;
padding: 4.533333% 0 7.733333%;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#minimum_wedding .hospitality-contents {
background-image: url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/sp/hospitality_bg01.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/sp/hospitality_bg03.png),
url(//www.legrand.accueillir.info/wordpress/style_collection/assets/images/minimum_wedding/sp/hospitality_bg02.png);
background-position: center top, center bottom, center center;
background-repeat: no-repeat, no-repeat, repeat-y;
background-size: 100% auto, 100% auto, 100% auto;
margin-top: 17%;
padding-bottom: 12%;
}
#minimum_wedding .hospitality-contents .caption02_02 {
text-align: left;
padding-bottom: 0;
}
#minimum_wedding .hospitality-list {
display: block;
}
#minimum_wedding .hospitality-list .hospitality-block {
width: 75%;
margin: 4rem auto 0;
}
#minimum_wedding .hospitality-list .hospitality-block .hospitality-title {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .hospitality-list .hospitality-block p {
margin-top: 4.533333%;
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#minimum_wedding .row04_01 {
padding-top: 14.673469%;
}
#minimum_wedding .row04_01 img {
width: 44.266667%;
}
#minimum_wedding .row04_01 span {
padding-top: 6%;
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .row04_01 span:before {
width: 77.733333%;
height: 1px;
left: 11.1333335%;
}
#minimum_wedding .row04 .point-list {
width: 100%;
margin: 0 auto 11.333333%;;
}
#minimum_wedding .row04 .point-list .point-block {
width: 100%;
max-width: none;
margin-top: 11.333333%;
}
#minimum_wedding .row04 .point-list .point-block .img-area {
width: 70%;
}
#minimum_wedding .row04 .point-list .point-block .text-area {
width: 80%;
margin: 15px 0 0 6%;
}
#minimum_wedding .row04 .point-list .point-block span {
width: 25%;
margin-bottom: 15px;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2),
#minimum_wedding .row04 .point-list .point-block:nth-of-type(3) {
margin-top: 12%;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2n) .img-area,
#minimum_wedding .row04 .point-list .point-block:nth-of-type(2n) .text-area {
order: unset;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(3) .text-area {
margin-left: 12%;
margin-right: 0;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(3) .text-area span + br {
display: none;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(4) .img-area {
width: 80%;
}
#minimum_wedding .row04 .point-list .point-block:nth-of-type(4) .text-area {
margin-left: 30%;
margin-right: 0;
}
#minimum_wedding .row04 .point-list .point-block .point-title {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .row04 .point-list .point-block p {
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#minimum_wedding .row06 {
margin-top: 19.333333%;
}
#minimum_wedding .row06_01 img {
width: 62.2%;
}
#minimum_wedding .row06_01 p {
width: 90%;
margin: 0 auto;
padding-bottom: 0;
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
text-align: left;
}
#minimum_wedding .row06 .voice-list .voice-block {
width: 85vw;
height: 85vw;
min-width: auto;
min-height: auto;
margin: 7% 0 0;
padding: 20px 20px 25px;
}
#minimum_wedding .row06 .voice-list .voice-block:first-of-type {
margin-top: 11%;
}
#minimum_wedding .row06 .voice-list .voice-block img {
max-width: 28%;
}
#minimum_wedding .row06 .voice-list .voice-block .name,
#minimum_wedding .row06 .voice-list .voice-block .text,
#minimum_wedding .row06 .row06_03 {
margin: 3% auto 0;
line-height: 1.875;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#minimum_wedding .row06 .voice-list .voice-block .text {
margin-top: 1%;
}
#minimum_wedding .row06 .row06_03 {
margin: 12% auto 0;
padding-bottom: 10%;
width: 90%;
text-align: left;
}
#minimum_wedding .row03 {
width: 95%;
margin: 0 auto;
}
#minimum_wedding .row03 .row03_01 {
padding-top: 18.95918%;
}
#minimum_wedding .row03 .row03_01 span {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .row03 .row03_02 {
font-size: 1.1rem;
font-size: 2.933333vw;
text-align: left;
}
#minimum_wedding .place-list {
display: block;
width: 90%;
margin: 0 auto;
}
#minimum_wedding .place-list .showBox {
width: 100%;
margin-top: 16.44897%;
}
#minimum_wedding .place-list .showBox:first-of-type {
margin-top: 3.44897%;
}
#minimum_wedding .place-list .showBox h3 {
font-size: 2.4925rem;
font-size: 6.646667vw;
padding-top: 4%;
margin: 0 0 -0.3em;
}
#minimum_wedding .place-list .showBox h3.font30 span {
font-size: 1.911rem;
font-size: 5.096vw;
letter-spacing: 2px;
}
#minimum_wedding .place-list .showBox h3.font30 br {
display: none;
}
#minimum_wedding .place-list .showBox h3.font30 + p {
margin-top: 1.6rem;
font-size: 1.6rem;
font-size: 4.266667vw;
}
#minimum_wedding .place-list .showBox .people-area {
font-size: 1.4rem;
font-size: 3.733333vw;
}
#minimum_wedding .place-list .showBox h3 img {
width: 80%;
}
#minimum_wedding .place-list .showBox .people-text {
margin-top: 10px;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#minimum_wedding .row07 {
padding-bottom: 20%;
}
#minimum_wedding .row07 .row07_01 {
padding-top: 25%;
}
#minimum_wedding .row07 .row07_02.caption02_02 {
width: 90%;
margin: 0 auto;
text-align: left;
padding: 4.533333% 0 0;
font-size: 1.2rem;
font-size: 3.2vw;
}
#minimum_wedding .plan-list {
display: block;
}
#minimum_wedding .plan-list .showBox {
width: 90%;
padding: 10px 25px 55px;
margin-top: 7.733333%;
}
#minimum_wedding .plan-list .showBox .pattern p,
#minimum_wedding .plan-list .showBox .title-area h3 {
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .plan-list .showBox .title-area p {
margin-top: 5px;
font-size: 1.2rem;
font-size: 3.2vw;
line-height: 1.25;
}
#minimum_wedding .plan-list .showBox .plan-price-wrap {
display: flex;
justify-content: space-between;
margin-top: 4%;
}
#minimum_wedding .plan-list .showBox .people-area .colbox {
justify-content: flex-start;
}
#minimum_wedding .plan-list .showBox .price-area .colbox {
justify-content: flex-end;
}
#minimum_wedding .plan-list .showBox .price-area .colbox .col02_01 {
margin-right: 1em;
}
#minimum_wedding .plan-list .showBox .people-area .col02_01 {
margin-right: 15px;
}
#minimum_wedding .plan-list .showBox .people-area,
#minimum_wedding .plan-list .showBox .price-area {
margin-top: 0;
}
#minimum_wedding .plan-list .showBox .people-area {
width: 40%;
padding-right: 15px;
border-bottom: 1px solid #f8eaea;
}
#minimum_wedding .plan-list .showBox .price-area {
width: 60%;
}
#minimum_wedding .plan-list .showBox .people-area .col02_01,
#minimum_wedding .plan-list .showBox .people-area .col02_03,
#minimum_wedding .plan-list .showBox .price-area .col02_01,
#minimum_wedding .plan-list .showBox .price-area .col02_03 {
font-size: 1.2rem;
font-size: 3.2vw;
}
#minimum_wedding .plan-list .showBox .people-area .col02_02,
#minimum_wedding .plan-list .showBox .price-area .col02_02 {
font-size: 1.6rem;
font-size: 4.266667vw;
}
#minimum_wedding .plan-list .showBox .price02 {
font-size: 1.1rem;
font-size: 2.933333vw;
padding-right: .6em;
}
#minimum_wedding .plan-list .showBox .text-area.sp {
display: flex !important;
}
#minimum_wedding .plan-list .showBox .text-area li,
#minimum_wedding .plan-list .showBox .text-area .list-text {
font-size: 1.1rem;
font-size: 2.933333vw;
line-height: 1.375;
}
#minimum_wedding .price02-text {
width: 90%;
margin: 9% auto 0;
font-size: 1.1rem;
font-size: 2.933333vw;
text-align: left;
line-height: 1.75em;
}
#minimum_wedding .row07_04 {
margin: 15% auto 0;
width: 90%;
}
#minimum_wedding .row08 {
padding-top: 12.673469%;
padding-bottom: 12.77551%;
}
#minimum_wedding .row08 .row08_01 img {
width: 31.8%;
}
#minimum_wedding .row08_01 span {
padding-top: 5%;
font-size: 1.7rem;
font-size: 4.533333vw;
}
#minimum_wedding .row08_02 {
padding-bottom: 0;
text-align: left;
}
#minimum_wedding .row08_03 {
display: block;
width: 80%;
margin: 0 auto;
}
#minimum_wedding .row08_03 li {
margin-top: 5.733333%;
}
#minimum_wedding .access .tel a {
pointer-events: auto;
}
#minimum_wedding .access {
padding: 30px;
padding: 15.066667vmin 13.066667vmin 15.6vmin;
background: url(//www.legrand.accueillir.info/wordpress/style_collection/img/index/access_bg.jpg) no-repeat center;
background-size: cover;
}
#minimum_wedding .access .inner {
margin: 0 auto;
padding: 8vw 0;
width: auto;
}
#minimum_wedding .access .h2Ttl {
margin-bottom: 17px;
padding-bottom: 13px;
font-size: 15px;
font-size: 4vw;
}
#minimum_wedding .access .h2Ttl img {
height: 29px;
}
#minimum_wedding .access .h2Ttl:before {
width: 16px;
margin-left: -8px;
}
#minimum_wedding .access dl {
margin-bottom: 1.5em;
font-size: 14px;
font-size: 3vw;
}
#minimum_wedding .access dt {
margin-bottom: 3px;
}
#minimum_wedding .access dd {
margin-bottom: 1em;
}
#minimum_wedding .access p {
font-size: 4vw;
}
#minimum_wedding .access .tel {
font-size: 6.8vw;
}
#minimum_wedding .access .holiday {
font-size: 3vw;
} #recruit .row03 {
font-size: 1.4rem;
font-size: 3.733333vw;
line-height: 1.714286;
padding: 9.866667% 0;
margin: -0.357143em 0;
}
#recruit table {
width: 93.866667%;
margin-left: auto;
margin-right: auto;
font-size: 1.1rem;
font-size: 2.933333vw;
}
#recruit table caption {
font-size: 1.235rem;
font-size: 3.293333vw;
padding: 0.5em;
}
#recruit table th {
width: 27.556818%;
padding-left: 0.562846em !important;
}
#recruit .row07 a {
width: 48%;
margin: 16.933333147% 0 14.933333%;
} #recruit.form .showBox {
padding: 0 5.333333%;
}
#recruit.form .row08 {
font-size: 1.4rem;
font-size: 3.73333vw;
padding-top: 12.835821%;
}
#recruit.form .row09 {
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 4.029851%;
white-space: nowrap;
}
#recruit.form .row09 span {
display: block;
margin: 0;
font-size: 1.2rem;
font-size: 3.2vw;
padding-top: 0.4em;
}
#recruit.form .row10 {
padding-top: 11.19403%;
}
#recruit.form table,
#recruit.form tbody,
#recruit.form tr,
#recruit.form th,
#recruit.form td {
display: block;
width: 100%;
}
#recruit.form tr {
font-size: 1.3rem;
font-size: 3.466667vw;
}
#recruit.form tr > th {
padding-top: 4.179104%;
padding-bottom: 0;
padding-left: 0 !important;
}
#recruit.form tr > td {
font-size: 1.3rem;
font-size: 3.466667vw;
padding: 0;
}
#recruit.form .row10 input {
max-width: 100%;
width: 42.238806%;
}
#recruit.form .row10_06 .col01 input {
margin-right: 5px;
width: 70px;
}
#recruit.form .row10_06 .col02 input {
width: 70px;
margin: 0 5px 0 0;
}
#recruit.form .row10_06 .col03 {
white-space: normal;
margin-top: 0.4em;
}
#recruit.form .row10_06 .col03 input {
width: 89.552239%;
}
#recruit.form .row10_10 input,
#recruit.form .row10_07 input {
width: 70px;
}
#recruit.form .row10_12 input,
#recruit.form .row10_08 input,
#recruit.form .row10_09 input {
width: 89.552239%;
}
#recruit.form .row10_13 textarea {
width: 100%;
}
#recruit.form .row07 button {
width: 53.731343%;
margin: 16.716418% 0;
}
#recruit.form p.error {
font-size: 1.1rem;
font-size: 2.933333vw;
} #recruit.confirm .row07 button {
width: 45.223881%;
} #recruit .row11 {
padding-top: 13.731343%;
font-size: 2rem;
font-size: 5.333333vw;
}
#recruit .row12 {
padding-top: 7.761194%;
font-size: 1.6rem;
font-size: 4.266667vw;
}
#recruit .row13 {
padding-top: 5.223881%;
font-size: 1.4rem;
font-size: 3.733333vw;
}
#recruit .row14 {
font-size: 1.1rem;
font-size: 2.933333vw;
padding-top: 9.253731%;
}
#recruit .row15 a {
width: 53.731343%;
margin: 16.716418% 0;
}
}