@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif";
	color: #4d4d4d;
	-webkit-text-size-adjust: none;
	height: 100%;
}

html{
   height: 100%; 
}
/* リンク設定
------------------------------------------------------------*/
a{
  color:#303030;
  text-decoration:none;
}

a:hover, a:active{
  color:#008cd5;
  text-decoration:none;
}
a img:hover {
}
/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom:1;}

/* hr
------------------------------------------------------------*/
hr{
border-collapse: collapse;
border-top: 1px dotted #CACACA;
margin: 0;
padding: 0;
margin-top: 20px;
margin-bottom: 30px;
}


/* メニューバーが隠れない
------------------------------------------------------------*/
.spwrapper{
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

/* マウスオーバー
------------------------------------------------------------*/
#example11 p {
			height: 34px;
			overflow: hidden;
}
#example12 p a {
			display: block;
			width: 152px;
			height: 34px;
			background: url(btn_03_on.gif) no-repeat 0 0;
}

/* マウスオーバーでふわっと拡大と暗転
------------------------------------------------------------*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;	/*画像の幅*/
	background: #000;
}
.imgWrap img {
	display: block;
	vertical-align: bottom;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
opacity: 0.6;	/* 小さくするほど暗くなります */
}

/* ついてくるメニュー
----------------------------------*/
#header{
width:100%;
z-index:-200;
background-color: #FFFFFF;
}
#mainNavi{
z-index:-200;
height: 125px;
border-bottom-width: 1px;
border-bottom-color: #5c5c5c;
border-bottom-style: solid;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
width:100%;
height: 125px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-color: #5c5c5c;
border-bottom-style: solid;
}
#mainNavi .mn01{
width:100vw;
max-width:1000px;
margin:0 auto;
border: 0;
padding: 0;
-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
position:relative;
}
#mainNavi .mn01a{
width:280px;
float: left;
padding-top: 40px;
}
#mainNavi .mn01a img{
width:240px;
vertical-align: bottom;
}
#mainNavi .mn01b{
width:720px;
float: left;
text-align: right;
font-size: 14px;
letter-spacing: 0.04em;
padding-top: 45px;
font-weight: bold;
}
#mainNavi .mn01b img{
}
#mainNavi .mn01b a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#mainNavi .mn01b a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #5c5c5c;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#mainNavi .mn01b a:hover::after {
transform: scale(1, 1);
}
#mainNavi .mn01c{
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 20px;
text-align: right;
}
#mainNavi .mn01c img{
height: 20px;
}

.preline {
border-bottom-width: 2px;
border-bottom-color: #5c5c5c;
border-bottom-style: solid;
}

/* 上からにゅるっとモーダル
*****************************************************/
#footerrnav {
display: none;
}
#headernav {
display: none;
}
.pcnone {
  display: none;
}	

/* ON OFF
----------------------------------*/
.pcon {
display: block;
}
.pcoff {
display: none;
}


/* 遅れてフェードイン
----------------------------------*/
#animation {
margin: 0;
padding: 0;
}
.animation01 {
margin: 0;
padding: 0;
visibility:hidden;
}
.animation02 {
margin: 0;
padding: 0;
visibility:hidden;
}
.animation03 {
margin: 0;
padding: 0;
visibility:hidden;
}
.animation04 {
margin: 0;
padding: 0;
visibility:hidden;
}
.animation05 {
margin: 0;
padding: 0;
visibility:hidden;
}
.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
-webkit-transform: translateZ(0px);
-webkit-overflow-scrolling: touch
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInFromRight {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInFromRight;
 animation-name: fadeInFromRight;
 visibility: visible !important;
-webkit-transform: translateZ(0px);
-webkit-overflow-scrolling: touch
}
@-webkit-keyframes fadeInFromRight {
 0% { opacity: 0; -webkit-transform: translateX(50px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInFromRight {
 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInFromLeft {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fadeInFromLeft;
 animation-name: fadeInFromLeft;
 visibility: visible !important;
-webkit-transform: translateZ(0px);
-webkit-overflow-scrolling: touch
}
@-webkit-keyframes fadeInFromLeft {
 0% { opacity: 0; -webkit-transform: translateX(-50px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInFromLeft {
 0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}



/* トップメインSLIDER 
------------------------------------------------------------*/
.slider {
    width: auto;
   height : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   height : -webkit-calc(100% - 125px) ;
   height : calc(100% - 125px) ;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 900;
}

.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}
.slider img{
position: absolute;
top: 42%;
  right: 0;
  left: 0;
  margin: auto;
width: 100%;
max-width: 500px;
min-width: 240px;
}

/* lightbox
----------------------------------*/
.lbox1 {
width: 96%;
padding-top: 10px;
padding-bottom: 20px;
background-color: #000000;
padding-left:2%;
padding-right: 2%;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox1 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
color: #ffffff;
}
.lbox1a {
width: 25%;
float: left;
}
.lbox1a img{
width: 100%;
vertical-align: bottom;
}
.lbox2 {
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox2a {
width: 33.3%;
float: left;
}
.lbox2a img{
width: 100%;
vertical-align: bottom;
}
.lbox3 {
width: 100%;
padding-top: 10px;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox3a {
width: 16.6%;
float: left;
}
.lbox3a img{
width: 100%;
vertical-align: bottom;
}

/* osirase
----------------------------------*/
.osirase1 {
width: 100%;
}
.osirase1-1 {
width: 92%;
max-width: 800px;
padding-top: 70px;
padding-bottom: 70px;
margin: 0 auto;
}
.osirase1-1 h2{
font-size: 20px;
letter-spacing: 0.04em;
line-height: 35px;
font-weight: 600;
border-bottom: solid 1px #cecece;
margin-bottom: 15px;
}
.osirase1-1 h3{
font-size: 16px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 28px;
}
.osirase1-1 p{
font-size: 14px;
letter-spacing: 0.04em;
line-height: 28px;
}

/* con
----------------------------------*/
.unline {
border-bottom-width: 1px;
border-bottom-color: #5c5c5c;
border-bottom-style: solid;
}
.more {
width: 264px;
margin: 0 auto;
margin-top: 64px;
position: relative;
}
.more img{
width: 100%;
vertical-align: bottom;
}
.more .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0s;
}
.more:hover .active {
  opacity: 1;
}
.more2 {
width: 280px;
margin: 0 auto;
margin-top: 60px;
position: relative;
}
.more2 img{
width: 100%;
vertical-align: bottom;
}
.more2 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.more2:hover .active {
  opacity: 1;
}
.con1 {
width: 100%;
background-color:#E7E7E7;
}
.con1-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
overflow: hidden;
}
.con1-2 {
width: 100%;
text-align: center;
}
.con1-2 h2 img{
height: 44px;
}
.con1-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 700;
}
.con1-3 {
width: 888px;
margin: 0 auto;
}
.con1-3 h4{
font-size: 20px;
letter-spacing: 0.05em;
margin-bottom: 42.5px;
font-weight: 700;
}
.con1-3 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
}
.con1-3 .fondai{
font-size: 30px;
font-weight: 600;
font-style: italic;
}
.con1-3 img{
width: 100%;
}
.con1-3 .tyou1{
width: 80%;
margin: 0 auto;
text-align: center;
}
.con2 {
width: 100%;
background-color:#ffffff;
}
.con2-1 {
width: 100%;
max-width: 888px;
padding-top: 120px;
padding-bottom: 60px;
margin: 0 auto;
overflow: hidden;
}
.con2-2 {
width: 100%;
text-align: center;
}
.con2-2 h2 img{
height: 44px;
}
.con2-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 35px;
color: #5c5c5c;
font-weight: 700;
}
.con2-2 h4{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 400;
text-align: left;
}
.kime1 {
width: 100%;
}
.kime1a {
width: 31%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
.kime1a img{
width: 100%;
}
.con2-3a {
width: 700px;
margin: 0 auto;
margin-top: 50px;
position: relative;
}
.con2-3a img{
width: 100%;
vertical-align: bottom;
}
.con2-3a .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.con2-3a:hover .active {
  opacity: 1;
}

.con2-4 {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #1D1D1D;
}
.con2-4 img{
width: 100%;
max-width: 700px;
vertical-align: bottom;
margin-top: 60px;
margin-bottom: 60px;
}
.con2-4 video{
width: 100%;
max-width: 700px;
}
.con2-4 a:hover{
opacity: 0.7;
}

.con3 {
width: 100%;
background-color: #000000;
}
.con3-1 {
width: 100%;
max-width: 888px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
}
.con3-2 {
width: 100%;
text-align: center;
}
.con3-2 h2 img{
height: 44px;
}
.con3-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #ffffff;
font-weight: 700;
}
.con3-2 h4{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 65px;
color: #ffffff;
font-weight: 400;
text-align: left;
}
.con3-3 {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 50px;
}
.con3-3 video{
width: 100%;
max-width: 700px;
}
.con3-3a {
width: 700px;
margin: 0 auto;
margin-top: 50px;
position: relative;
}
.con3-3a img{
width: 100%;
vertical-align: bottom;
}
.con3-3a .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.con3-3a:hover .active {
  opacity: 1;
}

.con3-4 {
width: 100%;
padding-top: 60px;
text-align: center;
}
.con3-4 h2{
font-size: 20px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 16px;
color: #ffffff;
font-weight: 400;
text-align: left;
}
.con3-4 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 65px;
color: #ffffff;
font-weight: 400;
text-align: left;
}
.con3-4 img{
width: 500px;
margin-top: 30px;
}
.con3-4 .imfull{
width: 100%;
}
.con3-5 {
width: 100%;
padding-top: 90px;
text-align: center;
}
.con3-5 img{
width: 100%;
}
.con3-6 {
width: 100%;
padding-top: 10px;
}
.con3-6 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
color: #ffffff;
font-weight: 400;
text-align: left;
}
.con3-6 p a{
color:#E1E1E1;
}

.con4 {
width: 100%;
background-color:#ffffff;
}
.con4-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
}
.con4-2 {
width: 100%;
text-align: center;
}
.con4-2 h2 img{
height: 47.3px;
}
.con4-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 20px;
margin-bottom: 65px;
color: #0a91d7;
font-weight: 700;
}
.con4-1 p{
width: 520px;
margin: 0 auto;
font-size: 15px;
letter-spacing: 0.05em;
line-height: 15px;
margin-bottom: 33px;
text-align: left;
font-weight: 300;
}
.con4-3 {
width: 100%;
border-top-color: #b1b1b1;
border-top-width: 1px;
border-top-style: solid;
}
.con5 {
width: 100%;
background-color:#ffffff;
}
.con5-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
}
.con5-2 {
width: 100%;
text-align: center;
}
.con5-2 h2 img{
height: 44px;
}
.con5-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 700;
}
.con5-3 {
width: 888px;
margin: 0 auto;
}
.con5-3 h4{
font-size: 22px;
letter-spacing: 0.07em;
font-weight: 600;
margin-top: 100px;
}
.con5-3 h5{
font-size: 16px;
letter-spacing: 0.03em;
font-weight: 600;
margin-top: 35px;
}
.con5-3 p{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
}
.con5-3 img{
width: 100%;
}
.con5-3 form{
width: 100%;
max-width: 600px;
margin: 0 auto;
font-size: 15px;
line-height: 30px;
margin-top: 60px;
}
.con5-3 table {
width: 100%;
}
.con5-3 tr {
width: 100%;
position: relative;
margin-top: 20px;
}
.con5-3 th {
position: absolute;
width: 30%;
}
.con5-3 hd {
position: absolute;
width: 70%;
}
.con5-3 input{
width: 96%;
line-height: 30px;
}
.con5-3 textarea{
width: 90%;
}
.con5-3 .hoso1{
font-size: 11px;
line-height: 16px;
color: #B40407;
}
.con5-3 p input {
width: 100px;
}
.con5-3 .chkbox {
margin:			0 0 10px 0px;
}
/* ラベルのスタイル　*/
.con5-3 .chkbox label {
padding-left:		35px;			/* ラベルの位置 */
font-size:		14px;
line-height:		14px;
display:		inline-block;
cursor:			pointer;
position:		relative;
}
/* ボックスのスタイル */
.con5-3 .chkbox label:before {
	content: '';
	width: 14px;			/* ボックスの横幅 */
	height: 14px;			/* ボックスの縦幅 */
	display: inline-block;
	position: absolute;
	left: 0;
	background-color: #fff;
	border-color: grey;
	border-width: 1px;
	border-style: solid;
}
/* 元のチェックボックスを表示しない */
.con5-3 .chkbox input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.con5-3 .chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		14px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#06f;			/* チェックした時の色 */
}
.con6 {
width: 100%;
background-color:#ffffff;
}
.con6-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
}
.con6-2 {
width: 100%;
text-align: center;
}
.con6-2 h2 img{
height: 44px;
}
.con6-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 700;
}
.con6-3 {
width: 888px;
margin: 0 auto;
}
.con6-3 h4{
font-size: 18px;
letter-spacing: 0.07em;
line-height: 40px;
font-weight: 600;
margin-top: 30px;
background-color: #E9E9E9;
margin-bottom: 15px;
}
.con6-3 p{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
}
.con6-3a {
width: 33%;
float: left;
margin-right: 2%;
}
.con6-3 img{
width: 100%;
}
.con6-3b {
width: 65%;
float: left;
}
.con7 {
width: 100%;
background-color:#ffffff;
}
.con7-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
}
.con7-2 {
width: 100%;
text-align: center;
}
.con7-2 h2 img{
height: 44px;
}
.con7-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 700;
}
.con7-2 h4{
font-size: 18px;
letter-spacing: 0.07em;
line-height: 50px;
margin-top: 12px;
margin-bottom: 35px;
color: #ffffff;
background-color: #4E4E4E;
font-weight: 600;
}
.con7-3 {
width: 888px;
margin: 0 auto;
}
.con7-3a {
width: 288px;
margin-left: 4px;
margin-right: 4px;
float: left;
}
.con7-3a h4{
font-size: 15px;
line-height: 30px;
letter-spacing: 0.05em;
font-weight: 400;
margin-bottom: 40px;
text-align: center;
}
.con7-3a img{
width: 100%;
}
.con7-3a img:hover{
opacity: 0.8;
}
.con7-3b {
width: 575px;
margin-right: 13px;
float: left;
}
.con7-3b img{
width: 100%;
}
.con7-3c {
width: 300px;
float: left;
}
.con7-3c h1{
font-size: 18px;
line-height: 18px;
letter-spacing: 0.05em;
font-weight: 600;
margin-bottom: 40px;
}
.con7-3c p{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
}
.con7-5 {
width: 70px;
text-align: center;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 50px;
margin-right: 5px;
margin-bottom: 5px;
font-weight: 600;
background-color:#DCDCDC;
float: left;
border-radius: 5px;
}
.con8 {
width: 100%;
background-color:#ffffff;
}
.con8-1 {
width: 100%;
max-width: 888px;
padding-bottom: 120px;
margin: 0 auto;
}
.con8-2 {
width: 100%;
text-align: center;
padding-top: 100px;
}
.con8-2 h2 img{
height: 79px;
}
.con8-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 18px;
margin-bottom: 35px;
color: #5c5c5c;
font-weight: 700;
}
.con8-2 h4{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 400;
text-align: left;
}
.con8-2 h5{
font-size: 18px;
letter-spacing: 0.07em;
line-height: 50px;
margin-top: 12px;
margin-bottom: 35px;
color: #ffffff;
background-color: #4E4E4E;
font-weight: 600;
}

.con8-2a {
width: 29%;
float: left;
padding-left: 2%;
padding-right: 2%;
}
.con8-2a img{
width: 100%;
}

.con8-3 {
width: 100%;
}
.con8-3 h1{
font-size: 26px;
letter-spacing: 0.07em;
margin-top: 18px;
margin-bottom: 35px;
color: #5c5c5c;
font-weight: 700;
text-align: center;
}

.con8-3a {
width: 420px;
float: left;
margin-right: 18px;
}
.con8-3a img{
width: 100%;
vertical-align: bottom;
margin-bottom: 20px;
}
.con8-3a h5{
font-size: 12px;
letter-spacing: 0.03em;
line-height: 20px;
font-weight: 400;
margin-bottom: 15px;
}

.con8-3b {
width: 450px;
float: left;
}
.con8-3b h3{
background-color:#F0F0F0;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 30px;
font-weight: 600;
}
.con8-3b h4{
font-size: 14px;
letter-spacing: 0.03em;
line-height: 16px;
font-weight: 400;
margin-top: 18px;
margin-bottom: 16px;
}
.con8-3b h5{
font-size: 12px;
letter-spacing: 0.03em;
line-height: 20px;
font-weight: 400;
margin-bottom: 15px;
}
.con8-3b h6{
display: none;
}
.con8-3c {
width: 260px;
float: left;
margin-right: 18px;
}
.con8-3c img{
width: 100%;
vertical-align: bottom;
margin-bottom: 20px;
}
.con8-3c h5{
font-size: 12px;
letter-spacing: 0.03em;
line-height: 20px;
font-weight: 400;
margin-bottom: 15px;
}
.con8-3d {
width: 610px;
float: left;
}
.con8-3d h3{
background-color:#F0F0F0;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 30px;
font-weight: 600;
}
.con8-3d h4{
font-size: 14px;
letter-spacing: 0.03em;
line-height: 16px;
font-weight: 400;
margin-top: 18px;
margin-bottom: 16px;
}
.con8-3d h5{
font-size: 12px;
letter-spacing: 0.03em;
line-height: 20px;
font-weight: 400;
margin-bottom: 15px;
}
.con8-3d h6{
display: none;
}

.con8-3 .cartjs_box {
padding: 0 !important;
max-width: 300px !important;
width: 100% !important;
margin: 0 !important;
}
.con8-3 .cartjs_box table{
width: 100% !important;
text-align: left !important;
}
.con8-3 .cartjs_box table tr{
padding: 0 !important;
font-size: 14px !important;
}
.con8-3 .cartjs_box table th{
width: 100px !important;
text-align: left !important;
max-width: 150px !important;
padding-bottom: 5px !important;
}
.con8-3 .cartjs_box table td{
width: 150px !important;
text-align: left !important;
padding-right: 0 !important;
padding-bottom: 5px !important;
}
.con8-3 .cartjs_box table td input{
width: 100px !important;
}
.con8-3 .cartjs_box table td .cartjs_product_input_txt{
width: 120px !important;
text-align: left !important;
padding: 0 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 5px;
}
.con8-3 .cartjs_box table td select{
width: 120px !important;
padding-right: 0 !important;
}
.con8-3 .cartjs_box .cartjs_cart_in {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
text-align: left !important;
}
.con8-3 .cartjs_box div.cartjs_cart_in input {
width: 80% !important;
margin: 0 auto !important;
height: 30px !important;
line-height: 15px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
}

.con8-4 {
width: 100%;
padding-top: 50px;
}
.con8-4 h2{
font-size: 22px;
letter-spacing: 0.05em;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
}
.con8-4 p{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 24px;
font-weight: 400;
padding-left: 5px;
}
.con8-4a {
width: 100%;
background-color:#B7B7B7;
padding-top: 7px;
padding-bottom: 7px;
}
.con8-4b {
width: 100%;
background-color:#F0F0F0;
padding-top: 7px;
padding-bottom: 7px;
}
.con8-5 {
width: 100%;
padding-top: 50px;
}
.con8-5 h2{
font-size: 22px;
letter-spacing: 0.05em;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
color: #C00C0F;
}
.con8-5 p{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 24px;
font-weight: 400;
margin-bottom: 15px;
}
.con9 {
width: 100%;
background-color:#ffffff;
}
.con9-1 {
width: 100%;
max-width: 1000px;
padding-top: 120px;
padding-bottom: 120px;
margin: 0 auto;
overflow: hidden;
}
.con9-2 {
width: 100%;
text-align: center;
}
.con9-2 h2 img{
height: 44px;
}
.con9-2 h3{
font-size: 15px;
letter-spacing: 0.07em;
margin-top: 12px;
margin-bottom: 65px;
color: #5c5c5c;
font-weight: 700;
}
.con9-3 {
width: 888px;
margin: 0 auto;
}
.con9-3 h4{
font-size: 20px;
letter-spacing: 0.05em;
margin-bottom: 42.5px;
font-weight: 700;
}
.con9-3 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
}
.con9-3 .fondai{
font-size: 30px;
font-weight: 600;
font-style: italic;
}
.con9-3 img{
width: 100%;
}



.con99 {
clear: both;
}

/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #c9c9c9;
width: 100%;
text-align: center;
} 
#footer .f0{
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 80px;
padding-bottom: 80px;
} 
#footer .f1{
width: 310px;
float: left;
margin-right: 35px;
text-align: left;
} 
#footer .flogo{
width: 220px;
} 
#footer .ficon{
width: 30px;
margin-right: 10px;
} 
#footer .f1 p{
font-size: 12px;
line-height: 20px;
letter-spacing: 0.02em;
margin-top: 30px;
margin-bottom: 30px;
} 
#footer .f2{
width: 655px;
float: left;
text-align: left;
} 
#footer .f2 img{
height: 50px;
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
} 
#footer .f2 h2{
width: 100%;
line-height: 40px;
font-size: 14px;
text-align: center;
color: #ffffff;
background-color: #5c5c5c;
border-radius: 5px;
}
#footer .f2 h3{
text-align: left;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
margin-top: 25px;
margin-bottom: 10px;
font-weight: 600;
}
#footer .f2 h4{
text-align: left;
font-size: 10px;
line-height: 20px;
letter-spacing: 0.02em;
font-weight: 600;
}
#footer .f2 p{
text-align: left;
font-size: 10px;
line-height: 20px;
letter-spacing: 0.02em;
}
#footer .f2a{
width: 310px;
float: left;
margin-right: 35px;
} 
#footer .f2b{
width: 310px;
float: left;
} 
#footer .fc{
height: 310px;
}
#footer .fc p{
text-align: center;
font-size: 12px;
line-height: 20px;
margin-top: 0;
margin-bottom: 0;
}

#copyright{
clear:both;
width: 100%;
text-align:center;
background-color: #5c5c5c;
padding-top: 15px;
padding-bottom: 15px;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.05em;
color: #ffffff;
font-weight: 400;
}


.popmenu {
display: none;
}
#modal-content {
display: none;
}
	

/* TOO-TOP
------------------------------------------------------------*/
.top-top {
display: inline-flex;
}	
.crunchify-top a:hover{
text-decoration: none;
}
 
.crunchify-top {
display: none;
position: fixed;
bottom: 100px;
right: 1rem;
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
z-index: 99999;
}

/* TOO-NEXT
------------------------------------------------------------*/
#tone {
margin-top: -90px;
height: 90px;
overflow: hidden;
z-index: -9999;
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1015px){


/* ON OFF
----------------------------------*/
.pcon {
display: none;
}
.pcoff {
display: block;
}

/* トップメインSLIDER 
------------------------------------------------------------*/
.slider {
    width: auto;
   height : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   height : -webkit-calc(100% - 65px) ;
   height : calc(100% - 65px) ;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
	background-size:cover;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 900;
}

.slider {
    background-position: center top\9;
    background-repeat: repeat-x\9;
}

*+html .slider {
    background-position: center top;
    background-repeat: repeat-x;
}
.slider img{
position: absolute;
top: 42%;
  right: 0;
  left: 0;
  margin: auto;
width: 80%;
max-width: 450px;
min-width: 240px;
}

/* lightbox　SUMAHO　SUMAHO
----------------------------------*/
.lbox1 {
max-width: 500px;
width: 94%;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 20px;
background-color: #000000;
padding-left:3%;
padding-right: 3%;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox1 p{
font-size: 15px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 15.5px;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
color: #ffffff;
}
.lbox1a {
width: 50%;
float: left;
}
.lbox1a img{
width: 100%;
vertical-align: bottom;
}
.lbox2 {
max-width: 500px;
width: 100%;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox2a {
width: 33.3%;
float: left;
}
.lbox2a img{
width: 100%;
vertical-align: bottom;
}
.lbox3 {
max-width: 500px;
width: 100%;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 20px;
margin-top: 40px;
margin-bottom: 40px;
}
.lbox3a {
width: 33.3%;
float: left;
}
.lbox3a img{
width: 100%;
vertical-align: bottom;
}


/* con　SUMAHO　SUMAHO
----------------------------------*/
.more {
width: 264px;
margin: 0 auto;
margin-top: 50px;
position: relative;
}
.more img{
width: 100%;
vertical-align: bottom;
}
.more .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0s;
}
.more:hover .active {
  opacity: 1;
}
.more2 {
width: 280px;
margin: 0 auto;
margin-top: 60px;
position: relative;
}
.more2 img{
width: 100%;
vertical-align: bottom;
}
.more2 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.more2:hover .active {
  opacity: 1;
}
.con1 {
width: 100%;
background-color:#E7E7E7;
}
.con1-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con1-2 {
width: 100%;
text-align: center;
}
.con1-2 h2 img{
height: 33px;
}
.con1-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con1-3 {
width: 100%;
}
.con1-3 h4{
font-size: 17px;
letter-spacing: 0.05em;
line-height: 34px;
margin-bottom: 21px;
font-weight: 700;
}
.con1-3 p{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 28px;
margin-top: 15.5px;
font-weight: 400;
}
.con1-3 .tyou1{
width: 100%;
}

.con2 {
width: 100%;
background-color:#ffffff;
}
.con2-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con2-2 {
width: 100%;
text-align: center;
}
.con2-2 h2 img{
height: 33px;
}
.con2-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con2-3a {

width: 100%;
margin: 0 auto;
margin-top: 35px;
position: relative;
}
.con2-3a img{
width: 100%;
vertical-align: bottom;
}
.con2-3a .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.con2-3a:hover .active {
  opacity: 1;
}
.con2-4 {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #1D1D1D;
}
.con2-4 img{
width: 100%;
max-width: 700px;
vertical-align: bottom;
margin-top: 60px;
margin-bottom: 30px;
}
.con2-4 video{
width: 100%;
max-width: 700px;
}
.con2-4 a:hover{
opacity: 0.7;
}

.con3 {
width: 100%;
background-color: #000000;
}
.con3-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con3-2 {
width: 100%;
text-align: center;
}
.con3-2 h2 img{
height: 33px;
}
.con3-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #ffffff;
font-weight: 700;
}
.con3-3 {
width: 100%;
margin: 0 auto;
text-align: center;
margin-top: 35px;
}
.con3-3 video{
width: 100%;
max-width: 700px;
}
.con3-3a {
width: 100%;
margin: 0 auto;
margin-top: 35px;
position: relative;
}
.con3-3a img{
width: 100%;
vertical-align: bottom;
}
.con3-3a .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.2s;
}
.con3-3a:hover .active {
  opacity: 1;
}
.con3-4 img{
max-width: 500px;
width: 100%;
margin-top: 0px;
}
.con3-4 h2{
font-size: 16px;
letter-spacing: 0.05em;
line-height: 32px;
margin-top: 12px;
margin-bottom: 16px;
color: #ffffff;
font-weight: 400;
text-align: left;
}

.con3-5 {
width: 100%;
padding-top: 45px;
text-align: center;
}
.con3-5 img{
width: 100%;
}


.con5 {
width: 100%;
background-color:#ffffff;
}
.con5-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con5-2 {
width: 100%;
text-align: center;
}
.con5-2 h2 img{
height: 33px;
}
.con5-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con5-3 {
width: 100%;
}
.con5-3 h4{
font-size: 17px;
letter-spacing: 0.05em;
line-height: 34px;
margin-bottom: 21px;
font-weight: 700;
}
.con5-3 p{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 28px;
margin-top: 15.5px;
font-weight: 400;
}
.con6-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con6-2 {
width: 100%;
text-align: center;
}
.con6-2 h2 img{
height: 33px;
}
.con6-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con6-3 {
width: 100%;
}
.con6-3 h4{
font-size: 17px;
letter-spacing: 0.05em;
}
.con6-3 p{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 28px;
margin-top: 15.5px;
font-weight: 400;
}
.con7 {
width: 100%;
background-color:#ffffff;
}
.con7-1 {
width: 95%;
max-width: 888px;
padding-top: 60px;
padding-bottom: 60px;
margin: 0 auto;
}
.con7-2 {
width: 100%;
text-align: center;
}
.con7-2 h2 img{
height: 33px;
}
.con7-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con7-3b {
max-width: 575px;
width: 100%;
margin: 0 auto;
float: none;
}
.con7-3b img{
width: 100%;
}
.con7-3c {
max-width: 575px;
width: 100%;
margin: 0 auto;
float: none;
}
.con7-3c h1{
font-size: 17px;
line-height: 17px;
letter-spacing: 0.05em;
font-weight: 600;
margin-bottom: 15px;
margin-top: 30px;
}
.con7-3c p{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 28px;
margin-top: 15.5px;
font-weight: 400;
}
.con8 {
width: 100%;
background-color:#ffffff;
}
.con8-1 {
width: 95%;
max-width: 500px;
padding-bottom: 60px;
margin: 0 auto;
}
.con8-2 {
width: 100%;
text-align: center;
padding-top: 60px;
}
.con8-2 h2 img{
height: 60px;
}
.con8-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 18px;
margin-bottom: 35px;
color: #5c5c5c;
font-weight: 700;
}
.con8-2 h4{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
margin-top: 12px;
margin-bottom: 30px;
color: #5c5c5c;
font-weight: 400;
text-align: left;
}
.con8-3 {
width: 100%;
}
.con8-3 h1{
font-size: 22px;
line-height: 26px;
letter-spacing: 0.07em;
margin-top: 18px;
margin-bottom: 35px;
color: #5c5c5c;
font-weight: 700;
text-align: center;
}

.con8-3a {
width: 100%;
float: none;
margin-right: 0px;
}
.con8-3a img{
width: 100%;
vertical-align: bottom;
margin-bottom: 15px;
}
.con8-3b {
width: 100%;
float: none;
}
.con8-3b h3{
background-color:#F0F0F0;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 30px;
font-weight: 600;
margin-bottom: 10px;
}
.con8-3b h4{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 26px;
font-weight: 400;
}
.con8-3b h6{
background-color:#525252;
color: #fff;
border-radius: 5px;
width: 220px;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 50px;
font-weight: 400;
text-align: center;
}
.con8-3c {
width: 100%;
float: none;
margin-right: 0px;
}
.con8-3c img{
width: 100%;
vertical-align: bottom;
margin-bottom: 15px;
}
.con8-3d {
width: 100%;
float: none;
}
.con8-3d h3{
background-color:#F0F0F0;
font-size: 15px;
letter-spacing: 0.03em;
line-height: 30px;
font-weight: 600;
margin-bottom: 10px;
}
.con8-3d h4{
font-size: 15px;
letter-spacing: 0.03em;
line-height: 26px;
font-weight: 400;
}
.con8-3d h6{
background-color:#525252;
color: #fff;
border-radius: 5px;
width: 220px;
font-size: 16px;
letter-spacing: 0.03em;
line-height: 50px;
font-weight: 400;
text-align: center;
}
.con8-4 {
width: 100%;
padding-top: 50px;
}
.con8-4 h2{
font-size: 20px;
letter-spacing: 0.05em;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
}
.con8-4 p{
font-size: 13px;
letter-spacing: 0.03em;
line-height: 22px;
font-weight: 400;
padding-left: 5px;
}
.con8-4a {
width: 100%;
background-color:#B7B7B7;
padding-top: 7px;
padding-bottom: 7px;
}
.con8-4b {
width: 100%;
background-color:#F0F0F0;
padding-top: 7px;
padding-bottom: 7px;
}
.con8-5 {
width: 100%;
padding-top: 50px;
}
.con8-5 h2{
font-size: 20px;
letter-spacing: 0.05em;
line-height: 26px;
font-weight: 600;
margin-bottom: 15px;
color: #C00C0F;
}
.con8-5 p{
font-size: 13px;
letter-spacing: 0.03em;
line-height: 24px;
font-weight: 400;
margin-bottom: 15px;
}
.con9 {
width: 100%;
background-color:#ffffff;
}
.con9-1 {
width: 95%;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
margin: 0 auto;
}
.con9-2 {
width: 100%;
text-align: center;
}
.con9-2 h2 img{
height: 33px;
}
.con9-2 h3{
font-size: 13px;
letter-spacing: 0.07em;
margin-top: 14px;
margin-bottom: 39px;
color: #5c5c5c;
font-weight: 700;
}
.con9-3 {
width: 100%;
}
.con9-3 h4{
font-size: 17px;
letter-spacing: 0.05em;
line-height: 34px;
margin-bottom: 21px;
font-weight: 700;
}
.con9-3 p{
font-size: 13px;
letter-spacing: 0.05em;
line-height: 28px;
margin-top: 15.5px;
font-weight: 400;
}




.con99 {
clear: both;
}
	

/* modal　SUMAHO　SUMAHO
*****************************************************/
#header{
width:100%;
z-index:-200;
background-color: #FFFFFF;
}
#mainNavi{
z-index:-200;
height: 65px;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
width:100%;
height: 65px;
z-index: 9999;
background-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-color: #5c5c5c;
border-bottom-style: solid;
}
#mainNavi .mn01{
width:90%;
max-width:1000px;
margin:0 auto;
border: 0;
padding: 0;
-webkit-box-sizing: border-box; /* 古いWebkit系用 */
-moz-box-sizing: border-box;     /* 古いFirefox用 */
box-sizing: border-box;           /* 標準 */
}
#mainNavi .mn01a{
width:100%;
float: none;
padding-top: 15px;
padding-bottom: 9px;
}
#mainNavi .mn01a img{
width:185px;
vertical-align: bottom;
}
#mainNavi .mn01b{
display: none;
}
#mainNavi .mn01b img{
}
#mainNavi .mn01b a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#mainNavi .mn01b a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0a91d7;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#mainNavi .mn01b a:hover::after {
transform: scale(1, 1);
}


/* 上からにゅるっとモーダル
*****************************************************/
#footerrnav {
display: none;
}
.popmenu {
display: inline;
position: fixed;
z-index:10000;
top: 30px;
right: 5px;
}	
#modal-content {
width: 90% ;
height: 100%;
margin: 0 auto;
padding: 0 ;
position: fixed ;
display: none ;
z-index: 922 ;
text-align: left;
top: 0;
} 
#modal-content ul {
margin-top: 15px;
border-top: solid;
border-top-color: #666666;
border-top-width: 1px;
font-size: 20px;
} 
#modal-content li {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
border-bottom: solid;
border-bottom-color: #666666;
border-bottom-width: 1px;
font-size: 15px;
} 
#modal-content li img{
height: 35px;
vertical-align: bottom;
} 
#modal-content li a{
} 
#modal-content p {
padding-top: 25px;
padding-bottom: 25px;
text-align: center;
} 
#modal-overlay {
	z-index: 920;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: #ffffff;
}
.button-link {
color: #00f ;
text-decoration: underline ;
}
.button-link:hover {
cursor: pointer ;
color: #f00 ;
}	
.toplogo {
max-width: 250px;
width: 55%;
}	
	

/* フッター
*****************************************************/
#footer{
clear: both;
background-color: #c9c9c9;
width: 100%;
text-align: center;
} 
#footer .f0{
width: 98%;
max-width: 500px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 40px;
} 
#footer .f1{
width: 100%;
float: none;
margin-right: 0px;
text-align: center;
} 
#footer .flogo{
width: 220px;
} 
#footer .ficon{
width: 30px;
margin-right: 10px;
} 
#footer .f1 p{
font-size: 12px;
line-height: 20px;
letter-spacing: 0.02em;
margin-top: 30px;
margin-bottom: 30px;
} 
#footer .f2{
width: 100%;
float: none;
margin-top: 30px;
} 
#footer .f2 h2{
width: 100%;
line-height: 40px;
font-size: 14px;
text-align: center;
color: #ffffff;
background-color: #5c5c5c;
border-radius: 5px;
}
#footer .f2 h3{
text-align: left;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.02em;
margin-top: 25px;
margin-bottom: 10px;
font-weight: 600;
}
#footer .f2 p{
text-align: left;
font-size: 10px;
line-height: 20px;
letter-spacing: 0.02em;
}
#footer .f2a{
width: 100%;
float: none;
margin-right: 0px;
} 
#footer .f2b{
width: 100%;
float: none;
} 

#copyright{
clear:both;
width: 100%;
text-align:center;
background-color: #5c5c5c;
padding-top: 15px;
padding-bottom: 15px;
font-size: 12px;
line-height: 12px;
letter-spacing: 0.05em;
color: #ffffff;
font-weight: 400;
}

/* TOO-NEXT
------------------------------------------------------------*/
#tone {
margin-top: -65px;
height: 65px;
overflow: hidden;
z-index: -9999;
}


/* TOO-TOP
------------------------------------------------------------*/
.crunchify-top img{
width: 40px;
}

}

@media only screen and (max-width:952px){
.con7-3 {
width: 592px;
margin: 0 auto;
}
.con7-3a {
width: 288px;
margin-left: 4px;
margin-right: 4px;
float: left;
}
}
@media only screen and (max-width:630px){
.con7-3 {
width: 296px;
margin: 0 auto;
}
.con7-3a {
width: 288px;
margin-left: 4px;
margin-right: 4px;
float: left;
}
}