/* Generated by less 2.2.0 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/*全体変更共通*/
body {
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
  background-color: #f1f0ee;
}

a:hover img, a:focus img { opacity:0.85; }

.breadcrumb { background:none; font-size:75%; margin:.5em 0; color:#999; }
.breadcrumb a { color:#999; }
.breadcrumb .active { color:#ff0099; }
.breadcrumb a:hover { color:#ccc; }




@media print, screen and (min-width: 768px) {
  .container {
	width:100%;
    max-width: 760px;
  }
}
@media print, screen and (min-width: 992px) {
  .container {
	width:100%;
    max-width: 980px;
  }
}
@media print, screen and (min-width: 1200px) {
  .container {
	width:100%;
    max-width: 1180px;
  }
}


/*global-menu*/
#global .container .logoimg { text-align:center; }
#global .container .logoimg h1 { margin-bottom:0; }
#global .container .logoimg img { margin:auto;}
#global .container .copy { text-align:center; }
#global .container .copy .h6 { line-height:1.5; margin-top:-5px; font-size:14px;}

#global .container .search { text-align:center;}
#global .container .search .btn { margin:auto auto 30px; }

/*global-footer*/
#global-footer { background:#000; position:relative; }
#global-footer .container {  margin:40px auto; }
#global-footer .container img { padding:0 10px; }
#global-footer .container .menu { margin:30px 0 30px;}
#global-footer .container div.menu > a { color:#fff; font-size:90%; line-height:3; }
#global-footer .container div.copyright { margin:0; }
#global-footer .container div.copyright img { max-width:130px; margin-bottom:10px; }
#global-footer .container div.copyright p { color:#fff; font-size:75%; }

#global-footer .pagetop { position:absolute; z-index:10; bottom:55px; right:0; padding:20px; line-height:1; color:#000; background:rgba(255,255,255,0.50); text-align:center; }
#global-footer .pagetop:hover { color:#ff0198; background:rgba(255,255,255,0.9); cursor:pointer; }

/*top*/
#top3 .main { 
  position: relative;
  z-index: 0;
  overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/
   }
   
  #top3 .main a:hover { 
  color:#fff;
   }

#top3 .main:before { 
　-webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
  position: absolute;
  /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  /*z-index: -1;/*重なり順序を一番下にしておく*/ }  
  
#top3 .main .container { margin:40px auto; }

#top3 .main .date{
  color: #ccc;
  font-size:90%;
  text-shadow: 0 0 10px rgba(0,0,0,.4);
  padding:5px;
}
  
#top3 .main .row > div  { height:auto; }
#top3 .main .row > div img  { height:auto; width:100%; margin-bottom:10px; }
#top3 .main .row > div .btn  { margin:10px auto 0; display:block; height:40px; }

#top3 .main h2{
font-weight:normal;
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,.4);
margin:0 auto; padding:0;
font-size:24px; line-height:1.5;
text-align:justify;
}

#top3 .main h3{
font-weight:normal;
color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,.4);
margin:0 auto 10px; padding:0;
}

#top3 .main h3 p{
margin:0 auto 5px; padding:0; 
}

#top3 .main h3 small{
  color: #fff; font-size:14px; line-height:1;
}

#top3 .main h4{
font-size:16px;
font-weight:normal;
line-height:1.5;
color: #ccc;
text-shadow: 0 0 10px rgba(0,0,0,.4);
margin:5px 0 20px;
text-align:justify;
}

#top3 .bg01{
  background:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0.6)), url(../qreators-img/q01contnents01.jpg) no-repeat center / cover;
  
}
/*:beforeにぼかし効果を設定する*/
#top3 .bg01:before{
  content: '';
  background: inherit;/*.bg01で設定した背景画像を継承する*/
}

#top3 .bg02{
 background:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0.6)),url(../qreators-img/q02contnents01.jpg) no-repeat center / cover;
}

/*:beforeにぼかし効果を設定する*/
#top3 .bg02:before{
  content: '';
  background: inherit;/*.bg02で設定した背景画像を継承する*/
}

#top3 .bg03{
  background:linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0.6)),url(../qreators-img/q03contnents01.png) no-repeat center / cover;
}

/*:beforeにぼかし効果を設定する*/
#top3 .bg03:before{
  content: '';
  background: inherit;/*.bg03で設定した背景画像を継承する*/
}

/*top-whatsnew*/
#whatsnew a, #whatsnew a:visited  { color:inherit; }
#whatsnew a:hover, #whatsnew a:focus { background:rgba(255,255,255,0.25); display:block; text-decoration:none;}

#whatsnew h2 { margin:40px auto 20px; text-align:center; }
#whatsnew h2 small{
  color: #333;
}

#whatsnew .row > div:nth-child(2n+1) { clear:both; }
#whatsnew .row > div { padding:0 .5em; }

#whatsnew h4{
font-weight:normal;
line-height:1.5;
margin:.75em auto 1.5em;
}

#whatsnew h4 p.small{
  color: #333;
  font-size:65%;
  line-height:1.5;
  margin-bottom:.2em;
}

/*top-searchbanner*/
#searchbanner { text-align:center; padding-bottom:40px; }
#searchbanner { background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0.8)),url(../images/bg-searchbanner.jpg) repeat center / 100%; }
#searchbanner .inner { width:100%; max-width:820px; margin:auto; }
#searchbanner h2 { margin:40px auto 30px; color:#ff0197; font-weight:normal; line-height:1.75; font-size:17px; letter-spacing:-0.08em; }
#searchbanner .h4{ margin-bottom:40px; font-weight:normal; line-height:1.75; text-align:center; color:#fff; font-size:14px; }
#searchbanner .btn { display:block; width:100%; max-width:400px; }

/*about*/
#about { text-align:center; }
#about { background:rgba(0,0,0,.8); }
#about .inner { width:100%; max-width:1000px; margin:auto; }
#about h2 { margin:40px auto 30px; color:#ff0197; font-weight:normal; line-height:1.75; letter-spacing:-0.08em; }
#about .h4{ margin-bottom:40px; font-weight:normal; line-height:1.75; text-align:center; color:#fff; font-size:14px; }
#about .btn { display:block; width:100%; max-width:400px; }

/*about02*/
#about02 { text-align:center; padding:0 0 20px; background:#fff; }#about02 h2 { margin:40px auto 30px; line-height:1.75;} #about02 h4 { line-height:1.5;}
#about02 .bg-round-a { width:330px; height:330px; background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0.8)),url(../images/bg-about01.jpg) repeat center / cover; border-radius:50%; margin:auto; color:#fff; margin-bottom:20px; }
#about02 .bg-round-a .inner { padding:20px 35px; }
#about02 .bg-round-a .number { font-size:21px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ff0197; line-height:1; margin-bottom:-5px; }
#about02 .bg-round-a h3 { margin-bottom:10px; font-size:18px; line-height:1; } #about02 .bg-round-a h3 span { color:#ff0197; }
#about02 .bg-round-a h4 { line-height:1.45; text-align:left; font-size:14px; }

#about02 .bg-round-b { width:330px; height:330px; background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0.8)),url(../images/bg-about02.jpg) repeat center / cover;  border-radius:50%; margin:auto; color:#fff; }
#about02 .bg-round-b .inner { padding:20px 35px; }
#about02 .bg-round-b .number { font-size:21px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ff0197; line-height:1; margin-bottom:-5px; }
#about02 .bg-round-b h3 { margin-bottom:10px;  font-size:18px; line-height:1; } #about02 .bg-round-b h3 span { color:#ff0197; }
#about02 .bg-round-b h4 { line-height:1.45; text-align:left;  font-size:14px;}

/*aboutus*/
#aboutus { background:linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,0.8));} 
#aboutus .inner { width:100%; max-width:1000px; margin:auto; }
#aboutus h2 { margin:40px auto 30px; color:#ff0197; font-weight:normal; }
#aboutus .h4{ margin-bottom:40px; font-weight:normal; line-height:1.75; color:#fff; }

/*ourMission*/
#ourMission { background:linear-gradient(rgba(225,225,225,.8), rgba(225,225,225,.8));}
#ourMission .inner { width:100%; max-width:1000px; margin:auto; }
#ourMission h2 { margin:40px auto 30px; color:#ff0197; font-weight:normal;}
#ourMission .h4{ margin-bottom:40px; font-weight:normal; line-height:1.75; }

/*corpolateprofile*/
#corpolateprofile { background:linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8));}
#corpolateprofile .inner { width:100%; max-width:1000px; margin:auto; }
#corpolateprofile h2 { margin:40px auto 30px; color:#ff0197; font-weight:normal; }
#corpolateprofile dl { margin-bottom:40px; color:#fff;}
#corpolateprofile dt { width:100%; display:inline-block; margin-bottom:0em; vertical-align:top; line-height:1.75; } #corpolateprofile dd { width:100%;display:inline-block; margin-bottom:1.5em; vertical-align:top; line-height:1.75; }

/*privacypolicy*/
#privacypolicy { background:linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.8));}
#privacypolicy .inner { width:100%; margin:auto;max-width:1000px; margin-bottom:40px; }
#privacypolicy h2 { margin:40px auto; color:#ff0197; font-weight:normal; line-height:1.5; }#privacypolicy h3 { margin:40px auto 20px; font-weight:normal;line-height:1.5; border-bottom:2px solid #ccc; padding-bottom:5px;  }


/*profile*/
#profile .row{ padding-bottom:20px; }

#profile h2{
font-weight:normal;
color: #fff;
margin:1em auto 1em; padding:0;
line-height:1.5;
text-align:justify;
}

#profile h3{
font-weight:normal;
color: #fff;
margin:0 auto 1.5em; padding:0;
text-align:justify;
}

#profile  h3 p{
margin:0 auto .5em; padding:0; 
}

#profile h3 small{
  color: #fff; font-size:16px; line-height:1;
}

.credit { margin:0 auto 1.5em; font-size:80%; }

#profile .profile-txt { margin:0 auto 1.5em; text-align:justify; }

#sns .category-link { margin:0 auto 1.5em;}
#sns .category-link > .row > div { padding:0 .2em;}

#sns .sns-link { margin:0 auto 1.5em; }
#sns .btn-sns {
  width:100%; text-align:center;
}
#sns .btn-sns img {
  margin:auto; width:100%;
}

.fixed-right-menu { padding:20px 0 0px; margin-bottom:1.5em; z-index: 1000; background:rgba(255,255,255,0.80); text-align:center; }
.fixed-right-menu .btn { width:100%; max-width:280px;  height:60px; margin:0 auto 4px; } .fixed-right-menu .btn .icon { display:inline-block; padding-right:8px; width:25%; vertical-align:middle;} .fixed-right-menu .btn .icon img { width:100%; max-width:35px; } .fixed-right-menu .btn .txt{ text-align:left; display:inline-block; width:75%;vertical-align:middle;}
.fixed-right-menu .btn-pink { height:40px; margin:0 auto; }

.fixed-right-menu .checkbox-star label.star {
 height:60px; line-height:60px; padding:0; width:100%; max-width:280px; background:#666; color:#fff; margin:0 auto 4px; border-radius: 5px; font-size:14px; font-weight:normal;
}

.fixed-right-menu .checkbox-star label.star:hover {
cursor:pointer; background:#999; }

.fixed-right-menu .checkbox-star label.star img {
 padding-right:0px;
}

label.star .glyphicon-heart:after { content:'マイリストに追加'; }
label.star .glyphicon-heart.change:after { content:'追加しました　　'; }

.fixed-right-menu .checkbox-star > .checkboxnone:checked ~ label.star{
  background:#666; color:#999;
}

/*contents*/
#contents a { color:#333; }

#contents .row > div:nth-child(2n+1) { clear:both; }

/*画像トリミング*/
#contents .contents-img { 
	position:relative; margin:auto; border: 15px solid #000; 
	width: auto;
    height: 280px;
    overflow: hidden;
    background-color: #000; } 
#contents .contents-img .label { position:absolute; bottom:0; right:0; z-index:10; } 

#contents .h2{
text-align:left; margin:1.5em auto 1.5em;
}

#contents .contents-txt{ margin:1em auto 1.5em; line-height:1.5; }

#contents h4 p{ margin:0;}

/*video*/
#video .row > div:nth-child(2n+1) { clear:both; }

#video .h2{
text-align:left; margin:1.5em auto 1.5em;
}
#video .video-txt{ margin:1em auto 1.5em; line-height:1.5; color:#fff; }
#video h4 small { color:#fff; }
#video h4 p{ margin:0;}

/*NEWS*/
#news a { color:#333; text-decoration:underline; }
#news a:hover { color:#666; text-decoration:none; }

#news .h2{
text-align:left; margin:1.5em auto 1em;
}
#news .news-txt{ margin:0 auto 1em; line-height:1.5; }
#news h4 p{ margin:0;}

/*kanren*/
#kanren .h2{
text-align:left; margin:1.5em auto 1em;
}

#kanren .row > div { padding:0 .5em; }
#kanren .row > div:nth-child(2n+1) { clear:both; }

#kanren a, #whatsnew a:visited  { color:inherit; }
#kanren a:hover, #whatsnew a:focus { background:rgba(255,255,255,0.25); display:block; text-decoration:none;}

#kanren h4{
font-weight:normal;
line-height:1.5;
margin:.75em auto 1.5em;
}

#kanren h4 p.small{
  color: #333;
  font-size:65%;
  line-height:1.5;
  margin-bottom:.2em;
}

/*kanren-tag*/
#kanren-tag .h2{
text-align:left; margin:1.5em auto 1em;
}
#kanren-tag .category-link { margin-bottom:.5em; }
#kanren-tag .btn { margin-right:4px; margin-bottom:4px; white-space:normal; text-align:left; }

.navbar-list {
  background-color: #333;
  border-color: #ff0099;
}

.navbar-list .list-toggle {
  height:40px; padding:.75em;
}

.navbar-list .list-toggle:hover {
	cursor:pointer;
}

.navbar-list .list-toggle > span {
color:#ff0099; margin-left:.5em; font-weight:bold; font-size:14px; float:right;
}

.navbar-list .list-toggle .glyphicon {
color:#fff; font-weight:bold; font-size:14px; padding-top:0.75em;
}

.bg-mylist .clearfix > div:nth-child(2n+1) { clear:both; }
.bg-mylist .clearfix > div { padding:5px; }
.bg-mylist .clearfix div div { position:relative; text-align:right; padding:5px 5px 0; border:solid 1px #ccc;  }
.bg-mylist .clearfix .close-toggle { /*position:absolute; right:0px; top:0px;*/ display:inline; color:#666; text-align:center; border:none; line-height:1; cursor:pointer;position:relative; z-index:5; padding:5px 10px; }
.bg-mylist .clearfix .close-toggle:hover { cursor:pointer; background:#e2e2e2; }
.bg-mylist .clearfix .close-toggle:active { cursor:pointer; background:#ccc; }

.bg-mylist .clearfix > div div.disabled { background-image: url("../images/bg-stripe.png");  }
.bg-mylist .clearfix > div div.disabled img { opacity:0.50;  }
.bg-mylist .clearfix > div div.disabled .close-toggle { background:#fff; }
.bg-mylist .btn { line-height:1.5; }
.bg-mylist .btn .icon { display:inline-block; margin-right:5px; width:20%; vertical-align:middle;} .bg-mylist .btn .txt { display:inline-block; margin-right:5px; width:80%; text-align:left;vertical-align:middle;}

/*innercontents*/

#innercontents .news_title{
 margin:1.5em auto 0; font-size:30px; line-height:1.5;
}

#innercontents .article_text { font-weight:bold; font-size:24px; }

#innercontents .leftBox{
text-align:left;  float:left; width:50%; 
}
#innercontents .rightBox{
text-align:right; margin:0; float:right; width:50%; 
}

#innercontents .underbar .leftBox{
text-align:left;  float:none; width:100%; 
}
#innercontents .underbar .rightBox{
text-align:right; margin:0; float:none; width:100%; 
}

#innercontents .rightBox.detail {
text-align:right; margin:0; float:none; width:100%; 
}

#innercontents .detail{
font-size:.85em;
}

#innercontents img { width:100%; height:auto; display: block; margin:3em auto; max-width:900px; }


@media print, screen and (min-width: 400px) {

#searchbanner h2 { font-size:21px; letter-spacing:0;  }
#searchbanner .h4{ font-size:16px; }

#about h2 { font-size:24px; letter-spacing:0;  }
#about .h4{ font-size:16px; }

}


/*search*/
#search a, #whatsnew a:visited  { color:inherit; }
#search a:hover, #whatsnew a:focus { background:rgba(255,255,255,0.25); display:block; text-decoration:none;}

#search h2 { margin:40px auto 20px; text-align:center; }
#search h2 small{
  color: #333;
}
#search h3 { margin:0 auto 40px; font-size:16px; line-height:1.5;} 
#search h3 p { margin-top:10px;}
#search h3 small { font-size:14px; line-height:1.5;}

#search .clearfix > div > a{
position:relative;
}

#search .clearfix > div > a .label{
position:absolute; z-index:2;
}

#search .clearfix > div:nth-child(2n+1) { clear:both; }
#search .clearfix > div { padding:0 .5em; }

#search .result p{
font-size:120%; font-weight:bold; margin:20px auto; text-align:center;
}

#search .result p small{
font-weight:normal; 
}

#search h4{
font-weight:normal;
line-height:1.5;
margin:.75em auto 1.5em;
}

#search h4 p.small{
  color: #333;
  font-size:65%;
  line-height:1.5;
  margin-bottom:.2em;
}

#search .contactarea button{
margin:10px 10px 10px;
}

/*search-result*/
#search-result a, #whatsnew a:visited  { color:inherit; }
#search-result a:hover, #whatsnew a:focus { background:rgba(255,255,255,0.25); display:block; text-decoration:none;}

#search-result h2 { margin:40px auto 20px; text-align:center; }
#search-result h2 small{
  color: #333;
}
#search-result h3 { margin:0 auto 40px; font-size:16px; line-height:1.5;} 
#search-result h3 p { margin-top:10px;}
#search-result h3 small { font-size:14px; line-height:1.5;}

#search-result .clearfix > div > a{
position:relative;
}

#search-result .clearfix > div > a .label{
position:absolute; z-index:2;
}

#search-result .clearfix > div:nth-child(2n+1) { clear:both; }
#search-result .clearfix > div { padding:0 .5em; }

#search-result .result p{
font-size:120%; font-weight:bold; margin:20px auto; text-align:center;
}

#search-result .result p small{
font-weight:normal; 
}

#search-result h4{
font-weight:normal;
line-height:1.5;
margin:.75em auto 1.5em;
}

#search-result h4 p.small{
  color: #333;
  font-size:65%;
  line-height:1.5;
  margin-bottom:.2em;
}

#search-result .contactarea button{
margin:10px 10px 10px;
}


@media print, screen and (min-width: 768px) {
	
/*global*/
#global .container .copy { text-align:left;}
#global .container .copy .h6 { padding-top:15%; line-height:1.4; }

#global .container .search .btn { margin-top:18%;  float:right; }

/*global-footer*/
#global-footer .container div.menu > a { color:#fff; font-size:90%; line-height:1; }
#global-footer .container div.menu > a:after { content:"|"; padding:0 20px;}
#global-footer .container div.menu > a:last-child:after { content:""; padding:0; }
#global-footer .container div.copyright > img { margin-bottom:10px; }

/*top3*/
#top3 .main h3 small{
font-size:12px;
}

#top3 .main h4{
font-size:14px;
}


/*top-whatsnew*/
#whatsnew h2 { text-align:left; }

/*top-searchbanner*/
#searchbanner h2 { line-height:1.5; font-size:24px; }
#searchbanner .h4{ text-align:center; color:#fff;  font-size:18px; }

#about h2 { line-height:1.5; font-size:28px; }
#about .h4{ text-align:center; color:#fff;  font-size:18px; }

/*about02*/
#about02 .bg-round-a { width:460px; height:460px; margin-bottom:20px;}
#about02 .bg-round-a .inner { padding:30px 40px; }
#about02 .bg-round-a .number { font-size:40px;  margin-bottom:20px; }
#about02 .bg-round-a h3 { margin-bottom:20px;font-size:24px; }
#about02 .bg-round-a h4 { line-height:1.75; text-align:left; font-size:16px; }

#about02 .bg-round-b { width:460px; height:460px; }
#about02 .bg-round-b .inner { padding:30px 40px; }
#about02 .bg-round-b .number { font-size:40px;  margin-bottom:20px; }
#about02 .bg-round-b h3 { margin-bottom:20px; font-size:24px; } 
#about02 .bg-round-b h4 { line-height:1.75; text-align:left; font-size:16px; }

/*search*/
#search h2 { text-align:left; }

#search .result p{
text-align:left;
}

/*search-result*/
#search-result h2 { text-align:left; }

#search-result .result p{
text-align:left;
}

/*contents*/
/*画像トリミング*/
#contents .contents-img { 
    height: 200px;
 } 

/*kanren*/
#kanren .row > div:nth-child(2n+1) { clear:none; }
#kanren .row > div { padding:0 .5em; }
#kanren .row > div:nth-child(5n+1) { clear:both; }

.fixed-right-menu .btn {
max-width:320px; }

.fixed-right-menu .checkbox-star label.star {
max-width:320px;
}

}

@media print, screen and (min-width: 992px) {


/*global*/
#global .container .copy .h6 { padding-top:8%; line-height:1;  }
#global .container .search .btn { margin-top:18%;  float:right;}

/*top3*/
#top3 .main h3 small{
font-size:14px;
}

#top3 .main h4{
font-size:16px;
}

/*top-whatsnew*/
#whatsnew .row > div:nth-child(2n+1) { clear:none; }
#whatsnew .row > div { padding:auto; }
#whatsnew .row > div:nth-child(5n+1) { clear:both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

/*top-searchbanner*/
#searchbanner h2 { font-size:30px; }
#searchbanner .h4{ text-align:left; color:#fff;  font-size:18px; }

#about h2 { font-size:34px; }
#about .h4{ color:#fff;  font-size:21px; }

/*about02*/
#about02 .bg-round-a { width:460px; height:460px;}
#about02 .bg-round-b { width:460px; height:460px; }

/*corpolateprofile*/
#corpolateprofile dt { width:15%; display:inline-block; margin-bottom:1em; vertical-align:top; line-height:1.75; } #corpolateprofile dd { width:85%;display:inline-block; margin-bottom:1em; vertical-align:top; line-height:1.75; }


.fixed-right-menu { display:block; position: fixed; right: 0px; top: 100px; margin:0; padding:10px 0 0; width:200px; text-align: center; z-index: 1000; border: 1px solid #e2e2e2; border-left-radius: 5px; background:rgba(255,255,255,0.50); line-height: 1.25; box-shadow: 0 0 1px rgba(0,0,0,.30); }
.fixed-right-menu .btn { width:180px; margin-bottom:4px; height:60px; margin:0 auto 4px; }
.fixed-right-menu .btn .icon { display:inline-block; margin-right:4px;padding-right:8px; width:15%; vertical-align:middle;}

.fixed-right-menu .btn .icon img { width:20px; } .fixed-right-menu .btn .txt{ text-align:left; display:inline-block; width:85%;vertical-align:middle;}
.fixed-right-menu .btn-pink { height:40px; margin:0 auto -10px; } .fixed-right-menu .btn-pink:hover { border:none; }
.fixed-right-menu .container { padding:0 10px 0 5px; }

.fixed-right-menu .checkbox-star label.star {
max-width:180px;
}

/*profile*/
.bg-mylist .clearfix > div:nth-child(2n+1) { clear:none; }
.bg-mylist .clearfix > div:nth-child(5n+1) { clear:both; }


/*search*/
#search .clearfix > div:nth-child(2n+1) { clear:none; }
#search .clearfix > div { padding:auto; }
#search .clearfix > div:nth-child(5n+1) { clear:both; }

/*search-result*/
#search-result .clearfix > div:nth-child(2n+1) { clear:none; }
#search-result .clearfix > div { padding:auto; }
#search-result .clearfix > div:nth-child(5n+1) { clear:both; }

#innercontents .col-md-2 { width:25%;}
#innercontents .col-md-2 .btn { display:block; width:94%; margin-left:auto; margin-right:auto; }

}
@media print, screen and (min-width: 1200px) {
	
/*global*/
#global .container .copy .h5 { padding-top:7%; line-height:1; font-size:120%;  }
#global .container .search .btn { margin-top:18%;  float:right; }

/*about02*/
#about02 .bg-round-a { width:560px; height:560px;}
#about02 .bg-round-a .inner { padding:30px 60px; }
#about02 .bg-round-a .number { font-size:60px;  margin-bottom:30px; }
#about02 .bg-round-a h3 { margin-bottom:30px; }
#about02 .bg-round-a h4 { font-size:18px; }

#about02 .bg-round-b { width:560px; height:560px; }
#about02 .bg-round-b .inner { padding:30px 60px; }
#about02 .bg-round-b .number { font-size:60px;  margin-bottom:30px; }
#about02 .bg-round-b h3 { margin-bottom:30px; } 
#about02 .bg-round-b h4 { font-size:18px; }

}


/*追加共通*/

.img-mv01{
	opacity: 0;
}
.mv01{
	opacity: 1.0;
	transition: .5s;
}

.bg-category { display:none; }


/*追加調整*/
.float-left { float:left; }
.float-right { float:right; }
.no-padding { padding:0; }
.no-margin { margin:0; }
.mt5 {margin-top:5px;}
.mt14 {margin-top:14px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:20px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:20px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:20px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}

/*width*/
.w50 {width:50px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w160 {width:160px;}
.w200 {width:200px;}
.w240 {width:240px;}
.w300 {width:300px;}
.w320 {width:320px;}
.w400 {width:400px;}
.w520 {width:520px;}
.w540 {width:540px;}
.w600 {width:600px;}
.w620 {width:620px;}
.w740 {width:740px;}
.w800 {width:800px;}
.w820 {width:820px;}
.w840 {width:840px;}
.w940 {width:940px;}

/*追加配置*/
.area-login { width:550px; margin:15px auto 15px; }

/*追加装飾*/

.border-center { border:2px solid #e5e5e5; width:100px; margin:10px auto; }

.label-login {
  display: block;
  padding:6px 10px;
  line-height:0;
  height:46px;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  border-radius:5px 0 0 5px;
  background:#666;
}
.form-group-lg .area-login .form-control {
  border-radius: 0px 5px 5px 0;
  border:2px #e5e5e5 solid;
}

.bold { font-weight:bold; }

/*label*/

.label {
  font-weight: normal;
  color: #ffffff;
  border-radius: 0;
  padding-top:0.3em;
}
.label-qa {
  background-color: #ff009a;
}
.label-qa[href]:hover,
.label-qa[href]:focus {
  background-color: #5e7048d;
}

/*well*/
.well {
  min-height: 20px;
  padding: 19px;
  margin:auto;
  margin-bottom: 40px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
}

.well dl { max-width:800px; margin:auto; text-align:left; font-size:120%; }
.well dl dt { margin:20px 0; }
.well dl dt dd p { margin-bottom:20px;  }

/*alert*/
.alert-qa {
  background-color: #fff;
  border-color: #000;
  color: #000;
}
.alert-qa hr {
  border-top-color: #ccc;
}
.alert-qa .alert-link {
  color: #333;
}

/*text*/
.big {font-size:120%;}

/*bg*/
.bg-dark-gray {
  color: #fff;
  background-color: #666;
}
a.bg-dark-gray:hover,
a.bg-dark-gray:focus {
  background-color: #999;
}

.bg-gray{
  color: #000;
  background-color: #e8e8e8;
}
a.bg-gray:hover,
a.bg-gray:focus {
  background-color: #eee;
}

.bg_gray {
  padding:1em 1.5em; margin-bottom:3em; color: #000; background:#fff;
}

.bg-black {
  color: #fff;
  background-color: #000;
}

.bg-white {
  color: #000;
  background-color: #fff;
}
a.bg-white:hover,
a.bg-white:focus {
  background-color: #e7e7e7;
}

.bg-lightgray {

  background-color: #f1f0ee;

}

.bg-blue {
  color: #000;
  background-color: #d6e0eb;
}
a.bg-blue:hover,
a.bg-blue:focus {
  background-color: #d7dfe8;
}

.bg-hyoji {
  color: #000;
  background-color: #85c2e0;
}
.bg-syusei {
  color: #000;
  background-color: #94aeca;
}
.bg-kakutei {
  color: #000;
  background-color: #d6e0eb;
}
.bg-torikesi {
  color: #000;
  background-color: #ffcccc;
}
.bg-sakujo {
  color: #000;
  background-color: #db8383;
}
.bg-toroku {
  color: #000;
  background-color: #99cc66;
}

/*btn*/
.btn-gray {
  color: #000;
  background-color: #ccc;
  border: none;
  line-height:1;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #000;
  background-color: #e2e2e2;
  border-color: #999999;
}
.btn-gray:hover {
  color: #000;
  background-color: #e2e2e2;
  border-color: #999999;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #000;
  background-color: #999;
  border-color: #000;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #fff;
  background-color: #ccc;
  border-color: #333;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-gray .badge {
  color: #ffffff;
  background-color: #333333;
}

.btn-black,.btn_black {
  color: #fff;
  background-color: #000;
  border: none;
}
.btn-black:focus,
.btn-black.focus,
.btn_black:focus,
.btn_black.focus {
  color: #fff;
  background-color: #333;
  border-color: #999999;
}
.btn-black:hover,
.btn_black:hover {
  color: #fff;
  background-color: #333;
  border-color: #999999;
}

.btn-black:active,
.btn-black.active,
.btn_black:active,
.btn_black.active,
.open > .dropdown-toggle.btn-black {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-black:active:hover,
.btn-black.active:hover,
.open > .dropdown-toggle.btn-black:hover,
.btn-black:active:focus,
.btn-black.active:focus,
.open > .dropdown-toggle.btn-black:focus,
.btn-black:active.focus,
.btn-black.active.focus,
.open > .dropdown-toggle.btn-black.focus {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-black:active,
.btn-black.active,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-black .badge {
  color: #ffffff;
  background-color: #333333;
}

.btn-pink {
  color: #fff;
  background-color: #ff0099;
  border-color: none;
}
.btn-pink:focus,
.btn-pink.focus {
  color: #fff;
  background-color: #f47bc4;
  border-color: #fff;
}
.btn-pink:hover {
  color: #fff;
  background-color: #f47bc4;
  border-color: #fff;
}


.btn-category {
  color: #fff;
  background-color: #000;
  border-color: #666;
  margin-right:4px;
}
.btn-category:focus,
.btn-category.focus {
  color: #fff;
  background-color: #333;
  border-color: #666;
}
.btn-category:hover {
  color: #fff;
  background-color: #333;
  border-color: #666;
}

.btn-sns {
  color: #000;
  background-color: #eee;
  border-color: #ccc;
  margin-right:8px;
  margin-bottom:8px;
  padding:0 .5em;
  height:60px;
  line-height:60px;
  font-weight:bold;
}

.btn-sns.offcial { white-space:normal; }


.btn-sns img {
　width:100%;
  max-width:150px;
}
.btn-sns:focus,
.btn-sns.focus {
  color: #333;
  background-color: #fff;
  border-color: #333;
}
.btn-sns:hover {
  color: #333;
  background-color: #fff;
  border-color: #333;
}

.btn-50on {
  color: #000;
  background-color: #e2e2e2;
  border-color: #ccc;
}
.btn-50on:focus,
.btn-50on.focus {
  color: #000;
  background-color: #fff;
  border-color: #999;
}
.btn-50on:hover {
  color: #000;
background-color: #fff;
border-color: #999;
}
.btn-50on:active,
.btn-50on.active,
.open > .dropdown-toggle.btn-50on {
  color: #000;
background-color: #fff;
border-color: #999;
}


.btn-shadow { box-shadow: 0px 4px 0 rgba(0,0,0,0.10); }
.box-border { border: 1px solid #dddddd;}
.box-border-tabs { border: 1px solid #dddddd; border-top: transparent;}

/*table*/

.noboder > thead > tr > th,
.noboder > tbody > tr > th,
.noboder > tfoot > tr > th,
.noboder > thead > tr > td,
.noboder > tbody > tr > td,
.noboder > tfoot > tr > td {
  border-top: none;
}

hr { border-top:solid 2px #ccc; margin:40px 0; width:100%; }
.text-normal { font-weight:normal; }
.text-left { text-align: left; }

/*見出し装飾*/

.midashi01 {
	position: relative;
	padding: 0 0 .5em 0;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.midashi02,.underbar {
	position: relative;
	padding-bottom: .5em;
	margin-bottom:20px;
}
.midashi02::before,
.midashi02::after,
.underbar::before,
.underbar::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	height: 4px;
}
.midashi02::before,.underbar::before {
	z-index: 2;
	width: 15%;
	background-color: #444;
}
.midashi02::after,.underbar::after {
	width: 100%;
	background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
	background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}


.checkboxnone {
  display: none;
}

.checkbox { display:inline-block; }

.checkbox label.category {
  background:#ddd; color:#333; padding:3px 5px; border-radius:3px; margin-right:2px; margin-bottom:4px; font-size:80%;
}

.checkbox > .checkboxnone:checked ~ label.category{
  background:#666; color:#fff;
}

.checkbox label.jijineta {
  background:#ff99cb; color:#fff; padding:3px 5px; border-radius:3px; margin-right:2px; margin-bottom:4px; font-size:80%;
}

.checkbox > .checkboxnone:checked ~ label.jijineta{
  background:#ff009a; color:#fff;
}

/*トリミンング　実寸
.contents-img img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}*/

/*トリミンング　w100
.contents-img img{
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}*/

/*トリミンング　h100*/
.contents-img img{
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#header-print,.katagaki-print,.profile-txt-print { display:none; }
.bg-mylist h4 { display:none; }
.print-off { display: none;}
#news .h2.print-off { display: block; }

@media print { 
 *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
 
 #header-print { display:block; margin-bottom:1em; line-height:1.25; }
 #header-print p { padding-top:1em; line-height:1.2; font-size:95%; }
 #header-print big { font-size:100%; } #header-print strong { font-weight:normal; }
 
 #profile { font-size:85%; }
 #profile h2 { margin-bottom:.5em; }
 #profile h3 { margin-bottom:1em; }
#profile .container, #profile.container-fluid { margin:0; }
 
.breadcrumb,.fixed-right-menu,.category-link,#sns,#searchbanner,#global-footer,#global,#video,#kanren,#kanren-tag,.btn,.credit{ display:none; }

#contents .container, #contents.container-fluid { margin:0; }
#contents .h2 { margin:0; padding:0; font-size:100%; margin-bottom:0.5em; }
#contents .contents-img { display:none; }
#contents .col-md-5, #contents .col-xs-10 { width:100%; padding-left:10px; padding-right:10px; float:none; }
#contents .contents-txt { margin:0em auto 0.5em; line-height:1.25; font-size:75%; }
#contents .contents-txt p {  margin:0; display:inline; padding-right:5px; }

#news .container, #contents.container-fluid { margin:0; }
#news .h2 { margin-top:0.5em; padding:0; font-size:100%; margin-bottom:0.5em; }
#news .news-txt { margin:0em auto 0.5em; line-height:1.25; font-size:75%; }
#news a { text-decoration:none; }
#news .news-txt p {  margin:0; display:inline; padding-right:5px; }
#news .container .h2.print-off { display: none; }


#search-result .well,#search-result h2 {display:none;}
#search-result .box-border { border:none; }
#search-result h3 { font-weight:bold; font-size:120%; padding-top:.5em; margin-bottom:.5em;}
#search-result h4 { font-weight:bold; font-size:120%; margin-bottom:.5em; }
#search-result .katagaki-print { margin-top:.5em; display:block; margin-bottom:.5em; }
#search-result .profile-txt-print { font-size:85%; margin-top:.5em; display:block; margin-bottom:.5em;}
#search-result .col-sm-5, #search-result .col-md-2 { width:100%; float:none; }

#search-result .h2 { padding:0; font-size:100%; margin-top:1em;　margin-bottom:0.5em; }
#search-result .news-txt, #search-result .contents-txt { margin:0em auto 0.25em; line-height:1.25; font-size:75%; font-weight:normal;}
#search-result .news-txt p, #search-result .contents-txt p {  margin:0; display:inline; padding-right:5px; }

#search-result .page-kirikae { page-break-after:always; }

.bg-mylist .clearfix > div { padding:5px; }
.bg-mylist .clearfix div div { position:relative; text-align:left; padding:5px 5px 0; border:none;  }
.bg-mylist .clearfix .close-toggle { display:none; }

.bg-mylist h3 { font-weight:bold; font-size:120%; padding-top:.5em; padding-bottom:.5em;}
.bg-mylist h4 { display:block; font-weight:bold; font-size:120%; padding-bottom:.5em; }
.bg-mylist .katagaki-print { margin-top:.5em; display:block; padding-bottom:.5em; }
.bg-mylist .profile-txt-print { font-size:85%; margin-top:.5em; display:block; margin-bottom:.5em;}
.bg-mylist .col-sm-5, .bg-mylist .col-md-2 { width:100%; float:none; }

.bg-mylist .h2 { padding:0; font-size:100%; margin-bottom:0.5em; }
.bg-mylist .news-txt,.bg-mylist .contents-txt { margin:0em auto 0em; line-height:1.25; font-size:75%; font-weight:normal; }
.bg-mylist .news-txt p,.bg-mylist .contents-txt p { margin:0; display:inline; padding-right:5px; }

.bg-mylist .page-kirikae { page-break-after:always; }

 .img-mv01{
	opacity: 1.0;
}

.modal {
  display: none;
  overflow: auto;
  position:relative;
  top:auto;
  right:auto;
  bottom: auto;
  left: auto;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  width:100%;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width:100%;
  margin: 0;
  
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-clip: none;
  outline: 0;
  width:100%;
}
.modal-backdrop {
  position:relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color:transparent;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  display:block; text-align:center;
  padding:0;
  border:none;
}
.modal-title {
  display:block; line-height:1;
}
.modal-title.midashi02 { padding:0; margin:0; }

.modal-title span {
  display:none;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  display:none;
}
.modal-scrollbar-measure {
  display:none;
}

.printoff { display:none; }
 
}