@charset "UTF-8";
/* ------------------------------
 BaseStyle
------------------------------ */
*{
  font-family: 'proxima_nova', "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  letter-spacing: 0.05em;
  word-break: break-all;
}
.chrome.win *{
  font-family: 'proxima_nova', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
body {
	color: #333;
	font-size: 13px;
}
.noScroll{
  overflow: hidden;
}
#Contents {
	position: relative;
	width: 1100px;
	margin: 0 auto;
}
#Contents {
  padding: 0 0 30px 0;
}
a {
	color: #819A20;
	text-decoration: none;
}
a:hover {
	/*text-decoration: underline;*/
	text-decoration: none;
}
button {
	cursor: pointer;
}

@font-face {
  font-family: 'cb_icon';
  src:url('/fonts/cb_icon.eot?update=20160215');
  src:url('/fonts/cb_icon.eot?update=20160215') format('embedded-opentype'),
      url('/fonts/cb_icon.woff?update=20160215') format('woff'),
      url('/fonts/cb_icon.ttf?update=20160215') format('truetype'),
      url('/fonts/cb_icon.svg?update=20160215') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/ProximaNova-Reg-webfont.eot');
    src: url('/fonts/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ProximaNova-Reg-webfont.woff2') format('woff2'),
         url('/fonts/ProximaNova-Reg-webfont.woff') format('woff'),
         url('/fonts/ProximaNova-Reg-webfont.ttf') format('truetype'),
         url('/fonts/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('/fonts/ProximaNova-Sbold-webfont.eot');
    src: url('/fonts/ProximaNova-Sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ProximaNova-Sbold-webfont.woff2') format('woff2'),
         url('/fonts/ProximaNova-Sbold-webfont.woff') format('woff'),
         url('/fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'),
         url('/fonts/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova_bold';
    src: url('/fonts/ProximaNova-Bold-webfont.eot');
    src: url('/fonts/ProximaNova-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/ProximaNova-Bold-webfont.woff2') format('woff2'),
         url('/fonts/ProximaNova-Bold-webfont.woff') format('woff'),
         url('/fonts/ProximaNova-Bold-webfont.ttf') format('truetype'),
         url('/fonts/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'cachet';
    src: url('/fonts/cachet.eot');
    src: url('/fonts/cachet.eot?#iefix') format('embedded-opentype'),
         url('/fonts/cachet.woff') format('woff'),
         url('/fonts/cachet.ttf') format('truetype');
    font-style: normal;
}

/* ------------------------------
 icon font
------------------------------ */
.cbIcon{
  position: relative;
  font-family: 'cb_icon' !important;
  speak: none !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  font-size: 18px;
  display: block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cbIcon.sns{
  width: 22px;
  height: 22px;
  font-size: 22px;
}
.cbIcon .snsBg{
  color: #FFF !important;
  font-family: 'cb_icon' !important;
  position: absolute;
  top: 1px;
  left: 1px;
  font-size: 20px;
}
.cbIcon .snsIcon{
  position: absolute;
  font-family: 'cb_icon' !important;
  top: 0;
  left: 0;
  z-index: 10;
}
.facebookIcon .snsIcon.colorDefault{
  color: #3B5998 !important;
}
.twitterIcon .snsIcon.colorDefault{
  color: #55ACEE !important;
}
.googleIcon .snsIcon.colorDefault{
  color: #37475D !important;
}
.tumblrIcon .snsIcon.colorDefault{
  color: #44546B !important;
}
.instagramIcon .snsIcon.colorDefault{
  color: #3F729B !important;
}
.pinterestIcon .snsIcon.colorDefault{
  color: #CC2127 !important;
}
.cbIcon.question{
  display: inline-block;
  font-size: 12px;
  padding: 2px;
  background-color: #89a222;
  border-radius: 30px;
  text-align: center;
  color: #FFF;
  margin: 0 3px;
}

/* ------------------------------
 Main
------------------------------ */

#Main {
	/*padding-bottom: 30px;*/
}

/*--------------------
  Footer
--------------------*/
#Footer{
	background:#F3F2ED;
	padding:20px 0;
	font-size:11px;
}
#Footer .Inner{
	width:1100px;
	margin:0 auto;
}
#Footer a{
	color:#888;
}
#Footer li{
	list-style:none;
}
#FooterLeft{
	float:left;
}
#FooterLeft #LogoBox,
#FooterLeft ul{
	float:left;
	margin-right:30px;
}
#FooterLeft #LogoBox dl{
	background:#F9F9F6;
	border-radius:3px;
	width:120px;
	padding:10px 12px 5px;
	margin-top:5px;
}
#FooterLeft li{
	margin-bottom:8px;
}
#FooterLeft #LogoBox dt{
	float:left;
	color:#888;
	font-size:12px;
}
#FooterLeft #LogoBox dd{
	font-size:14px;
	font-weight:bold;
	color:#89a222;
	text-align:right;
	margin-bottom: 5px;
}
#FooterLeft .ThisSite{
	margin-top:20px;
}
#OtherSite{
	line-height:1.4;
	margin-top: 8px;
}
#OtherSite li{
	margin-bottom:10px;
}
#OtherSite li a{
	display:block;
	padding-left:40px;
	height:30px;
}
#OtherSite .Compedia a{
	background:url(/images/format/FooterCompedia.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#OtherSite .Compedia a{
        background-image: url(/images/format/FooterCompedia@2x.png);
        background-size: 30px 30px;
        }
}
#OtherSite .Mg a{
	background:url(/images/format/FooterMg.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	#OtherSite .Mg a{
        background-image: url(/images/format/FooterMg@2x.png);
        background-size: 30px 30px;
        }
}

#FooterRight{
	width:235px;
	float:right;
}
#FooterSnsWrapper{
  height: 22px;
}
#FooterSnsWrapper p{
	float:left;
	color:#999;
  margin: 5px 5px 0px 0;
}
#FooterSns ul{
	float:right;
}
#FooterSns li{
	float:left;
	margin-left:5px;
}
#FooterSns li a{
	background:url(/images/format/FooterSns.png) no-repeat;
	display:block;
	width:22px;
	height:0;
	padding-top:22px;
	overflow:hidden;
}
#FooterSns li.Twitter a{
	background-position:-22px 0;
}
#FooterSns li.Pinterest a{
	background-position:-44px 0;
}
#FooterSns li.Tumblr a{
	background-position:-66px 0;
}
#FooterSns li.Facebook a:hover{
	background-position:0 -22px;
}
#FooterSns li.Twitter a:hover{
	background-position:-22px -22px;
}
#FooterSns li.Pinterest a:hover{
	background-position:-44px -22px;
}
#FooterSns li.Tumblr a:hover{
	background-position:-66px -22px;
}
#FooterRight #Copyright{
	clear: both;
	padding-top:20px;
}
#FooterRight #Copyright a{
	display:block;
	background:url(/images/format/FooterCopyright.png) no-repeat;
	width:235px;
	height:0;
	padding-top:34px;
	overflow:hidden;
}

#FooterSmall{
	background:#fff;
	font-size:10px;
}
#FooterSmall .Inner{
	width:1100px;
	margin:0 auto;
	padding:15px 0;
	position:relative;
}
#FooterSmall ul{
	margin-top:8px;
}
#FooterSmall li{
	float:left;
	list-style:none;
	margin-right:12px;
}
#FooterSmall li.Logo{
	margin-top:-4px;
}
#FooterSmall li.Logo a{
  display: block;
  width: 16px;
  height: 16px;
  background: url(/images/format/FooterLogoGray.png) no-repeat;
}
#FooterSmall a{
	color:#888;
}
#FooterSmall a:hover{
	opacity:0.8;
}
#FooterSmall .cbIcon{
	font-size: 22px;
	float: left;
	margin-right:10px;
}
#FooterSmall .cbIcon a{
	color:#bbb;
}
ul#FooterSnsSmall {
	float: left;
	margin-top: -4px;
	margin-left: 10px;
}
#FooterSnsSmall li{
	float:left;
	margin-right: 10px;
}
#FooterSnsSmall li a{
	background:url(/images/format/FooterSnsSmall.png) no-repeat;
	display:block;
	width:8px;
	height:0;
	padding-top:14px;
	overflow:hidden;
}
#FooterSnsSmall li.Twitter a{
	background-position:-8px 0;
	width:16px;
}
#FooterSnsSmall li.Pinterest a{
	background-position:-24px 0;
	width:12px;
}
#FooterSnsSmall li.Tumblr a{
	background-position:-36px 0;
}
#FooterSmall #Copyright{
	position:absolute;
	right:0;
}

#FooterMobile{
  display: none;
  background:#F3F2ED;
}
#FooterMobile .Inner{
  max-width:1100px;
  margin:0 auto;
  padding: 9px 15px 8px;
  position:relative;
  box-sizing: border-box;
}
#FooterMobileLogo{
  float: left;
}
#FooterMobile #Copyright{
  float: right;
  margin: 5px 0 0 0;
}
#FooterMobile #Copyright a{
  color: #AEAEAD;
  font-size: 12px;
}