@charset "utf-8";
/* CSS Document */

html {font-size:120%;}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
}
audio,canvas,iframe,img,svg,video {
    vertical-align: middle;
}
img {
	overflow: auto;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
font-family: "Amiko","Helvetica","游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,"a-otf-midashi-go-mb31-pr6n","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	min-width: 900px;
}
#container {
	overflow: hidden;
	background: #f1f1f1 url(../img/bg.png) center top no-repeat fixed;
}
.logo {
  position: relative;
  width: 100%;
  height: ;
  padding: 20px 0 20px 0;
  text-align: ;
  border-bottom: 1px solid #d9d9d9;
  background-color: #000;
}
.logo_p {
	width:900px;
	margin: 0 auto;
	color:#fff;

}
#wrap {
	width:100%;
	overflow: hidden;
	margin:0px auto;
}
.wrap-inner {
	width:900px;
	margin: 0px auto;
	border: 0px solid #cccccc;
	background:#fff;
}
#header {
	width:900px;
	height:;
	background:;
	color: #333;
	margin: 0px auto 0 auto;
	text-align: left;
}
#footer {
  position: relative;
  width: 100%;
  height: 90px;
  padding: 0;
  text-align: center;
  border-bottom: 0;
  background: -webkit-gradient(radial,50% 4%,0,50% 4%,120,color-stop(.39,#2f2300),color-stop(.00,#4c3901));
  background: -webkit-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -moz-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -o-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -ms-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  box-shadow: none;
}
#footer p {
	margin: 0 auto;
	text-align: center;
	color:#fff;
	font-size: 11px;
}
#footer a {
	color:#fff;
}


/*  ▼▼セクション css ここから▼▼
----------------------------------------------------------*/

.section_gray {
  background: #f5f5f5;
  margin: 0;
  padding:0px;
  }
.section_cha {
  background: #f0f0e6;
  margin: 0;
  padding: 50px 0px 20px 0px;
  }
.section_black {
  background: #000;
  margin: 0;
  padding:0px;
  }
.section_yellow {
  background: #ffff00;
  margin: 0;
  padding:0px;
  }
.section_red {
  background:#7e180f;
  margin: 0;
  padding:0px;
  }
/*  ▼▼ボックス css ここから▼▼
----------------------------------------------------------*/

.article { background: #fff; margin: 0px auto; width:900px; }

.info { width:780px; margin: 20px auto 0 auto; background: #f7f7f7; border: 0px solid #dddddd; padding: 0px 10px; color: #555555;}

.info-right { width:770px; margin: 0 auto; text-align:right;}

.divide { border: 1px groove #4d4d4d; width: 800px; margin: 10px auto;}


.block { border: 2px solid #eaeaea; padding: 10px 20px; width: 780px; margin: 0 auto; }
.block1 { background:#f9f9f9; border: 2px solid #eaeaea; padding: 10px 20px; width: 780px; margin-left: 40px; }
.block2 { border: 2px groove #e6d26a; padding: 10px 20px; width: 780px; margin: 0 auto; }
.block3 {background: #f7f7ee; border: 1px solid #9e8c36; font-size: bold; padding: 10px 20px; width: 780px; margin: 0 auto; }


/*  ▼▼テキスト css ここから▼▼
----------------------------------------------------------*/
i {  font-style: normal; color: #cc0000; font-weight: bold; }
em { background-color: #ffff66; color: #000; font-weight: bold; padding: 4px; margin-right:4px;}
b { font-weight: bold; letter-spacing:2px; }
.b { font-weight: bold; letter-spacing:2px; font-size:1.1em;}
.bold { font-weight: bold; letter-spacing:px;}
.u { text-decoration: underline;}
.l{ text-decoration:line-through;}

	/* セリフ */
.talk { color: #115a71; font-weight:bold;}
.talk2 { color: #a40035; font-weight:bold;}
.serif { color: #003466; font-weight:bold;}
.serif_girl { color: #c50067; font-weight:bold;}
.me { color: #115a71; font-weight:bold;}
.you { color: #a40035; font-weight:bold;}

	/* ハイライト */
.marker { background-color: #ffff66; font-weight: bold; padding:2px;}
.marker1 { background-color: #fff09e; font-weight: bold; padding:2px;}
.marker2 { background: linear-gradient(transparent 75%, #f9f4b5 0%);}
.marker3 { background: #ff0033; color: #fff; font-weight: bold; padding:2px; }

	/* 下線*/
.akasen { border-bottom: 2px solid #cc0000; padding: 0 0 2px 0; font-weight: bold; }
.kurosen { border-bottom: 1px solid #000000; padding: 0 0 2px 0; font-weight: bold; }
.dotted { border-bottom: 2px dotted #ab3318; padding: 0 0 2px 0; font-weight: bold; margin-bottom:1em; font-size: 1.1em;}

	/* カラー*/
.siro { color: #ffffff;}
.kuro { color: #000000;}
.brown { color: #59262d;}
.cha {color:#e8be84;}
.pink { color: #e85b5b; }
.momo { color: #e83e3e;}
.orange { color: #e76700;}
.aka { color: #ff0000;}
.akami { color: #c75250;}
.akai { color: #cc0000;}
.ao { color: #003466;}
.mizu { color: #2fa3ca;}
.green { color: #138f13;}
.purple { color:#800080;}
.aoi { color:#1c9bef;}
.ki  { color:#ffff66;}
.gray  { color:#777777;}
.id { color: #cc0000; background: #dddddd; font-style: italic; font-weight: bold;}

	/* リンク */
a{ color:#0000f0; text-decoration: underline;}

	/* フォントサイズ */
.s11 { font-size:11px; line-height:150%;}
.s12 { font-size:12px; line-height:150%;}
.s14 { font-size:14px; line-height:150%;}
.s15 { font-size:15px; line-height:150%;}
.s16 { font-size:16px; line-height:150%;}
.s18 { font-size:18px; line-height:150%;}
.s20 { font-size:20px; line-height:150%;}
.s22 { font-size:22px; line-height:150%;}
.s24 { font-size:24px; line-height:150%;}
.s26 { font-size:26px; line-height:150%;}
.s28 { font-size:28px; line-height:150%;}
.s30 { font-size:30px; line-height:150%;}
.s32 { font-size:32px; line-height:150%;}
.s36 { font-size:36px; line-height:150%;}

.med { font-size:1.1em; line-height:150%; font-weight: bold; letter-spacing:2px;}
.bigger { font-size:1.2em; line-height:150%; font-weight: bold; letter-spacing:2px;}
.big { font-size:1.3em; line-height:150%; font-weight: bold; letter-spacing:2px;}
.large { font-size: 1.5em; line-height:150%; font-weight: bold;}
.grande { font-size: 2em; line-height:150%; font-weight: bold;}
.venti { font-size: 2.3em; line-height:; font-weight: bold;}
.small{	font-size:0.7em;}
.smaller{ font-size:0.9em;}
.smallest{	font-size:12px;}

.wide {width: 50px;}

/*  ▼▼見出し css ここから▼▼
----------------------------------------------------------*/
h1,h2,h3,h6 { font-family:"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h1 {
	width: 95%;
	margin: 10px auto 30px auto;
	position: relative;
	padding-bottom: 0em;
	border-bottom: 2px solid #dddddd;
    text-align:center;
}
h1::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 40%;
	height: 2px;
	background-color: #2f2300;
}
h2 {
	font-size: 1.5em;
   	margin: 0px auto 0 auto;
   	padding:20px;
    font-weight: bold;
   	line-height: 200%;
    text-align:center;
    color: #fff;
  background: -webkit-gradient(radial,50% 4%,0,50% 4%,120,color-stop(.39,#2f2300),color-stop(.00,#4c3901));
  background: -webkit-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -moz-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -o-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -ms-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  box-shadow: none;
}

h3 {
	width:900px;
	font-size: ;
   	margin: 50px auto 0 auto;
   	padding:0px;
    font-weight: bold;
   	line-height: ;
    text-align:center;
    color: #cc0000;
}

h4 {
	width:786px;
   	margin: 0px auto 0 auto;
   	padding:20px;
    font-weight: bold;
   	line-height: 200%;
    text-align:left;
    color: #fff;
  background: -webkit-gradient(radial,50% 4%,0,50% 4%,120,color-stop(.39,#2f2300),color-stop(.00,#4c3901));
  background: -webkit-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -moz-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -o-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -ms-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  box-shadow: none;
}
h5 {
	font-size: ;
   	margin: 50px auto 0px auto;
    font-weight: bold;
   	line-height: 150%;
  	padding: 5px 10px;
    text-align:left;
    width: 800px;
    border-left:10px solid #000;
}
.belting {
	width:100%;
  background: -webkit-gradient(radial,50% 4%,0,50% 4%,120,color-stop(.39,#2f2300),color-stop(.00,#4c3901));
  background: -webkit-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -moz-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -o-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: -ms-radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  background: radial-gradient(50% 4%,circle,#4c3901 0%,#2f2300 39%);
  box-shadow: none;	
}

.blackbelt {
	width:100%;
  background: #000;
}

/*  ▼▼フロート＆イメージ css ここから▼▼
----------------------------------------------------------*/
.center{
	text-align:center;
	margin:0 auto;
}
.clear:after {
	content: "";
	clear: both;
	display: block;
}
.right {
	float: right;
	margin: 0 0 0 10px;
}
.left {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}
.imgborder { border: 1px solid #cccccc;
}
.frame {
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
img.middle { vertical-align: middle; }
img.baseline { vertical-align: baseline; }

img.top { vertical-align: top; }
img.bottom { vertical-align: bottom; }

img.text-top { vertical-align: text-top; }
img.text-bottom { vertical-align: text-bottom; }


/*  ▼▼段落 css ここから▼▼
----------------------------------------------------------*/
p {
	line-height: 1.6em;
	letter-spacing:2px;
}
.text{
	margin:0 auto;
	width:800px;
	margin-bottom: 16px;
}
.text2{
	margin:0 auto;
	width:800px;
	margin-bottom: 16px;
}
.text3{
	margin:0 auto;
	width:880px;
	margin-bottom: 16px;
}
.indent{ text-indent: 1em;}

.indent2 { padding-left: 2em;}

p.text:first-letter { font-size: px;}

.text-right {
	width:800px;
	margin: 0 auto;
	text-align:right;
}
hr {
	border: none;
	border-top: 1px #ccc dotted;
	height:1px;
}
.mtop50 { margin-top: 50px;}

.mtop3em { margin-top: 3em;}

.clr { clear:both;}


/*  ▼▼テーブル css ここから▼▼
----------------------------------------------------------*/

.youtube_table1 {
	width:800px;
	padding:10px;
	margin:0px;
	line-height: 1.6em;
	letter-spacing:1px;
}
.table1 {
	width:800px;
	margin: 0 auto;
	line-height: 1.6em;
	letter-spacing:1px;
}

.table1 th {
	background: #f7f7ee;
	border: 0px solid #9e8c36;
	font-size: bold;
	padding: 10px;
}	
.table1 td {
	background: #fff;
	border: 0px solid #9e8c36;
	font-size: bold;
	padding: 0px;
}	

.table2 {
	width:900px;
	margin: 0 auto;
	line-height: 1.6em;
	letter-spacing:1px;
}

.table2 th {
	background: #f7f7ee;
	border: 1px solid #9e8c36;
	font-size: bold;
	padding: 10px;
	text-align:center;
}	
.table2 td {
	background: #fff;
	border: 1px solid #9e8c36;
	font-size: bold;
	padding: 10px;
	text-align:;
}	

.table-services {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 12px;
	line-height: 150%;
	width: 740px; 
	margin: 0 auto; 
	background: ; 
	padding: 0px; 
	color: #262626; 
	border: 0px solid #999999; 
}

.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}

.table-striped { 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 12px;
	line-height: 150%;
	width: 740px; 
	margin: 0 auto; 
	background: ; 
	padding: 0px; 
	color: #262626; 
	border: 0px solid #999999; 
}

.table-striped caption { border-bottom: 1px solid #dddddd; }
.table-striped tr { border-bottom: 1px solid #dddddd; padding: 10px;}
.table-striped th { padding: 10px; width:120px; font-weight: bold;}
.table-striped td { padding: 10px; }

.table-striped2>tbody>tr:nth-child(odd)>td,.table-striped2>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}

.table-striped2 { 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 
	font-size: 12px;
	line-height: 150%;
	width: 380px; 
	margin-top: 10px;
	margin-right:10px; 
	margin-bottom:10px;
	background: ; 
	padding: 0px; 
	color: #262626; 
	border: 0px solid #999999; 
}

.table-striped2 caption { border-bottom: 1px solid #dddddd; }
.table-striped2 tr { border-bottom: 1px solid #dddddd; padding: 10px;}
.table-striped2 th { padding: 10px; width:120px; font-weight: bold;}
.table-striped2 td { padding: 10px; }



/*  ▼▼リスト css ここから▼▼
----------------------------------------------------------*/

/*  ▼▼ブレット css ここから▼▼
----------------------------------------------------------*/

/*  ▼▼Q＆A css ここから▼▼
----------------------------------------------------------*/

/*  ▼▼声 css ここから▼▼
----------------------------------------------------------*/


/*  ▼▼メルマガフォーム css ここから▼▼
----------------------------------------------------------*/
.mailform { width: 800px; margin: 0 auto; background: ; 
			padding: 0px; 
			border: 20px solid #cccccc;     
	    }
.mailform_inner { background: ; margin: 0px; padding: 10px; border: ; }

.sendAddress {
	width: 760px;
    background: url("../img/.png") top repeat;
    margin: 0 auto;
    padding: 0 0 0 0;
    border: 0px solid #003466;
}
.sendAddress form {
    margin: 0 auto 0 auto;
    padding: 0;
    width: ;
}

.touroku {
	width:;
	background: ;
}
.input_name {
    border: 1px solid #dddddd;
    font-size: 18px;
    ime-mode: active;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 200px;
    height: 40px;
}
.input_mail {
    border: 1px solid #dddddd;
    font-size: 18px;
	ime-mode: disable;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 370px;
    height: 40px;
	border-radius: 0px;        /* CSS3草案 */  
   	-webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}
.btnSend {
	cursor:pointer;
}
.sendAddress form input[type="submit"] {
    background: rgba(0, 0, 0, 0) url(../img/apply1.png) top center no-repeat;
    border: medium none;
    height: 81px;
    outline: medium none;
    width: 645px;
    cursor:pointer;
}
.sendAddress form input[type="submit"]:hover {
    background: rgba(0, 0, 0, 0) url(../img/apply2.png) top center no-repeat;
}
.sendAddress .copy {
    font-size: 28px;
    font-weight: bold;
    margin: 10px 0 15px;
}


/*  ▼▼effect css ここから▼▼
----------------------------------------------------------*/

.shadow {
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	border: 2px solid #F8F7F7;
	/* border-radius: 5px; */
	}
.opacity50 {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}

.radius5 {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 0px solid #000000;
	}
	
.radius10 {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	}
	
.note1 { 
	border-bottom: 1px dashed #ccc;	
	font-size: 15px;
	margin-bottom: 2em;
	line-height: 1.6em;
	letter-spacing:1px;
	font-weight: bold;
	}
	

.note{ 
	width:740px; margin: 0 auto;padding:20px;
    padding-bottom: 0.1em;
    background-color: #fff;
    background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
    background-size: 2px 2.2em;
    line-height: 2.2;
} 

.note2 {
	width:740px; 
	margin: 0 auto;
  padding:2rem 1rem 3rem;

    background-color: #fff;
    background-image: linear-gradient(to right, #fff 1.1px, transparent 1px), linear-gradient(to bottom, #ccc 1.1px, transparent 1px);
  background-size: auto 2rem; 
  line-height: 2rem;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 2px;
  overflow: hidden;
}

.note2 > p { margin: 0 0 2rem; }

.note2 > p:first-letter { margin-left: 1rem; }

/*  ▼▼FLEX css ここから▼▼
----------------------------------------------------------*/

.flex1 {
  display: flex;
  width:900px;
}
.flex2 {
  font-family:"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
  width:740px;
  margin: 0 auto;
}

.item {
 margin: ;
   padding: 25px;
}
  
.item2 {
   margin: 10px;
   padding: 25px;
   background: #f9f9f9; 
   border: 1px solid #dddddd;
}


/*  ▼▼Youtube css ここから▼▼
----------------------------------------------------------*/

.youtube {
	display: inline-block;
	position: relative;
	overflow: hidden;
	width: 390px;
	height: 270px;
	cursor:pointer;
}
.youtube::before {
	position: absolute;
	content: "Click to Play";
	color: #fff;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 260px;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.youtube:hover::before {
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	transition: all 0.3s;
}