/* -- ▶▶▶ SMACSS Rule

▶▶▶ CDN
  ▷ pure.css
▶▶▶ Base Setting
  ▷ Element
▶▶▶ Layout Setting
▶▶▶ 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  ----------------------------- */

/* -- ▷ None ----*/
/*
.sp {display: block;}
.pc {display: none;}
*/
.l-none {display: none;}
.l-none-u-lg {display:block;}
.is-none-u-lg {display:inline;}

/* -- ▷ Division ----*/
.l-box-base {max-width: 61.25em; margin: 0 auto;padding: 1em 0.7em;}
.l-box-rich-padding {max-width: 640px;margin: 0 auto;}
.l-box {padding: 0.5em 1em;}
.l-box-sp {padding: 0}
.l-box-center {margin: 0 auto;}
.l-box-bm {padding-bottom: 2em;}
.l-box-hr {border-bottom: dotted 1px #ccc;}
.l-box-category-header {background: #eee;}
.l-box-site-bg {background: rgba(219,191,205,0.4);}
.l-box-mono-reversal {background: #000;color: #fff;}

/* -- ▷ Text ----*/
.is-center {text-align: center;}
.is-right {text-align: right;}
.is-large {font-size: large;}
.is-small {font-size: .9em;}
.is-mono-reversal {color: #fff;}
.is-block {display: block;}
.is-block-inline {display: inline-block;}
.is-block-u-lg  {display: block;}
.is-block-inline-u-lg  {display: inline-block;}

/* -- ▷ 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-trim-edge {border: solid 1px #ccc;}
.pure-img-responsive {display: block;max-width: 100%;height: auto;}

/* -- ▷ Button Item ------------- */
.is-button-normalize {display: block; width: 100%; border: none;background-color:transparent;}
.is-button {display: block;margin:1em 0 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: #936;}
.is-button-color-solid-mono-reversal {color: #000; font-weight: 400;background-color: #fff;}
.is-button-line-box {color: #936; font-weight: 400;border: solid 1px #936;}
.is-button-line-box-mono-reversal {color: #fff; font-weight: 400;border: solid 1px #fff;}
.is-button-line-box-input {width: 100%;background: #fff;}

/* -- ▷ Photo Panel ------------- */
.l-photo-panel-bg {background: #DBBFCD;}
.l-photo-panel, .l-photo-panel-text {overflow: hidden;position: relative;height: 100%;text-align: center; line-height: 1em;}
.l-photo-panel-thin {height: 120px;}
.l-photo-panel img {width: 100%; max-width: 100%;height: 56.25%;}
.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: #fff;text-decoration: none;font-size:1.4em;font-weight: 500;text-shadow: 0 0 8px #000;}
.l-photo-panel-text {background: rgb(49, 49, 49); /* bluish grey */color: #A48D27; /* steel blue */}


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

/* -- ▷ Global Menu ------------- */
.l-box-sp-hide {display:none}
.is-global-menu {display:block; width:100%;display:flex;justify-content: center;padding:0;list-style: none;}
.is-global-menu-item {width:calc(100% / 6);margin:2px;}
.is-global-menu-item-link {display: block; margin: 0;padding: 0.4em 0;font-size: 1.3em; font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 700;}

/* -- ▷ Module Modal ------------- */


/* Hide scroll bar */

html.remodal-is-locked {overflow: hidden;touch-action: none;}
/* Anti FOUC */
.remodal,[data-remodal-id] {display: none;}
/* Necessary styles of the overlay */
.remodal-overlay {position: fixed;z-index: 9999;top: -5000px;right: -5000px;bottom: -5000px;left: -5000px;display: none;}
/* Necessary styles of the wrapper */
.remodal-wrapper {position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;display: none;overflow: auto;text-align: center;-webkit-overflow-scrolling: touch;}
.remodal-wrapper:after {display: inline-block;height: 100%;margin-left: -0.05em;content: "";}
/* Fix iPad, iPhone glitches */
.remodal-overlay,.remodal-wrapper {backface-visibility: hidden;}
/* Necessary styles of the modal dialog */
.remodal {position: relative;outline: none;text-size-adjust: 100%;}
.remodal-is-initialized {/* Disable Anti-FOUC */display: inline-block;}

.is-modal-control {position: fixed; top:1em;right: 1em;text-shadow: 0px 0px 2px #FFF; z-index: 9999;}
.is-modal-image {width: 100%;max-width: 90px;margin: 2em auto 0.5em; opacity: 0.8;}
.is-modal-title>svg {width: 80%;max-width: 280px;margin-top: 3em;}

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

/* -- ▷Grand Link ------------- */

.l-grandlink-id {background: #936;}
.l-grandlink-id.loading {background: #936 url(/themes/study-room17/images/id_cover_bg.png) no-repeat center center; background-position: cover;}
.l-grandlink-dtp {background: #aa841e}
.l-grandlink-dtp.loading {background: #aa841e url(/themes/study-room17/images/dtp_cover_bg.png) no-repeat bottom center; background-position: cover;}


.l-grandlink-box {width: 200px; height: 20px; margin: 0 auto;}
.l-grandlink-box-id {padding:1em 0 1.7em;}
.l-grandlink-box-dtp {padding: 1.2em 0 1.5em;}

/* -- ▷footer ----*/
.l-footer {margin: 0;padding: 0;color: #fff;}
.l-footer a {color: #ccc!important;}
.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 ----------------------------- */

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

/* -- ▷ Element  ------------- */
body {color: #000;}
::selection {background:#DBBFCD;}
a {color: #936;font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 600;}
h1,h2 {color: #333;}
h3,h4,h5 {color: #666;}

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

* {font-weight: 300; font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.selector-san-serif {font-family:"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;}
.selector-serif {font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;}

body {font-size: 1em;line-height: 1.85em;}
h1,h2,h3,h4,h5 {line-height: 1.3em;font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 700;font-style: normal;}
h1,h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4,h5 {font-size: 1.2em;}


/* -- ▷ Acms Entry ------------- */
.acms-entry {font-size: 1.1em;letter-spacing: 0.05em;}
.acms-entry h2 {color: #FFFFFF;font-size: 1.6em; background: #993366;padding: .3em .7em .4em;}
.acms-entry h3 {margin: 2em auto 0; padding: .2em .5em .4em;color: #936;border: 1px solid #993366;}
.acms-entry h4 {margin: 1.8em auto 0; padding-bottom: 0.3em; color: #993366; border-bottom: 1px solid #993366;}
.acms-entry h5 {margin: 1.8em auto 0; color: #993366;}
.acms-entry p {text-align: justify;text-justify: inter-ideograph;}
.acms-entry em {font-style: normal; color: #993366;}
.acms-entry strong {font-family: fot-tsukuardgothic-std, sans-serif;font-weight: 700;}
.acms-entry img {display: block;max-width: 100%;height: auto;margin: 0 auto;}
.acms-entry ul {padding-left: 1em;}
.acms-entry ul li {position: relative;list-style:none;list-style-position: inside;}
.acms-entry ul li:before {position: absolute;display: block;content: " "; top:12px;left: -14px;width: 4px;height: 4px;border: solid 1px #575757;border-radius: 4px; background:#575757; z-index: 10;}
.acms-entry table {border-top:solid 1px #ccc;border-right:solid 1px #ccc;}
.acms-entry th,.acms-entry td {border-bottom:solid 1px #ccc;border-left:solid 1px #ccc;}
.acms-entry th {background: #eee;}
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 #936;}
.is-pager-item-button {display: block; margin: 0;padding: 0; color: #FFF;font-weight: 500; background: #936;}


/* -- ▷ Entry Category Header ------------- */
.l-box-category-header {position: relative; width: 100%; height:240px; content: ""; background: #936;}
.l-box-category-bg {height: 100%;}
.l-category-title {position: absolute; top:0px;right: 0px;bottom: 0px;left: 0px; margin: auto; display: block; width: 100%;  height: 100%; z-index: 99;}
.l-category-title svg {max-width: 300px; position: absolute; top:0px;right: 0px;bottom: 0px;left: 0px; margin: auto; display: block; width: 100%;  height: 100%; z-index: 99;}
.l-category-single-line {max-height: 2em;}
.l-category-double-line {max-height: 3em;}
.is-category-title {color: rgba(255,255,255,0.85); text-shadow: 0px 0px 6px #333;}
.is-category-title span { display:block;font-size: 0.6em;}




/* -- ▷ Entry Index ------------- */

.l-thumbnail-wrapper {position: relative;width: 100%;border: solid 8px rgba(153,51,102,0.25);box-sizing:border-box;overflow: hidden;}
.l-thumbnail-wrapper:before {content:"";display: block;padding-top: 56.25%;}
.l-thumbnail-content {position: absolute;top: 0;left: 0;bottom: 0;right:0;border: solid 2px rgba(153,51,102);box-sizing:border-box;  }
.l-ids-title {margin: 0;}
.is-ids-title {color: #936;font-size: 1.6em;}
.is-ids-property {margin: 0 0 0.5em;padding: 0; color: #666;}
.is-ids-summary {color: #333; line-height: 1.6em;}


/* -- ▷ Entry Property ------------- */

.l-entry-property {padding: 0.5em 1em; border: dotted 1px #ccc;}
.l-entry-property-list {margin: 0!important;padding-left:0!important;}
.is-entry-title a {color: #FFF!important;}
.is-entry-property-item {list-style:none!important;font-size: 0.8em}
.is-entry-property-item:before{display: none!important;}
.is-entry-property-item-link {color: #666;}

.l-category-index-title {border-bottom: dotted 1px #ccc;}
.is-category-index-title {color: #936; font-size: 1.6em;}


.l-relatedurl-item {margin: 0; padding: 1em;line-height: 1.4em;border-bottom: dotted 1px #ccc;}
.l-relatedurl-item dt {margin-bottom: 0.5em; font-size:1.2em;}
.l-relatedurl-item dd {color: #333!important;}

.l-activity-item {margin: 0; padding: 0.9em;;border-bottom: dotted 1px #ccc;}
.l-activity-item dt {margin-bottom: 0.5em; font-size:1em;line-height: 1.4em}
.l-activity-item dd {margin: 0 0 0 1em;padding: 0.3em 0.5em; color: #666!important;font-size:0.8em; color: #999;line-height: 1.3em}


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

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

/* -- ▷ 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 ------------- */

/* -- ▷ Module Global Menu ------------- */

/* -- ▷ 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-property {display:block; padding-right: 1em;}

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

/* -- ▷ Module Footer ------------- */
.l-footer {clear: both;}
.is-footer-menu {color: #CCC!important; margin-left: 0.5em;}


/* -- ▷ tag parts ------------- */
.is-tag {padding: 0.5em;}

/* -- ▷ Module books ------------- */

.l-books-content {}
.l-books-content-inner {}
.is-books-item {margin-bottom: 0.2em;line-height: 1.4em;text-align: left;}
.is-books-image {height: 180px; margin: 0 auto;overflow: hidden;box-shadow: 1px 1px 3px #999;}
.is-books-title {min-height: 5.5em;font-size: 1.4em;font-weight: 500;}
.is-books-title > a,.is-books-property > a {color: #000;text-shadow: 1px 1px 2px #fff;}


/* -- ▷ 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 {display: block; width:100%!important;margin-top:0.4em;padding: 0.7em 1em;border-radius: 0.15em;box-shadow: 0 0 0 #fff;font-size: 1.2em;}
textarea.pure-input-1-2,select.pure-input-1-2 {width:100%!important;}
textarea.pure-input-1-2{height: 8em;}
.pure-button {width: 100%; margin-top: 1em;padding: 1em;font-weight: 400;}
.pure-button-primary{background: #a3566f;}
.l-single-column {max-width: 48em;margin: 2em auto 1em;line-height: 1em;}
.is-validator-highlight {border-color: #FE0037!important}
.is-validator-massage {display: block;color: #FE0037;font-size: 0.8em;}
.pure-form label {display: block;}
.is-form-label {padding-top: 1em; font-size: 1.2em; color: #a3566f; font-weight: 600;}
.is-label-en {padding-left: 1em;font-size: small;color: #ccc;}
.l-confirm {font-size: 1.1em;}
.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: #a3566f;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 ----------------------------- */
/* -- ▷ None ----*/
.l-none-u-lg,.is-none-u-lg {display: none;}
/* -- ▷ Division ----*/
.l-box-sp {padding: 0.5em 1em;}
/* -- ▷ Text ----*/
/* -- ▷ Image ----*/
/* -- ▷ Photo Panel ---- */
.l-photo-panel, .l-photo-panel-text {text-align: left;}
.l-photo-panel-thin {height: 250px;}

/* -- ▶▶▶ Module Setting ----------------------------- */
/* -- ▶▶▶ State Settin  ----------------------------- */


/* -- ▶▶▶ Themes Setting ----------------------------- */
/* -- ▷ Element  ------------- */
/* -- ▷ Font ------------- */
/* -- ▷ Acms Entry ------------- */
.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 ;float: none;text-align: center;}
.column-image-right,.column-media-right {margin: 0 0 0.5em 0.5em;float:right;}

/* -- ▷ Layout Division ------------- */
/* -- ▷ Layout Text ------------- */
.is-block-u-lg ,.is-blockis-block-inline-u-lg  {display: inline;}

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

/* -- ▷ Module modal Menu ------------- */
.is-modal-control  {display: none;}
/* -- ▷ Module Global Menu ------------- */
.l-box-sp-hide {display:block;}

/* -- ▷ Headline items ------------- */	
.l-headline-property {display: inline-block; padding-right: 1em;}
.l-versioninfo {min-width: 166px;}

/* -- ▷ Module Footer ------------- */

/* -- ▷ tag parts ------------- */
.is-tag {padding: 0;}

/* -- ▷ Module books ------------- */ 
.is-books-title {min-height: 4.5em;} 

/* -- ▷ 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;}
}