@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
	background: #fff;
	font-family: Meiryo, "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

a.btn,a.topbtn {
	text-decoration: none;
}
a:hover,a img:hover {
	opacity: 0.7;
	text-decoration: none;
}

.container-fluid{
	padding: 0;
	margin-top: -10px;
}

/* gird */
.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}
.row-eq-height {
	margin: 0;
}
.rbox {
	padding: 5px 10px;
	border-radius: 10px;
	border-width: 3px;
	border-color: #e60012;
	border-style: solid;
	background-color: #ffffff;
	height: 100%;
	margin-bottom: 20px;
}

.rbox4px {
	padding: 0;
	border-radius: 10px;
	border-width: 4px;
	border-color: #e60012;
	border-style: solid;
	background-color: #ffffff;
	height: 100%;
	margin-bottom: 20px;
}

.navbar-default {
	background-color: #fff;
	border-bottom: 1px solid #3c416a;
}

.mt-50 {margin-top: -50px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mt120 {margin-top: 120px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.pdtb20 {padding:20px 10px;}


#intro {
	background-color: #fff;
	padding-top: 20px;
}
.intro2 {
	background-color: #fff9cd;
}

h1 img {
	margin-top: 0;
	padding: 0;
	max-width: 250px;
	height: auto
}
 

h1,h2{
	font-size: 100%;
	font-weight: bold;
}

h3 {
	font-size: 120%;
	margin-top: 10px;
	line-height: 1.4;
	font-weight: bold;
	color: #00b9ef;
}

h4 {
	font-size: 140%;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 10px;
}
h4.rcatch {
	color: #e60012;
}

h4.about {
    border-top: 2px solid #3c416a;
    border-bottom: 2px solid #3c416a;
    padding: .6em .5em .5em .5em;
    margin-bottom: 1em;
    font-size: 120%;
	color: #3c416a;
}
h4 span.lrg {
    font-size: 150%;
}
h4.about .break {
	display: inline-block;
}

h4.faq {
	font-size: 130%;
	line-height: 1.4;
	font-weight: bold;
	margin: 5px 0 0 0;
	color: #3c416a;
    padding: 5px 8px;
    border-left: 8px solid;
}
h5 {
	font-size: 100%;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 10px;
}

h5.about {
	font-size: 110%;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 10px;
	color: #3c416a;
}

p{
	font-size: 110%;
	line-height: 1.6;
}
p.red {
	font-size: 100%;
	color: #e60012;
	margin:10px 10px;
}

.hairline {
	border: 1px dotted #3c416a;
}
.alert {
	color: #e60012;
	margin: 0;
	padding: 0;
}
.small {
	font-size: 110%;
}

.ttl {
	text-align: center;
	background-color: #00b9ef;
	padding: 5px;
	margin:0 0 5px 0;
}

.ttl_blue {
	text-align: center;
	padding: 8px;
	border: 4px solid #073862;
	color: #073862;
	border-radius: 6px;
	background: #fff;
	margin-bottom: 20px;
}
.ttlcenter {
	text-align: center;
	padding: 5px;
	margin:0 0 5px 0;
}

.ttlcenter p{
	text-align: left;
}
.catch { 
	color: #ffffff;
}

.catchblue { 
	color: #073862;
	margin-bottom: 4px;
	padding-bottom: .2em;
}

.catchred {
	color: #e60012;
	font-weight: bold;
	font-size: 1.7rem;
}

.catchredl {
	color: #e60012;
	font-weight: bold;
	font-size: 2.4rem;
}

.catchredl .break {
	display: block;
	word-wrap: break-word;
	white-space: normal;
	line-height: 1.4;
}

.catchgrey {
	color: #848484;
	font-size: 1.4rem;
}

.date {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 3.2rem;
}

@keyframes move-stripe {
    0% {  background-position-x: 0;  }
    100% {  background-position-x: -169px;  }
}
.hero2 {
    background-color: #fff;
    background-image: url(../img/stripe_bg.gif);
    animation: move-stripe 4s infinite linear;
}

.herocatch {
	margin-top: -5px;
}
.shop{
	margin-top: 80px;
}
.box {
	margin-bottom: 20px;
}

.mbox {
	margin: 0 30px;
	padding: 5px 10px;
}

.appdlcopy {
	margin-bottom: 20px;
}

.btn-info {
	background-color: #8a8fb2;
	border:none;
	background-image: url(../img/angle_right.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	color: #fff;
}
.btn-infob {
	background-color: #8a8fb2;
	border:none;
	color: #fff;
}
.btn-info:visited, .btn-infob:visited {
	background-color: #8a8fb2;
	color: #fff;
}

.btn-info:hover, .btn-infob:hover {
	background-color: #8a8fb2;
	opacity: 0.7;
	color: #fff;
}

.btn-info:active, .btn-infob:active {
	background-color: #8a8fb2!important;
	color: #fff;
}
/* btn corprate color*/
.btn-co {
	background-color: #073862;
	border:none;
	background-image: url(../img/angle_right.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	color: #fff;
}

.btn-co:visited {
	background-color: #073862;
	color: #fff;
}

.btn-co:hover {
	background-color: #073862;
	opacity: 0.7;
	color: #fff;
}

.btn-co:active {
	background-color: #073862!important;
	color: #fff;
}

.pulldown {
	padding: 0 0 5px 0;
	margin-top: 0;
}
.pulldown h3.catch .break{
	display:block;
}
.totop {
	text-align: center;
}
.tobtn {
	text-align: center;
	padding: 8px 20%;
	border: 2px solid #073862;
	color: #073862;
	border-radius: 6px;
	background: #fff;
}
/*　アコーディオン*/
#acc {
	background-color: #e60012;
}
#acMenu {
	margin: 0;
	padding: 20px;
	
}

#acMenu dl{
	margin-top: 0;
}
#acMenu dt{
    display:block;
    width:100%;
    height:auto;
    cursor:pointer;
	background:url(../img/down.png) 50% 80% no-repeat;
	padding: 0 0 45px 0;
	text-align: center;
	color: #fff;
    }

#acMenu dd{
    width:100%;
    height:auto;
    display:none;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 30px;
    }
#acMenu dt.active{
	background:url(../img/up.png) 50% 80% no-repeat;
	}
#acMenu dt:visited,#acMenu dt:active{
	opacity: 1.0;
	}
#acMenu dt:hover{
	opacity: 0.8;
	background-color: #e60012;
	}
#acMenu dt.active:hover{
	opacity: 1.0;
	}
#acMenu .contract {
	color: #000000;
	font-size: 13px;
	line-height: 1.6;
}
#acMenu p {
	color: #333;
	line-height: 1.6;
	margin-top: 10px;
}

#acMenu .small {
	font-size: 100%;
	color: #666;
}

#acMenu h5 {
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #333;
}

#acMenu li {
	margin-left: 20px;
	font-size: 110%;
	line-height: 1.6;
}

#resist {
	background-color: #fff100;
	padding:20px;
}

#checkbtn {
	margin:5px;
	font-size: 120%;
	font-weight: normal;
	background-color: #fff;
	padding: 25px 30px 30px 30px;
	border-radius: 10px;
	border-width: 3px;
	border-color: #00b9ef;
	border-style: solid;
}

#checkbtn .custom-control-description {
	font-size: 100%;
}

#checkbtn .btn-warning {
	background-color: red;
	font-size: 100%;
	line-height: 1.5;
	margin-top: 5px;
	border: none;
	font-weight: bold;
	-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}
#checkbtn .btn-warning:disabled {
	background-color: #999;
	-webkit-box-shadow:none;
	box-shadow:none;
}

#checkbtn .break, p .break, h3 .break {
	display: inline-block;
}

#about {
	background-color: #fdf8ed;
	margin: 0 auto;
	padding: 20px;
}
#about ul h4 {
	font-size: 125%;
	line-height: 1em;
	margin-top: 30px;
}
#about ul h4:first-child {
	line-height: 1em;
	margin-top: 5px;
}
#about ol,#about ul,#about dl {
    padding: 1em 1em .3em 1em;
    border-radius: 6px;
    background-color: rgba(247,231,159,0.30);
}
#about ol.caution {
	border: 3px solid #e60012;
}

#about ul.faqmenu {
	padding: 1em 1em .6em 1em;
	border: 4px solid #073862;
	color: #073862;
	border-radius: 6px;
	background: #fff;
}

#about ul.faqmenu li {
	margin: 0 0 .3em 0;
	list-style: none;
}
#about ul.faqmenu li:before{
	content: "\f105";
    font-family: FontAwesome;
	padding:0 5px 0 0 ;
}

#about ol li,#about ul li {
	margin: 0 0 10px 20px;
}

#about dt {
	padding-bottom: .7em;
}
#sns {
	margin: 10px auto 20px;
	padding: 30px 20px;
	border-bottom: 1px solid #e6e6e6;
}

.btn-danger {
	background-color: #55acee;
	border:none;
	background-image: url(../img/twitter_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

.btn-danger:visited {
	background-color: #55acee;
}
.btn-danger:hover, .btn-danger:focus {
	background-color: #55acee;
	background-image: url(../img/twitter_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	opacity: 0.7;
}

.btn-danger:active {
	background-color: #55acee!important;
}

.btn-primary {
	background-color: #305097;
	border: none;
	background-image: url(../img/facebook_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

.btn-primary:visited {
	background-color: #305097;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #305097;
	background-image: url(../img/facebook_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	opacity: 0.7;
}
.btn-primary:active {
	background-color: #305097!important;
}
.btn-success {
	background-color: #00b900;
	border: none;
	background-image: url(../img/line_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
.btn-success:visited {
	background-color: #00b900;
}
.btn-success:hover , .btn-success:focus {
	background-color: #00b900;
	background-image: url(../img/line_wht.png);
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 5% 50%;
	opacity: 0.7;
}
.btn-success:active {
	background-color: #00b900!important;
}
#mibon {
	margin: 20px auto 50px;
	padding:20px;
}
#mibon p {
	font-size: 105%;
}

#shoplist a .btn {
	color: #fff;
}

#shoplist li a {
	font-size: 120%;
	border-radius: 10px;
	border: solid 2px #347AB7;
	margin: 10px;
	color: #347AB7;
}

#shoplist .break {
	display: block;
}

#books,#cafe {
	padding-top: 60px;
}

footer {
	border-top: 1px solid #e6e6e6;
	padding-top: 10px;
}
footer p {
	margin-top: 10px;
}

footer small {
	font-size: 50%;
}
 

@media (min-width: 768px) {


.herophone {
	max-height: 550px;
	}
a .btn {
	text-decoration: none;
	padding-top: 10px;
}
/* box-height */
.row-eq-height {
	display: flex;
}
.rbox {
	margin-bottom: 0;
}
.box {
	margin: 10px;
	padding: 5px 10px;
}

h1 img {
	margin-top: 0;
	padding: 0;
}

h3 {
	font-weight: bold;
	line-height: 1.3;
	font-size: 180%;
	margin-bottom: 40px;
}
h3.catch {
	margin-top: 15px;
    margin-bottom: 9px;
}
.pulldown h3.catch .break{
	display:inline-block;
}
h4 {
	font-weight: bold;
	line-height: 1.4;
	color: #3c416a;
	font-size: 150%;
}
h4.about {
	font-size: 150%;
	}
p {
	font-size: 110%;
	line-height: 1.5;
}
	
p.red {
	font-size: 110%;
	color: #e60012;
	margin:10px 30px 10px 30px;
}
.small {
	font-size: 90%;
	line-height: 1.5;
}

.catchred {
	font-size: 2.6rem;
}

.catchredl {
	font-size: 3.8rem;
}
.catchredl .break {
	display: inline-block;
}
.catchgrey {
	font-size: 2rem;
}
	
.hero-block {
	margin-top: -50px;
}

.appdlcopy {
	margin-bottom: 0;
}
.ttlcenter p{
	text-align: center;
}
.totop{
	text-align: right;
}
.tobtn {
	padding: 8px 20px;
}

#acMenu dd{
    width:85%;
	margin: 0 auto;
	padding: 60px;
    }
#acMenu li {
	font-size: 100%;
}
#checkbtn {
	margin: 0px auto;
}
#checkbtn .btn-warning {
	font-size: 150%;
	line-height: 1.5;
}
#about {
	margin-top: 30px;
	padding: 40px;
}
#about ul h4 {
	font-size: 135%;
	line-height: 1.2em;
	padding: 10px 0 1px;
}
#about ul.faqmenu {
	padding: 1.5em 1.5em .6em 1.5em;
	border: 4px solid #073862;
	color: #073862;
	border-radius: 6px;
	background: #fff;
}
#about ul.faqmenu li {
	margin: 0 0 10px 5px;
	list-style: none;
	font-size: 1.2em;
}
#mibon h4, #shoplist h4 {
		text-align: center;
	}
#mibon .col-lg-6 {
	 padding-right: 30px;	
	}
#shoplist a {
	font-size: 100%;
	font-weight: bold;
}
#shoplist .break {
	display: inline-block;
}
footer small {
	font-size: 100%;
}
}

@media (min-width: 1200px) {

.catchredl {
	font-size: 5rem;
}	
.herophone {
	margin-left: 20px;
	max-height: none;
	}
.herocatch {
	margin: -5px 0 0 -20px;
	max-width: 105%;
	}
}