/*
Theme Name: iDea - Clean & Powerful Bootstrap Theme
Author: HtmlCoder
Author URI: http://www.htmlcoder.me
Author e-mail: htmlcoder.me@gmail.com
Version: 1.2.1
Created: August 2014
License URI: http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/*===============================

フォントの設定

===============================*/
html {
    font-size: 16px;
}
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size: 0.875rem;
line-height: 1.86;
color: #545454;
letter-spacing: 1px;
}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.font-serif{
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
/*===============================

背景

===============================*/
.pageWrap {
background-color: #fff;
background-image: url(/assets/images/beige_bg.jpg);
padding:0;
margin:0;
}
/*@media (max-width: 767px) {
.pageWrap {
padding-left:15px;
padding-right:15px;
}
}
*/
@media (max-width: 767px) {
.container {
overflow:hidden;
}
}
/*===============================

ページトップへ

===============================*/
.scrollToTop {
color: #e9506c;
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 102px;
    height: 77px;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
background:url(/assets/images/pagetopBG.png) no-repeat;
    z-index: 1005;
    display: none;
}

/*===============================

イメージセンター揃え

===============================*/
.center-layout img {
text-align:center;
margin:0 auto;
}
/*===============================

マウスオーバー透明

===============================*/
.alphahover img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/*===============================

ヘッダーピンクライン

===============================*/
.page-wrapper {
background-image: url(/assets/images/sky-bg.jpg);
background-repeat: repeat-x;
background-position: left top;
padding:0;
margin:0;
}

.header-top {
background-image: url(/assets/images/flug.png);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 20px;
background-color: transparent;
    border-bottom: none;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.03) inset;
color:#fff;

}
.container .header-top-first {
overflow:visible !important;
}

.header-top-first h1 {
font-size: 0.625rem;
font-weight:normal;
margin-top:10px;
margin-bottom:0px;
color:#fff;
}
.header-top-dropdown .dropdown>button {
color: #fff;
}

/*===============================

ヘッダーロゴ周り

===============================*/
#header-logo {
background-color:transparent;

}
#header-logo .container {
background-image:url(/assets/images/headCityBg.png);
background-repeat: no-repeat;
background-position: right bottom;
}
@media (max-width: 992px) {
#header-logo .container {
background-image:none;
}
}
.ad-bnr p {
float: right;
margin-top:20px;
}

/*===============================

ナビゲーション

===============================*/
.header {
border-top: 9px solid #feebeb;
border-bottom: 9px solid #fdfcfc;
/* box-shadow */
/*box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 6px 3px;
-moz-box-shadow:rgba(219, 219, 219, 0.65098) 0px 0px 6px 3px;*/
-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.06) inset;
padding: 5px 0;
}
@media (max-width: 1200px) {
.navbar-toggle {
    display: inherit !important;
}

.header.fixed {
margin-top:-50px;
background-color:transparent;
}
.header {
border-top: none;
border-bottom: none;
/* box-shadow */
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.header .navbar-header {
width:50px;
float:right;
}
.header .navbar-collapse {
clear:right;
padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-default .navbar-toggle {
border-color: #EB4E6A;
margin-right: 0px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #EB4E6A;
}
.navbar-collapse.in {
    overflow-y: auto;
}
.collapse {
    display: none !important;
    visibility: hidden !important;
}
.collapse.in {
display: block !important;
    visibility: visible !important;
}
}
@media (min-width: 768px) {
.navbar-collapse.collapse {
display: none !important;
    visibility: hidden !important;
}
.collapse.in {
display: block !important;
    visibility: visible !important;
}
}
@media (min-width: 1200px) {
.navbar-collapse.collapse {
display: block !important;
    visibility: visible !important;
}
}
.navbar-nav {
width:100%;
display: table;
text-align: center;
}
.navbar.navbar-default {
margin-top:5px;
}
.navbar-nav li {
display:table-cell;
border-right: 1px dotted #ccc;
float:none;
text-align: center;
}
.navbar-nav li:last-child {
    border-right: none;
}
.navbar-default .navbar-nav > li > a {
color: #666666;
    text-transform: uppercase;
    font-size: 0.5rem;
    font-weight: normal;
    padding: 12px 20px 12px 19px;
    z-index: 102;
    border: 1px solid transparent;
    bottom: -1px;
line-height: 1;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color:#feebeb;
}
.navbar-default .navbar-nav > li > a > span {
white-space:nowrap;
color:#e9506c;
font-weight:bold;
font-size: 0.75rem;
display:inline-block;
padding-bottom:50px;
}

.navbar-default .navbar-nav > li.nav00 {
background-image: url(/assets/images/navTopics_bg_off.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 50px 50px;
}
.navbar-default .navbar-nav > li.nav01 {
background-image: url(/assets/images/nav01_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 50px 50px;
}
.navbar-default .navbar-nav > li.nav02 {
background-image: url(/assets/images/nav02_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav03{
background-image: url(/assets/images/nav03_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav04{
background-image: url(/assets/images/nav04_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav05{
background-image: url(/assets/images/nav05_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav06{
background-image: url(/assets/images/nav06_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav07{
background-image: url(/assets/images/nav07_bg.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav09{
background-image: url(/assets/images/navVote_bg_off.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav00 a:hover {
background-image: url(/assets/images/navTopics_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav01 a:hover {
background-image: url(/assets/images/nav01_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav02 a:hover {
background-image: url(/assets/images/nav02_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav03 a:hover {
background-image: url(/assets/images/nav03_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav04 a:hover {
background-image: url(/assets/images/nav04_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav05 a:hover {
background-image: url(/assets/images/nav05_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav06 a:hover {
background-image: url(/assets/images/nav06_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav07 a:hover {
background-image: url(/assets/images/nav07_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}
.navbar-default .navbar-nav > li.nav09 a:hover {
background-image: url(/assets/images/navVote_bg_on.png);
background-repeat: no-repeat;
background-position: center center;
background-size:50px 50px;
}





@media (max-width: 1200px) {

.navbar.navbar-default {
background: transparent;
border:none;
}
.navbar-nav {
display:block;
border-left: none;
border-top: none;
}
.navbar-nav li {
display:block;
text-align: left;
border-right: none;
float:none;
width:100%;
}
.navbar-nav li:last-child {
    border-right: none;
}
.navbar-default .navbar-nav > li > a {
    padding: 12px 20px 12px 30px;
}
.navbar-default .navbar-nav > li > a > span {
white-space:nowrap;
color:#e9506c;
font-weight:bold;
font-size: 0.75rem;
display:normal;
padding-bottom:0px;
padding-left:10px;
}
.navbar-default .navbar-nav > li.nav00 {
background-image: url(/assets/images/navTopics_bg_off.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav01 {
background-image: url(/assets/images/nav01_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav02 {
background-image: url(/assets/images/nav02_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav03{
background-image: url(/assets/images/nav03_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav04{
background-image: url(/assets/images/nav04_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav05{
background-image: url(/assets/images/nav05_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav06{
background-image: url(/assets/images/nav06_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav07{
background-image: url(/assets/images/nav07_bg.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav09{
background-image: url(/assets/images/navVote_bg_off.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav00 a:hover {
background-image: url(/assets/images/navTopics_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav01 a:hover {
background-image: url(/assets/images/nav01_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav02 a:hover {
background-image: url(/assets/images/nav02_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav03 a:hover{
background-image: url(/assets/images/nav03_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav04 a:hover{
background-image: url(/assets/images/nav04_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav05 a:hover{
background-image: url(/assets/images/nav05_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav06 a:hover{
background-image: url(/assets/images/nav06_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav07 a:hover{
background-image: url(/assets/images/nav07_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}
.navbar-default .navbar-nav > li.nav09 a:hover{
background-image: url(/assets/images/navVote_bg_on.png);
background-repeat: no-repeat;
background-position: left center;
background-size:30px 30px;
}




}
/*===============================

パンくずリスト

===============================*/
.page-intro {
padding: 10px 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border-bottom: none;
margin:0;
}
.breadcrumb{
font-size:0.625rem;
}

/*===============================

メインコンテンツ

===============================*/
.main-container {
padding:0px 0 40px 0;
margin-top:0px;
}
.main {
/* border */
border:1px dotted rgb(233, 171, 182);

/* box-shadow */
box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
-moz-box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
padding:20px 40px;
background:#fff;
}
@media (max-width: 992px) {
.main {
margin-bottom:20px;
margin-left:15px;
margin-right:15px;

}
.page-detail {
margin-top:15px;
}
}
@media (max-width: 768px) {
.main-container {
padding-bottom:40px;
margin-top:0px;
}
.main {
margin-bottom:20px;
margin-left:15px;
margin-right:15px;
padding:0px 15px 20px;

}
.page-detail {
margin-top:15px;
}
}
.page-title {
font-size: 1.25rem;
color: #695e55;
background-image: url(/assets/images/h2_line.jpg);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom:30px;
margin-bottom:40px;
}

.page-title{
position:relative;
padding:5px 20px;
font:bold 28px/1.6 Arial, Helvetica, sans-serif;
color:#af3848;
background:#fff;
background-image: -webkit-gradient(linear, left top, right bottom,
from(rgba(255, 255, 255, 0.0)), 
color-stop(0.4, rgba(255, 255, 255, 0.0)), 
color-stop(0.4, rgba(0, 0, 0, 0.1)), 
color-stop(0.6, rgba(0, 0, 0, 0.1)), 
color-stop(0.6, rgba(255, 255, 255, 0.0)),
to(rgba(255, 255, 255, 0.0))
);
background-image: -webkit-linear-gradient(top -45deg,
transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
);
background-image: -moz-linear-gradient(top -45deg,
transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
);
background-image: -o-linear-gradient(top -45deg,
transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
);
background-image: linear-gradient(to bottom -45deg,
transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
);
background-size:4px 4px;
text-shadow:
1px 1px 0 #fff,
2px 2px 0 #ccc;
border-top:#af3848 solid 3px;
border-bottom:#af3848 solid 3px;

    
}

.page-title:before{
content:" ";
position:absolute;
top:100%;
left:24px;
width:0;
height:0;
border-width:12px;
border-style:solid;
border-color:transparent;
border-top-color:#af3848;
}
.page-title:after{
content:" ";
position:absolute;
top:100%;
left:28px;
width:0;
height:0;
border-width:8px;
border-style:solid;
border-color:transparent;
border-top-color:#fff;
z-index:1;
}
/*.page-h2 {
font-size: 1.125rem;
font-weight:bold;
color: #d43841;
line-height: 36px;
background-image: url(/assets/images/h3_line.jpg);
margin-top:0px;
}*/
.page-h2 { 
font-size: 1.125rem;
font-weight:bold;
color: #d43841;
line-height: 1.3; 
background: url(/assets/images/h3_line.jpg) repeat-x left bottom; 
margin-top: 0; 
padding: 0 0 10px 0;
}

@media (max-width: 768px) {
.page-title {
font-size: 1.125rem;
}
.page-title{
padding:5px 5px;
}
.page-h2 {
font-size: 1rem;
}

}





.page-textadd {
font-size:0.625rem;
padding:10px;
}
.page-btn a {
  display: block;
  cursor: pointer;
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #20b2aa;
  border-radius: 5px;
  box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
.page-btn a:hover {
  background-color: #3cc4bd;
  box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.page-btn a:active {
  color: #ddd;
  background-color: #12978d;
  box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}
@media (max-width: 768px) {
.page-btn a {
width: 100%;
}
}
.page-btn02 a {
  display: block;
  cursor: pointer;
  width: 600px;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #20b2aa;
  border-radius: 5px;
  box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
.page-btn02 a:hover {
  background-color: #3cc4bd;
  box-shadow: 0 3px 0 #12978d, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.page-btn02 a:active {
  color: #ddd;
  background-color: #12978d;
  box-shadow: 0 0 0 #047c71, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}
@media (max-width: 768px) {
.page-btn02 a {
width: 100%;
}
}
.page-btnBlue a {
display: block;
cursor: pointer;
width: 80%;
margin: 0 auto;
padding: 20px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #0099CC;
border-radius: 5px;
box-shadow: 0 6px 0 #0E73A5, 0 12px 0 rgba(0,0,0,0.2);
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
.page-btnBlue a:hover {
background-color: #66CCFF;
box-shadow: 0 3px 0 #0E73A5, 0 6px 0px rgba(0,0,0,0.2);
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
 
.page-btnBlue a:active {
  color: #ddd;
  background-color: #66CCFF;
  box-shadow: 0 0 0 #0E73A5, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}
@media (max-width: 768px) {
.page-btnBlue a {
width: 100%;
}
}

.modal {
margin-bottom:10px;
}
.modal .modal-header{
background:#e9506c;
}
.modal-title {
background:#e9506c;
}
.page-detail-pink {
background:#fcecf3;
}
.page-detail-blue {
background-color: #BCE6E2;
}
/*お知らせ*/
.info-area {
margin-top: 40px;
padding: 10px;
border: 2px solid #0099CC;
-webkit-border-top-left-radius: 20px;
-moz-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-top-right-radius: 20px;
}
.info-title {
font-size: 1.125rem;
background-color: #0099CC;
display: block;
color: #FFF;
line-height: 1;
font-weight: bold;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
position: relative;
margin-top: 0px;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
}
.info-title:after {
content: '';
    position: absolute;
    border-top: 12px solid #0099CC;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    bottom: -9px;
    left: 25px;
}
.info-divider {
border-top:#CCC dotted 1px;
margin-bottom:20px;
margin-top:0px;
margin-left:40px;
margin-right:40px;
}
/*アンケート*/
.question-area {
margin-top: 40px;
padding: 10px;
border: #F4C100 2px solid;
-webkit-border-top-left-radius: 20px;
-moz-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-top-right-radius: 20px;
}
.question-title {
font-size: 1.125rem;
padding: 10px 25px;
background-color: #F4C100;
display: block;
color: #FFF;
line-height: 1;
font-weight: bold;
margin: 15px 0 15px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
position: relative;
}
.question-title:after {
content: '';
    position: absolute;
    border-top: 12px solid #F4C100;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    bottom: -9px;
    left: 25px;
}
.giftImg img {
padding: 8px;
    background-color: #EEEEEE;
}
.question-area h4 {
font-size: 1rem;
font-weight:bold;
color: #d43841;
line-height: 36px;
background-image: url(/assets/images/h4_line.jpg);
margin-top: 0px;
font-weight: normal;
}
.formWrap {
background:#fcf9f6;
padding:20px;
	margin: 15px 0 0;
}
@media (max-width: 768px) {
.formWrap {
padding:15px;
}
}
.formWrap h5 {
color: #fff;
padding: 0.5rem;
background-color: #FFCC66;
}
.formWrap span {
color:#d43841;
}
.giftImg {
	margin: 15px auto 0px;
}

.aform-content form label {
font-weight:normal;
}

.aform-content form select.aform-prefecture {
    font-size: 16px;
    height: 40px;
    border-color: #acacac;
    color: #666666;
    -webkit-appearance: menulist;
}

.aform-content form dl.rd dd,.aform-content form dl.ck dd {
    display: flex;
}

.aform-content form dl.rd dd input,.aform-content form dl.ck dd input {
min-width: 1.25em;
margin:0 5px 0 0;
}

.aform-content form dl.rd dd label,.aform-content form dl.ck dd label {
margin:0;
}

_::-webkit-full-page-media, _:future, :root .aform-content form dl.rd dd label,_::-webkit-full-page-media, _:future, :root .aform-content form dl.ck dd label, {
margin-top:-4px !important;
}

.aform-content form dl.rd dd input,.aform-content form dl.ck dd input {
min-width: 1.25em;
}

// 最新のsafari用
_::-webkit-full-page-media, _:future, :root .text {
	color: red;
}
// 古いsafari用
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .text {
		color: red;
	}
}

.aform-content .submit input{
    background-color: #CCC;
    color: #333;
    padding: 0.25em 1.25em !important;
    border-radius: 0.25em;
}

.aform-content .submit input:hover{
    opacity:0.8;
}

.gaibulink {
text-align:right;
margin-bottom:30px;
}

.kokomo-title {
font-size: 1.125rem;
padding: 10px 25px;
background-color: #009999;
display: block;
color: #FFF;
line-height: 1;
font-weight: bold;
margin: 0 0 15px;
-webkit-border-radius: 38px;
-moz-border-radius: 38px;
border-radius: 38px;
position: relative;
}
.kokomo-title:after {
content: '';
    position: absolute;
    border-top: 12px solid #009999;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    bottom: -9px;
    left: 25px;
}
#owl-demo .owl-wrapper .owl-item .item {
font-size:0.625rem !important;
}
.owl-controls .owl-pagination {
    bottom: -20px;
}
#owl-demo .owl-wrapper-outer .owl-item .item img{
max-width:100px !important;
}

/*===============================

サイドバー

===============================*/
.sidebar .block {
/* border */
border:1px dotted rgb(233, 171, 182);

/* box-shadow */
box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
-moz-box-shadow:rgba(240, 240, 240, 0.65098) 0px 0px 2px 2px;
padding:1px;
background:#fff;
}
.sidebar .block{
padding-bottom:0px;
margin-bottom:15px;
}
.sidebar .block:first-child {
margin-top: 0px;
}
/*.sidebar .title {
background:url(/assets/images/h3-bg.gif) repeat;
color:#d43841;
font-size:1rem;
font-weight:bold;
margin:0px;
text-align:center;
text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             white 1px -1px 0px, white -1px -1px 0px;
padding: 10px 0px;
}*/


/*リボンの見出し*/
#heading06{
    position: relative;
    color: #fff;
background: #fd6f83;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9919d+0,f67283+100 */

background: #f9919d; /* Old browsers */

background: -moz-linear-gradient(top,  #f9919d 0%, #f67283 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #f9919d 0%,#f67283 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #f9919d 0%,#f67283 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9919d', endColorstr='#f67283',GradientType=0 ); /* IE6-9 */





    
    font-size: 1.143em;
    font-weight: bold;
    margin: 1em -0.8em 0.5em -0.8em;
    padding: 2px;
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
}
#heading06 span {
display: block;
padding: 0.8em;
border: 1px dashed rgb(233, 171, 182);
}
 
#heading06:after,
#heading06:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #af3848;
}
 
#heading06:before{
    right: 0;
    border-left: 5px solid #af3848;
}
 
#heading06:after{
    left: 0;
    border-right: 5px solid #af3848;
}


.topics .nav-stacked > li {
border-bottom:1px dotted rgb(233, 171, 182);
}
.topics .nav-stacked > li:last-child {
border:0;
}

.topics .nav-pills > li > a {
padding: 10px 10px 10px;
}




.topics .nav li a .topics-thumb {
background:url(/assets/images/thumb-bg.jpg) no-repeat;
padding:7px;
height:89px;
float:left;
margin-right:5px;
margin-bottom:0px;
}
.topics .nav li a .topics-thumb img {
display:block;
}
.topics .nav li a .topics-text{
color:#594940;
font-size:0.75rem;
font-weight:normal;
margin-bottom:0px;
min-height:89px;
}

.topics .nav li a .topics-text{
color:#594940;
font-size:1rem;
font-weight:normal;
margin-bottom:0px;
min-height:89px;
}

.block-nokakomi .title {
display: block;
    border: solid 1px #d2bba0;
    font-size:1rem;
font-weight:bold;
    text-transform: uppercase;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    padding: 10px;
    color: #967c5e;
    background-color: #fffef9;
    background-image: linear-gradient(to bottom, #fffef9, #fff2b8);
    text-align: center;
    margin: 0;
}
.block-nokakomi .row {
background-color: #fff7d4;
border-left: solid 1px #d2bba0;
border-right: solid 1px #d2bba0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(210, 187, 160);
border-bottom: solid 1px #d2bba0;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
/*===============================

フッター

===============================*/
.footer {

background: #feebeb; 
border:1px solid #fff;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.13) !important;
}
.subfooter {
background-color: #e9506c;
color:#fff;
}
.footer-content .nav-pills > li > a {
padding: 2px 0px;
    border-color: transparent;
    color: #666;
    font-weight: 400;
font-size:0.6875rem;
}
.footer-content .nav-pills > li > a:hover {
color: #333;
}
.footer-content .nav-pills.nav-stacked > li > a:after, .footer-content .nav-pills > li.active > a:after, .footer-content .nav-pills > li.active > a:hover:after, .footer-content .nav-pills > li.active > a:focus:after, .footer-content .nav-pills > li > a:hover:after, .footer-content .nav-pills > li > a:focus:after {
color: #666;
}

/*Header Fix*/
.header-top-dropdown .btn {
    width: 100%;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    /*background: none;*/
    cursor: pointer;
    /*padding: 25px 80px;*/
    display: inline-block;
    /*margin: 15px 30px;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    min-width: inherit;
    margin-top: 0;
}

.header-top-dropdown .btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}

@media (max-width: 767px) {
img#logo{
width:66.666666%;
float:left;
}
}

@media (max-width: 1169px) {
.header{
margin-top:-60px;
background-color: transparent;
}
}

@media (max-width: 767px) {

#aform-confirm-form .submit{
padding: 15px 0;
}

#aform-confirm-form .submit .col-xs-4,#aform-confirm-form .submit .col-xs-6 {
width: auto;
}

#aform-confirm-form .submit .col-xs-offset-1 {
margin: 0;
}

#aform-confirm-form .btn {
font-size: 12px;
padding: 10px 12px;
min-width: 0;
}
}