/* -- ▶▶▶ SMACSS Rule

▶▶▶ CDN
  ▷ pure.css
▶▶▶ Base Setting
  ▷ Element
▶▶▶ Layout Setting
　▷ Division
　▷ Text
　▷ Table (sp-scroll)
　▷ Image
　▷ Button item
　▷ Photo Panel
▶▶▶ Module Setting
　▷ Global Menu
　▷ footer
▶▶▶ State Setting
　▷ Toggle
▶▶▶ Themes Setting 
　▷ Element
　▷ Font 
　▷ Acms Entry 
 ▷ Acms Pager
　▷ Layout Division
　▷ Layout Text
　▷ Layout Table (sp-scroll)
　▷ Layout images
　▷ Button item
　▷ Photo Panel
  ▷ Module Global Menu
　▷ Module Footer
　▷ Module Form



/* -- ▶▶▶ Unit Rule
▷ width - em,px (state)
▷ height - em,px (state)
▷ margin - em,px (state)
▷ padding - em,px (state)
▷ font - em	
▷ line-height - em
 */


/* -- ▶▶▶ Base Setting ----------------------------- */
/* -- ▷ Element ------------- */
a {text-decoration: none;}
ul,ol {padding: 0;}
ul li {padding: 0;list-style: none;}
ol li {padding: 0;list-style: decimal;list-style-position: inside;}
table {width: 100%;margin-top:1em;}
tr,th,td {padding:0.4em;text-align: left;}

/* -- ▶▶▶ Layout Setting  ----------------------------- */
/* -- ▷ Division ----*/
.sp {display: block;}
.pc {display: none;}
.l-box-base {max-width: 61.25em; margin: 0 auto;padding: 1em 0.7em;}
.l-box-base-padding {max-width: 980px;margin: 0 auto;}
.l-box-rich-padding {max-width: 640px;margin: 0 auto;}
.l-box {padding: 0.5em 1em;}
.l-box-s {padding: 0.5em;}
.l-box-center {margin: 0 auto;}
.l-box-bm {padding-bottom: 2em;}
.l-box-hr {border-bottom: dotted 1px #ccc;}
.l-box-hr-thems {border-bottom: solid 2px #e50064;}
.l-box-copy-text {margin-bottom: 2em!important; white-space: pre-line;height: 100%; overflow: auto;padding: 0 2em 2em!important;box-sizing: border-box;background: #fcfcfc;border: solid 1px #DDD;color: #666;}
.l-box-copy-text-short {height: 5em;line-height: 1.4em;}
.l-box-copy-text-long {height: 10em;line-height: 1.6em;}
.l-box-category-header {background: #eee;}
.l-box-mono-reversal {background: #000;color: #fff;}
.l-box-themes-reversal {background: #e50064;color: #fff;}
.l-box-themes-sub-reversal {background: #e50064;color: #fff;}
.l-box-border-box {padding:0.5em 1em; border: solid 4px #ddd;}
.l-box-kakomi-item {padding: 0.5em 1.5em;background: rgba(229, 0, 99, 0.1);border-radius: 8px;}


/* -- fb likebox -- */
.l-box-center > div.fb-page {width: 100%;margin: 0 auto !important;display: block;}
.fb_iframe_widget {position: relative;}

/* -- ▷ Text ----*/
.is-center {text-align: center;}
.is-right {text-align: right;}
.is-left {text-align: left;}
.is-left-u-lg {text-align: left;}
.is-large {font-size: large;}
.is-small {font-size: .9em;}
.is-grayout {color: #666;}
.is-theme-color {color: #e50064;}
.is-theme-color-sub {color: #e50064;}
.is-mono-reversal,.is-mono-reversal a {color: #fff;}
.is-justify {text-align: justify;}
.is-block {display: block;}
.is-block-inline {display: inline-block;}
.is-block-u-lg  {display: block;}
.is-block-inline-u-lg  {display: inline-block;}
.is-supplement {margin: 0.35em 0 0;padding: 0; line-height: 1.4em;font-size: 1.4rem;color: #555;}
.is-header-firest {margin: 4em 0 0.5em 0; padding:0; color: #000;}
.is-header-second {margin: 2em 0 0 0; padding:0; color: #FFFFFF; background: #e50064;}
.is-header-third {margin: 1em 0 0 0; padding:0; color: #e50064;}
.is-header-mini {margin: 1em 0 0 0; padding:0; color: #FFFFFF; background: #e50064; font-size: 1.1em;border-radius: 4px;}
.is-header-round {padding: 0.5em; border-radius: 8px;}

/* -- ▷ Table (width) ----*/
.l-cell-half,.l-cell-onethird,.l-cell-quarter {width:auto;}

/* -- ▷ Table (sp-scroll) ----*/
.is-sp-scroll {overflow: auto;white-space: nowrap;}
.is-sp-scroll::-webkit-scrollbar {height: 5px;}
.is-sp-scroll::-webkit-scrollbar-track {background: #F1F1F1;}
.is-sp-scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

/* -- ▷ Image ----*/
.is-img-circle-trim {border-radius: 50%;}
.is-img-shrunk {width: 80%;height: 80%;margin:0 auto 1em;}
.is-img-trim-edge {border: solid 2px #e50064; box-sizing: border-box;}
.is-img-frame {display: block; padding: 0; border:solid 1px #DDD; box-sizing: border-box;}
.l-box-img-responsive,.pure-img-responsive {display: block;max-width: 100%;height: auto;}

.l-box-video-responsive {position: relative;width: 100%;padding-top: 56.25%;}
.l-box-video-responsive iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

/* -- ▷ Button item ------------- */
.is-button {display: block;margin-bottom: 0.5em; padding:1em;text-align: center;border-radius: 4px;}
.is-button-smart {padding:0.3em}
.is-button-round {border-radius: 50px;}
.is-button-color-solid {color: #fff; font-weight: 400;background-color: #e50064;}
.is-button-color-solid-sub {color: #fff; font-weight: 400;background-color: #e50064;}
.is-button-color-solid-mono-reversal {color: #000; font-weight: 400;background-color: #fff;}
.is-button-line-box {color: #e50064; font-weight: 400;border: solid 1px #e50064;}
.is-button-line-box-mono {color: #666; font-weight: 400;border: solid 1px #666;}
.is-button-line-box-mono-reversal {color: #fff; font-weight: 400;border: solid 1px #fff;}
.is-button-shirai-style { margin:2rem 0; flex;align-items: left;justify-content: left;color: #FFFFFF; font-size: x-large; background-color: #e50064;width: 100%;height: auto;padding:1em 2em ;border-radius: 3px; border-top:solid 4px rgba(255, 255, 255, 0.2);  border-left:solid 4px rgba(255, 255, 255, 0.2);  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);z-index: ; box-sizing: border-box;}

.is-button-sns-x {background: #000; color: #FFF;}
.is-button-sns-tiktok {box-sizing:border-box;background: #000; color: #FFF; border-left: solid 8px #25f4ee; border-right: solid 8px #fe2c55;}
.is-button-sns-instagram {background: #C6048A; color: #FFF;}
.is-button-sns-youtube {background: #FF0000; color: #FFF;}


.l-sns-list {}
.is-sns-list-item {display: inline-block;}

/* -- ▷ Photo Panel ------------- */
.l-photo-panel-bg {background: rgb(49, 49, 49);}
.l-photo-panel, .l-photo-panel-text {overflow: hidden;position: relative;height: 250px;text-align: center;}
.l-photo-panel-thin {height: 120px;}
.l-photo-panel img {width: 100%; max-width: 100%;height: auto;min-height: 250px;}
.l-photo-panel aside {position: absolute;bottom: 0;right: 0;padding: 1em 0.5em;color: #FFF;width: 100%;text-align: right;
background: -moz-linear-gradient(top,  rgba(16,27,30,0) 0%, rgba(12,2,2,1) 90%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(16,27,30,0)), color-stop(90%,rgba(12,2,2,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(16,27,30,0) 0%,rgba(12,2,2,1) 90%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00101b1e', endColorstr='#0c0202',GradientType=0 ); /* IE6-9 */}
.l-photo-panel aside span {color: #aaa;}
.l-photo-panel aside span a {color: #ccc;text-decoration: none;}
.l-photo-panel-text {background: rgb(49, 49, 49); /* bluish grey */color: #A48D27; /* steel blue */}


/* -- ▶▶▶ Module Setting ----------------------------- */
/* -- ▷Global Menu ----*/

.l-boxglobal-menu {background: #999;}
.pure-menu-item {display: block;}
.pure-menu-link {position: relative;}
.pure-menu-link:hover {background: #e50064;}

.l-header {position: fixed;top: 0;left: 0; width: 100%;z-index: 99999;}
.l-bland-bar {background: #e50064;}
.l-bland-logo-outer {height: 5vh!important; margin: 0.3em auto;}
.l-bland-logo {display: block; height: 100%; margin: 0.5em auto 0; padding: 0;}
.l-bland-bar-action {display: block; margin: 0.2em 0 0 ;}
.l-box-header-margin {margin-top: 7em;}

.l-drop-menu {width: 100%;position: relative;color: #FFF;background: #e50064;}
.l-drop-menu a {display: block;padding: 10px;color: #FFF; }
.l-drop-menu a:hover {background:#7554B2!important;}
.is-menu-item {border-right: solid 1px #7B5AB8; box-sizing: border-box;}
.is-drop-menu-diy {border-left: solid 1px #7B5AB8;}
.is-drop-menu-studio {}
.is-drop-menu-about {}
.is-menu-item:hover > a {background: #7554B2!important;}	
.l-drop-menu-child > li > a:hover {background: #7554B2;}
.l-drop-menu-child {width: 100%;position: absolute;top: 100%;left: 0;margin: 0; color: #333;background: rgba(255,255,255,0.95);border-bottom: solid 2px #e50064; visibility: hidden;}
  .l-drop-menu-child a {color: #000;}
.is-menu-item:hover .l-drop-menu-child {visibility: visible;}
.l-drop-menu-child a:hover {color: #FFF;background: rgba(81,48,142,0.26);}

/* -- ▷Topic Path ------------- */
.l-topic-path {margin: 0;}
.l-topic-path-item {display: inline-block;list-style: none;}

/* -- ▷footer ----*/
.l-footer {margin: 0;padding: 0;}
.page-head-button {position: fixed; bottom: 1em; right: 0.5em;}
.footer-menu {margin-bottom: 1.2em;}
.footer-menu li {margin-right: 1.5em;padding: 0 0 15px 8px;border-left: 1px solid #FFF;}
#back_top {width: 70px;height: 70px;text-align: center;position: fixed;right: 0;bottom: 10%;font-size: 30px;opacity: 0.6;}
#back_top a {display: block;padding: 20px;color: #FFF;cursor: pointer;text-decoration: none;background: #636363;}
#back_top a:hover {color: #FFF !important;}

/* -- ▶▶▶ State Setting ----------------------------- */
/* -- ▷ Toggle ----*/
.custom-toggle {width: 58px;height: 58px;display: block;position: absolute;top: 0;right: 0; display: block;}
.custom-toggle .bar {background-color: #e50064;display: block;width: 32px;height: 3px;border-radius: 100px;position: absolute;top: 30px;right: 10px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.custom-toggle .bar:first-child {-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);}
.custom-toggle.x .bar {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.custom-toggle.x .bar:first-child {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}

/* -- ▶▶▶ Themes Setting ----------------------------- */

/* -- ▷ Element  ------------- */
body {color: #000;}
::selection {background:#b7e3fc;}
a {color: #000;}
h1,h2 {color: #333;}
h3,h4,h5 {color: #666;}

/* -- ▷ Font ------------- */

* {font-weight: 300; font-family: "M PLUS Rounded 1c","Noto Sans JP";}

.fw100 {font-weight:100;}
.fw200 {font-weight:200;}
.fw300 {font-weight:300;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw800 {font-weight:800;}
.fw900 {font-weight:900;}

.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"!important; }
.wf-notosansjapanese { font-family: "Noto Sans JP"!important; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"!important; }
.wf-sawarabgothic { font-family: "Sawarabi Gothic"!important; }


html {font-size: 62.5%;}
body {font-size: 1.6rem;line-height: 1.8em;font-feature-settings : "palt" 1;}
h1,h2,h3,h4,h5 {line-height: 1.4em;}
h1,h2 {font-size: 3.2rem;font-weight:300;}
h3 {font-size: 2.1rem;font-weight:300;}
h4 {font-size: 1.8rem;font-weight:400;}
h5 {font-size: 1.8rem;font-weight:400;}
p,ul,ol,dl,table {font-size: 1.6rem;}
li,dt,dd {line-height: 1.5em;}
th,td {line-height: 1.35em;}

/* -- ▷ Acms Entry ------------- */
.acms-entry {font-size: 1.1em;letter-spacing: 0.05em;}
.acms-entry p {}
.acms-entry img {display: block;max-width: 100%;height: auto;}
.acms-entry ul li {list-style: circle;list-style-position: inside;}

.acms-entry dl {padding: 1.5em;background: rgba(229, 0, 99, 0.1);border-radius: 8px;}
.acms-entry dl dt {margin-top: 1em; padding: 0 0 0.3em 0; font-size: 1.8rem; }
.acms-entry dl dt:first-child {margin-top: 0; padding: 0 0 0.3em 0; border-top: none;}
.acms-entry dl dd {margin: 0; padding: 0 0 0.5em 1em;}


.acms-entry table {margin-top: 4em;border-bottom: solid 1px #e50064;}
.acms-entry caption {margin: 0 auto; padding: .8em 0 .6em 0; position: relative;box-sizing: border-box;font-size: 1.8rem; text-align: center;letter-spacing: 0.1em;line-height: 0.7em;border-bottom: solid 1px #e50064;z-index: 1;}
.acms-entry caption::before {content: " ";display: block;width: 45%;padding: .8em 0 .6em 0;position: absolute;top: 0;right: 0;bottom: 0;left: 40%;z-index: -1;background: #D5CFE2;transform: scaleY(1.1) perspective(.6em) rotateX(1deg);transform-origin: bottom left;border-radius: 0 8px 0 0;}
.acms-entry caption::after {content: " ";display: block;width: 45%;padding: .8em 0 .6em 0;position: absolute;top: 0;right: 0;bottom: 0;left: 15%;background: #D5CFE2;transform: scaleY(1.1) perspective(.6em) rotateX(1deg);transform-origin: bottom right;border-radius: 8px 0 0 0;z-index: -2;}
.acms-entry tr {border-bottom:solid 1px #ddd;}
.acms-entry tr:last-child {border:none;}
.acms-entry th,.acms-entry td {display: block;padding: 0.75em 1em; }
.acms-entry th {background: #F3EFF6;}
tr.odd {}
tr.even { background: rgba(240, 240, 240, 0.8);}
.column-image-left,.column-media-left,.column-image-center,.column-media-center,.column-image-right,.column-media-right {margin: 0 0 0.5em}
.column-video-left, .column-youtube-left {display: inline;float: left}
.column-video-right, .column-youtube-right {display: inline;float: right}
.column-video-center, .column-youtube-center {float: none;margin-left: auto;margin-right: auto}
.column-eximage-left {display: inline;float: left}
.column-eximage-right {display: inline;float: right}
.column-eximage-center {float: none;margin-left: auto;margin-right: auto;text-align: center}
.column-iframe, .column-youtube {position: relative;width: 100%;height: 100%;padding-top: 30px;padding-bottom: 56.25%;overflow: hidden}
.column-iframe embed, .column-iframe iframe, .column-iframe object,.column-youtube embed, .column-youtube iframe, .column-youtube object {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.clearHidden {display: block;clear: both;visibility: hidden;height: 0;margin: 0;border: none;}
.column-map-auto {margin-bottom: 10px;overflow: hidden;}
.column-map-left {float: left;margin-right: 10px;margin-bottom: 10px;overflow: hidden;}
.column-map-right {float: right;margin-left: 10px;margin-bottom: 10px;overflow: hidden;}
.column-map-center {display:block;margin-right: auto;margin-left: auto;margin-bottom: 10px;overflow: hidden;}

/* -- ▷ Acms Pager ------------- */
.is-pager-item {display: inline-block;width: auto; height: auto;margin: 1em 0.2em; list-style: none;}
.is-pager-item-outer {display: inline-block; width: 2em; line-height: 2em; border: solid 1px #666;}
.is-pager-item-button {display: block; margin: 0;padding: 0; color: #FFF;font-weight: 500; background: #666;}

/* -- ▷ Layout Division ------------- */

/* -- modal menu icon --- */
.l-box-nav{position: relative;margin:0;padding: 0.3em;}
.l-box-nav a {margin-top: 0.3em; line-height:120px;text-align:center;}
.l-box-nav a span{display:inline-block;vertical-align: middle;line-height:1.8em;}


/* -- ▷ Layout Text ------------- */

.l-box-lineup-summary {min-height: auto;}
.is-about-catch {padding-top: 0.5em; font-size: 4.8rem; text-align: left;}
.is-header-circle {position: relative; font-size: 1.5em; padding: 0 0 0 1.4em;}
.is-header-circle:after {position: absolute; top: 0.25em; left: 0.1em; display: block; content: ""; width: 0.6em; height: 0.6em;  border: solid 4px #e50064;  border-radius: 2em;}
.l-box-liner {margin-bottom: 3em; padding: 2em;box-sizing: content-box;border: solid 4px rgba(81,48,142,0.2);border-radius:8px;}

.is-sheer {transform: skewX(-10deg);}

.is-header-rubi {color:#FFF; line-height:1.2em; font-size: 0.5em; font-style: italic;}
.is-header-rubi-third  {padding-left: 1em; color: #999; font-size: 0.7em; font-style: italic;}
.is-header-bg-ball {position: relative;}
.is-header-bg-ball::before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100%; background: url(/themes/kamo23/images/bg_ball.png) center center no-repeat; background-size: cover; z-index: -2;}
/*
.is-button-kamo-base {display: flex; align-items: center; justify-content: center; min-height: 120px; line-height: 1;text-decoration: none;color: #e50064;font-size: 18px;border-radius: 16px;font-weight: bold;border-top: 2px solid #2c579e!important;border-left: 2px solid #2c579e!important;border-right: 2px solid #2c579e!important;border-bottom: 8px solid #2c579e!important;transition: 0.3s;text-shadow: -1px 0px 1px rgba(255, 255, 255, 0.8);background-color: #FFF;}
*/
.is-shinjyo p {width: 90%; margin: -1em auto 0; padding: 2.5em 2em 2em;  border:solid 2px rgb(0, 56, 148);font-size: 1.2em; line-height: 1.4em; box-sizing:border-box;}
.is-box-shadow-shinjyo {}
.is-greeting {padding: 0 3rem;}
.is-greeting p { font-size:1.2em; line-height: 3.6rem; font-weight: 400; }
.is-button-kamo-base {border-bottom-width: 0;transform: translateY(5px);}
.is-profile-item li {padding: 0.3em; font-size:1.1em; border-bottom: solid 2px  rgba(229, 0, 99, 0.12);color: #444;}
.is-profile-item-name {color: #aaa;}

.is-policy-header {position: relative;padding-left: 4em;}
.is-policy-header-catch {position: absolute; top: -0.5em;left: 0.5em;display: block;width: 64px; height: 64px; padding: 0.8em 0; box-sizing: border-box; background: #e50064 url(/themes/kamo23/images/bg_ball.png) center center no-repeat; background-size: cover;border: solid 2px #e50064; border-radius: 50%; text-align: center; color: #e50064; font-size: 0.8em; line-height: 1.1em;}

.is-policy-item {padding-left: 1em;}
.is-policy-item li {padding: 0 0 0.5em 0; font-size:1.1em;}

.is-contact-item {}
.is-contact-item dd {margin: 0 auto;}


.l-box-bg-svg-inquiry {color: #999;font-size: .9em;background-color: #66548e;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='30.4%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366548e'/%3E%3Cstop offset='1' stop-color='%23371e61'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='33.7%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23252e8e' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23252e8e' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%2351308e' stroke-width='3.2' stroke-miterlimit='10' stroke-opacity='0.65'%3E%3Ccircle cx='500' cy='500' r='725'/%3E%3Ccircle cx='500' cy='500' r='700'/%3E%3Ccircle cx='500' cy='500' r='675'/%3E%3Ccircle cx='500' cy='500' r='650'/%3E%3Ccircle cx='500' cy='500' r='625'/%3E%3Ccircle cx='500' cy='500' r='600'/%3E%3Ccircle cx='500' cy='500' r='575'/%3E%3Ccircle cx='500' cy='500' r='550'/%3E%3Ccircle cx='500' cy='500' r='525'/%3E%3Ccircle cx='500' cy='500' r='500'/%3E%3Ccircle cx='500' cy='500' r='475'/%3E%3Ccircle cx='500' cy='500' r='450'/%3E%3Ccircle cx='500' cy='500' r='425'/%3E%3Ccircle cx='500' cy='500' r='400'/%3E%3Ccircle cx='500' cy='500' r='375'/%3E%3Ccircle cx='500' cy='500' r='350'/%3E%3Ccircle cx='500' cy='500' r='325'/%3E%3Ccircle cx='500' cy='500' r='300'/%3E%3Ccircle cx='500' cy='500' r='275'/%3E%3Ccircle cx='500' cy='500' r='250'/%3E%3Ccircle cx='500' cy='500' r='225'/%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='175'/%3E%3Ccircle cx='500' cy='500' r='150'/%3E%3Ccircle cx='500' cy='500' r='125'/%3E%3Ccircle cx='500' cy='500' r='100'/%3E%3Ccircle cx='500' cy='500' r='75'/%3E%3Ccircle cx='500' cy='500' r='50'/%3E%3Ccircle cx='500' cy='500' r='25'/%3E%3C/g%3E%3Crect fill-opacity='0.65' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
background-attachment:scroll;
background-size: cover;
background-position: center center;}


/* -- ▷ Layout Text （marker）------------- */
.is-c-marker-yellow { background: -webkit-linear-gradient(left, #e50064 50%, transparent 50%);background: -moz-linear-gradient(left, #e5006450%, transparent 50%);background: linear-gradient(left, #e50064 50%, transparent 50%);background-repeat: no-repeat;background-size: 200% 1em; background-position: 100% .5em;transition: 1.5s;}
.is-c-marker-red { background: -webkit-linear-gradient(left, rgba(255,3,3,0.50) 50%, transparent 50%);background: -moz-linear-gradient(left, rgba(255,3,3,0.50)50%, transparent 50%);background: linear-gradient(left, rgba(255,3,3,0.50) 50%, transparent 50%);background-repeat: no-repeat;background-size: 200% 1em; background-position: 100% .5em;transition: 1.5s;}
.is-c-marker-yellow.is-active,.is-c-marker-red.is-active {color: #000;background-position: 0% .5em;}

.is-sp-ellipse-mask {-webkit-mask-image: url("/themes/conaseru18/images/common/spd.svg");mask-image: url("/themes/conaseru18/images/common/spd.svg");} 
.is-sp-ellipse {position: relative;max-width: 260px;margin: 0 auto;text-align: center;}
.is-sp-ellipse:after{position: absolute; display: block; top:-20px; left: -10px; width: 280px;height: 280px; content: " "; background:url(/themes/conaseru18/images/common/point-konasu.png) no-repeat center center;}

.is-approach-diy-pop {position: relative;margin: 1em 7em 0 0; padding: 0.5em 1em; font-size: .9em;color: #333; line-height: 1.6em; border-radius: 8px; background: rgba(255,241,254,0.83);}
.is-approach-diy-pop:before{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(0, 153, 255, 0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-top: -10px;border-left-color:rgba(187,200,239,0.20);left:100%;top:50%;}
.is-approach-diy-pop:after {position: absolute; display: block; bottom:0; right: -7em; width: 100px;height: 100px; content: " "; background: url(/themes/conaseru18/images/home/approach_diy.png) no-repeat center center;}

.is-approach-studio-pop {position: relative;margin: 1em 7em 0 0; padding: 0.5em 1em; font-size: .9em;color: #333; line-height: 1.6em; border-radius: 8px; background: rgba(241,245,255,0.83);}
.is-approach-studio-pop:before{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(0, 153, 255, 0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-top: -10px;border-left-color:rgba(187,200,239,0.20);left:100%;top:50%;}
.is-approach-studio-pop:after {position: absolute; display: block; bottom:0; right: -7em; width: 100px;height: 100px; content: " "; background: url(/themes/conaseru18/images/home/approach_studio.png) no-repeat center center;}

.is-point-pop {position: relative;margin: 1em 5em 2.5em 0; padding: 0.5em 1em; font-size: .9em;color: #555; border-radius: 8px; background: rgba(187,200,239,0.20);}
.is-point-pop:before{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(0, 153, 255, 0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-top: -10px;border-left-color:rgba(187,200,239,0.20);left:100%;top:50%;}
.is-point-pop:after {position: absolute; display: block; bottom:0; right: -5em; width: 80px;height: 80px; content: " "; background: url(/themes/conaseru18/images/common/point-master.png) no-repeat center center;}


.is-question-pop {position: relative;margin: 1em 5em 2.5em 0; padding: 0.5em 1em; font-size: .9em;color: #555; border-radius: 8px; background: rgba(187,200,239,0.20);}
.is-question-pop:before{border: solid transparent;content:'';height:0;width:0;pointer-events:none;position:absolute;border-color: rgba(0, 153, 255, 0);border-top-width:10px;border-bottom-width:10px;border-left-width:10px;border-right-width:10px;margin-top: 0px;border-left-color:rgba(187,200,239,0.20);left:100%;top:50%;}
.is-question-pop:after {position: absolute; display: block; bottom:0; right: -5em; width: 80px;height: 80px; content: " "; background: url(/themes/conaseru18/images/common/question-konasu.png) no-repeat center center;}

.is-bland-color-chart {margin: 0; padding: 3em;}


/* -- ▷ Layout Table (sp-scroll) ----*/
.is-sp-scroll table {border-top:solid 1px #ccc;border-right:solid 1px #ccc;}
.is-sp-scroll th,.is-sp-scroll td {border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.is-sp-scroll th {background: #eee;}

/* -- ▷ Layout images ------------- */

.l-profile-content {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='41' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23E50064' fill-opacity='0.04' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");
}
.is-original-gradient {
background-size: auto auto;
background-color: rgba(229, 0, 100, 1);
background-image: repeating-linear-gradient(175deg, transparent, transparent 10px, rgba(255, 255, 255, 0.1) 10px, rgba(255, 255, 255, 0.1) 20px );
}

.l-sns-content {display: block;
	background-color: #895A6E;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Ccircle stroke='%23FFFFFF' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='2.6' r='315'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='b' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='k' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Cuse id='l' href='%23a' stroke-dasharray='1600 1600 1600 1600 1600 9999'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)' stroke-opacity='0.03'%3E%3Cg transform='rotate(54 0 0)' %3E%3Ccircle fill='%23FFFFFF' fill-opacity='0.03' r='10'/%3E%3Cg transform='rotate(-165 0 0)'%3E%3Cuse href='%23f' transform='scale(.1) rotate(50 0 0)' /%3E%3Cuse href='%23f' transform='scale(.2) rotate(100 0 0)' /%3E%3Cuse href='%23f' transform='scale(.3) rotate(150 0 0)' /%3E%3C/g%3E%3Cg transform='rotate(-60 0 0)'%3E%3Cuse href='%23b' transform='scale(.4) rotate(200 0 0)' /%3E%3Cuse href='%23z' transform='scale(.5) rotate(250 0 0)' /%3E%3C/g%3E%3Cg id='z' transform='rotate(74.25 0 0)'%3E%3Cg transform='rotate(33.75 0 0)'%3E%3Cuse href='%23b'/%3E%3Cuse href='%23b' transform='scale(1.2) rotate(90 0 0)' /%3E%3Cuse href='%23b' transform='scale(1.4) rotate(60 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.6) rotate(120 0 0)' /%3E%3Cuse href='%23e' transform='scale(1.8) rotate(30 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg id='y' transform='rotate(270 0 0)'%3E%3Cg transform='rotate(20.25 0 0)'%3E%3Cuse href='%23e' transform='scale(1.1) rotate(20 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.3) rotate(-40 0 0)' /%3E%3Cuse href='%23g' transform='scale(1.5) rotate(60 0 0)' /%3E%3Cuse href='%23h' transform='scale(1.7) rotate(-80 0 0)' /%3E%3Cuse href='%23j' transform='scale(1.9) rotate(100 0 0)' /%3E%3C/g%3E%3C/g%3E%3Cg transform='rotate(-40.5 0 0)'%3E%3Cg transform='rotate(-74.25 0 0)'%3E%3Cg transform='rotate(-360 0 0)'%3E%3Cuse href='%23h' transform='scale(2) rotate(60 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.1) rotate(120 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.3) rotate(180 0 0)'/%3E%3Cuse href='%23h' transform='scale(2.4) rotate(240 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.5) rotate(300 0 0)'/%3E%3C/g%3E%3Cuse href='%23y' transform='scale(2) rotate(180 0 0)' /%3E%3Cuse href='%23j' transform='scale(2.7)'/%3E%3Cuse href='%23j' transform='scale(2.8) rotate(45 0 0)'/%3E%3Cuse href='%23j' transform='scale(2.9) rotate(90 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.1) rotate(135 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.2) rotate(180 0 0)'/%3E%3C/g%3E%3Cuse href='%23k' transform='scale(3.3) rotate(225 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.5) rotate(270 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.6) rotate(315 0 0)'/%3E%3Cuse href='%23k' transform='scale(3.7)'/%3E%3Cuse href='%23k' transform='scale(3.9) rotate(75 0 0)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size: cover;
background-position: center center;
}

/* -- ▷ Headline Card ------------- */	
.l-card-item {display: block; position: relative; width: 100%; height: 240px; border: solid 10px rgba(9,7,137,0.70); box-sizing: border-box;}
.l-card-item-property {position: relative; display: block; width: 100%; height: 90px; margin-top:130px; background: rgba(0,0,0,0.60);}

.l-card-item-property time {position: absolute; top:0px ;letf:0px; width: 100%; background: #076FB8; color: #FFF;}
.l-card-item-property-title {padding: 33px 10px 7px;line-height: 1.4em;font-size:1.2em; color: #FFF!important}
.l-card-item-new {position: absolute; display: block;top:5px ;right:5px; width: 60px; padding: 15px 0; border-radius: 30px; background: rgba(230,0,18,0.8); color: #FFF;}


/* -- ▷ Headline items ------------- 	
.l-headline-box {margin: 0 1em 0;}
.l-headline-item {display: block; margin:0;padding: 0.5em; border-bottom: 1px dotted rgba(170, 170, 170, 0.35);}
.l-headline-date {display: block; padding-right: 1em;}
.l-headline-cards-date {position:absolute; bottom:0; right: 0.5em; box-sizing: border-box; padding: 0.3em 1em;}
.l-headline-cards-title {box-sizing: border-box; margin: 0; padding: 0.5em 1em; font-size: 1.2em;}
*/
.is-headline {}
.is-headline-item {padding:2rem 1rem;border-bottom: solid 4px rgba(229, 0, 99, 0.5);font-size: 1.4em;}






/* -- ▷ Module Topic Path ------------- */
.l-topic-path-item {font-size: 0.75em;color: #999;}
.l-topic-path-item:after {display: inline-block;padding: 0 0.25em; content: "/";}


/* -- ▷ Module Category Index Items ------------- */

.l-category-index-cards {padding: 1em; background: rgba(187,200,239,0.20); border-radius: 4px;}
.l-category-index-cards img {border-radius: 4px;}
.l-category-index-cards h3 {margin: 0.3em 0 0;color: #e50064;}
.l-category-index-cards p {margin: 0;color: #666;}

/* -- ▷ Module Footer ------------- */
.l-footer {clear: both;}
.footer-menu .pure-menu-item {height: auto; border: none; font-size: .9em; text-align: center;}
.footer-menu .pure-menu-link {color: rgba(51, 51, 51, 0.8) !important;}
.footer-menu .pure-menu-link:hover {text-decoration: none;}

/* -- ▷ Module Form ------------- */
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select,.pure-form select option, .pure-form textarea {display: block; width:100%!important;margin-top:0.4em;padding: 0.7em 1em;border-radius: 0.15em; border: solid 1px #ccc;box-shadow: 0 0 0 #fff;font-size: 1.2em; box-sizing: border-box;}}
textarea.pure-input-1-2,select.pure-input-1-2 {width:100%!important;}
textarea.pure-input-1-2{height: 8em;}
fieldset {margin: 0; padding: 0;border: none;}
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	padding: 7px 30px 7px 10px;
	line-height: 1.1em;
	border-radius: 5px;
	border: none;
	content: "\f0dd";
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #FFF;
}
::placeholder {color: #CCC;}
::-ms-input-placeholder {color: #CCC;}/* 旧Edge対応 */
:-ms-input-placeholder {color: #CCC;}/* IE対応 */


input[type=checkbox] {display: none;}
label.is-pure-checkbox{box-sizing: border-box; padding: 0.5em 2em;border: solid 2px #CCC; border-radius: 4px; background: #FFF; color: #999;}
label.is-pure-checkbox i {display: none;}
input[type="checkbox"]:checked + label {border: solid 2px #AE95DE;background: #EAE0FF; color:#000;}
input[type="checkbox"]:checked + label i {display: inline;}

.pure-button {width: 100%; margin-top: 1em;padding: 1em;font-weight: 400;}
.pure-button-primary{background: #e50064;}
.l-single-column {max-width: 48em;margin: 2em auto 1em;line-height: 1em;}
.is-validator-highlight {border: 8px solid #e50064 !important; background: rgba(255,225,4,0.2)!important; box-sizing: border-box;}
.is-validator-massage {display: block;color: #AC1E3D;font-size: 0.8em;}
.pure-form label {display: block;}
.is-form-label {padding-top: 1em; font-size: 1.2em; color: #e50064; font-weight: 600;}
.is-label-en {padding-left: 1em;font-size: small;color: #ccc;}
.l-box-confirm {font-size: 1.6rem; width: 100%;}
.is-confirm-item {padding: 0.5em; border-bottom: dotted 1px #ccc;line-height: 1.6em;}
.is-confirm-item-label {display: block;5em; padding-right: 1em; color: #e50064; font-size:0.8em;}






@media (min-width: 35.5em){}

@media (max-width:47.9em) and (orientation : landscape){}

@media (min-width: 48em) {

/* -- ▶▶▶ Base Setting ----------------------------- */
/* -- ▷ Element ------------- */

/* -- ▶▶▶ Layout Setting ----------------------------- */
/* -- ▷ Division ----*/
.l-box-s {padding: 0.5em 1em;}

/* -- ▷ Text ----*/
/* -- ▷ Image ----*/

/* -- ▷ Table (width) ----*/
.l-cell-half {width:50%!important;}
.l-cell-onethird {width:33%!important;}
.l-cell-quarter {width:25%!important;}

/* -- ▷ Photo Panel ---- */
.l-photo-panel, .l-photo-panel-text {text-align: left;}
.l-photo-panel-thin {height: 250px;}

/* -- ▶▶▶ Module Setting ----------------------------- */

/* -- ▶▶▶ State Settin  ----------------------------- */
/* -- ▷ Toggle ----*/
.custom-menu-righter {text-align: right;}
.custom-toggle {display: none;}

/* -- ▶▶▶ Themes Setting ----------------------------- */
/* -- ▷ Element  ------------- */
/* -- ▷ Font ------------- */
/* -- ▷ Acms Entry ------------- */
.acms-entry th,.acms-entry td {display: table-cell!important;}
.acms-entry th {width: 33.3%;}
.column-image-left,.column-media-left {margin: 0 0.5em 0.5em 0;float:left;}
.column-image-center,.column-media-center {margin: 0 auto 0.5em 0;float: none;text-align: center;}
.column-image-right,.column-media-right {margin: 0 0 0.5em 0.5em;float:right;}

/* -- ▷ Layout Division ------------- */
/* -- ▷ Layout Text ----*/
.l-box-lineup-summary {min-height: 370px;}
.is-left-u-lg {text-align: center;}
.is-block-u-lg ,.is-blockis-block-inline-u-lg  {display: inline;}
.is-about-catch {font-size: 6rem; text-align: center;}


/* -- ▷ Layout images ------------- */
/* -- ▷ Module Global Menu ------------- */
/* -- ▷ Module Footer ------------- */
/* -- ▷ Module Form ------------- */
.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form select, .pure-form textarea{width:75%;font-size: 1em;}
textarea.pure-input-1-2,select.pure-input-1-2 {width:75%!important;}
}
