@charset "utf-8"; html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1.8}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none; padding: 0; margin: 0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #FF5456;margin:1em 0;padding:0}
input, select {vertical-align:middle}

/*========================================
BASIC
=======================================*/
html{-webkit-text-size-adjust:100%}
body{color:#1E1E1E; font-size:16px;font-family:Klee,"クレー","Arial","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;background:#fff;line-height:1.6; padding: 0; margin: 0;}
img {line-height: 1;}
p {margin-bottom: 20px; word-wrap: break-word; overflow-wrap: break-word;}
.Hv {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.Hv:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
/* responsive view */
.spView{display:none!important;}

/*========================================
 COMMON STYLE
=======================================*/
a{color:#292929;text-decoration:none;}
a:hover{color:#eb6877;}
.PCNone {display:none;}
.TABNone {display:inline;}
.SPNone {display:inline;}
/* font color */
.red, .fc-red {color:#E72023;}
.white, .fc-white {color:#fff;}
.fc-blue {color:#3C71EC;}
.fc-pink {color:#f2959d;}
.fc-sky {color:#2e9cc1;}
/* sub title */
.sub {font-family: 'Fredericka the Great', cursive; letter-spacing: 1px;font-size:200%;line-height: 1.2;text-align: center; margin-bottom: 6px;}
/* font layout */
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-c {text-align: center;}
.midNote {margin-bottom: 30px;}
.wf-mplus1p { font-family: "M PLUS 1p"; }
.kana {font-size: 50%;margin-bottom: 4px;}
/* font size */
.fs-80 {font-size:80%;}
.fs-120 {font-size:120%;}
.fs-140 {font-size:140%;}
.fs-160 {font-size:160%;}
.fs-180 {font-size:180%;}
.fs-200 {font-size:200%;}
/* font deco */
.u-l {text-decoration:underline;}
.bold, .Bold {font-weight: bold;}
.y-underline{border-bottom:solid #ffff00 2px;}
.redline {padding:3px 5px 1px; border-bottom:double #ff3300 3px; font-weight:bold; background:#fffce7;}
.pink-mini{color:#f2959d; font-size:12px; font-weight:bold;}
.blue-mini{color:#2e9cc1; font-size:12px; font-weight:bold;}
/* btn */
.linkBtn {color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:1em;display:inline-block;padding:0.5em 1em;transition:all 0.3s ease-in-out;text-align:center;font-weight:bold;line-height: 1.2;}
.linkBtn:before, .linkBtn:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
.linkBtn:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
.linkBtn:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
.linkBtn:hover:before, .linkBtn:hover:after {width:calc(100% + 12px); height:calc(100% + 12px);border-color:#454545}
.linkBtn:hover {color:#fff;background-color:#454545;border-color:#454545;}
.panel {max-width:100%;text-align:center;position:relative;margin:auto;}
.pink .linkBtn {color:#eb6877;border-color:#eb6877;}
.pink .linkBtn:before, .pink .linkBtn:after  {border-color:#eb6877}
.pink .linkBtn:hover:before, .pink .linkBtn:hover:after {border-color:#eb6877;}
.pink .linkBtn:hover {color:#fff;background-color:#eb6877;border-color:#eb6877;}
.pink .panel {max-width:960px;text-align:center;position:relative;margin:auto;}
.blue .linkBtn {color:#3bb4e5;border-color:#3bb4e5;}
.blue .linkBtn:before, .blue .linkBtn:after  {border-color:#3bb4e5}
.blue .linkBtn:hover:before, .blue .linkBtn:hover:after {width:calc(100% + 12px);height:calc(100% + 12px);border-color:#3bb4e5;transform:rotateY(180deg)}
.blue .linkBtn:hover {color:#fff;background-color:#3bb4e5;border-color:#3bb4e5}
.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}
.black .linkBtn {color:#fff;border-color:#454545;background-color: #454545;}
.black .linkBtn:before, .black .linkBtn:after  {border-color:#454545}
.black .linkBtn:hover:before, .black .linkBtn:hover:after {width:calc(100% + 12px);height:calc(100% + 12px);border-color:#454545;transform:rotateY(180deg)}
.black .linkBtn:hover {color:#454545;background-color:transparent;border-color:#454545;background-color:#fff;}
.black .panel {max-width:960px;text-align:center;position:relative;margin:auto;}

/*========================================
HEADER
=======================================*/
header{width:100%; position: relative; border-top: 2px solid #b69766;box-shadow: 0 3px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);}
header .Cnt {width:100%;margin:0 auto;}
.header_logo{background:#fff; /*background:url(../img/bg-head.png) repeat;*/}
.Logo {padding: 20px 0 0; margin: 0 auto; width: 215px;}
.Logo img {width: 100%; height: auto;}
header nav {width: 100%;padding:5px 0 0;font-size: 14px;z-index: 2; position: relative;}
header nav .cnt {min-width: 800px; max-width: 1180px;margin:0 auto;position: relative;}
header nav .cnt .logo {float:left;width: 151px;padding-top: 4px;}
header nav .cnt .logo img {width:100%; height:auto;}
.is-fixed { position: fixed; top: 0; left: 0; z-index: 2; width: 100%;background:rgba(255,255,255,0.9);box-shadow: 0 3px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);}
.menu {position: relative; width: 100%; height: 50px;margin: 0 auto;}
.menu > li {float: left; width: 20%;height: 50px; line-height: 50px; text-align: center; font-weight: bold;}
.menu > li a {display: block;}
.menu > li a:hover {color: #E83135}
ul.menu__second-level {visibility: hidden; opacity: 0; z-index: 1;box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);}
ul.menu__third-level {visibility: hidden; opacity: 0;}
ul.menu__fourth-level {visibility: hidden; opacity: 0;}
.menu > li:hover {-webkit-transition: all .5s; transition: all .5s;}
.menu__second-level li {border-top: 1px solid #BFBFBF;color: #fff;}
.menu__third-level li {border-top: 1px solid #BFBFBF;}
.menu__second-level li a:hover {background: #111;color: #fff;}
.menu__third-level li a:hover {background: #2a1f1f;}
.menu__fourth-level li a:hover {background: #1d0f0f;}
.init-bottom:after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; /*border-right: 1px solid #fff; border-bottom: 1px solid #fff;*/ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu:before, .menu:after {content: " "; display: table;}
.menu:after {clear: both;}
.menu {*zoom: 1;}
.menu > li.menu__single {position: relative;cursor: pointer;}
.menu > li.menu__single:hover { color: #E83135}
li.menu__single ul.menu__second-level {position: absolute; top: 40px; width: 100%; background:url(../img/bg-head.png) repeat; -webkit-transition: all .2s ease; transition: all .2s ease;}
li.menu__single:hover ul.menu__second-level {top: 50px; visibility: visible; opacity: 1;}
@media screen and (max-width: 897px) {
.menu > li {font-size: 90%}
}

/*========================================
FOOTER
=======================================*/
.topReturn {min-width: 800px; max-width: 1180px; margin:0 auto 10px; text-align:right;}
.topReturn img {width:74px; height:74px;}
#backToTop{position: fixed; bottom: 10px; right: 20px; width: 74px; height: 74px; cursor: pointer;z-index: 9999;}
#backToTop .Hv:hover {opacity: 0.6;}
footer{width:100%; background:#535353; border-top:2px solid #D1D1D1; font-size:12px;color:#fff; overflow: hidden;}
footer .Cnt{min-width: 800px; max-width: 1180px; margin:2% auto 1%; overflow:hidden;}
footer .Cnt .bnr {float: left; width: 40%;}
footer .Cnt .bnr.Hv:hover {opacity: 0.6;}
footer .Cnt .links {float: right; width: 60%; margin-top:10px;}
footer .Cnt .links .block {overflow: hidden;}
footer .Cnt ul {overflow:hidden; width: 100%;}
footer .Cnt ul li a{color: #fff;}
footer .Cnt ul li a:hover{color: #fff; text-decoration:underline;}
footer .Cnt .internal {float: left; overflow: hidden;margin-bottom: 5px; width: 84%;}
footer .Cnt .internal li {float: left; width: 29%; margin:0 2% 10px 0; background: url(../img/arrow_01.png) no-repeat left 3px; padding-left: 12px; background-size: 10px auto;}
footer .Cnt .social {float: right; overflow: hidden;margin:5px 0 10px; width: 96px;}
footer .Cnt .social li {width: 40px; float: left;}
footer .Cnt .social li img {width: 100%; height: auto;}
footer .Cnt .social li.Hv:hover {opacity: 0.6;}
footer .Cnt .social li:last-child {float: right;}
footer .copyright {color: #fff; overflow: hidden; text-align: center;font-weight: bold;}
footer .copyright a {color: #fff;}
footer .copyright a:hover {text-decoration:underline;}

@media screen and (max-width: 1035px) {
footer .Cnt .internal {width: 84%;max-width: 480px;}
footer .Cnt .internal li {width: 28%; margin: 0 2% 6px 0; font-size: 11px;}
}


/*========================================
BREADSCRUMB
=======================================*/
#BreadScrumb {width:100%; padding:0; box-shadow: none; margin: 15px auto 0;}
#BreadScrumb .Cnt {color:#636363;min-width: 800px; max-width: 1180px; margin:0 auto; font-size: 12px; letter-spacing: 1px;}
#BreadScrumb .Cnt p {margin: 0 auto 10px;text-align: center;}
#BreadScrumb .Cnt a {color:#636363;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#BreadScrumb .Cnt a:hover {color: #e60020; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}

/*========================================
CONTENTS
=======================================*/
/* section */
section{margin:0 0 20px;border-radius: 3px;}
#Slider {margin: 0 auto;border-radius:0;box-shadow:none;line-height: 0;}
#wrapper{width: 100%;margin: 0 auto;background-color: #fff;}
#Contents {min-width: 800px; max-width: 1180px; margin:70px auto 0;}

#Slider .swiper-container .mvTxt{position: absolute;bottom: 36%;left: 20%;right: 80%;z-index: 1;width: 360px;}
#Slider .swiper-container .mvTxt .logo{margin-bottom: 10px;}
#Slider .swiper-container .mvTxt .logo span{display: block;margin-top: 10px;}
#Slider .swiper-container .mvTxt .panel .linkBtn{line-height: 1.2;}
#Slider .swiper-container .mvTxt.noteBlock{background: #fff;padding: 40px 10px;border-radius: 40px;right: 20%;left: inherit;}
@media screen and (max-width: 1180px) {
#Slider .swiper-container .mvTxt{position: absolute;bottom: 20%;left: 10%;right: 90%;z-index: 1;width: 360px;}
#Slider .swiper-container .mvTxt.noteBlock{position: absolute;bottom: 20%;right: 10%;z-index: 1;width: 360px;}
}
@media screen and (max-width: 900px) {
#Slider .swiper-container .mvTxt{font-size: 80%;}
}

/*==
INDEX
==*/
#indexMain{overflow: hidden;margin: 0 auto;}
#indexMain .indexBlock{width: 100%;height: auto;margin: 0 auto;text-align: center;}
#indexMain .news{height:auto;background:#f8f8f8;}
#indexMain .index01{height:auto;background:#fff;}
#indexMain .index02{height:auto;background:#f8f8f8;}
#indexMain .index03{height:auto;background:#fff;}
#indexMain .index04{height:auto;background:#f8f8f8}
#indexMain .indexBlock .Cnt{position: relative;color:#636363;min-width: 800px; max-width: 1180px; margin:0 auto; padding: 50px 0; letter-spacing: 1px;}
#indexMain .indexBlock .Cnt .banner{margin: 50px auto;}
#indexMain .indexBlock .Cnt .block{overflow: hidden;margin: 0 auto;}
#indexMain .indexBlock .Cnt .left{width: 48%;float: left;margin: 0 1%;}
#indexMain .indexBlock .Cnt .right{width: 48%;float: right;margin: 0 1%;}
#indexMain .indexBlock .Cnt .block .txt{text-align: left;font-size: 14px;}
#indexMain .indexBlock .Cnt .lineUp{overflow: hidden;margin: 0 auto 50px;}
#indexMain .indexBlock .Cnt .lineUp ul{display: block;}
#indexMain .indexBlock .Cnt .lineUp ul li{width: 30%;float: left;margin: 0 1.666% 10px;}
#indexMain .indexBlock .Cnt .lineUp ul li figure{border: 2px solid #ECECEC;border-radius: 5px;box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);line-height: 0;}
#indexMain .indexBlock .Cnt .lineUp ul li img{width: 100%;height: auto;}
#indexMain .indexBlock .Cnt .newsList{overflow: hidden;margin: 0 auto;}
#indexMain .indexBlock .Cnt .newsList ul{display: block;width: 800px;height: auto;margin: 0 auto;}
#indexMain .indexBlock .Cnt .newsList ul li{display: block;text-align: left;margin: 0 auto 10px;padding:0 10px 4px;width:100%;float: left;border-bottom: 1px dashed #333;}
#indexMain .indexBlock .Cnt .newsList ul li a{display: block;overflow: hidden;}
#indexMain .indexBlock .Cnt .newsList ul li .img{width: 15%;padding-right: 10px;float: left;}
#indexMain .indexBlock .Cnt .newsList ul li .img img{width: 100%;max-width: 100%;height: auto;}
#indexMain .indexBlock .Cnt .newsList ul li .date{display: none;}
#indexMain .indexBlock .Cnt .newsList ul li .title{width: 80%;float: right;font-size: 14px;font-weight: bold;padding-bottom:4px;}
#indexMain .indexBlock .Cnt .newsList ul li .article{width: 80%;float: right;font-size: 12px;}
#indexMain .indexBlock .Cnt .list{width: 100%;margin: 0 auto;}
#indexMain .indexBlock .Cnt .list ul{display:block;overflow: hidden;}
#indexMain .indexBlock .Cnt .list ul li{width: 23%;margin: 0 1%;float: left;font-size: 14px;}
#indexMain .indexBlock .Cnt .list ul li .title{font-weight: bold;height: 44px;}
#indexMain .indexBlock .Cnt .list ul li .img{margin-bottom: 10px;}
#indexMain .indexBlock .Cnt .list ul li .article{}
#indexMain .indexBlock .Cnt .btnTwin{display: block;overflow: hidden;width: 100%;margin: 0 auto;}
#indexMain .indexBlock .Cnt .btnTwin li{text-align: center;width: 50%;float: left;}
#indexMain .index03 .swiper-slide-next img,#indexMain .index03 .swiper-slide-prev img{opacity: 1;}
#indexMain .indexBlock .Cnt .block .title h2{margin-bottom: 20px;}

@media screen and (max-width: 1180px) {
#indexMain .indexBlock .Cnt .list ul li{width: 48%;margin: 0 1% 20px;float: left;font-size: 14px;}
}

/*========================================
News
=======================================*/
#News {width: 100%;margin: 0 auto; padding: 30px 0 40px; box-shadow: none;}
#News .Cnt {min-width: 800px; max-width: 1180px; margin:0 auto;}
#News .Cnt h2 {text-align: center;margin-bottom: 30px;}
#News .Cnt ul {overflow: hidden; width: 60%; margin:0 auto 30px;}
#News .Cnt ul li {width: 100%; border-bottom: 1px solid #EDEDED;}
#News .Cnt ul li dl {width: 100%;overflow: hidden; display: table;font-weight: bold;}
#News .Cnt ul li dl dt {width: 16%;display: table-cell;vertical-align: middle;}
#News .Cnt ul li dl dt .date {background:#C99241; color: #fff; text-align: center; padding:2px 5px; width: 76px; font-size: 12px; border-radius: 5px; float: left;}
#News .Cnt ul li dl dd {width: 84%; padding: 5px 0;display: table-cell;vertical-align: middle;}


/*========================================
News Lst
=======================================*/
#NewsList {width: 100%;min-width: 800px; max-width: 1180px; margin:0 auto; padding: 30px 0 40px; box-shadow: none;}
#NewsList h2 {text-align: center;margin-bottom: 30px;}
#NewsList ul {overflow: hidden; width: 60%; margin:0 auto 30px;}
#NewsList ul li {width: 100%; border-bottom: 1px solid #EDEDED;}
#NewsList ul li dl {width: 100%;overflow: hidden; display: table;font-weight: bold;}
#NewsList ul li dl dt {width: 16%;display: table-cell;vertical-align: middle;}
#NewsList ul li dl dt .date {background:#C99241; color: #fff; text-align: center; padding:2px 5px; width: 76px; font-size: 12px; border-radius: 5px; float: left;}
#NewsList ul li dl dd {width: 84%; padding: 5px 0;display: table-cell;vertical-align: middle;}
#NewsList .block {overflow: hidden; width:70%; margin: 0 auto 30px; border-bottom: 1px dashed #999; padding-bottom: 30px;}
#NewsList .block .photo {width: 40%;  float: left;}
#NewsList .block .photo img {width: 100%; height: auto;line-height: 0; border-radius: 6px; box-shadow: #999 0px 0px 4px 0px;}
#NewsList .block .txt {width: 58%; float: right;}
#NewsList .block .txt h2{ border-bottom: #1E1E1E solid 2px; background: none; padding-bottom: 4px;}
#NewsList .block .txt img{max-width: 100%; height: auto; line-height: 0;}
#NewsList .block .txt a{text-decoration: underline;}
#Pagelink {display: table; margin: 40px auto 0;}
#Pagelink .page-numbers{padding: 0 10px; display: inline-block; background: #454545; margin: 0 6px; color: #fff; border: solid 2px #454545; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;} 
#Pagelink .page-numbers:hover{background: #fff; color: #454545; -moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#Pagelink .page-numbers.current{background: #fff; color: #454545;}


/*========================================
twoProduct
=======================================*/
#twoProduct{width: 100%;margin: 0 auto; padding: 40px 0; box-shadow: none;}
#twoProduct .Cnt {min-width: 800px; max-width: 1180px; margin:0 auto;}
#twoProduct .Cnt h2 {text-align: center;margin-bottom: 40px;}
#twoProduct .twins {display: block;width: 900px; margin: 0 auto;}
#twoProduct .twins ul {overflow: hidden;}
#twoProduct .twins ul li {float: left; width: 45%; border: 2px solid #EBEBEB; border-radius: 6px; padding: 2%; }
#twoProduct .twins ul li:last-child {float: right;}
#twoProduct .twins ul li h3  {position: relative;background:url(../img/index/bg-h3.png) repeat;text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);box-shadow: 0px 0px 0px 5px #b42533;border: dashed 2px #B3A7A0;padding: 0.2em 0.5em;color: #fff; font-size: 14px; margin: 0 0 30px; overflow: hidden; text-align: center;}
#twoProduct .twins ul li h3 span {display: block; font-size: 160%;}
#twoProduct .twins ul li figure {position: relative; margin-bottom: 15px;}
#twoProduct .twins ul li figure img {width: 100%; height: auto; margin-bottom: 5px;}
#twoProduct .twins ul li figure .catch {position: absolute; bottom: 0; text-align: center; width: 120px; right: 0;}
#twoProduct .summery {background:#EDEDED;padding: 2%; border-radius: 3px; margin-bottom: 15px;}
#twoProduct .summery h4 {font-size: 100%; margin-bottom: 10px; text-align: center; background:#2B2B2B; color: #fff;}
#twoProduct .summery dl {overflow: hidden;padding-bottom: 5px; border-bottom: 1px solid #D4D4D4;margin-top: 10px;}
#twoProduct .summery dl dt {width: 30%;float: left;}
#twoProduct .summery dl dd {width: 70%;float: right;}
#twoProduct .linkBtn {display: block; width: 80%; margin: 20px 5%;}
a .purchaseBtn {display:block;width: 300px; margin: 0 auto 30px;border: 1px solid #9c7e31; border-top: 1px solid #a88734; border-bottom: 1px solid #846a29; border-radius: 3px; background: linear-gradient(to bottom, #f7dea1, #f0c24d); box-shadow: 0 1px 0 #faecc8 inset; text-align: center; color: #111;  line-height: 1;padding: 0.7em;}
a .purchaseBtn:hover{background: linear-gradient(to bottom, #f5d689, #eeba35);}
a .purchaseBtn span {background: url(../img/icon-purchase.png) no-repeat; background-size: 22px; padding: 2px 0 4px 30px;}

/*========================================
oneColumn
=======================================*/
#oneColumn {width:100%; margin:0 auto 50px;}
#oneColumn .Cnt {min-width: 800px; max-width: 1180px; margin:0 auto;}
#oneColumn .Cnt h2 {text-align: center;}
/**** Media ****/


/**** Voice ****/
.Voice {overflow: hidden; width: 100%; margin: 0 auto;}
.Voice h2 {margin: 50px 0 30px; font-size: 150%; background: url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0; letter-spacing: 2px;}
.Voice .HeroVisual {width: 100%; background: url(../img/voice/mv.jpg) top center no-repeat; background-size: cover;}
.Voice .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.Voice .HeroVisual .title h1 {text-align: center; color: #fff;}
.comment {width: 80%;padding: 2%;margin: 40px auto 0;border: 2px solid #F3F3F3; border-radius: 6px;}
.comment-heading {font-size: 140%;line-height: 1.4; font-weight: bold; overflow: hidden; margin-bottom: 10px;}
.comment-image {float: left;width: 50px;height: 50px;margin-right: 10px;border-radius: 50%; overflow: hidden; border:3px solid #E9E9E9;}
.comment-image img {width: 100%; height: auto;}
.comment-heading {font-size: 18px;line-height: 1.4;font-weight: 700;}
.comment-highlight {float: left;color: #0089A4;font-size: 15px;margin-top: 6px;}
.comment-body {margin-top: 10px;}
.comment-body p {margin-bottom: 0; margin-top: 0;}
.comment-body p span{margin-top: 5px; font-size: 90%; color: #B9B9B9}

/**** About ****/
.About {overflow: hidden; width: 100%; margin: 0 auto;}
.About h2 {margin: 50px 0 30px; font-size: 150%;/* background: url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0; */letter-spacing: 2px;}
.About h2.exTit  {margin: 50px 0 30px; font-size: 150%;/* background: url(../img/bg-h2-01.png) top center no-repeat; padding: 15px 0 30px; */letter-spacing: 2px;}
.About h2.exTit span {font-size: 70%;display: block;}
.About .HeroVisual {width: 100%; background: url(../img/about/mv.jpg) top center no-repeat; background-size: cover;}
.About .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.About .HeroVisual .title .sub {color: #fff;}
.About .HeroVisual .title h1 {text-align: center; color: #fff;}
.About .MovieBlock {width: 80%; overflow: hidden; margin: 40px auto 60px;}
.About .MovieBlock .txt {float: left; width: 46%;}
.About .MovieBlock .movie {float: right; width: 50%;}
.About .photoBlock {width: 80%; overflow: hidden; margin: 40px auto 0;}
.About .photoBlock .txt {float: left; width: 65%;}
.About .photoBlock .txt ul { width: 93%; margin: 0 auto 30px; padding: 15px 2% 15px 5%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.About .photoBlock .txt ul li{font-weight: bold; list-style: circle;}
.About .photoBlock .txt ul.numberList li{font-weight: bold; list-style: decimal;}
.About .photoBlock .photo {float: right; width: 30%;border: 2px solid #ECECEC; border-radius: 5px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);}
.About .photoBlock .photo img {width: 100%; height: auto; line-height: 0;}
.vFrame { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 30px;}
.vFrame iframe {position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.About h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.About .stageList {width: 80%; overflow: hidden; margin: 0 auto 20px;display: table;}
.About .stageList li {display: table-cell; padding: 0 3%}
.About .stageList li figure {margin-bottom: 5px;}
.About .stageList li figure img {border-radius: 6px; border:2px solid #EDEDED}
.About .stageList li p {text-align: center; font-weight: bold;}
.About .aimList { width: 600px; margin: 0 auto 30px;padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.About .aimList li{font-weight: bold; list-style: decimal; text-indent:-1em;padding-left:1em;}
.About .confList { width: 300px; margin: 0 auto 30px; padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.About .confList li{font-weight: bold; list-style: circle; text-indent:-1em;padding-left:1em;}

/**** Lineup ****/
.Lineup {overflow: hidden; width: 100%; margin: 0 auto;}
.Lineup h2 {margin: 50px 0 30px; font-size: 150%; /* background:url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0; */letter-spacing: 2px;}
.Lineup h2.exTit  {margin: 60px 0 30px; font-size: 150%;/* background: url(../img/bg-h2-01.png) top center no-repeat; padding: 15px 0 30px; */letter-spacing: 2px;}
.Lineup h2.exTit span {font-size: 70%;display: block;}
.Lineup .HeroVisual {width: 100%; background: url(../img/product/mv.jpg) top center no-repeat; background-size: cover;}
.Lineup .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.Lineup .HeroVisual .title .sub {color: #fff;}
.Lineup .HeroVisual .title h1 {text-align: center; color: #fff;}
.Lineup .MovieBlock {width: 80%; overflow: hidden; margin: 40px auto 0;}
.Lineup .MovieBlock .txt {float: left; width: 46%;}
.Lineup .MovieBlock .movie {float: right; width: 50%;}
.Lineup .photoBlock {width: 80%; overflow: hidden; margin: 40px auto 0;border-bottom: 1px dashed #999;padding-bottom: 10px;}
.Lineup .photoBlock .txt {float: right; width: 65%;}
.Lineup .photoBlock .txt ul { width: 100%; margin: 0 auto 30px; padding: 15px 2% 15px 2%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED;box-sizing: border-box;}
.Lineup .photoBlock .txt ul li{font-weight: bold;}
.Lineup .photoBlock .txt ul.numberList li{font-weight: bold; list-style: decimal;}
.Lineup .photoBlock .photo {float: left; width: 30%;line-height:0;}
.Lineup .photoBlock .photo img {width: 100%; height: auto; line-height: 0;border: 2px solid #ECECEC; border-radius: 5px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);}
.Lineup .photoBlock .photo .panel {margin: 10px auto 0;}
.Lineup .photoBlock .photo .panel .linkBtn{width: 90%;box-sizing: border-box;margin: 1em auto;padding: 8px;}
.Lineup h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.Lineup .stageList {width: 80%; overflow: hidden; margin: 0 auto;display: table;}
.Lineup .stageList li {display: table-cell; padding: 0 3%}
.Lineup .stageList li figure {margin-bottom: 5px;}
.Lineup .stageList li figure img {border-radius: 6px; border:2px solid #EDEDED}
.Lineup .stageList li p {text-align: center; font-weight: bold;}
.Lineup .aimList { width: 600px; margin: 0 auto 30px;padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Lineup .aimList li{font-weight: bold; list-style: decimal; text-indent:-1em;padding-left:1em;}
.Lineup .confList { width: 300px; margin: 0 auto 30px; padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Lineup .confList li{font-weight: bold; list-style: circle; text-indent:-1em;padding-left:1em;}

.Lineup .topCatch{margin: 50px auto 0;padding-bottom: 10px;border-bottom: 1px dashed #999;width: 80%;}
.Lineup .topCatch p{text-align: center;}
.Lineup .topCatch p.title{font-weight: bold;font-size:20px;}

/**** Media ****/
.Media {overflow: hidden; width: 100%; margin: 0 auto;}
.Media h2 {margin: 50px 0 30px; font-size: 150%; /* background:url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0; */letter-spacing: 2px;}
.Media h2.exTit  {margin: 60px 0 30px; font-size: 150%;/* background: url(../img/bg-h2-01.png) top center no-repeat; padding: 15px 0 30px; */letter-spacing: 2px;}
.Media h2.exTit span {font-size: 70%;display: block;}
.Media .HeroVisual {width: 100%; background: url(../img/media/mv.jpg) top center no-repeat; background-size: cover;}
.Media .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.Media .HeroVisual .title .sub {color: #fff;}
.Media .HeroVisual .title h1 {text-align: center; color: #fff;}
.Media .MovieBlock {width: 80%; overflow: hidden; margin: 40px auto 0;}
.Media .MovieBlock .txt {float: left; width: 46%;}
.Media .MovieBlock .movie {float: right; width: 50%;}
.Media .photoBlock {width: 80%; overflow: hidden; margin: 20px auto 0;padding-bottom:10px;border-bottom: 1px dashed #999;}
.Media .photoBlock .txt {float: right; width: 75%;}
.Media .photoBlock .txt .date{margin-bottom: 2px;font-size: 14px;}
.Media .photoBlock .txt .title{font-weight: bold;margin-bottom: 10px;}
.Media .photoBlock .txt .article{font-size: 14px;}
.Media .photoBlock .photo {float: left; width: 20%;border: 2px solid #ECECEC; border-radius: 5px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);line-height:0;}
.Media .photoBlock .photo img {width: 100%; height: auto; line-height: 0;}
.Media h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.Media .stageList {width: 80%; overflow: hidden; margin: 0 auto;display: table;}
.Media .stageList li {display: table-cell; padding: 0 3%}
.Media .stageList li figure {margin-bottom: 5px;}
.Media .stageList li figure img {border-radius: 6px; border:2px solid #EDEDED}
.Media .stageList li p {text-align: center; font-weight: bold;}
.Media .aimList { width: 600px; margin: 0 auto 30px;padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Media .aimList li{font-weight: bold; list-style: decimal; text-indent:-1em;padding-left:1em;}
.Media .confList { width: 300px; margin: 0 auto 30px; padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Media .confList li{font-weight: bold; list-style: circle; text-indent:-1em;padding-left:1em;}

.Media .topCatch{margin: 50px auto 0;border-bottom: 1px solid #999;width: 80%;}
.Media .topCatch p{text-align: center;}
.Media .topCatch p.title{font-weight: bold;font-size:150%;}


/**** Column ****/
.Column {overflow: hidden; width: 100%; margin: 0 auto;}
.Column h2 {margin: 50px 0 30px; font-size: 150%; /* background:url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0; */letter-spacing: 2px;}
.Column h2.exTit  {margin: 60px 0 30px; font-size: 150%;/* background: url(../img/bg-h2-01.png) top center no-repeat; padding: 15px 0 30px; */letter-spacing: 2px;}
.Column h2.exTit span {font-size: 70%;display: block;}
.Column .HeroVisual {width: 100%; background: url(../img/column/mv.jpg) top center no-repeat; background-size: cover;}
.Column .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.Column .HeroVisual .title .sub {color: #fff;}
.Column .HeroVisual .title h1 {text-align: center; color: #fff;}
.Column .MovieBlock {width: 80%; overflow: hidden; margin: 40px auto 0;}
.Column .MovieBlock .txt {float: left; width: 46%;}
.Column .MovieBlock .movie {float: right; width: 50%;}
.Column .photoBlock {width: 80%; overflow: hidden; margin: 20px auto 0;padding-bottom:10px;border-bottom: 1px dashed #999;}
.Column .photoBlock .txt {float: right; width: 75%;}
.Column .photoBlock .txt .date{margin-bottom: 2px;font-size: 14px;}
.Column .photoBlock .txt .title{font-weight: bold;margin-bottom: 10px;}
.Column .photoBlock .txt .article{font-size: 14px;}
.Column .photoBlock .photo {float: left; width: 20%;border: 2px solid #ECECEC; border-radius: 5px; box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.1);line-height:0;}
.Column .photoBlock .photo img {width: 100%; height: auto; line-height: 0;}
.Column h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.Column .stageList {width: 80%; overflow: hidden; margin: 0 auto;display: table;}
.Column .stageList li {display: table-cell; padding: 0 3%}
.Column .stageList li figure {margin-bottom: 5px;}
.Column .stageList li figure img {border-radius: 6px; border:2px solid #EDEDED}
.Column .stageList li p {text-align: center; font-weight: bold;}
.Column .aimList { width: 600px; margin: 0 auto 30px;padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Column .aimList li{font-weight: bold; list-style: decimal; text-indent:-1em;padding-left:1em;}
.Column .confList { width: 300px; margin: 0 auto 30px; padding: 15px 2% 15px 3%;background: #F5F5F5;border-radius: 6px; border:2px solid #EDEDED}
.Column .confList li{font-weight: bold; list-style: circle; text-indent:-1em;padding-left:1em;}

.Column .topCatch{margin: 50px auto 0;border-bottom: 1px solid #999;width: 80%;}
.Column .topCatch p{text-align: center;}
.Column .topCatch p.title{font-weight: bold;font-size:150%;text-align: left;margin-bottom: 10px;}

.Column .Pager{width: 100%;margin: 20px auto;}
.Column .Pager ul{display: block;}
.Column .Pager ul li{}
.Column .Pager ul li a{}
.Column .Pager ul li a:hover{}

/*.Single .List .topCatch{width: 60%;}*/
/*.Single .List .photoBlock {width: 60%;}*/
.Single .List .photoBlock .txt {width: 80%;}
.Single .List .photoBlock .photo {width: 15%;}

.Single .Article .entry-content{width: 80%;margin: 20px auto 60px;border-bottom: 1px dotted #999;}
.Single .Article .entry-content .Thumbnail{width: 30%;margin: 0 0 20px 5%;float: right;}
.Single .Article .entry-content .Thumbnail img{width: 100%;height: auto;box-shadow: 0px 0px 4px 1px #ccc;box-sizing: border-box;}
.Single .Article .entry-content h1{text-align: center;margin: 60px auto 20px;font-size: 24px;border: 2px solid #454545;background: rgba(177,152,109,0.2);padding: 10px 0;width: 100%;}
.Single .Article .entry-content h2{text-align: left!important;border-left: 4px solid #454545;padding-left: 10px;}
.Single .Article .entry-content p{}
.Single .Article .entry-content ul{list-style-type:square;list-style-position: inside;}
.Single .Article .entry-content span{}
.Single .Article .entry-content figure{}
.Single .Article .entry-content .wp-video{max-width: 100%;}
.Single .Article .entry-content video{max-width: 100%;height: auto;}
.Single .Article .entry-content .wp-caption{width:100%!important;}
.Single .Article .entry-content .alignnone{text-align: left;display: block;width: auto;}
.Single .Article .entry-content .aligncenter{text-align: left;display: block;width: auto;}
.Single .Article .entry-content .wp-caption-text{margin-bottom: 20px;font-size: 80%;}
.Single .Article .entry-content img{max-height: 300px;height: auto;max-width: 100%;width: auto;}


/**** Normal ****/
.Normal {overflow: hidden; width: 100%; margin: 0 auto;}
.Normal h2 {margin: 50px 0 30px; font-size: 150%; /*background: url(../img/bg-h2-01.png) top center no-repeat; padding: 30px 0;*/ letter-spacing: 2px;}
.Normal .HeroVisual,.Erorr .HeroVisual {width: 100%; background: url(../img/normal/mv.jpg) top center no-repeat; background-size: cover;}
.Contact .HeroVisual {width: 100%; background: url(../img/contact/mv.jpg) top center no-repeat; background-size: cover;}
.Normal .HeroVisual .title,.Erorr .HeroVisual .title {min-width: 800px; max-width: 1180px; margin:0 auto; padding: 60px 0}
.Normal .HeroVisual .title .sub,.Erorr .HeroVisual .title .sub {color: #fff;}
.Normal .HeroVisual .title h1,.Erorr .HeroVisual .title h1 {text-align: center; color: #fff;}
.Normal .TxtBlock {width: 80%; margin: 40px auto 0;}
.Normal .TxtBlock .SubTxt {text-align: center;}
ul.number {padding: 0 0 15px;}
ul.number li{list-style: decimal;list-style-position: inside;text-indent:-1em;padding-left:1em;}
.deco {color: #1481C7;text-decoration: underline;}
.comDet {margin-top: 50px;}
.comDet dl {overflow: hidden; border-bottom: 1px dotted #F1F1F1; padding-bottom: 5px; margin:0 auto 15px;}
.comDet dt {float: left; width: 25%;}
.comDet dd {float: right; width: 75%;}
.siteMap {}
.siteMap ul{list-style-position: inside;list-style-type: square;width: 80%;margin: 0 auto;}
.siteMap ul li{ text-align: left;}
.supporter {}
.supporter ul{ overflow: hidden; margin: 30px 0;}
.supporter ul li{ text-align: center; float: left;width: 25%; margin: 0 0 15px;}

/**** Bnr ****/
#BnrList {overflow: hidden; width: 100%; margin: 0 auto;}
#BnrList .Cnt {max-width: 990px;margin:0 auto; padding:0 0 60px}
#BnrList ul { overflow: hidden; width: 100%;}
#BnrList ul li {width: 31.33333333%; float: left; padding: 0 1% 10px;}
#BnrList ul li img {width: 100%; height: auto;}
#BnrList ul li a{-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
#BnrList ul li a:hover {-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s; opacity: 0.7}

/* balloon */
.balloon {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon .faceicon {float: left; margin-right: -90px; width: 80px; height: 80px; overflow: hidden;border: solid 3px #E7E7E7; border-radius: 50%;}
.balloon .faceicon img{width: 100%; height: auto;}
.balloon .faceicon p{font-size: 10px;text-align: center;margin-top:0;position: absolute;width: 80px;}
.balloon .playericon {float: left; margin-right: -90px; width: 80px; height: 97px; overflow: hidden;}
.balloon .playericon img{width: 100%; height: auto;}
.balloon .playericon p{font-size: 10px;text-align: center;margin-top:0;position: absolute;width: 80px;}
.balloon .chatting {width: 100%;}
.balloon .chatting .commentTit {position: absolute; width: 130px; top: -11px; left: 4px;;}
.balloon .chatting .commentTit img {width: 100%; height: auto;}
.says {display: inline-block; position: relative; margin: 5px 0 0 105px; padding: 17px 13px; border-radius: 12px; background: #fff;border: 3px solid #E7E7E7;}
.says:before {content: "";position: absolute;top: 42px; left: -8px;margin-top: -9px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #fff transparent transparent;z-index: 2;}
.says:after {content: "";position: absolute;top: 42px; left: -12px;margin-top: -10px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #E7E7E7 transparent transparent;z-index: 1;}
.says p {margin: 0;padding: 0;}
.saysPlayer {display: inline-block; position: relative; margin: 10px 0 0 105px; padding: 22px 13px 17px; border-radius: 12px; background: #fff1b5;border: 3px solid #E7E7E7;}
.saysPlayer:before {content: "";position: absolute;top: 42px; left: -8px;margin-top: -9px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 9px 9px 9px 0;border-color: transparent #fff1b5 transparent transparent;z-index: 2;}
.saysPlayer:after {content: "";position: absolute;top: 42px; left: -12px;margin-top: -10px;display: block;width: 0px;height: 0px;border-style: solid;border-width: 10px 10px 10px 0;border-color: transparent #E7E7E7 transparent transparent;z-index: 1;}
.saysPlayer p {margin: 0;padding: 0; color: #e60012;font-size: 14px; font-weight: bold;}

/*========================================
PULLDOWN, TEXT & TEXTAREA
=======================================*/
select{ -webkit-appearance: none;appearance: none;border-radius: 0;border: 0;margin: 0;background: none transparent;vertical-align: middle;box-sizing: content-box; width:72%; height:20px;padding:6px 10px 6px 12px;line-height:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:.01px;text-overflow:"";background:/*#292d39*/ url(../img/arrow_down.png) no-repeat; background-size:10px auto; background-position: 96% 50%;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.Select > select {width: 200%;}
.Select > select:not(:target) {width: 200%\9;}
textarea { line-height:1.8;padding: 2%;border: 1px solid #aaaaa9;font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
/* formBlock */
.formBlock {width: 70%; margin: 0 auto;}
.formBlock dl {width: 100%;height: auto;margin: 0 auto;}
.formBlock dl dt {width: 100%;margin: 0 0 5px 0; padding-top: 12px;}
.formBlock dl dd {width: 100%; height: auto; min-height: 40px; margin: 0 0 10px 0; font-size: 120%; font-weight: bold;}
.formBlock .hissu {display: inline-block; width: 40px; height: 16px; margin-left: 6px; text-align: center; background: #e6081f; color: #fff; padding-top: 1px; font-size: 10px; font-weight: bold; border-radius: 10px;}
.formBlock dl input{width:95.5%;height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;}
.formBlock dl input.half-l {float: left;width: 45%;}
.formBlock dl input.half-r {float: right;width: 45%;}
.formBlock dl select{width:50%;height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;}
.formBlock dl dd label {position: relative;}
.formBlock dl dd label:after {display: inline-block;content: "∨";position: absolute;top: 0px;right: 10px;font-size: 14px;}
textarea{width:95.5%;height:175px;padding:2%;font-size:16px;border:1px solid #cdcece;}
.formBlock dl .error {margin: 5px 0; color: #EC2B2E;font-weight: bold;}
a.deco {text-decoration: underline;color: #107BFC}
.Btn01 {margin: 40px auto; text-align: center;}
.Btn01 a{color:#e6081f;padding:13px 7%;font-weight: bold;border:solid 3px #e6081f;display:inline-block;min-width:200px;text-decoration: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.Btn01 a:hover{color:#fff;background:#e6081f;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}


@media screen and (max-width: 800px) {/* SmartPhone Display - width:900px under - */
/*========================================
BASIC SP
=======================================*/
/* common style */
body {font-size: 14px;}
img{width:100%;height:auto;}
/* responsd View*/
.pcView{display:none!important;}
.spView{display:block!important;}
.TABNone{display:inline;}
a li:hover {list-style: none;}
li a:hover {list-style: none;}
.sub {font-size: 140%;}
.linkBtn{font-size: 80%;}

	
/*=======================================
COMMON SP
=======================================*/
#wrapper{width: 100%;margin: 0 auto;}
#Main{width:100%;float:none;overflow: hidden;}
#Contents {width: 100%;min-width:100%; max-width:100%;margin: 50px auto 0;}
section{width: 100%; margin: 0 auto 20px;}
#Slider {margin: 50px 0 0;}
#News .Cnt .sub {font-size: 180%;}
h2 {font-size: 12px;}
/*========================================
HEADER SP
=======================================*/
header {width:100%;}

header .inline {padding:5px 2%;width:96%;background:#fff; position:fixed; z-index:500; top:0; height:40px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.15), 0 3px 3px -2px rgba(0,0,0,.15);}
header .inline .Logo {/*float:left;*/width: 140px;padding-top:3px;}
header .inline .menu {float:right; width:20%;}
header nav {width: 77%;padding:0 0;color:#2B2B2B;font-size: 16px; overflow:hidden; position:fixed; top:51px; height: 100%;background:#fff;}
aside{display: none;box-sizing: border-box;width: 100%;height: 100%;padding: 60px 15px 15px;line-height: 50px;text-align: center;position: absolute;top: 0;left: 100%;z-index: 2;}
header nav h3 {text-align: left;}
header nav table {width: 100%;}
header nav table td{ text-align: center; font-weight: bold; border:1px solid #EFEFEF; vertical-align: middle; font-size: 12px;width: 48%;padding: 1%;line-height: 1.6; height: 40px;}

nav ul {}
nav .tit {text-align: center; font-weight: bold;line-height: 1.4; background: #00809B; color: #fff; padding: 10px 0}
nav .link {text-align: center; font-weight: bold;line-height: 1.4; background:#CFCFCF; color:#5B5B5B; padding: 10px 0; margin: 5px auto; width: 90%; border-radius: 10px;}
nav li {text-align: left; padding: 0% 1%; font-size: 12px; vertical-align: middle; border-top: 1px solid #EFEFEF; float: left; width: 40%; border-left: 1px solid #EFEFEF;}
nav a li.Check {color:#F95153;}
#menuButton {display: block;width: 42px;height:42px;position: fixed;top: 4px;right: 10px;z-index: 3;}
#menuButton span {display: block;background:#222;width: 24px;height: 2px;position: absolute;left: 9px;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#menuButton span:first-child {top: 12px;}
#menuButton span:nth-child(2) {margin-top: -1px;top: 50%;}
#menuButton span:last-child {bottom: 12px;}
#menuButton.active span:first-child {-webkit-transform: translateY(8px) rotate(45deg);-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg);}
#menuButton.active span:nth-child(2) {opacity: 0;}
#menuButton.active span:last-child {-webkit-transform: translateY(-8px) rotate(-45deg);-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
header nav {top: 51px;}
header .Cnt, header nav .cnt {min-width:100%; max-width:100%;}

/*========================================
FOOTER SP
=======================================*/
#backToTop{position: fixed; bottom: 10px; right: 20px; width: 50px; height: 50px;}
footer{width:100%;min-width:100%; max-width:100%;font-size:12px; padding: 15px 0;}
footer .Cnt{width:98%; margin:2% auto 1%;min-width:98%; max-width:98%;}
footer .Cnt .bnr {float: none; width: 80%; margin: 0 auto 15px;}
footer .Cnt .bnr.Hv:hover {opacity: 0.6;}
footer .Cnt .bnr .logoFooter{font-size: 160%;}
footer .Cnt .links {float: none; width: 96%; margin: 0 auto;text-align: right;}
footer .Cnt ul {overflow:hidden; width: 100%;}
footer .Cnt ul li {float: right;}
footer .Cnt ul li a{color: #fff;}
footer .Cnt ul li a:hover{color: #fff; text-decoration:underline;}
footer .Cnt .social {float: none; width: 180px; margin: 0 auto 10px;text-align: right;}
footer .Cnt .social li {margin:0 5px; width: 50px;}
footer .Cnt .social li.Hv:hover {opacity: 0.6;}
footer .Cnt .internal {float: none; overflow: hidden;margin-bottom: 10px; width: 100%;max-width: none;}
footer .Cnt .internal li {font-size: 12px;background: url(../img/arrow_01.png) no-repeat left 3px; padding-left: 5%; background-size: 10px auto; width: 45%; margin: 0 0 8px; text-align: left;}
footer .copyright {color: #fff;width:98%;min-width:98%; max-width:98%; text-align: center; margin-bottom: 5px;}
footer .copyright a {color: #fff;}
footer .copyright a:hover {text-decoration:underline;}

@media screen and (max-width: 320px) {
footer .Cnt .links {width: 98%;}
footer .Cnt .internal li {padding-left: 4%;background-size: 8px auto;width: 46%;font-size: 10px;}
}

/* #BreadScrumb */
#BreadScrumb {display:none;}


/*========================================
INDEX
=======================================*/
#indexMain .index01{}
#indexMain .index02{}
#indexMain .indexBlock .Cnt{min-width: 100%; margin:0 auto; padding: 30px 0;}
#indexMain .index03 .Cnt{padding: 30px 0 0;}
#indexMain .indexBlock .Cnt .banner{margin: 50px 1%;}
#indexMain .indexBlock .Cnt .newsList{margin: 0 auto 10px;}
#indexMain .indexBlock .Cnt .newsList ul{width: 96%;margin: 0  2%;}
#indexMain .indexBlock .Cnt .newsList ul li{border-bottom: 1px dashed #333;padding: 0 0 6px 0;width: 100%;}
#indexMain .indexBlock .Cnt .newsList ul li .img{width: 20%;padding-right: 4%;}
#indexMain .indexBlock .Cnt .newsList ul li .date{display: inherit;width: 76%;font-size: 90%;float: left;}
#indexMain .indexBlock .Cnt .newsList ul li .title{width: 76%;font-weight: bold;font-size: 90%;}
#indexMain .indexBlock .Cnt .newsList ul li .article{display: none;width: 76%;}
#indexMain .indexBlock .Cnt .right{width: 92%;margin: 0 4%;}
#indexMain .indexBlock .Cnt .left{width: 92%;margin: 0 4% 10px;}
#indexMain .indexBlock .Cnt .left .img{width: 100%;max-width: 400px;margin: 0 auto;}
#indexMain .indexBlock .Cnt .block .txt{font-size: 12px;}
#indexMain .indexBlock .Cnt .lineUp{margin: 0 auto;}
#indexMain .indexBlock .Cnt .lineUp ul li{width: 80%;margin: 0 10% 30px;}
#indexMain .indexBlock .Cnt .lineUp ul li figure{max-width: 400px;margin: 0 auto;}
#indexMain .indexBlock .Cnt .list{width: 100%;margin: 0 auto;}
#indexMain .indexBlock .Cnt .list ul{display:block;overflow: hidden;}
#indexMain .indexBlock .Cnt .list ul li{margin: 0 1%;}
#indexMain .indexBlock .Cnt .list ul li .title{font-size: 12px;height: 44px;margin-bottom: 6px;line-height: 2.1;}
#indexMain .indexBlock .Cnt .list ul li .img{margin-bottom: 4px;}
#indexMain .indexBlock .Cnt .list ul li .article{font-size: 12px;}
/*#indexMain .indexBlock .Cnt .contactTxt{font-size: 12px;}*/


/*========================================
News
=======================================*/
#News {width: 100%;margin: 0 auto; padding: 30px 0; box-shadow: none;}
#News .Cnt {min-width: 100%; max-width: 100%; margin:0 auto;}
#News .Cnt h2 {margin-bottom: 20px;}
#News .Cnt ul {overflow: hidden; width: 96%; margin:0 auto 20px;}
#News .Cnt ul li {width: 100%; border-bottom: 1px solid #EDEDED; margin-bottom: 10px;}
#News .Cnt ul li dl {width: 100%;display:block; margin-bottom: 5px;}
#News .Cnt ul li dl dt {display:block;overflow: hidden; width: 25%; float: left;}
#News .Cnt ul li dl dt .date {padding:2px 5px; width: 62px;}
#News .Cnt ul li dl dd {padding: 2px 0;display: block;overflow: hidden;width: 75%; float: right;}

/*========================================
News Lst
=======================================*/
#NewsList {width: 100%;min-width: 100%; max-width: 100%; margin:0 auto; padding: 30px 0 40px; box-shadow: none;}
#NewsList h2 {text-align: center;margin-bottom: 30px;}
#NewsList ul {overflow: hidden; width: 96%; margin:0 auto 20px;}
#NewsList ul li {width: 100%; border-bottom: 1px solid #EDEDED; margin-bottom: 10px;}
#NewsList ul li dl {width: 100%;display:block; margin-bottom: 5px;}
#NewsList ul li dl dt {display:block;overflow: hidden; width: 25%; float: left;}
#NewsList ul li dl dt .date {padding:2px 5px; width: 62px; font-size: 10px;}
#NewsList ul li dl dd {padding: 2px 0;display: block;overflow: hidden;width: 75%; float: right;}
#NewsList .block {overflow: hidden; width:100%}
#NewsList .block .photo {width: 100%;float: none; margin-bottom: 15px}
#NewsList .block .txt { width: 100%;float: none;}
#Pagelink {display: table; margin: 20px auto 0;}

/*========================================
twoProduct
=======================================*/
#twoProduct{width: 100%;margin: 0 auto; padding: 40px 0; box-shadow: none;}
#twoProduct .Cnt {min-width: 100%; max-width: 100%; margin:0 auto;}
#twoProduct .Cnt h2 {margin-bottom: 20px;}
#twoProduct .twins {display: block;width: 96%; margin: 0 auto;}
#twoProduct .twins ul {overflow: inherit;}
#twoProduct .twins ul li {float: none; width: 100%; border:none; border-radius:none; padding:0; margin-bottom: 30px;}
#twoProduct .twins ul li:last-child {float:none;}
#twoProduct .twins ul li h3 {box-shadow: 0px 0px 0px 5px #b42533;padding: 0.2em 0.5em;color: #fff; font-size: 14px; margin: 0 0 30px; overflow: hidden; text-align: center;}
#twoProduct .twins ul li h3 span {display: block; font-size: 160%;}
#twoProduct .twins ul li figure {position: relative; margin-bottom: 15px;width: 80%; margin: 0 auto;}
#twoProduct .twins ul li figure img {width: 100%; height: auto; margin-bottom: 5px;}
#twoProduct .twins ul li figure .catch {right: -10%; width: 100px;}
#twoProduct .summery {background:#EDEDED;padding: 2%; border-radius: 3px; margin-bottom: 15px;}
#twoProduct .summery h4 {padding: 5px 0;}
#twoProduct .summery dl {overflow: hidden;padding-bottom: 5px; border-bottom: 1px solid #D4D4D4;margin-top: 10px;}
#twoProduct .summery dl dt {width: 30%;float: left;}
#twoProduct .summery dl dd {width: 70%;float: right;}
#twoProduct .linkBtn {display: block; width: 80%; margin: 20px 5%;}
a .purchaseBtn {display:block;width: 88%; margin: 0 auto 30px;border: 1px solid #9c7e31; border-top: 1px solid #a88734; border-bottom: 1px solid #846a29; border-radius: 3px; background: linear-gradient(to bottom, #f7dea1, #f0c24d); box-shadow: 0 1px 0 #faecc8 inset; text-align: center; color: #111;  line-height: 1;padding: 0.7em;}
a .purchaseBtn:hover{background: linear-gradient(to bottom, #f5d689, #eeba35);}
a .purchaseBtn span {background: url(../img/icon-purchase.png) no-repeat; background-size: 17px; padding-left: 25px}

/*========================================
oneColumn
=======================================*/
#oneColumn {width:100%; margin:50px auto 20px;}
#oneColumn .Cnt {min-width: 96%; max-width: 96%; margin:20px auto 0;}
#oneColumn .Cnt h2 {text-align: center;margin: 20px auto 0px;}


/**** Media ****/


/**** Voice ****/
.Voice {overflow: hidden; width: 100%; margin: 0 auto;}
.Voice h2 {margin: 30px 0 20px; font-size: 140%; padding: 15px 0; background-size: 60px auto;}
.Voice .HeroVisual {background-size:auto;}
.Voice .HeroVisual .title {min-width: 100%; max-width: 100%; margin:0 auto; padding: 40px 0}
.Voice .HeroVisual .title h1 {}
.comment {width: 96%;padding: 2%;margin: 25px auto 0;}



/**** Rule ****/
.About, .Lineup {overflow: hidden; width: 100%; margin: 0 auto;}
.About h2, .Lineup h2 {margin: 30px 0 20px; font-size: 140%; padding: 15px 0; background-size: 60px auto;}
.About .HeroVisual, .Lineup .HeroVisual {background-size:auto;}
.About .HeroVisual .title, .Lineup .HeroVisual .title {min-width: 100%; max-width: 100%; margin:0 auto; padding: 40px 0}
.About .HeroVisual .title h1, .Lineup .HeroVisual .title h1 {}
.About .block, .Lineup .block{margin:30px auto 0; width: 96%; display: table;}
.About .block figure, .Lineup .block figure {float: left; width: 100%; display: table-cell;}
.About .block .txt, .Lineup .block .txt {width: 77%;padding-left: 5%; display: table-cell;}
.About .block .txt .tit, .Lineup .block .txt .tit {}
.About .MovieBlock, .Lineup .MovieBlock {width: 96%;margin: 30px auto 0;}
.About .MovieBlock .txt, .Lineup .MovieBlock .txt {float:none; width: 100%; margin-bottom: 20px;}
.About .MovieBlock .movie, .Lineup .MovieBlock .movie {float:none; width: 100%;}
.About h3, .Lineup h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.About .stageList, .Lineup .stageList {width: 100%; overflow: hidden; margin: 0 auto 20px;display: table;}
.About .stageList li, .Lineup .stageList li {padding: 0 3%}
.About .stageList li figure, .Lineup .stageList li figure {margin-bottom: 5px;}
.About .stageList li p, .Lineup .stageList li p {text-align: center; font-weight: bold;}
.About .aimList, .Lineup .aimList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.About .aimList li, .Lineup .aimList li{text-indent:-1em;padding-left:1em;}
.About .confList, .Lineup .confList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.About .confList li, .Lineup .confList li{text-indent:-1em;padding-left:1em;}
.About #Slider.profSlider {margin: 0 auto;}

.Lineup h2.exTit{margin: 30px auto 20px;padding: 10px 0 0;}
.Lineup .photoBlock{margin: 20px auto 0;}
.Lineup .photoBlock .photo {float: inherit;width: 100%;box-sizing: border-box;margin: 0 auto 20px;}
.Lineup .photoBlock .txt{float: inherit;width: 100%;}

/**** Media ****/
.Media {overflow: hidden; width: 100%; margin: 0 auto;}
.Media h2 {margin: 30px 0 20px; font-size: 140%; padding: 15px 0; background-size: 60px auto;}
.Media .HeroVisual {background-size:auto;}
.Media .HeroVisual .title {min-width: 100%; max-width: 100%; margin:0 auto; padding: 40px 0}
.Media .HeroVisual .title h1 {}
.Media .block{margin:30px auto 0; width: 96%; display: table;}
.Media .block figure {float: left; width: 100%; display: table-cell;}
.Media .block .txt {width: 77%;padding-left: 5%; display: table-cell;}
.Media .MovieBlock {width: 96%;margin: 30px auto 0;}
.Media .MovieBlock .txt {float:none; width: 100%; margin-bottom: 20px;}
.Media .MovieBlock .movie {float:none; width: 100%;}
.Media h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.Media .stageList {width: 100%; overflow: hidden; margin: 0 auto 20px;display: table;}
.Media .stageList li {padding: 0 3%}
.Media .stageList li figure {margin-bottom: 5px;}
.Media .stageList li p {text-align: center; font-weight: bold;}
.Media .aimList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.Media .aimList li{text-indent:-1em;padding-left:1em;}
.Media .confList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.Media .confList li{text-indent:-1em;padding-left:1em;}
.Media h2.exTit{margin: 30px auto 20px;padding: 10px 0 0;}
.Media .photoBlock{margin: 10px 2% 0;width: 96%;}
.Media .photoBlock .photo {width: 20%;box-sizing: border-box;margin:0 10px 4px 0;}
.Media .photoBlock .txt{}
.Media .photoBlock .txt .date{font-size: 12px;}
.Media .photoBlock .txt .title{}
.Media .photoBlock .txt .article{font-size: 12px;}

.Media .topCatch{margin: 20px 2% 0;width: 96%;}
.Media .topCatch p{text-align: center;}
.Media .topCatch p.title{font-weight: bold;font-size:16px;}


/**** Column ****/
.Column {overflow: hidden; width: 100%; margin: 0 auto;}
.Column h2 {margin: 30px 0 20px; font-size: 140%; padding: 15px 0; background-size: 60px auto;}
.Column .HeroVisual {background-size:auto;}
.Column .HeroVisual .title {min-width: 100%; max-width: 100%; margin:0 auto; padding: 40px 0}
.Column .HeroVisual .title h1 {}
.Column .block{margin:30px auto 0; width: 96%; display: table;}
.Column .block figure {float: left; width: 100%; display: table-cell;}
.Column .block .txt {width: 77%;padding-left: 5%; display: table-cell;}
.Column .MovieBlock {width: 96%;margin: 30px auto 0;}
.Column .MovieBlock .txt {float:none; width: 100%; margin-bottom: 20px;}
.Column .MovieBlock .movie {float:none; width: 100%;}
.Column h3 {text-align: center; font-size: 120%;margin-top: 30px;}
.Column .stageList {width: 100%; overflow: hidden; margin: 0 auto 20px;display: table;}
.Column .stageList li {padding: 0 3%}
.Column .stageList li figure {margin-bottom: 5px;}
.Column .stageList li p {text-align: center; font-weight: bold;}
.Column .aimList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.Column .aimList li{text-indent:-1em;padding-left:1em;}
.Column .confList {width: 90%; margin: 0 auto 30px;padding: 2% 2% 2% 8%;}
.Column .confList li{text-indent:-1em;padding-left:1em;}
.Column h2.exTit{margin: 30px auto 20px;padding: 10px 0 0;}
.Column .photoBlock{margin: 10px 2% 0;width: 96%;}
.Column .photoBlock .photo {width: 20%;box-sizing: border-box;margin:0 5% 4px 0;}
.Column .photoBlock .txt{width: 75%;}
.Column .photoBlock .txt .date{font-size: 12px;}
.Column .photoBlock .txt .title{}
.Column .photoBlock .txt .article{font-size: 12px;}

.Column .topCatch{margin: 20px 2% 0;width: 96%;}
.Column .topCatch p{text-align: center;}
.Column .topCatch p.title{font-weight: bold;font-size:16px;margin-bottom: 4px;}

.Single .List .topCatch{margin: 20px 2% 0;width: 96%;}
.Single .List .photoBlock {margin: 10px 2% 0;width: 96%;}
.Single .List .photoBlock .txt {width: 75%;}
.Single .List .photoBlock .photo {width: 20%;box-sizing: border-box;margin:0 5% 4px 0;}

.Single .Article .entry-content{width: 96%;margin: 20px 2% 60px;border-bottom: 1px dotted #999;}
.Single .Article .entry-content .Thumbnail{width: 30%;margin: 0 0 20px 5%;float: right;}
.Single .Article .entry-content .Thumbnail img{width: 100%;height: auto;}
.Single .Article .entry-content h1{text-align: center;margin: 40px auto 20px;font-size: 16px;border: 2px solid #454545;background: rgba(177,152,109,0.2);padding: 10px 0;width: 100%;}
.Single .Article .entry-content h2{font-size: 16px;border-left: 4px solid #454545;padding: 2px 0 2px 10px;}
.Single .Article .entry-content p{}
.Single .Article .entry-content span{}
.Single .Article .entry-content figure{width: 100%!important;text-align: center;}
.Single .Article .entry-content img{max-height: 300px;height: auto;max-width: 100%;width: auto;}
.Single .Article .entry-content .alignnone{text-align: center;display: block;width: auto;margin: 0 auto;}
.Single .Article .entry-content .aligncenter{text-align: center;display: block;width: auto;margin: 0 auto;}

/**** Normal ****/
.Normal {overflow: hidden; width: 100%; margin: 0 auto;}
.Normal h2 {margin: 30px 0 20px; font-size: 140%;/* padding: 15px 0;*/ background-size: 60px auto;}
.Normal .HeroVisual{width: 100%; background: url(../img/normal/mv.jpg) top center no-repeat; background-size: cover;}
.Contact .HeroVisual{width: 100%; background: url(../img/contact/mv.jpg) top center no-repeat; background-size: cover;}
.Erorr .HeroVisual {margin-top: 50px;width: 100%; background: url(../img/normal/mv.jpg) top center no-repeat; background-size: cover;}
.Normal .HeroVisual .title,.Erorr .HeroVisual .title {min-width: 100%; max-width: 100%; margin:0 auto; padding: 40px 0}
.Normal .TxtBlock {width: 96%; margin: 0 auto;}


/**** Bnr ****/
#BnrList {width: 96%; margin: 0 auto;}
#BnrList .Cnt {max-width: 100%;margin:0 auto; padding:0 0 30px}
#BnrList ul { overflow: hidden; width: 100%;}
#BnrList ul li {width: 49%; float: left; padding:0 0 10px;}
#BnrList ul li:nth-child(2n) { float: right;}



/* balloon */
.balloon {width: 100%; margin: 1.5em 0; overflow: hidden;}
.balloon .faceicon {float: left; margin-right: -90px; width: 80px; height: 80px; overflow: hidden;border: solid 3px #E7E7E7; border-radius: 50%;}
.balloon .faceicon img{width: 100%; height: auto;}
.balloon .faceicon p{font-size: 10px;text-align: center;margin-top:0;position: absolute;width: 80px;}
.balloon .playericon {float: left; margin-right: -90px; width: 80px; height: 97px; overflow: hidden;}
.balloon .playericon img{width: 100%; height: auto;}
.balloon .playericon p{font-size: 10px;text-align: center;margin-top:0;position: absolute;width: 80px;}
.balloon .chatting .commentTit {width: 110px; top: -8px;}
.says {padding: 10px; font-size: 12px;}
.says p {margin: 0;padding: 0;}
.saysPlayer {margin: 10px 0 0 100px; padding: 22px 10px 10px;}
.saysPlayer p {font-size: 12px;}

/* formBlock */
.formBlock {width: 100%; margin: 0 auto;}
.formBlock dl {width: 100%;height: auto;margin: 0 auto;}
.formBlock dl dt {width: 100%;margin: 0 0 5px 0; padding-top: 12px;}
.formBlock dl dd {width: 100%; height: auto; min-height: 40px; margin: 0 0 10px 0; font-size: 120%; font-weight: bold;}
.formBlock .hissu {display: inline-block; width: 40px; height: 16px; margin-left: 6px; text-align: center; background: #e6081f; color: #fff; padding-top: 1px; font-size: 10px; font-weight: bold; border-radius: 10px;}
.formBlock dl input{width:95.5%;height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;}
.formBlock dl input.half-l {float: left;width: 45%;}
.formBlock dl input.half-r {float: right;width: 45%;}
.formBlock dl select{width:50%;height:46px;padding:0 2%;font-size:16px;line-height:46px;border:1px solid #cdcece;}
textarea{width:95.5%;height:175px;padding:2%;font-size:16px;border:1px solid #cdcece;}
.formBlock dl .error {margin: 5px 0; color: #EC2B2E;font-weight: bold;}
a.deco {text-decoration: underline;color: #107BFC}
.Btn01 {margin: 40px auto; text-align: center;}
.Btn01 a{color:#e6081f;padding:13px 7%;font-weight: bold;border:solid 3px #e6081f;display:inline-block;min-width:200px;text-decoration: none;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}
.Btn01 a:hover{color:#fff;background:#e6081f;-moz-transition-property:all;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease;-moz-transition-delay: 0.1s;-webkit-transition-property:all;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease;-webkit-transition-delay: 0.1s;-o-transition-property:all;-o-transition-duration: 0.5s;-o-transition-timing-function: ease;-o-transition-delay: 0.1s;}




/*-------------------- max-width:800px --------------------*/}