@charset "utf-8";

/* ####################################### */
/* 会社概要 */
/* ####################################### */
#cmp-about h1 {color: #fcd157; font-size: 120%;}
#cmp-about h2 {color: #fcd157;}
#cmp-about header {margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 2px solid #888888;}
#cmp-about header p {text-align: justify; text-justify: inter-ideograph;}

.cmp-profile {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
border-bottom: 1px dotted #bebebe;
}
.cmp-profile dt {
display: inline-block;
vertical-align: top;
padding: 0.3em;
width: 15%;
min-width: 7em;
font-weight: bold;
line-height: 2;
white-space: nowrap;
}
.cmp-profile dd {
display: inline-block;
vertical-align: top;
padding: 0.3em;
width: 79%;
line-height: 2;
white-space: nowrap;
}

/* マップを見るの設定 */
.map-view {
display: inline-block;
height: 20px;
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
background-color: #ff0000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.map-view a {
display: block;
padding: 0 1em;
width: 100%;
height: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.map-view a, .map-view a:link, .map-view a:visited {color: #ffffff; text-decoration: none;}
.map-view a:active, .map-view a:hover {background-color: #888888; text-decoration: none;}

/* ####################################### */
/* 主要取引 */
/* ####################################### */
.cmp-client {margin-bottom: 1.5em; border-bottom: 1px dotted #bebebe;}
.cmp-client h1 {color: #fcd157; font-size: 120%;}
.cmp-client ul {padding-left: 2em; list-style: disc outside;}

/* ####################################### */
/* 事業内容 */
/* ####################################### */
.cmp-business {margin-bottom: 1.5em; border-bottom: 1px dotted #bebebe;}
.cmp-business h1 {font-size: 120%;}
.cmp-business p {padding-left: 2em;}
.cmp-business p a {text-decoration: none;}

/* ####################################### */
/* 企画制作グループ */
/* ####################################### */
#cmp-plan h1 {color: #fcd157; font-size: 120%;}
#cmp-plan h2 {color: #fcd157;}
#cmp-plan header {margin-bottom: 1.5em; padding-bottom: 0.5em; border-bottom: 2px solid #888888;}
#cmp-plan header p {text-align: justify; text-justify: inter-ideograph;}
#cmp-plan ul {margin-bottom: 1.5em; padding-left: 2em; border-bottom: 1px dotted #bebebe; list-style: disc outside;}
.cmpImage {width: 100%; text-align: center;}
.cmpImage img {margin: 0 1px 15px 1px; height: auto;}
#cmp-plan .clm-two {
margin: 0 0 1em;
border-bottom: 1px dotted #bebebe;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#cmp-plan .clm-two div {
width: 50%;
}
#cmp-plan .clm-two div.artist-prf {
padding: 2em 1em 1em;
}
#cmp-plan .clm-two div.artist-prf img {
vertical-align: bottom;
width: 100%;
height: auto;
}
#cmp-plan .clm-two h3 {
color: #fcd157;
font-size: 115%;
font-weight: bold;
}
#cmp-plan .clm-two ul {
margin-bottom: 1.5em;
padding-left: 2em;
border-bottom: none;
list-style: disc outside;
}

/* ####################################### */
/* ブライダル */
/* ####################################### */
#cmp-bridal {margin-bottom: 1.5em; border-bottom: 1px dotted #bebebe;}
#cmp-bridal h1 {color: #fdc2c0; font-size: 120%;}
#cmp-bridal h2 {margin-top: 2em; color: #fdc2c0;}
#cmp-bridal header {margin-bottom: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #fdc2c0;}
#cmp-bridal header p {color: #fdc2c0; text-align: justify; text-justify: inter-ideograph;}

/* ####################################### */
/* マップ */
/* ####################################### */
#cmp-pinesmap #pinesMap {margin-bottom: 1em; position: relative; width: 100%; padding-top: 56.25%;}
#cmp-pinesmap #pinesMap iframe {position: absolute; z-index: 5; top: 0; left: 0; height: 100%; width: 100%;}
#cmp-pinesmap ul {margin-bottom: 1.5em; padding-left: 2em; list-style: disc outside;}

/* ####################################### */
/* お問い合わせ */
/* ####################################### */
.pines-join {margin-bottom: 1.5em; border-bottom: 1px dotted #bebebe;}
.pines-join h1 {color: #fcd157; font-size: 120%;}
.pines-join address {padding: 0 2em;}
.join-to {margin: 1em 0; padding: 0 2em;}
.join-to a, .join-to a:link, .join-to a:visited {color: #fcd157; text-decoration: none;}
.join-to a:active, .join-to a:hover {text-decoration: underline;}

/* ####################################### */
/* サイドメニュー */
/* ####################################### */
#cmp-side-about, #cmp-side-about a, #cmp-side-client, #cmp-side-client a, #cmp-side-business, #cmp-side-business a, #cmp-side-plan, #cmp-side-plan a {color: #fcd157; text-decoration: none; cursor: pointer;}
#cmp-side-about a:hover, #cmp-side-client a:hover, #cmp-side-business a:hover, #cmp-side-plan a:hover {color: #666666; text-decoration: none;}
#cmp-side-about, #cmp-side-client, #cmp-side-business, #cmp-side-plan {position: relative; margin: 1em 0;}

#cmp-side-client .icon-s-menu_down, #cmp-side-business .icon-s-menu_down, #cmp-side-plan .icon-s-menu_down {
position: absolute;
right: 0;
top: 0.5em;
}
.rotate-menu_up {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.cmp-side-menu {
margin-bottom: 1.5em;
padding-left: 1em;
list-style: circle inside;
}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
@media screen and (min-width: 768px) and (max-width: 979px) {
.cmp-profile dd {width: 100%;}

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
.cmp-profile dd {width: 100%; white-space: normal;}
#cmp-pinesmap #pinesMap {width: 100%; min-height: 240px;}

#cmp-plan .clm-two {
margin: 0 0 1em;
border-bottom: 1px dotted #bebebe;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#cmp-plan .clm-two div {
width: 100%;
}
#cmp-plan .clm-two div.artist-prf {
padding: 2em .5em 1em;
}

} /* End 0px-767px */

/* ####################################### */
/* Ratina Display */
/* ####################################### */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

} /* End Retina */