@charset "UTF-8";
/*開発モード*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/assets/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("/assets/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/assets/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/assets/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/assets/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline; }

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
i {
  font-style: normal; }

.oxygen {
  font-family: 'Oxygen', sans-serif; }

.yanone {
  font-family: 'Yanone Kaffeesatz', sans-serif; }

::selection {
  background: #000;
  color: #fff; }

::-moz-selection {
  background: #000;
  color: #fff; }

/* ================================================================================
 基本レイアウト
================================================================================  */
.html, .body {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Sans-Serif; }

.body, .layout, .upper, .lower {
  position: relative;
  width: auto;
  height: auto; }

.html, .body {
  width: 100%;
  height: 100%; }

.body {
  position: relative;
  background: #fff repeat 0 0;
  font-size: 16px;
  color: #555; }

.layout {
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%; }

.upper {
  position: relative;
  padding-bottom: 150px;
  min-height: 600px; }

.lower {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: #f0f0f0;
  z-index: 9999; }
.upper.age{
	padding-bottom:50px;
}
.lower.age{
	height:50px;
	background-color:transparent;
}

.container {
  width: 1030px; }

.header {
  padding: 10px 0;
  border-bottom: 1px solid #ccc; }
.header.age{
	background-color: #fff;
}
.header-p {
  float: left;
  width: 160px;
  border: none;
  margin: 0px 10px 0 0; }
.header-p.age{
	width:200px;
}
.header-nav {
  float: left; }

.header-ul {
  margin: 0;
  padding: 0; }

.header-li {
	position: relative;
  float: left;
  margin-top: 5px;
  border-right: 1px solid #ccc; }

.header-li > .header-a {
  white-space: nowrap;
  padding: 0 20px;
  font-size: 13px;
  color: #797979;
  height: 2.5em;
  line-height: 2.5em;
  display: block;
  text-decoration: none;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff; }

.header-li > .header-a:hover {
  text-decoration: none;
  background-color: #55b8bc;
  color: #fff;
  font-weight: bold; }

.tabmenu-ul{
	position: absolute;
	top:45px;
	background-color: rgba(0,0,0,0.8);
	z-index:9999;
	min-width: 120%;
	margin:0;
	height:0px;
	overflow:hidden;
}
.tabmenu-li{
}
.tabmenu-a{
	display: block;
	padding:8px 10px;
	font-size:13px;
	color:#fff;
	background-color: transparent;
	white-space: nowrap;
}
.tabmenu-a:hover{
	text-decoration: none;
	background-color: #000;
	color:#fff;
	background-color: #37a6ac;
}

.footer {
  font-size: 14px; }


.footer-p {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  margin: 0;
  font-size: 12px;
  text-align: center;
  height: 2em;
  line-height: 2em;
  color: #fff;
  background-color: #37A6AC; }

.footer-p a,
.footer-p a:hover {
  text-decoration: none;
  color: #fff; }

.footer-nav {
  padding-top: 20px;
  width:100%;
  text-align:center;
}

.footer-ul{
	white-space: nowrap;
}

.footer-li {
  display: inline-block;
  margin:0;
}

.footer-li:after {
  content:"｜";
  display: inline-block;
  margin-left: 5px;
  width: 27px;
  height: 23px;
}

.footer-li:last-child:after{
  display: none;
}

.footer-li.headline {
  font-size: 16px;
  margin: 0 0 10px 0; }

/*
moncheri
*/
/* ================================================================================
 共通
================================================================================  */
.wrap {
padding-bottom: 50px; }

.base-h1, .base-h2{
	margin:0 0 30px 0;
	padding:0 0 5px 0px;
	font-size:30px;
	line-height:1.1em;
	color:#37A6AC;
	border-bottom:1px solid #37A6AC;
}
/* ================================================================================
 サイドコンテンツ
================================================================================  */
.side-nav {
  margin: 0 0 40px 0;
  font-size: 14px; }

.side-h2 {
  margin: 0 0 15px 0;
  font-size: 16px;
  padding: 0 0 0 32px;
  font-weight: normal;
  color: #37A6AC;
  position: relative; }

.side-img-icon {
  display: block;
  position: absolute;
  top: -10px;
  left: 0; }

.side-ul {
  margin: 0 0px 0 10px; }

.side-li {
  margin: 0 0 5px 0; }

.side-li.last {
  margin: 0;
  padding: 5px 0 0 0;
  text-align: right; }

.side-li.last a,
.side-li.last a:hover {
  text-decoration: none; }

.side-btn {
  background-color: #aaa;
  color: #fff;
  border: 2px solid transparent; }

.side-btn:hover {
  background-color: #fff;
  color: #aaa;
  border: none;
  border: 2px solid #aaa; }

.side-li a {
  text-decoration: none; }

.side-li a:hover {
  text-decoration: underline; }

.side-time {
  display: block;
  font-size: 12px;
  color: #777;
  line-height: 1em; }

/* ================================================================================
 トップコンテンツ
================================================================================  */
.top-contents-wrap {
  margin: 0 0 30px 0;
  height: 400px;
  background: url("/assets/images/top-contents-bg.png") no-repeat center top; }

.top-contents-inner {
  position: relative;
  height: 400px; }

.top-contents-h1 {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 570px;
  height: 57px;
  top: 50px;
  right: 60px;
  color: #3a9da3;
  font-size: 50px; }

.top-contents-p {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 625px;
  height: 104px;
  top: 130px;
  right: 0;
  font-size: 16px;
  line-height: 1.6em;
  color: #000; }

.top-contents-p > span {
  display: block;
  margin-bottom: 10px; }

.top-contents-ul {
  margin: 0 0 0 -205px;
  padding: 0;
  position: absolute;
  width: 669px;
  height: 120px;
  top: 270px;
  left: 50%;

}

.top-contents-li {
  position: absolute;
  width: 160px;
  height: 85px;
  top: 10px;
  left: 100px;
	background-color: #fff;
	border:3px solid #3a9da3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

.top-contents-li.research2 {
  left: 285px; }

.top-contents-li.research3 {
  left: 470px; }

.top-contents-h2 {
  margin: 0;
	padding:0;
	position: absolute;
	top:-20px;
	left:12px;
}

.contents-span {
  display: block;
  text-align: center;
  margin-top: 5px;
  margin-left: 10px; }

.contents-span-large {
  font-size: 58px;
  font-weight: bold; }

.contents-span-small {
  display: inline-block;
  line-height: 2em;
  height: 2em;
  margin: 0 0 0 5px; }

/* ================================================================================
 各ページのトップコンテンツ
================================================================================  */
.page-bread-ul {
  margin: 0;
  padding: 15px 0 12px; }

.page-bread-li {
  float: left;
  font-size: 12px;
  margin: 0 20px  0 0;
  position: relative; }

.page-bread-li:before {
  font-family: 'Glyphicons Halflings';
  content: "\e258";
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  color: #999; }

.page-bread-li.last:before {
  content: ''; }

.page-bread-li > a {
  color: #37A6AC; }

.page-top-wrap {
  height: 120px;
  margin: 0 0 40px 0;
  background: url("/assets/images/headline/bg01.jpg") no-repeat center 0;
  border-bottom:10px solid #ccf1f2; }

.page-top-wrap.area,
.page-top-wrap.ranking,
.page-top-wrap.detail {
  background-image: url("/assets/images/headline/bg02.jpg"); }

.page-top-wrap.review {
  background-image: url("/assets/images/headline/bg03.jpg"); }

.page-top-wrap.search,
.page-top-wrap.kuchikomi,
.page-top-wrap.howto,
.page-top-wrap.sitemap,
.page-top-wrap.agreement,
.page-top-wrap.policy,
.page-top-wrap.company,
.page-top-wrap.contact,
.page-top-wrap.research {
  background-image: url("/assets/images/headline/bg04.jpg"); }

.page-top-h1 {
  margin: 0 0 8px 0;
  font-size: 35px;
  color: #37A6AC; }
.page-top-h1.age{
	margin:30px 0 8px 0;
}

.page-top-p {
  font-size: 13px;
  line-height: 1em;
  margin: 0;
  color: #777; }

/* ================================================================================
 ページャー
================================================================================  */
.pager-wrap {
  padding: 20px 10px 10px;
  margin: 0 0 10px; }

.pager-wrap.search {
  padding: 0px 10px 10px;
 }
.alert-success.search{
	background-color: #fff;
	border:2px solid #37A6AC;
	color:#777;
	font-size:14px;
}
.alert-success.search>.b{
	color:#000;
}
.alert-success.search>.r{
	color:#d00;
}


ul.pagination {
  margin: 0;
  font-size: 14px; }

.pagination > li > a {
  color: #37A6AC; }

.pager-text {
  font-size: 14px;
  color: #777; }

.pager-text > span {
  display: inline-block;
  margin: 0 3px;
  font-size: 18px;
  color: #37A6AC; }

.pagination > .active > a,
.pagination > .active > a:hover {
  background-color: #71c3c8;
  border-color: #71c3c8; }

/* ================================================================================
 検索ボックス
================================================================================  */
.searchbox {
  background-color: #71c3c8; }

.searchbox-h1 {
  position: relative;
  font-size: 30px;
  margin: 0;
  padding: 20px 0 20px 65px;
  color: #fff;
  line-height: 1em; }

.searchbox-h1-icon {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px; }

.serchbox-dl {
  margin: 0 0 20px 0; }

.searchbox-dt {
  color: #fff;
  font-weight: normal;
  margin: 0 0 5px 0;
  font-size: 16px; }

.searchbox-dd {
  background-color: #fff;
  margin: 0;
  padding: 0;
  min-height: 120px; }

.searchbox-ul {
  margin: 0 10px;
  padding: 10px 0; }

.searchbox-li {
  margin: 0 0 5px 0;
  line-height: 1em;
  overflow: hidden;
  position: relative; }

.searchbox-li.star {
  margin: 0; }

.searchbox-li > label {
  cursor: pointer;
  color: #777;
  font-size: 14px;
  font-weight: normal; }

.searchbox-li > label:hover {
  color: #37A6AC; }

.searchbox-li input[type=radio]:checked ~ label,
.searchbox-li input[type=checkbox]:checked ~ label {
  color: #000;
  font-weight: bold; }

.star-wrap {
  display: block;
  position: relative;
  padding: 7px 0 0 118px;
  height: 25px;
  background: transparent url("/assets/images/sprite.png") no-repeat 0 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.star-wrap.s2 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -25px; }

.star-wrap.s3 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -50px; }

.star-wrap.s4 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -75px; }

.star-wrap.s5 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -100px; }

.star-radio {
  display: block;
  position: absolute;
  top: 0;
  left: -30px; }

.star-wrap.s1:hover {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -125px; }

.star-wrap.s2:hover {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -150px; }

.star-wrap.s3:hover {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -175px; }

.star-wrap.s4:hover {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -200px; }

.star-wrap.s5:hover {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -225px; }

.star-radio:checked ~ label.star-wrap.s1 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -250px; }

.star-radio:checked ~ label.star-wrap.s2 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -275px; }

.star-radio:checked ~ label.star-wrap.s3 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -300px; }

.star-radio:checked ~ label.star-wrap.s4 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -325px; }

.star-radio:checked ~ label.star-wrap.s5 {
  background: transparent url("/assets/images/sprite.png") no-repeat 0 -350px; }

.searchbox-btn {
  margin: 0 0 20px 0;
  display: block;
  width: 100%;
  border: none;
  background-color: #fff;
  color: #37A6AC;
  font-size: 30px;
  padding: 10px 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 2px solid transparent;
  vertical-align: middle; }

.searchbox-btn:before {
  content: '';
  display: inline-block;
  width: 55px;
  height: 55px;
  background: transparent url("/assets/images/searchbox-btn-bg.png") no-repeat 0 0;
  vertical-align: middle; }

.searchbox-btn:hover:before {
  background: transparent url("/assets/images/searchbox-btn-bg-on.png") no-repeat 0 0; }

.searchbox-btn:hover {
  background-color: #37A6AC;
  color: #fff;
  border: 2px solid #fff; }

.searchbox-input-text {
  height: 3em;
  min-width: 80%;
  font-size: 16px;
  font-weight: normal; }

.searchbox-label {
  padding: 10px; }

.searchbox-span {
  display: block;
  line-height: 2em;
  font-size: 12px;
  color: #777; }

.flat .searchbox-select {
  height: 3em;
  width: 80%;
  font-weight: normal; }

/* ================================================================================
 クチコミ 一覧
================================================================================  */
.list-article {
  padding: 30px 10px 30px 10px;
  margin: 0 0 0px 0;
  border-bottom: 1px solid #ddd; }

.list-time {
  white-space: nowrap;
  font-size: 14px;
  color: #aaa;
  vertical-align: top; }

.list-btn {
  border: none;
  color: #fff;
  background: #37A6AC;
  border:2px solid transparent; }

.list-btn:hover {
  color: #37A6AC;
  background: #fff;
  border:2px solid #37A6AC; }

.list-h2 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #37A6AC;
  vertical-align: top; }

.list-p {
  padding: 10px 0 0 10px;
  line-height: 1.6em;
  text-align: justify; }

.list-more {
  text-align: right; }

.list-more > a {
  font-size: 12px; }

.list-li {
  margin: 0 0 5px 30px;
  font-size: 13px;
  color: #999; }

.list-li.sex {
  margin: 0 0 5px 10px; }

.list-li.name > b {
  color: #000;
  font-size: 16px; }

.list-li.area > span {
  display: inline-block;
  margin: 0 5px 0 0; }

.list-li.assessment {
  font-size: 25px;
  padding: 5px 0 0 0; }

.list-li.assessment > b {
  font-size: 12px;
  color: #000; }

.list-li.assessment > i.yellow {
  color: #F2B900; }

.list-li.assessment > i.gray {
  color: #ccc; }

/* ================================================================================
 クチコミ 投稿
================================================================================  */
.post-row {
  border-bottom: 1px solid #ddd;
  padding: 20px 0 20px; }

.post-span {
  white-space: nowrap; }

.post-b, .post-label {
  display: inline-block;
  height: 50px;
  line-height: 50px; }

.post-label {
  margin: 0 0 0 5px;
  padding: 0 5px;
  color: #fff;
  background-color: #37A6AC;
  font-weight: normal;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.post-select {
  width: 90%;
  height: 50px;
  line-height: 50px; }

.post-select:hover,
.post-select:active,
.post-select:focus {
  color: #fff !important; }

.post-radio-span {
  display: inline-block;
  padding: 13px 0;
  margin: 0 10px 0 0;
  cursor: pointer; }

.post-radio-span > label {
  cursor: pointer; }

.post-input-text {
  height: 50px;
  line-height: 50px;
  width: 90%; }

.post-textarea {
  width: 95%;
  height: 300px; }

.btn-post {
  border: 2px solid transparent;
  font-size: 16px;
  padding: 10px 40px;
  background-color: #37A6AC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.btn-post:hover {
  background-color: #fff;
  color: #71c3c8;
  border:2px solid  #71c3c8;
}

.btn-default.def {
  margin: 0 0 0 10px;
  font-size: 16px;
  padding: 10px 30px;
  color: #555;
	background-color: #ccc;
	border:2px solid transparent;
}
.btn-default.def:hover{
  color: #555;
	background-color: #fff;
	border:2px solid #ccc;
}
.starvote-label{
	font-size:32px;
	position: relative;
	display: block;
	width:40px;
	height:35px;
	padding:0 0px 0 0 ;
	margin:0 0 0 0;
	line-height:30px;
	float:left;
	cursor:pointer;
	color:#999;
	overflow: hidden;
}
.starvote-label>input[type=radio]{
	position: absolute !important;
	top:-25px;
	left:-25px;
	display: block;
	width:20px;
	height:20px;
}
.starvote-wrap{
	padding:5px 0;
}
.starvote-span{
	font-size:12px;
	display: block;
	padding:0 0 0px 0;
}
.starvote-b{
	font-size:35px;
	position: relative;
	display: block;
	width:150px;
	height:35px;
	overflow: hidden;
	padding:0;
	margin:2px 5px 0 10px;
	line-height:30px;
	float:left;
	font-weight:normal;
	color:#ff6600;
}
.starvote-t{
	font-size:14px;
	display: inline-block;
	margin:0px 0 0 0;
	padding:0 5px 0 5px;
	vertical-align: top;
}
.starvote-gray{
	color:#999;
}
.starvote-yellow{
	color:#ffcc00;
}
.starvote-checked{
	color:#ffcc00 !important;
}

/* ================================================================================
 ランキング 評価
================================================================================  */
.score-article{
	font-size:14px;
	color:#333;
}

.score-h1{
	margin:0 0 20px 0;
	font-size:30px;
	line-height:1.1em;
	color:#37A6AC;
}
.score-h2{
	font-size:22px;
	margin:10px 0 20px 0;
	font-weight: bold;
	line-height:1em;
	color:#333;
}
.score-h2>i{
	font-size:32px;
	color:#37a6ac;
	vertical-align: bottom;
}
.score-p{
	font-size:16px;
	line-height:1.5em;
	text-align:justify;
	border:1px solid #DFDFD8;
	background-color: #F7F7EF;
	padding:20px 20px;
	margin:0;
}
.score-p>br{
	line-height:2em;
}
.score-table-wrap{
	border:1px solid #DFDFD8;
	padding:20px 0;
	background-color: #F7F7EF;
}
.score-table{
	background-color: #fff;
	margin:0;
	border:10px solid #fff;
}
.score-th{
	width:18%;
	color:#ff5500;
}
.score-td{
	width:32%;
}

.score-img{
	display:block;
	width:105%;
	-moz-border-radius:20%;
	-webkit-border-radius:20%;
	border:1px solid #ddd;
	border-radius:20%;
}
.score-ul{
	margin:0;
}

.score-list-txt{
	height:30px;
	line-height:30px;
	font-weight: bold;
	color:#191919;
}
.score-large{
	font-size:28px;
	padding:0 3px 0 0;
}
.score-large.rank{
	font-size:18px;
	padding:0 3px 0 0;
}
.score-star-wrap{
	margin-right:-10px;
	color:#aaa;
	font-size:100%;
}
.rank .score-star-wrap>i{

}
.score-star-i-wrap{
	display: block;
	float:left;
	margin:0 3px 0 0;
	width:25px;
	height:25px;
	overflow:hidden;
	position: relative;
	border: 1px transparent solid;
}

.score-star-i-wrap>i{
	position: absolute;
	top:0;
	left:0;
	font-size:24px;
	display: block;

}
.score-star-i-wrap.half>i.score-yellow{
	width:50%;
	overflow:hidden;

}

.score-star-i-wrap.rank,
.score-star-i-wrap.rank.half{
	margin:0 3px 0 0;
	width:1em;
	height:1em;
}
.score-ul .score-star-i-wrap.rank,
.score-ul .score-star-i-wrap.rank.half{

}



.score-orange{
	color:#ff5500;
	font-weight: bold;
}
.score-nowrap{
	display: block;
	white-space: nowrap;
}



.score-yellow{
	color:#F2B900;
}


.score-chart-wrap{
	width:100%;
}
.score-chart-wrap>span{
	float:left;
}
.score-chart-wrap.age{
	margin-bottom:11px;
}
.score-sex{
	width:13%;
	white-space: nowrap;
}
.score-num{
	width:13%;
	text-align: right;
	white-space: nowrap;
}
.score-chart{
	width:73%;
	height:18px;
	background-color: #ddd;
	position: relative;
	overflow:hidden;
}

.score-chart>span.show{
	height:18px;
	position: absolute;
	top:0;
	left:-100%;
	width:100%;
}
.score-chart>span.male{
	background-color: #3397EC;
}
.score-chart>span.female{
	background-color: #FF859D;
}
.score-chart>span.age{
	background-color: #ff9900;
}
.score-btn{
	width:100%;
	padding:10px 0;
	font-size:16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-color: transparent;
}
.score-btn.main{
	font-size:28px;
	padding:0px 0;
	height:80px;
	line-height: 80px;
	color:#fff;
	background-color: #37A6AC;
	border:3px solid #37A6AC;
}

.score-btn.main:hover{
	background-color: #fff;
	border:3px solid #37A6AC;
	color:#37A6AC;
}
.score-btn:hover{
	color:#fff;
	border-color:transparent;
}
.score-btn.main>i{
	color:#37A6AC;
	display: inline-block;
	background-color: #fff;
	top:7px;
	left:-3px;
	width:36px;
	height:36px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	position: relative;
}
.score-btn.main>i:before{
	display: block;
	position: absolute;
	top:4px;
	left:4px;
}
.score-btn.main:hover>i{
	color:#fff;
	background-color: #37A6AC;
}


.score-btn,
.score-btn.iphone,
.score-btn.android{
	vertical-align: middle;
	height:50px;
	line-height: 50px;
	padding:0;
}
.score-btn.iphone{
	background-color: #14315A;
	border:2px solid #14315A;
}
.score-btn.android{
	background-color: #97AB20;
	border:2px solid #97AB20;
}

.score-img-wrap{
	width:30px;
	height:30px;
	display: inline-block;
	position:relative;
	top:8px;
	text-indent: -9999px;
	moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	margin:0 3px 0 0 ;
}
.score-img-wrap.iphone{
	background-color: #14315A;
}
.score-img-wrap.android{
	background-color: #97AB20;
}
.score-img-wrap.noapp{
	background-color: transparent;
}
.score-appicon{
	display:block;
	position: absolute;
	top:2px;
	left:2px;
}




.score-btn.noapp,
.score-btn.noapp:hover{
	background-color: #bbb;
	cursor:default;
}
.score-btn.iphone:hover{
	background-color: #fff;
	color:#14315A;
}
.score-btn.android:hover{
	background-color: #fff;
	color:#97AB20;
}
/*
 QRモーダル表示
*/
#qr-title{
	text-align:center;
}
#qr-title>span.iphone,
#qr-title>span.android{
	display:inline-block;
	position: relative;
	padding-left:27px;
}
#qr-title>span.iphone:before,
#qr-title>span.android:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left:0;
	width:25px;
	height:25px;
	background: transparent url('/assets/images/sprite-icon.png') no-repeat 0 0;
}
#qr-title>span.android:before{
	background: transparent url('/assets/images/sprite-icon.png') no-repeat 0 -25px;
}
.modal-body>p{
	text-align:center;
}
.modal-body>p>img{
	display: block;
	margin:20px auto;
	border:1px solid #000;
}



.rank-article{
	font-size:14px;
	color:#333;
	padding:40px 0 40px;
}
.rank-article.first{
	padding:0px 0 40px;
}

.rank-hr{
	border-top: 1px solid #bbb;
	margin:0 -10px 40px;
}
.rank-h1{
	position: relative;
	margin:0 0 20px 0;
	padding:10px 0 10px 50px;
	font-size:24px;
	line-height:1em;
	color:#fff;
	background-color: #37A6AC;
}
.rank-h1>i{
	position: absolute;
	top:-2px;
	left:0;
	font-size:40px;
	color:#F2B900;
}
.rank-th-span{
	font-size: 13px;
	white-space: nowrap;
}
.rank-star-wrap{
	white-space: nowrap;
}
.rank-star-i-wrap{
	position: relative;
	display: inline-block;
	font-size:16px;
	width:18px;
	height:18px;
}
.rank-star-i-wrap.txt{
	width:auto;
	font-size:14px;
	vertical-align: top;
}
.rank-star-i-wrap>i{
	position: absolute;

}
.rank-star-i-wrap.half>.score-yellow{
	width:8px;
	overflow:hidden;
}
.rank-star-i-wrap>i.score-gray{
	color:#ccc;
}
/* **************************************************
	地域で探す
************************************************** */
.area-dl{
	margin:0;
	font-size:16px;
}
.area-dt{
	color:#fff;
	margin:0;
	padding:10px;
	line-height:1em;
	background-color: #37A6AC;
	font-weight:normal;
}
.area-dd{
	padding:15px 0;
}
.area-a{
	float:left;
	display:block;
	width:25%;
	height:2em;
	text-indent:2em;
	text-decoration: underline;
	line-height:2em;
}

/* ================================================================================
 サイトマップ
================================================================================  */
.sitemap-wrap{
	margin-bottom:30px;
}
.sitemap-h2{
	color:#37A6AC;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #37A6AC;
	font-size:22px;
}
.sitemap-ul{
	margin: 0;
}
.sitemap-li{
	float:left;
	width:33.333%;
	height:2em;
}
.sitemap-li>a{
	white-space: nowrap;
}

/* ================================================================================
 調査対象
================================================================================  */
.research-th{
	background-color: #DFEBEC;
}
.research-td{
	text-indent:1em;
}
.width-small{
	width:40%;
}
table.table.research,
.table.research > tbody > tr > th,
.table.research > tbody > tr > td
{
	border-color:#fff !important;
}

/* ================================================================================
 entry エントリー
================================================================================  */
.entry-li{
	margin:0 0px 20px;
	padding:0 0 10px 0;
	border-bottom:1px solid #ddd;
}

.entry-h2{
	font-size:20px;
	font-weight: bold;
	line-height:1.1em;
	margin:0 0 10px 0;
	padding:0 0 0 ;
	position: relative;
}

.entry-img-span{
	display: block;
	float:left;
	border: 1px solid #aaa;
	margin:0 10px 0 10px;
}
.entry-img{
	display: block;
	border: 2px solid #fff;
}
.more-p{
	text-align: right;
}
.entry-wrap{
	margin:0 0 40px 0;
}

.entry-p{
	margin:0 0 15px 0;
	text-align: justify;
}
.entry-p.paragraf{
	margin:0 0 40px 0;
}
.entry-h2.detail{
	color: #37A6AC;
	font-weight:normal;
	font-size:22px;
	margin:0 0 30px 0;
	position: relative;
	line-height:1.1em;
	padding:3px 0 5px 15px;
	border-bottom:1px solid #37A6AC;
}
.entry-h2.detail:before{
	content:'';

	width:5px ;
	height:90%;
	background-color: #37A6AC;
	position: absolute;
	top:0px ;
	left:3px;
}

.re-site-thead>tr>th>span {
	text-align: center;
	hite-space: nowrap;
	vertical-align: top;
}

.re-site-tbody>tr>td {
	width: 13.5%;
	text-align: center;
}
/* ================================================================================
 topに戻る
================================================================================  */
.page-top-scroll{
	display: block;
	position: fixed;
	width:60px;
	height:60px;
	right:5px;
	bottom:95px;
	z-index:9999;
	border:none;
	color:#fff;
	background-color: #333;
	text-align:center;
	opacity:0;
}
.pagetop-span{
	display: block;
	font-size:10px;
}
.page-top-scroll:hover{
	background-color: #000;
}

/* ================================================================================
 年齢確認
================================================================================  */
.age-wrap{
	margin: 0 15px;
	padding:0 15px 80px 15px;
	border:4px solid #e0e0e0;
	text-align: center;
}
.age-p{
	margin:0;
	font-size:16px;
	padding:30px 0 0 0;
}
.age-strong{
	color:#D00;
	font-size:24px;
	padding:30px 0 30px 0;
}
.btn.age{
	width:100%;
	padding:20px 0;
}
.age-large,
.age-small{
	display: block;
	line-height:1em;
}

.age-large{
	font-size: 30px;
	padding:0 0 10px 0;
}
.age-small{
	font-size:18px;
}

/*

base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/* **************************************************
 Sponsored表記
************************************************** */
.sponsored{
	margin: -10px 0 20px 0;
	text-align: center;
	color: #777;
}

/* **************************************************
	old ie design
************************************************** */
.ie {
  margin: 0;
  padding: 0;
  color: #3a87ad;
  font-size: 100%; }

div.ie {
  position: relative;
  padding: 20px 20px 10px 20px;
  background-color: #d9edf7;
  border: 1px solid #aadbe8; }

div.ie > button {
  position: absolute;
  top: 5px;
  right: 5px; }

dt.ie {
  padding-bottom: 10px;
  font-weight: bold; }

b.ie {
  padding-right: 15px;
  padding-bottom: 5px; }

a.ie {
  padding: 0px 5px;
  text-decoration: underline;
  color: #04405e;
  font-weight: bold; }

a.ie:hover {
  color: #b3058d; }

/* **************************************************
	共通
************************************************** */
* {
  outline: none !important; }

figure {
  display: block;
  margin: 0; }

*::selection {
  background: yellow;
  color: #000; }

*::-moz-selection {
  background: yellow;
  color: #000; }

button, a {
  outline: none !important; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.clearfix:before {
  display: table;
  line-height: 0px;
  content: ""; }

.relative {
  position: relative !important; }

.fixed {
  position: fixed !important; }

.iframe {
  display: block;
  width: 100%;
  height: 100%; }

.inline-block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.img-replace {
  display: block;
  text-indent: -9999px;
  overflow: hidden; }

.img-replace.ib {
  display: inline-block; }

a > .img-replace {
  cursor: pointer; }

.pseudo:before, .pseudo:after {
  display: block;
  content: '';
  position: absolute; }

/* **************************************************
	余白共通　マージン
************************************************** */
.mg0 {
  margin: 0 !important; }

.mgt-50 {
  margin-top: -50px; }

.mgt-20 {
  margin-top: -20px; }

.mgt0 {
  margin-top: 0px; }

.mgt5 {
  margin-top: 5px; }

.mgt10 {
  margin-top: 10px; }

.mgt20 {
  margin-top: 20px; }

.mgt30 {
  margin-top: 30px; }

.mgt40 {
  margin-top: 40px; }

.mgt50 {
  margin-top: 50px; }

.mgl0 {
  margin-left: 0px; }

.mgl5 {
  margin-left: 5px; }

.mgl10 {
  margin-left: 10px; }

.mgl20 {
  margin-left: 20px; }

.mgl30 {
  margin-left: 30px; }

.mgl40 {
  margin-left: 40px; }

.mgl50 {
  margin-left: 50px; }

.mgl60 {
  margin-left: 60px; }

.mgl70 {
  margin-left: 70px; }

.mgl80 {
  margin-left: 80px; }

.mgl90 {
  margin-left: 90px; }

.mgl100 {
  margin-left: 100px; }

.mgr0 {
  margin-right: 0px; }

.mgr5 {
  margin-right: 5px; }

.mgr10 {
  margin-right: 10px; }

.mgr20 {
  margin-right: 20px; }

.mgr30 {
  margin-right: 30px; }

.mgr40 {
  margin-right: 40px; }

.mgr50 {
  margin-right: 50px; }

.mgr60 {
  margin-right: 60px; }

.mgr70 {
  margin-right: 70px; }

.mgr80 {
  margin-right: 80px; }

.mgr90 {
  margin-right: 90px; }

.mgr100 {
  margin-right: 100px; }

.mgb-20 {
  margin-bottom: -20px; }

.mgb-10 {
  margin-bottom: -10px; }

.mgb0 {
  margin-bottom: 0px; }

.mgb5 {
  margin-bottom: 5px; }

.mgb10 {
  margin-bottom: 10px; }

.mgb20 {
  margin-bottom: 20px; }

.mgb30 {
  margin-bottom: 30px; }

.mgb40 {
  margin-bottom: 40px; }

.mgb50 {
  margin-bottom: 50px; }

.mgb60 {
  margin-bottom: 60px; }

.mgb70 {
  margin-bottom: 70px; }

.mgb80 {
  margin-bottom: 80px; }

.mgb90 {
  margin-bottom: 90px; }

.mgb100 {
  margin-bottom: 100px; }

/* **************************************************
	余白共通　パッディング
************************************************** */
.pd0 {
  padding: 0 !important; }

.pdt0 {
  padding-top: 0px; }

.pdt5 {
  padding-top: 5px; }

.pdt10 {
  padding-top: 10px; }

.pdt20 {
  padding-top: 20px; }

.pdt30 {
  padding-top: 30px; }

.pdt40 {
  padding-top: 40px; }

.pdt50 {
  padding-top: 50px; }

.pdt60 {
  padding-top: 60px; }

.pdt70 {
  padding-top: 70px; }

.pdt80 {
  padding-top: 80px; }

.pdt90 {
  padding-top: 90px; }

.pdt100 {
  padding-top: 100px; }

.pdl0 {
  padding-left: 0px; }

.pdl5 {
  padding-left: 5px; }

.pdl10 {
  padding-left: 10px; }

.pdl20 {
  padding-left: 20px; }

.pdl30 {
  padding-left: 30px; }

.pdl40 {
  padding-left: 40px; }

.pdl50 {
  padding-left: 50px; }

.pdl60 {
  padding-left: 60px; }

.pdl70 {
  padding-left: 70px; }

.pdl80 {
  padding-left: 80px; }

.pdl90 {
  padding-left: 90px; }

.pdl100 {
  padding-left: 100px; }

.pdr0 {
  padding-right: 0px; }

.pdr5 {
  padding-right: 5px; }

.pdr10 {
  padding-right: 10px; }

.pdr20 {
  padding-right: 20px; }

.pdr30 {
  padding-right: 30px; }

.pdr40 {
  padding-right: 40px; }

.pdr50 {
  padding-right: 50px; }

.pdr60 {
  padding-right: 60px; }

.pdr70 {
  padding-right: 70px; }

.pdr80 {
  padding-right: 80px; }

.pdr90 {
  padding-right: 90px; }

.pdr100 {
  padding-right: 100px; }

.pdb0 {
  padding-bottom: 0px; }

.pdb5 {
  padding-bottom: 5px; }

.pdb10 {
  padding-bottom: 10px; }

.pdb20 {
  padding-bottom: 20px; }

.pdb30 {
  padding-bottom: 30px; }

.pdb40 {
  padding-bottom: 40px; }

.pdb50 {
  padding-bottom: 50px; }

.pdb60 {
  padding-bottom: 60px; }

.pdb70 {
  padding-bottom: 70px; }

.pdb80 {
  padding-bottom: 80px; }

.pdb90 {
  padding-bottom: 90px; }

.pdb100 {
  padding-bottom: 100px; }

/* **************************************************
	改行余白
************************************************** */
.br15em {
  line-height: 1.5em; }

.br2em {
  line-height: 2em; }

.br3em {
  line-height: 3em; }

.br30px {
  line-height: 30px; }

.br40px {
  line-height: 40px; }

.br-xs {
  display: block; }

@media (max-width: 767px) {
  .br-xs {
    display: inline; } }
/* **************************************************
	テキスト段組 文字間
************************************************** */
.t-left {
  text-align: left; }

.t-right {
  text-align: right; }

.t-center {
  text-align: center; }

.ls0 {
  letter-spacing: 0px; }

.ls1 {
  letter-spacing: -1px; }

.ls2 {
  letter-spacing: -2px; }

.lh10 {
  line-height: 1.1em; }

.nakaten {
  display: inline-block;
  margin: 0 -3px; }

/* **************************************************
	テキスト
************************************************** */
.fw-normal {
  font-weight: normal; }

.fw-bold {
  font-weight: bold; }

.fs70 {
  font-size: 70%; }

.fs80 {
  font-size: 80%; }

.fs90 {
  font-size: 90%; }

.fs110 {
  font-size: 110%; }

.fs120 {
  font-size: 120%; }

.fs130 {
  font-size: 130%; }

.fs140 {
  font-size: 140%; }

.fs150 {
  font-size: 150%; }

.fs12px {
  font-size: 12px; }

.fs14px {
  font-size: 14px; }

.fs16px {
  font-size: 16px; }

.fs18px {
  font-size: 18px; }

.fs20px {
  font-size: 20px; }

/* **************************************************
	テキスト色
************************************************** */
.red {
  color: #e10139; }

.d-red {
  color: #d00000; }

.blue {
  color: #2f3de1; }

.black {
  color: #191919; }

.orange {
  color: #f46b1e; }

.green {
  color: #37A6AC; }

.d_orange {
  color: #a74715; }

.pink {
  color: #FF859D; }

.gray {
  color: #aaa; }

/* **************************************************
	form
************************************************** */
/*
入力形式
input[type="datetime"]
input[type="datetime-local"]
input[type="date"]
input[type="month"]
input[type="time"]
input[type="week"]
input[type="url"]
input[type="color"]
*/
.flat input[type="text"], .flat input[type="text"]:hover, .flat input[type="text"]:focus, .flat input[type="text"]:active,
.flat input[type="password"], .flat input[type="password"]:hover, .flat input[type="password"]:focus, .flat input[type="password"]:active,
.flat input[type="email"], .flat input[type="email"]:hover, .flat input[type="email"]:focus, .flat input[type="email"]:active,
.flat input[type="tel"], .flat input[type="tel"]:hover, .flat input[type="tel"]:focus, .flat input[type="tel"]:active,
.flat input[type="number"], .flat input[type="number"]:hover, .flat input[type="number"]:focus, .flat input[type="number"]:active,
.flat select,
.flat select:hover,
.flat select:active,
.flat select:focus,
.flat textarea,
.flat textarea:hover,
.flat textarea:active,
.flat textarea:focus {
  outline: none;
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); }

input[type=text]::selection,
input[type=password]::selection,
input[type="email"]::selection,
input[type="tel"]::selection,
input[type="number"]::selection,
textarea::selection {
  color: #000 !important;
  background-color: #71c3c8 !important; }

input[type=text]::-moz-selection,
input[type=password]::-moz-selection,
input[type="email"]::-moz-selection,
input[type="tel"]::-moz-selection,
input[type="number"]::-moz-selection,
textarea::-moz-selection {
  color: #000 !important;
  background-color: #71c3c8 !important; }

.flat input[type="text"],
.flat input[type="password"],
.flat input[type="email"],
.flat input[type="tel"],
.flat input[type="number"],
.flat textarea {
  border: 2px solid #999;
  background-color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.flat input[type="text"] {
  line-height: 2em; }

.flat textarea {
  line-height: 1.4em;
  padding: 5px; }

.flat input[type="text"]:hover,
.flat input[type="text"]:focus,
.flat input[type="text"]:active,
.flat input[type="password"]:hover,
.flat input[type="password"]:focus,
.flat input[type="password"]:active,
.flat input[type="email"]:hover,
.flat input[type="email"]:focus,
.flat input[type="email"]:active,
.flat input[type="tel"]:hover,
.flat input[type="tel"]:focus,
.flat input[type="tel"]:active,
.flat input[type="number"]:hover,
.flat input[type="number"]:focus,
.flat input[type="number"]:active,
.flat textarea:hover,
.flat textarea:active,
.flat textarea:focus {
  border: 2px solid #37A6AC; }

.flat select {
  display: inline-block;
  position: relative;
  border: 2px solid #999;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -o-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -ms-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: '';
  padding-left: 5px;
  color: #555;
  cursor: pointer;
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUIyN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUIzN0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUEyM0E2RjU3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUEyM0E2RjY3QzMyMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7yNpRUAAAA60lEQVR42mL8//8/AzJgZGRE4Wd01IoLfvyz4D0/S8KMiuaXyHLoesH68RlY1VDN8//nv2NApi4QX2ZkZ7Jqa2j9gs9AJgYcAGrYNqhhIKAL4oPEGfAArAZuXOTDDNS8FMi0RZOyBYmD5Ik28N6Ta4wnruvOBzL9cOjxA8mD1BFl4Oypi7uBVCwDfhALVUdapBACJEUKuYAFXaCysrIHSBUTobcXiEsIurC9vR2kaCkBw5amZseWEp1sLDQvxwOpTTgM2wSSV5LR+k+0gf5xW/4Cc0U0kHkYTeowSBwkj8vpVM96jNQuHAACDACG0nsq+kmFEwAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: right center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.flat select:hover,
.flat select:active,
.flat select:focus {
  background-color: #37A6AC;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjMxNzQwOUI2N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjMxNzQwOUI3N0MzMzExRTM5MDg4RTA0NEFEMTY3RkE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzE3NDA5QjQ3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzE3NDA5QjU3QzMzMTFFMzkwODhFMDQ0QUQxNjdGQTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6O/uTLAAAAlklEQVR42mL4//8/AzJGB0AxcSDeDqKxyGFgBnwGAvn8QHzpPwSAaH6yDQSyuYD44H9UAOJzkWwgkGYG4o3/sQOQODPRBt57co0RSC/+jx8shqojbCAQ9/wnDvRgM5ARPSIYGRkZiAXYUgUTA5UBExZbifYyTmdjiWXqRQrVkw2BhH2YrIRNk6yHpEkSWjhIElM4AAQYAK4ffpUgMbk4AAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right center;
  border: 2px solid  #37A6AC;
  color: #fff; }

.flat option {
  color: black;
  background-color: #fff; }

.flat input[type="radio"] {
  float: none;
  -webkit-appearance: none;
  -moz-appearance: none !important;
  appearance: none;
  text-indent: .01px;
  text-overflow: '';
  width: 15px;
  height: 15px;
  border: 2px solid #777;
  border-radius: 15px;
  background: #fff;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: top; }

.flat input[type="radio"]:hover,
.flat input[type="radio"]:focus,
.flat input[type="radio"]:active {
  border: 2px solid #37A6AC;
  opacity: 1; }

.flat input[type="radio"]:checked {
  background-color: #fff;
  opacity: 1; }

.flat input[type="checkbox"] {
  float: none;
  -webkit-appearance: none;
  -moz-appearance: none !important;
  appearance: none;
  text-indent: .01px;
  text-overflow: '';
  width: 15px;
  height: 15px;
  border: 2px solid #aaaaaa;
  border-radius: 2px;
  background: #fff;
  display: inline-block;
  margin: 0px 3px 0 0;
  position: relative;
  vertical-align: middle; }

.flat input[type="checkbox"]:hover,
.flat input[type="checkbox"]:focus {
  border: 2px solid #37A6AC; }

.flat label.flat-label {
  cursor: pointer; }

.flat label.flat-label:hover input[type="checkbox"] {
  border: 2px solid #37A6AC; }

.flat label.flat-label:hover input[type="radio"]:active,
.flat label.flat-label:hover input[type="radio"]:checked,
.flat input[type="radio"]:active,
.flat input[type="radio"]:checked,
.flat label.flat-label:hover input[type="checkbox"]:active,
.flat label.flat-label:hover input[type="checkbox"]:checked,
.flat input[type="checkbox"]:active,
.flat input[type="checkbox"]:checked {
  background-color: #37A6AC;
  border: 2px solid #37A6AC; }

/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
/* **************************************************
	各種エフェクト
************************************************** */
a, button,
a .topbanner-figure > span,
.score-btn,
.score-btn>i{
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear; }

a.trans-none,
button.trans-none {
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  -o-transition: all 0s linear; }

/* **************************************************
	回転する
************************************************** */
@-webkit-keyframes RotateAria {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }