﻿/*  全体
----------------------------------------------- */

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Gothic");
@import url("https://fonts.googleapis.com/earlyaccess/hannari.css");
/*
HTML Reset Stylesheet
*/
 
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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
 

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 

nav ul {
    list-style:none;
}
ol, ul {
    list-style: none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
	color: #00ab40;
    vertical-align:baseline;
    background:transparent;
}
a:hover{
  color : #ff7043;
}
 
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;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}

img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}

.wf-hannari { font-family: "Hannari"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.HOT-Kaishokk{ 
font-family: "hot-kaishokk", sans-serif;
font-weight: 400;
font-style: normal;}
@font-face {
  font-family: 'font1';
  src: url('../fonts/A-OTF-KyokaICAPro-Regular.otf');
}

/*
HTML Reset Stylesheet
*/


/******　共通　********/


/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
 
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}


.clear-both { clear: both; float: none; }
.float-left { float: left; }
.float-right { float: right; }
.cnt_icon{vertical-align:middle; padding-right:5px;}



.com_table{
	border-collapse:collapse;
	text-align:left;
	margin:30px 0 10px 0px;
	background:#FFF;
}
.com_table th{
	border: 1px solid #fff;
	border-collapse:collapse;
	background-color: #d6d6d6;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#000000;
	padding:10px;
	
}
.com_table td{
	border: 1px solid #d6d6d6;
	border-collapse:collapse;
	padding:10px;
	vertical-align:middle;
}

.com_table td p{
	margin: 0 0 5px;
	padding:0px;
}		

.wave{
position:relative;
height:70px;/*何も表示されない場合は各波の親要素に高さを持たせましょう。*/
}
canvas{
position: absolute;
bottom: 0;
left:0;
width: 100%;
}

/***************･マージン**************/
.mgt5 {	margin-top: 5px; }
.mgt10 { margin-top: 10px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt30{ margin-top: 30px; }
.mgt50{ margin-top: 50px; }
.mgt70{ margin-top: 70px; }
.mgt80{ margin-top: 80px; }
.mgt100{ margin-top: 1000px; }
.mgb5 { margin-bottom: 5px; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.mgb20 { margin-bottom: 20px; }
.mgb30 { margin-bottom: 30px; }
.mgb60 { margin-bottom: 60px; }
.mgb100 { margin-bottom: 100px; }
.mgb120 { margin-bottom: 120px; }
.mgb300 { margin-bottom: 300px; }
.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr20 { margin-right: 20px; }
.mgr30 { margin-right: 30px; }
.mgr40 { margin-right: 40px; }
.mgl5 { margin-left: 5px; }
.mgl10 { margin-left: 10px; }
.mgl15 { margin-left: 15px; }
.mgl20 { margin-left: 20px; }
.mgl30 { margin-left: 30px; }
.mgl40 { margin-left: 40px; }
.mgl50 { margin-left: 50px; }
.mgl100 { margin-left: 100px; }
.mgl130 { margin-left: 130px; }
.mgtr5 { 
	margin-top: 5px;
	margin-right: 5px;
}
.mglr20{
	margin-left: 20px;
	margin-right: 20px;
}
.mgtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}


/*************** テキスト **************/
.center{text-align:center;}
.strong{font-weight:bold;}
.strong800{font-weight:800;}
.line_hi3{line-height:3;}
.line_hi25{line-height:2.5;}
.line_hi15{line-height:1.5;}

.tx_13{font-size:34px;}
.tx_12{font-size:32px;}
.tx_11{font-size:30px;}
.tx_10{font-size:28px;}
.tx_9{font-size:26px;}
.tx_8{font-size:24px;}
.tx_7{font-size:22px;}
.tx_6{font-size:20px;}
.tx_5{font-size:18px;}
.tx_4{font-size:16px;}
.tx_3{font-size:15px;}
.tx_2{font-size:14px;}
.tx_1{font-size:12px;}
.tx_0{font-size:10px;}

.red{color:#FF0000;}
.red2{color:#980404;}
.green{ color:#006600;}
.purple{ color:#90C;}
.blue{ color:#0066ff;}
.black{ color:#000000}
.paleblack{ color:#333}
.pink{color:#FF0066;}
.white{ color:#FFF;}
.brown{ color:#2C2201;}
.deepblue{color:#132f8a;}

.tx_pink_0{font-size:10px; font-weight:bold; color:#FF0066;}
.tx_pink_1{font-size:12px; font-weight:bold; color:#FF0066;}
.tx_pink_2{font-size:14px; font-weight:bold; color:#FF0066;}
.tx_pink_3{font-size:15px; font-weight:bold; color:#FF0066;}
.tx_pink_4{font-size:16px; font-weight:bold; color:#FF0066;}
.tx_pink_5{font-size:18px; font-weight:bold; color:#FF0066;}
.tx_pink_6{font-size:20px; font-weight:bold; color:#FF0066;}
.tx_pink_7{font-size:22px; font-weight:bold; color:#FF0066;}
.tx_pink_8{font-size:24px; font-weight:bold; color:#FF0066;}
.tx_pink_9{font-size:26px; font-weight:bold; color:#FF0066;}
.tx_pink_10{font-size:28px; font-weight:bold; color:#FF0066;}
.tx_pink_11{font-size:30px; font-weight:bold; color:#FF0066;}
.tx_pink_12{font-size:32px; font-weight:bold; color:#FF0066;}

.tx_blue_0{font-size:10px; font-weight:bold; color:#0066ff;}
.tx_blue_1{font-size:12px; font-weight:bold; color:#0066ff;}
.tx_blue_2{font-size:14px; font-weight:bold; color:#0066ff;}
.tx_blue_3{font-size:15px; font-weight:bold; color:#0066ff;}
.tx_blue_4{font-size:16px; font-weight:bold; color:#0066ff;}
.tx_blue_5{font-size:18px; font-weight:bold; color:#0066ff;}
.tx_blue_6{font-size:20px; font-weight:bold; color:#0066ff;}
.tx_blue_7{font-size:22px; font-weight:bold; color:#0066ff;}
.tx_blue_8{font-size:24px; font-weight:bold; color:#0066ff;}
.tx_blue_9{font-size:26px; font-weight:bold; color:#0066ff;}
.tx_blue_10{font-size:28px; font-weight:bold; color:#0066ff;}
.tx_blue_11{font-size:30px; font-weight:bold; color:#0066ff;}
.tx_blue_12{font-size:32px; font-weight:bold; color:#0066ff;}

.tx_yellow_0{font-size:10px; font-weight:bold; color:#8b7417; }
.tx_yellow_1{font-size:12px; font-weight:bold; color:#8b7417; }
.tx_yellow_2{font-size:14px; font-weight:bold; color:#8b7417; }
.tx_yellow_3{font-size:15px; font-weight:bold; color:#8b7417; }
.tx_yellow_4{font-size:16px; font-weight:bold; color:#8b7417; }
.tx_yellow_5{font-size:18px; font-weight:bold; color:#8b7417; }
.tx_yellow_6{font-size:20px; font-weight:bold; color:#8b7417; }
.tx_yellow_7{font-size:22px; font-weight:bold; color:#8b7417; }
.tx_yellow_8{font-size:24px; font-weight:bold; color:#8b7417; }
.tx_yellow_9{font-size:26px; font-weight:bold; color:#8b7417; }
.tx_yellow_10{font-size:28px; font-weight:bold; color:#8b7417; }
.tx_yellow_11{font-size:30px; font-weight:bold; color:#8b7417; }
.tx_yellow_12{font-size:32px; font-weight:bold; color:#8b7417; }

.tx_pink_line_1{ font-size:12px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_2{ font-size:14px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_3{ font-size:16px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_4{ font-size:18px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_5{ font-size:20px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_6{ font-size:22px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_7{ font-size:24px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_8{ font-size:26px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_9{ font-size:28px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_10{ font-size:30px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_11{ font-size:32px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}
.tx_pink_line_12{ font-size:34px; font-weight:bold; color:#FF0066; border-bottom:1px solid #FF0066;}

.tx_blue_line_1{ font-size:12px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_2{ font-size:14px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_3{ font-size:16px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_4{ font-size:18px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_5{ font-size:20px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_6{ font-size:22px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_7{ font-size:24px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_8{ font-size:26px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_9{ font-size:28px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_10{ font-size:30px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}
.tx_blue_line_11{ font-size:32px; font-weight:bold; color:#0066ff; border-bottom:1px solid #0066ff;}

.txle_yellow_1{font-size:12px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_2{font-size:14px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_3{font-size:16px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_4{font-size:18px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_5{font-size:20px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_6{font-size:22px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_7{font-size:24px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_8{font-size:26px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_9{font-size:28px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_10{font-size:30px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}
.txle_yellow_11{font-size:32px; font-weight:bold; color:#8b7417; border-bottom: 1px solid #8b7417;}

.green_line{ background: linear-gradient(transparent 60%, #5bed3b 0%);}
.orange_line{ background: linear-gradient(transparent 60%, #FDC403 0%);}
.gray_line{ border-bottom:1px dotted #666666;}
.black_line{border-bottom:1px solid #000000;}
.blue_line{background: linear-gradient(transparent 60%, #99ccff 0%);}
.red_line{background: linear-gradient(transparent 60%, #FF0000 0%);}
.pink_line{ background: linear-gradient(transparent 60%, #ff99cc 0%);}
.white_line{ border-bottom:2px solid #fff;}
.marker-yellow {
background: linear-gradient(transparent 60%, #ffff00 0%);
}
.marker-orange {
background: linear-gradient(transparent 60%, #FDC403 0%);
}

.txbg_pink{background-color:#FFCCFF; }
.txbg_blue{background-color:#ccffff; }
.txbg_yellow{background-color:#fcfe7c; }
.txbg_black{background-color:#000; color:#FFF; padding:5px; }
.txbg_gold{background-color:#dec04d; }

/******　動画　********/
/*
.video{
     position: relative;
     padding-bottom: 56.25%; アスペクト比 16:9の場合の縦幅
     height: 0;
     overflow: hidden;
}
.video iframe{
  position:absolute;
  top:0;
  left: 0;
  right: 0;
  width:85%;
  height:85%;
  margin: auto;

}
*/

.video{
	 text-align:center;
	 margin:0 auto;
	 padding:0px 0 0;
}
.video iframe{
	 width:100%;
	 height:560px;
	 text-align:center;
	 margin:0 auto;
}

div.vid_contents {
width: 100%;
text-align: center;
margin: auto;
padding: 0;
background: #000;
}
video.vid_main {
width: 100%;
max-width: 100%;
}

/*
.header_wrap{
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 auto;
}
.header_movie{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
  overflow: hidden;
	z-index: 1;
}
.header_movie video {
  display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}
*/

/******　共通ここまで　********/

body {
	color:#000;
	font-size : 1.2em;
	line-height: 1.7;
	font-family: "Sawarabi mincho"; 
	background-color:#fff;
	}

a img {
	    -webkit-transition: 0.3s ease-in-out;
	       -moz-transition: 0.3s ease-in-out;
	         -o-transition: 0.3s ease-in-out;
	            transition: 0.3s ease-in-out;
	}
	a:hover img {
	    opacity:honbun2
	}



h1 {
	font-size : 2.4em;
	line-height: 1.4;
	}
	
h2 {
	font-size : 2.2em;
	line-height: 1.4;
	}

h3 {
	font-size : 2em;
	line-height: 1.4;
	}

h4 {
	font-size : 1.6em;
	line-height: 1.4;
	}

hr {

	border:none;
	border-bottom:1px solid #e0a640;
	height:1px;
	margin: 5px 0 30px 0;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}



/*  画像
----------------------------------------------- */
img.logo {
	width: 10%;
	height: auto;
	position: relative;
	padding: 0px;
	margin: 0 auto 0 ;
	top:30px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

/*div.debut {
	width: 200px;
	height: 196px;
	position:absolute;
	background:url(../img/debut.png) no-repeat top;
	padding: 0px;
	margin: 0 auto;
	top:120px;
	left:950px;
	overflow: hidden;
	transition: 1.2s;
}*/

.ct_debut {
  width: 100%;
  margin: 0 auto;
}

div.debut {
  position: absolute;
  display: block;
  width: 80%;
  height: 100%;
  background:url(../img/debut.png) no-repeat top right;
  top:140px;
  transition: 1.2s;
}



img.maintit {
	width: 60%;
	height: auto;
	position: relative;
	padding: 0px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
	animation-delay: 0.4s;
}

img.subtit1 {
	width: 50%;
	height: auto;
	position: relative;
	padding: 80px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

img.subtit2 {
	width: 40%;
	height: auto;
	position: relative;
	padding: 30px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

img.h_2 {
	width:60%;
	padding-top:50px;
	}

img.alignleft {
	float: left;
	margin: 0;
	width:50%;
	height:auto;
	transition: 1.2s;
}

img.alignright {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
	width:40%;
}

img.full {
	width:100%;
	height:auto;
	transition: 1.2s;
	}

img.full90 {
	width:90%;
	height:auto;
	transition: 1.2s;
	}

img.full80 {
	width:80%;
	height:auto;
	transition: 1.2s;
	}

img.full70 {
	width:70%;
	height:auto;
	transition: 1.2s;
	}
	
img.full60 {
	height:auto;
	width:60%;
	}

img.full50 {
	width:50%;
	height:auto;
	transition: 1.2s;
	}

img.full40 {
	width:40%;
	height:auto;
	transition: 1.2s;
	}

img.full30 {
	width:30%;
	height:auto;
	transition: 1.2s;
	}

img.full20 {
	width:20%;
	height:auto;
	transition: 1.2s;
	}

img.makoto{
	width:20%;
	height:auto;
	transition: 1.2s;
	margin:0 0 0 10px;
	}

/*  ヘッダー
----------------------------------------------- */

header {
	background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center center;
    height: 100vh;
    padding-top: 10px;
	}



header p{ color:#ffffff; font-size:1.8em; font-weight:bold;}

header .count-bg {
	z-index:10000;
	background-color:#ff99cc;
	height:60px;
	width: 100%;
	margin:0;
	padding:10px 0 0 ;

	}




/*  Delay
----------------------------------------------- */

	   
.mv1{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


@-webkit-keyframes updown {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes updown {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}


/*  付いてくるボタン
----------------------------------------------- */
.cart_btn
{
  position: fixed;
  bottom: 10px; 
  right: 10px;
  padding: 6px 15px 0px;
  background:#0C6;
  margin:0 auto;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px; 
  border-radius: 8px;
  text-align:center;
  z-index: 999;
}

.cart_text{
  color:#FFF;
  padding:0 0 5px 0;
  margin:0 0 0 0;
  text-align:center;
  font-size:14px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }

.cart_img{ width:80%; height:auto; margin:0 auto; text-align:center; padding:0 0 0 ;}	

.cart_btn:hover {
  background-color: #8ee087;
}

@media (max-width:768px) {
.cart_btn
{
  padding: 5px 0px 5px;
  margin:0 0 0 ;
  text-align:center;
}
.cart_text{
  font-size:10px;
  line-height:1.2;
  margin:0 0 0;
  padding:0 0 0;
  }
.cart_img{ width:60%; margin:0 auto; padding:0 0 0 ;}	
}

/*  Wave background
----------------------------------------------- */
.toptit-cover {
	background: url('../images/top_tit_bg.jpg') no-repeat center;
	background-size: cover;
	height: 1200px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;

}

.univers-cover {
	background: url('../img/top_image.jpg') no-repeat center;
	background-size: cover;
	height: 880px;
	position: relative;
	padding-top: 10px;
	text-align: center;
	background-position: bottom;
}

.univers-cover::before {
	top:0;
	transform: rotate(180deg);
}

.univers-cover::after {
	bottom: 0;
}

.cover01 {
	background: url('../img/5image_bg.png') no-repeat center;
	background-size: cover;
	height: 850px;
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.cover02 {
	background: url('../img/6_image_bg.png') no-repeat center;
	background-size: cover;
	height: 900px;
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.cover03 {
	background: url('../img/4image_bg.jpg') no-repeat center;
	background-size: cover;
	height: 800px;
	position: relative;
	padding-top: 10px;
	text-align: center;
	z-index: 2;
}


.cover04 {
	background: url('../img/castle.png'), url('../img/map_bg.png');
	background-repeat: no-repeat, no-repeat;
	background-position: 60% 95%, center;
	background-size: 360px, cover;
	height: 750px;
	position: relative;
	padding-top: 10px;
	text-align: center;
}

.cover05 {
	background-color: #000;
	position: relative;
	padding-top: 10px;
	padding-bottom: 60px;
	text-align: center;
	font-size: 1.3;
}

.cover05 br {
	display: inline;
}

.cover06 {
	background: url('../img/6_image_bg.png') no-repeat center;
	background-size: cover;
	padding-top: 10px;
	text-align: left;
}

.gokan-cover {
	background-color: #000;
	position: relative;
	padding-top: 10px;
	padding-bottom: 80px;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.free {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	background-color: #D8B703;
	width: 160px;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
}

.gokan-box {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	background-color: #FFF;
	padding: 20px;
	margin-top: 50px;
	text-align: center;
}
.gokan-box br{display: block;}

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

.second-cover {
	/*background: url('../images/section1_bg.jpg')no-repeat center;
	background-size: cover;
	height: 1200px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;*/
	background:url(../images/cloud1.png) ,linear-gradient(to top, #e6fece 0%, #bbfaec 50%, #dff6f7 100%);
	background-position: top center;

}
/*
.second-cover::after {
	background: url("../images/wave2.svg") no-repeat center;
	content: '';
	height: 200px;
	width: 100%;
	position: absolute;
	top:3800px;
	
}

.second-cover::before {
	top:0;
	transform: rotate(180deg);
}

.second-cover::after {
	bottom: 0;
}
*/
.third-cover {
	background: url(../images/kirakirabg2.png) ,linear-gradient(to top, #e6fece 0%, #bbfaec 50%, #f6e5fa 100%);
	background-position: top center;
}
.fourth-cover{
	background: url(../images/soundbg.png) ,linear-gradient(to top, #e9e1ff 0%, #ffe1f3 50%, #faf7e5 100%);
	background-position: top center;
}
.fifth-cover{
	background: linear-gradient(to top, #e9e1ff 0%, #faf7e5 50%, #fcd3e7 100%);
	background-position: top center;
}
.midashi{
	background: url(../images/midashi_back.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi2{
	background: url(../images/midashi_back2.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi3{
	background: url(../images/midashi_back3.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi4{
	background: url(../images/midashi_back4.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi5{
	background: url(../images/midashi_back5.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi6{
	background: url(../images/midashi_back6.png) repeat-x center bottom;
	height:230px;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi_1{ 
   padding:10px 0 0;
   text-align:center;
}

img.midashi_tit {
	width:50%;
	height:auto;
	transition: 1.2s;
	}

img.top_image_title {
	transition: 1.2s;
	position: absolute;
    width: 600px;
    left: 120px;
	right: 0;
    top: 20px;
	margin: auto;
	}

/* img.top_image_title_tate {
	transition: 1.2s;
	position: absolute;
    width: 90px;
	right: 320px;
    top: 0;
	} */

img.old_book_bg {
	transition: 1.2s;
	position: absolute;
    width: 560px;
    left: 0;
	right: 0;
	margin: auto;
    bottom: 60px;
	}

img.fire_symbol {
	transition: 1.2s;
	position: absolute;
    width: 560px;
    left: 0;
	right: 0;
	margin: auto;
    bottom: 60px;
	}

img.compass {
	transition: 1.2s;
	position: absolute;
    width: 240px;
    left: 300px;
    bottom: -60px;
	}

img.n_207_01 {
	transition: 1.2s;
	position: absolute;
    width: 1000px;
    right: 0;
    top: -80px;
	}

img.n_207_02 {
	transition: 1.2s;
	position: absolute;
    width: 1000px;
    left: -120px;
    bottom: -160px;
	}

img.n_214 {
    width: 400px;
}

.feoh {
	width: 10px;
	padding: 0 4px 0;
}

.feoh_2 {
	width: 16px;
	padding: 0 4px 0;
}

img.symbol_word {
	transition: 1.2s;
    width: 100%;
    left: 0;
	right: 0;
	margin-top: 60px;
	}

.first-view{
  top:100px;
  text-align:center;	
  position:relative;
}

.first-view02{
	top:100px;
	text-align:left;	
	position:relative;
  }

.first-view03{
	text-align:left;	
	position:relative;
  }

.first-view04{
	top:20px;
	text-align:left;	
	position:relative;
  }

.row {
    display: flex;
    flex-wrap: wrap;
}

.row h4 {
    text-align: center;
}

.row.reverse {
    flex-direction: row-reverse;
}

.column {
    width: 45%;
    padding: 10px;
}

.column img {
    width: 100%;
    height: auto;
}

.present_box {
	background:rgba(255,255,255,0.7);
	padding: 40px;
	line-height: 40px;
}

.owl_box {
	background:rgba(255,255,255,0.7);
	padding: 30px;
	line-height: 40px;
	font-size: 1.2em;
}
.owl {
	background:url("../img/owl.png") no-repeat right bottom;
}


/*  トップページ
----------------------------------------------- */

#container {
	display: block;
	/*position: relative;*/
	}

#primary {
	width:900px;
	margin:0 auto;
}

.content {
	width: 100%;
	margin:0;
	padding:0;
	background: url(../img/bg1.jpg) no-repeat center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	z-index:1000;
	}






form {
	margin: auto;
	margin-top:10px;
	text-align:center;
	}

label {
	display:none;
	}

.list_01 ul{ padding:40px 0px 20px 0px;}
.list_01 ul li{ list-style:url(../images/ch_02.png) ; margin:0 0 40px 0px; vertical-align:baseline;}
.list_01 ul li p{ margin:0 0 0 10px;font-size:22px; font-weight:800; color:#114097;}

input.touroku_mail {
	width:90%;
	max-width:600px;
	height:50px;
	padding:10px;
	font-size:30px;
	border:6px solid #ff1f6a;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	}

input#confirm {
	background: url(../img/button.png) no-repeat top;
	width:95%;
	max-width:678px;
	margin:20px 0 20px 0;
	height:auto;
	}

input#confirm:hover {background: url(../img/button-over.png) no-repeat top;}

input#confirm, input#confirm:hover {
		transition-property:background;
		transition-duration:0.5s;
		transition-timing-function:ease;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
	}

.updown {
	-webkit-animation-name:updown;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:updown;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}


	
.white-cover,.sky-cover,.shadow-cover,.info-cover {
	width: 100%;
	margin:0;
	}

.dt-cover {
	background-image:url(../img/bg_area01.png);
	background-repeat:repeat;
	padding-bottom:30px;
	}

.kirakira-cover {
	background: url(../img/kirakira_bg.jpg) repeat-y top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	display:block;
	padding-bottom:30px;
	}

.letter-cover {
	background-image:url(../img/bg_letter.jpg);
	background-repeat:repeat-y;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	padding-bottom:30px;
	}
.gr-cover {
	background: linear-gradient(-135deg, #fff8f8, #fbf2e9, #fccbd2) ;
	padding-bottom:30px;
	margin:0;
	}

.gray-cover {
	background:#f5f5f5;
	}
.sky-cover {
	background:#dff6f7;
	}
.yellow-cover {
	background:#FFFFF0;
	}
.yl-cover {
	background-image:url(../img/present_bg.jpg);
	background-repeat:repeat-y;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	padding-top: 120px;
	padding-bottom: 120px;
	font-size: 1.3;
	}

.yl-cover br {
	display: inline;
	}

.shadow-cover {
	background:#FFF url(../img/bg-ptn-gizagiza.png) repeat;
	padding-bottom:30px;
	}
.washi-cover {
	background:#FFF url(../img/bg_washi.jpg) repeat;
	padding-bottom:30px;
	}
.kirakira-cover {
	background:#FFF url("../images/bg_kirakira.jpg") repeat;
	padding-bottom:30px;
	}
	
.info-honbun {
	margin: auto;
	width: 800px;
	padding: 50px 50px 35px 50px;
	background:url(../img/bg-white.png) repeat;
	}

.info-honbun2 {
	margin: auto;
	width: 800px;
	padding: 0px 50px ;
	}

.honbun, .honbun2,.honbun4 {
	margin: auto;
	width: 640px;
	}
.honbun3 {
	margin: auto;
	width: 800px;
	padding:0 0 30px;
	}

.honbun5 {
	margin: auto;
	width: 480px;
}

.honbun { padding: 20px 30px;}

.honbun2 { padding: 20px 30px; }

.honbun p, .honbun2 p, .honbun3 p{margin-bottom:1em;}





#btl_box1 {
  /*display:flex;
  flex-direction: row;
  justify-content: space-between;*/
  width:100%;
  height:auto;
  margin-bottom: 40px;
  padding:0;
}

.btl_text {
  width:58%;
  padding:0;
  margin:0;
}


.btl_text h3 {
  font-size: 20px;
  line-height:2;
  margin: 0 ;
  text-align:center;
  padding:20px 0 40px;
}

.btl_text h2 {
  font-size: 19px;
  line-height:2;
  font-weight:lighter;
  text-align:center;
  margin: 0 ;
  padding:0px;
}

.btl_pict {
  width:40%;
  margin:0 auto ;
  padding:0 0 0 ;
  text-align:right;
}

img.btl_pictcnt{
	width:100%;
	height:auto;
	transition: 1.2s;
	padding:0 0 0 20px;
}
img.btl_pictcnt2{
	width:100%;
	height:auto;
	text-align: left;
	transition: 1.2s;
	padding:30px 0 0 0;
}
img.materials{
	width:90%;
	height:auto;
	transition: 1.2s;
	padding:0;
}









/* パッケージ案内  */

.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
}

.contents-box {
	margin-bottom: 3rem;
	padding: 1rem;
	width: 46%;
	background:url(../img/kami_bg.jpg) repeat;
}

.contents-box img {
	display: block;
	margin-bottom:2px;
	width: 100%;
	height: auto;
}

.contents-box img.kakaku {
	display: block;
	margin:1rem auto ;
	width: 40%;
	height: auto;
}

.contents-box h2 {
	margin-bottom: 1rem;
	line-height:1.8;
	font-weight:lighter;
	font-size: 1.1rem;
	text-align: center;
}

.contents-box .haiso{
	color:#F00;
	font-size:0.8em;
	border:1px solid #F00;
	padding:2px;
	margin:0 auto 10px;
	}


.contents-box2 {
	margin-bottom: 3rem;
	padding: 1rem;
	width: 46%;
	background:url(../img/ume_bg.jpg) repeat;
}


.contents-box2 img {
	display: block;
	margin-bottom:2px;
	width: 100%;
	height: auto;
}

.contents-box2 h2 {
	margin-bottom: 1rem;
	line-height:1.8;
	font-weight:lighter;
	font-size: 1.1rem;
	text-align: center;
}

.contents-box2 img.kakaku {
	display: block;
	margin:5.2rem auto 1rem;
	width: 40%;
	height: auto;
}
.contents-box2 .haiso{
	color:#F00;
	font-size:0.8em;
	border:1px solid #F00;
	padding:2px;
	margin:0 auto 10px;
	}

li.cont_list {
	padding: 0 0 0 10px;
	list-style: disc;
	list-style-position:inside;
	margin-bottom: 10px;
	}


	
	
.silver_circle {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #b8b8b8;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px; 
	border-radius: 50px;
	vertical-align: text-bottom;
}
.silver_circle p{ padding:0 0 0 10px;}



.waku-title{
	background-color: #F7B200; 
	color: #fff; 
	padding: 20px 0 ; 
	font-size:1.5rem; 
	font-weight: bold;
	text-align: center;
}
.waku {
	padding:0px 0  0;
	border: 3px solid #F7B200;
	background-color: #fff;
	margin:0 auto 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.waku .inside {
	padding:0 5% 5% ;
	}

.waku2 {
	padding:0px 0  0;
	background-color: #ffffff;
	}
.waku2 .inside {
	padding:0 5% 5% ;
	}

.waku3 {
	padding:0px 0  0;
	margin: 0 0 30px;
	background-color: #ffffff;
	}
	
.waku3 .inside {
	padding:0 5% 5% ;

	}

li.qa_list  {
    position: relative;
    padding-left: 25px;
	padding-bottom: 5px;

  }
h3.qa-t{
	font-size:1.2rem;
	font-weight: bold;
	color:#2A98A7;
	margin: 40px 0 5px 0;
}
h3.qa-t span{
	background-color: #50B8D8;
    color: #FFF;
    border-radius: 5px;
    padding: 2px 4px;
    margin-right: 10px;
}
h3.qa-t2{
	font-size:1.2rem;
	font-weight: bold;
	color:#539A4D;
	margin: 40px 0 5px 0;
}
h3.qa-t2 span{
	background-color: #539A4D;
    color: #FFF;
    border-radius: 5px;
    padding: 2px 4px;
    margin-right: 10px;
}
.answer {
	background-color: #F4F4F4;
    padding: 16px;
    margin-top: 20px;
}
.answer p {
	margin-bottom: 0;
}

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

.qa-title1{
	background-color: #50B8D8; 
	color: #fff; 
	padding: 10px; 
	font-size:1.4rem; 
	font-weight: bold;
	text-align: center;
}
.qa-title2{
	background-color: #539A4D; 
	color: #fff; 
	padding: 10px; 
	font-size:1.4rem; 
	font-weight: bold;
	text-align: center;
}

/* ボタン実装  */


/* 国内  */
.button {
  display: inline-block;
  width: 500px;
  height: 140px;
  margin:10px auto;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  font-size:2.4em;
  font-weight:600;
  line-height:2.4;
  outline: none;
  background-color: #009900;
  border: 1px solid #003300;
  color: #fff;
  padding:15px 0 0;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.button:hover {
  background-color: #00dd00;
  border-color: #003300;
  color: #FFFFFF;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/* 海外  */
.button2 {
  display: inline-block;
  width: 280px;
  height: 80px;
  margin:10px auto;
  text-align: center;
  text-decoration: none;
  font-size:20px;
  font-weight:600;
  line-height:1.6;
  outline: none;
  background-color: #e65fa2;
  border: 1px solid #b2296d;
  color: #fff;
  padding:8px 0;
}
.button2:hover {
  background-color: #ffd6ea;
  border-color: #d42f80;
  color: #d42f80;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* 分割払い  */
.button3 {
  display: inline-block;
  width: 280px;
  height: 50px;
  margin:10px auto;
  text-align: center;
  text-decoration: none;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  outline: none;
  background-color: #7e9ce8;
  border: 1px solid #2952b8;
  color: #fff;
  padding:5px 0;
}
.button3:hover {
  background-color: #fff;
  border-color: #7e9ce8;
  color: #2952b8;
}
.button3::before,
.button3::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button3,
.button3::before,
.button3::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


/* 遠隔ヒーリング  */
.button4 {
  display: inline-block;
  width: 280px;
  height: 80px;
  margin:10px auto;
  text-align: center;
  text-decoration: none;
  font-size:20px;
  font-weight:600;
  line-height:1.6;
  outline: none;
  background-color: #1faa33;
  border: 1px solid #0C0;
  color: #fff;
  padding:8px 0;
}
.button4:hover {
  background-color: #b9eec0;
  border-color: #0C0;
  color: #207d2d;
}
.button4::before,
.button4::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button4,
.button4::before,
.button4::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 768px){
	.button {
  width: 90%;
  height: 100px;
  font-weight: bold;
  margin:10px auto;
  font-size:1.8em;
  line-height:2.4;
  padding:15px 0 0;
  }
  
  .button2 {
  width: 90%;
  height: 80px;
  margin:10px auto;
  font-size:18px;
  line-height:1.6;
  padding:10px 0;
  }
  
  .button3 {
  width: 90%;
  height: 50px;
  margin:10px auto;
  font-size:14px;
  line-height:1.5;
  padding:5px 0;
  }
  
  .button4 {
  width: 90%;
  height: 80px;
  margin:10px auto;
  font-size:18px;
  line-height:1.6;
  padding:10px 0;
  }
  

}

.m_makomo{
	border-left:#093 solid 5px;
	padding: 0 0 0 10px;
	font-size:1.2em;
	margin:50px 0 20px;
}



li.check {
	background: url(../img/ch_02.png) no-repeat 0 5px;
	padding: 0 0 0 25px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.2;
	color:#1fb1d0;
	font-weight:bold;
	margin-bottom: 20px;
	}

li.ya2 {
	background: url(../img/ya4.png) no-repeat 0 8px;
	padding: 0 0 0 25px;
	list-style: none;
	font-size: 1.4em;
	line-height: 1.5;
	color:#33cc00;
	font-weight:bold;
	margin-bottom: 15px;
	}

li.check {
	background: url(../img/ch_02.png) no-repeat 0 5px;
	padding: 0 0 0 25px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.2;
	color:#1fb1d0;
	font-weight:bold;
	margin-bottom: 20px;
	}

span.let {
	line-height: 1.5;
	border-bottom:#333 1px dotted;
	text-align:center;
	margin:0 auto 20px ;
	display:block;
	}

.stepcnt{ width:90%; margin:0 auto;}

.osusume_pink{ background-color:#ffd5e7; padding:10px 0; margin:0 0 20px;}
.osusume_pink p{ font-size:1.2em; font-weight:bold; margin:0;  text-align:center;}
.osusume_yellow{ background-color:#fefdd6; padding:10px 0; margin:0 0 20px;}
.osusume_yellow p{ font-size:1.2em; font-weight:bold; margin:0;  text-align:center;}

#yoyaku {
  max-width: 100%;
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, #e4d42e, #f37fbb);
  padding: 3px;

}
.module {
  background: #fff;
  color: #F96;
  height:100%;
  padding:1rem 1rem 2rem;

}
.yoyaku_m1{ font-family: "Sawarabi Gothic";  font-size:1.8em; font-weight:bold; color:#ff7e00; letter-spacing:0.4em;}
.suryo{vertical-align: middle; padding:0 0 20px;}
.yoyaku_m2{font-family: "Sawarabi Gothic"; font-size:2em; font-weight:bold; color:#ff7e00; border-bottom:#ff7e00 2px solid;}
.yoyaku_md{color:#000; margin:20px 0 0 0; padding:20px;}
.yoyaku_md p{ margin:0;}
.yoyaku_bgcl{ width:70%; background-color:#fefcef; padding:20px; color:#000; margin:20px auto 0 ;}
.yoyaku_bgcl p{ margin:0;}
.setlist{list-style:inside disc; margin:0 50px 30px 0;}

.heading_gothic {
	text-align:center;
	font-weight: bold;
	font-size:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#voice1 {background: url(../img/voice1.png) no-repeat top left;}
#voice2 {background: url(../img/voice2.png) no-repeat top left;}
#voice3 {background: url(../img/voice3.png) no-repeat top left;}
#voice4 {background: url(../img/voice4.png) no-repeat top left;}
#voice5 {background: url(../img/voice5.png) no-repeat top left;}
#voice6 {background: url(../img/voice6.png) no-repeat top left;}
#voice7 {background: url(../img/voice7.png) no-repeat top left;}

#voice1,#voice2,#voice3,#voice4,#voice5,#voice6,#voice7 {
	display:block;
	margin-bottom: 35px;
	padding: 33px 0 10px 10px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	font-size: 1.1em;
	}

#voice1 p,#voice2 p,#voice3 p,#voice4 p,#voice5 p,#voice6 p,#voice7 p {margin-bottom:1em;}

#voice1 h3,#voice2 h3,#voice3 h3,#voice4 h3,#voice5 h3,#voice6 h3,#voice7 h3 {
	padding: 25px 0 20px 0;
	margin-bottom: 10px;
	font-size: 2.4em;
	line-height:1.3;
	font-weight:bold;
	color:#444;

	}

#voice1 img,#voice2 img,#voice3 img,#voice4 img,#voice5 img,#voice6 img,#voice7 img {
	float:right;
	width:320px;
	height:auto;
	margin-left:15px;
	}

.qa-q {
	border-top: 1px solid #c69c00;
	background: url(../img/q-min.png) no-repeat 0 6px;
	padding: 15px 10px 20px 55px;
        color:#c69c00;
	font-weight: bold;

	}

.qa-a {
	background: url(../img/a-min.png) no-repeat top left;
	padding: 15px 10px 30px 55px;
	margin-bottom: 25px;
        color:#333;
	font-size: 1.1em;
	line-height:1.5;
	}

.qa-a > .pink {font-weight:bold;}

#profile h3 {
	display:block;
	font-size : 2.4em;
	line-height: 1.4;
	color:#c4b407;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #c4b407;
	}

#profile h4 {
	font-size : 1.8em;
	line-height: 1.4;
	color:#ff3e82;

	}

#profile dl dt {
	float:right;
	width:40%;
	padding:0 0 0 3%;
	}

#profile dl dt img {
	width:100%;
	}

#profile dl dd {

	line-height: 1.8;
	}


table.info {
	width:100%;
	}

table.info td,table.info th {
	border-bottom:1px solid #CCC;
	padding:15px;
	}

table.info th {
	width:25%;
	text-align:center;
	}
#box_cnt_1{
	width:95%;
	height:100%;
	background:#fff;
	border:2px solid #10acd3;
	border-radius:0px;
	margin:80px auto 30px;
	padding:20px;
	
}
#box_cnt_1 .inbox{padding:20px; background:#FFF; border:2px solid #23b9d9; text-align:left;}
#box_cnt_1 h2{ background-color:#13c4f0; color:#FFF; font-size:28px; text-align:center; padding:10px; margin:0 0 50px;}
#box_cnt_1 li{ list-style:none; margin:0 20px 30px 30px; background:url(../img/ch_02.png) no-repeat ; padding:0 20px 20px; border-bottom:1px dotted #7c7c7c;}
#box_cnt_1 p{ margin:0 0 0 40px; color:#10acd3; font-size:1.1em; line-height:1.8;}


#box_cnt_2{
	width:99%;
	height:100%;
	margin:0 auto 50px;
	}
#box_cnt_2 .inbox{ padding:20px; background:url(../img/bg-white.png) repeat; border:2px solid #66cccc; text-align:left;}
#box_cnt_2 .bg_box{ padding:20px; background:#ddf0fc;}
#box_cnt_2 h2{
   font-size:1.6em;
   color:#fff;
   background-color:#66cccc;
   text-align:center;
   padding:30px 0;
   margin:0 0;
}
#box_cnt_2 h3{ background-color:#ffff; color:#46b0cb; font-size:22px; text-align:center; padding:10px;}


#box_cnt_3{
	width:95%;
	height:100%;
	background:#fff;
	border:2px solid #21b575;
	border-radius:0px;
	margin:80px auto 30px;
	padding:20px;
	
}
#box_cnt_3 .inbox{padding:20px; background:#FFF; border:2px solid #21b575; text-align:left;}
#box_cnt_3 h2{ background-color:#21b575; color:#FFF; font-size:28px; text-align:center; padding:10px; margin:0 0 50px;}
#box_cnt_3 li{ list-style:none; margin:0 20px 30px 30px; background:url(../img/ch_03.png) no-repeat ; padding:0 20px 20px; border-bottom:1px dotted #7c7c7c;}
#box_cnt_3 p{ margin:0 0 0 40px; color:#21b575; font-size:1.1em; line-height:1.8;}

#box_cnt_4{ border:2px solid #e9317b; padding:20px; width:94%; margin:0 auto 50px; background-color:#FFF;}
#box_cnt_4 .inbox{ background-color:#e9317b; font-size:1.5em; padding:5px 10px; text-align:center; color:#FFF; font-weight:bold; vertical-align:middle;}

.q_back{ background-color:#c71010; border:1px solid #6c0606; padding:5px; color:#FFF; font-weight:bold; text-align:center; vertical-align:middle;  border-radius:5px;}

.movie_b { width:95%; height:auto; background-color:#d4d4d4; padding:20px;}


/*  フォント
----------------------------------------------- */

.mincho { 
	font-family: 'Times New Roman','ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; 
	-webkit-text-shadow:0 0 15px #FFF, 0 0 15px #FFF;
	-moz-text-shadow:0 0 15px #FFF, 0 0 15px #FFF;
	-o-text-shadow:0 0 15px #FFF, 0 0 15px #FFF;
	text-shadow:0 0 15px #FFF, 0 0 15px #FFF;
	}

.p12,.p14,.p16,.p20,.b12,.b14,.b16,.b20 {line-height: 1.6;}

.p24,.p30,.b24,.b30 {line-height: 1.4;}

.p32,.p36,.b32,.b36 {line-height: 1.3;}

.p12{font-size: 1.2em;}
.p14{font-size: 1.4em;}
.p16{font-size: 1.6em;}
.p20{font-size: 2.0em;}
.p24{font-size: 2.4em;}
.p30{font-size: 3.0em;}
.p32{font-size: 3.2em;}
.p36{font-size: 3.6em;}

.b12{font-size: 1.2em;font-weight:bold;}
.b14{font-size: 1.4em;font-weight:bold;}
.b16{font-size: 1.6em;font-weight:bold;}
.b20{font-size: 2.0em;font-weight:bold;}
.b24{font-size: 2.4em;font-weight:bold;}
.b30{font-size: 3.0em;font-weight:bold;}
.b32{font-size: 3.2em;font-weight:bold;}
.b36{font-size: 3.6em;font-weight:bold;}

.yellow {color:#ac9211;}
.pink {color:#ff3e82;}
.pink2 {color:#ff64a0;}
.orange {color:#ff6600;}
.blue {color:#0000ff;}
.green {color:#349a00;}
.purple {color:#a13cb7;}



.m-10 {margin-bottom:-12px;}
.m-20 {margin-bottom:-20px;}
.m0 {margin-bottom:0px;}
.m10 {margin-bottom:10px;}
.m20 {margin-bottom:20px;}
.m30 {margin-bottom:30px;}
.m40 {margin-bottom:40px;}
.m50 {margin-bottom:50px;}
.m60 {margin-bottom:60px;}
.m70 {margin-bottom:70px;}
.m80 {margin-bottom:80px;}
.m100 {margin-bottom:100px;}

.t-30 {margin-top:-50px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}
.t40 {margin-top:40px;}
.t50 {margin-top:50px;}
.t60 {margin-top:60px;}
.t70 {margin-top:70px;}
.t80 {margin-top:80px;}
.t100 {margin-top:100px;}

br.pc {display:inline;}
br.sp {display:none;}

img.pc {display:block;}
img.sp {display:none;}




/*  フッター
----------------------------------------------- */
footer {
        clear:both;
	font-size: 12px;
	color:#FFF;
        padding: 10px 0;
	text-align: center;
	background: #bdb30f;
	border-top: 2px solid #dcd455;
	}

footer a {
	color:#FFF;
	}





/*----------------------------------------------------
レスポンシブ
----------------------------------------------------*/
@media only screen and (max-width: 768px) {

body {
	font-size: 1.2em;
	line-height:2;
	background-color:#fff;
	/*background: url(../img/bg4sp2.jpg) repeat-y top;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	background-attachment:fixed;*/
	}
	
br { display : none ; }

h1{ font-size:1.7em;
	line-height:1.5;
	}

h2 {
	font-size : 1.6em;
	}

h3 {
	font-size : 1.4em;
	}

.vm_h1{font-family: "Sawarabi Mincho"; 
     font-size : 1.1em;
	 font-weight:bold;
	 text-align:center;
	 margin:8% 0 2%;
    }

.float-left { float: none; }
.float-right { float: none; }	

img.maintit {
	width: 98%;
	height: auto;
	position: relative;
	padding: 0px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
	animation-delay: 0.4s;
}

img.subtit1 {
	width: 90%;
	height: auto;
	position: relative;
	padding: 10px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

img.subtit2 {
	width: 90%;
	height: auto;
	position: relative;
	padding: 20px 0 0;
	margin: 0 auto 0 ;
	top:0px;
	left:0px;
	display: block;
	overflow: hidden;
	transition: 1.2s;
}

img.h_2 {
	width:100%;
	padding-top:10%;
	text-align:center;
	}
img.h_3 {
	width:100%;
	padding-top:6%;
	text-align:center;
	}
	
img.full70{
	width:100%;
	height:auto;
	transition: 1.2s;
	}

img.makoto{
	width:40%;
	height:auto;
	transition: 1.2s;
	}
	
img.alignleft {
	float: none;
	margin: 0;
	width:100%;
	height:auto;
}

img.alignright {
	display:block;
	float:none;
	width:100%;
	height:auto;
	margin: 0 auto 0.5em ;
	padding:0;
	}

/*header {
	display: block;
	margin: 0;
	padding:0 0 0px;
	background: url(../images/bg4sp2.jpg) no-repeat top;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	height: 1000px;
	background-attachment: scroll;
	}*/

header iframe {
	font-size:0.8em;
	width:97%;
	height:50px;
	margin:5px 0 -10px 0;
	}

header  p{ color:#f25787; font-size:1.2em; font-weight:bold; line-height:1.6}

header .count-bg {
	z-index:10000;
	background-color:#ff99cc;
	height:50px;
	width: 100%;
	margin:0;
	padding:5px 0 0 ;

	}
header .p12{font-size: 16px;}


/*  インデックス
----------------------------------------------- */

#contents02-container .tit{ width: 94%; height:auto; font-size:1.2em; }
#contents02-container ul li{ font-size:0.9em;}
.comesoon{ font-size:0.7em;}
.tx_5{font-size:0.8em; }


/*  タイマー
----------------------------------------------- */

#CDT .day{
 font-size: 18px;
 color:#f25787;
 font-weight:bold;
 padding:0;
 margin:0;
}
#CDT .hour,#CDT .min{
 font-size: 18px;
 color:#f25787;
 padding:0;
 font-weight:bold;
 margin:0;
}

#CDT .sec,#CDT .milli{
 font-size: 14px;
 color:#f25787;
 font-weight:bold;
 padding:0;
 margin:0;
}

#CDT{
 font-size: 18px;
 color:#f25787;
 font-weight:bold;
 padding:10px 0 0 0;
}

.content {
	background:#fff;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	background-attachment:fixed;
	}

.univers-cover {
	height: 824px;
	padding-top: 0px;
	background-position: 48.5% 50%;
}

.first-view{
  position: absolute;
  top:0;
  width: 100%;
  text-align:center;	
}

.first-view02{
	position: absolute;
	top:60px;
	width: 95%;
	text-align:center;	
  }

.midashi .midashi2 .midashi3 .midashi4 .midashi5 .midashi6{
	width: 100%;
	padding:0;
	margin:0;
	text-align:center;
	}
.midashi_1{ padding:20px 0 0 0; margin: 0;}
	
.midashi{
	background: url(../images/sm_midashi_back.png) repeat-x center bottom;
	height:150px;
	}
.midashi2{
	background: url(../images/sm_midashi_back2.png) repeat-x center bottom;
	height: 150px;
	}
.midashi3{
	background: url(../images/sm_midashi_back3.png) repeat-x center bottom;
	height: 150px;
	}
.midashi4{
	background: url("../images/sm_midashi_back4.png") repeat-x center bottom;
	height: 150px;
	}
.midashi5{
	background: url("../images/sm_midashi_back5.png") repeat-x center bottom;
	height: 150px;
	}
.midashi6{
	background: url("../images/sm_midashi_back6.png") repeat-x center bottom;
	height: 150px;
	}
	

	
img.midashi_tit {
	width:100%;
	height:auto;
	transition: 1.2s;
	}	
	
	
.list_01 ul{ padding:20px 0px 20px 0px;}
.list_01 ul li{ list-style:url(../images/ch_02s.png) ; margin:0 0 35px 30px; vertical-align:baseline;}
.list_01 ul li p{ margin:0 0 0 10px;font-size:20px; font-weight:800; color:#114097;}
.m_makomo{
	padding: 0 0 0 10px;
	font-size:1.2em;
	margin:15px 0 ;
}

.m_mizuhiki{
	padding: 0 0 0 10px;
	font-size:1.2em;
	margin:15px 0;
}


	
h3.subhead3 {
	display:block;
	border-bottom:2px dotted #bbab21;
	padding:5px 0 10px ;
	margin-bottom:15px;
	font-size: 1.3em;
	line-height: 1.5;
	color:#bbab21;
	font-weight:bold;
	}
	
.entry {
	width: 92%;
	padding:10px 3% 20px 3%;
	}

.entry p { font-size:0.8em }

.entry p.b14 br { display:none; }

.entry img {
	width:108%;
	margin-left:-4%;
	}

.entry img.full4 {
	display: block;
	width:90%;
	}

.entry img.title2 {
	display:none;
	}

input.touroku_mail {
	width:95%;
	height:40px;
	padding:2px;
	font-size:20px;
	border:3px solid #ff1f6a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	}

.white-cover,.sky-cover {
	padding-bottom:0px;
	}

.shadow-cover {
	padding:10px 0 20px 0;
	}

.info-cover {
	padding: 0 0;
	background-color:#fffde3;
	}

.column {
        width: 100%;
    }
	

/**** 動画  ****/
	
.video{
     position: relative;
     height: 0;
     overflow: hidden;
	 margin: 0 auto;
	height: 250px;
}
.video iframe{
  position:absolute;
  top:0;
  left: 0;
  right: 0;
  width:100%;
  height:100%;
  margin: auto;

}

/*
.header_wrap{
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 200px;
	margin: 0 ;
}
.header_movie{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
}
.header_movie video {
	display: block;
	position: relative;
	width: 100%;
	top: 130px;
	left: 50%;
	margin: 0 auto;
  display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}
*/
.honbun, .honbun2, .honbun3, .honbun4, .honbun5 .info-honbun, .info-honbun2{
	font-size:1em;
	}

.honbun { width: 98%; padding: 20px 0 ;}

.honbun2 { width: 94%; padding: 20px 0 ; }

.honbun3 { width: 94%; padding: 20px 0; }

.honbun4 { width: 95%; padding: 0px 0 20px; margin: 0 auto;}

.honbun5 { width: 94%; padding: 20px 0; }

.info-honbun { width: 88%; padding: 20px 4% 15px 4%; }

.info-honbun2 { width: 88%; padding: 0px 4% 0px 4%; }


.sec-title {
	width:88%;
	margin-top:0px;
	margin-bottom:10px;
	padding:12px 10px 8px 10px;
	border-color: #fbbbd9 #f2739a #e05989 #f273af;
	}
	
.sec-title > .p14, .sec-title > .p20 {
	line-height:1.3;
	}

h2.t-title {
	font-size:1.6em;
	}

h2.t-title br {
	display: none;
	}

h3.subhead2 {
	padding:3px 0 5px 36px;
	margin-bottom:10px;
	background-position:0 0;
	-webkit-background-size:28px auto;
	-moz-background-size:28px auto;
	-o-background-size:28px auto;
	background-size:28px auto;
	font-size: 1.4em;
	line-height: 1.3;
	}

li.ya,li.ya2 {
	padding: 5px 0 0 16px;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
	background-position:0 9px;
	font-size: 1.2em;
	line-height: 1.2;
	margin-bottom: 10px;
	}
.love-cover {
	background-image:url(../img/bg_tori.png),url(../img/bg_pinksp.jpg);
	background-repeat:repeat-y;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	padding-bottom:30px;
	}

.washi-cover {
	background:#FFF url(../img/bg_washi.jpg) repeat;
	padding-bottom:30px;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	display: block;
	margin: 0;
	}

.seorituhime-cover {
	background:#FFF url(../img/bg_seorituhime.jpg) repeat;
	padding-bottom:30px;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	display: block;
	margin: 0;
	}


span.let {
	line-height: 2;
	margin:0 auto  ;
	display: inline;
	}

.waku {
	margin-top: 40px;
}

.waku-title{
	padding: 10px 0 ; 
	font-size:1.1rem; 

}

img.top_image_title {
    width: 100%;
    left: 0;
	right: 0;
    top: 0;
	margin: auto;
}

/* img.top_image_title_tate {
    width: 80px;
	right: 40px;
    top: 140px;
} */

.cover01 {
	height: 850px;
	background: url('../img/5image_smbg.jpg') no-repeat center;
	background-size: cover;
	line-height: 1.7;
}

img.old_book_bg {
    width: 100%;
}

.cover02 {
	height: 780px;
}

img.fire_symbol {
    width: 100%;
}

.cover03 {
	background: url('../img/4image_smbg.jpg') no-repeat center;
	background-size: cover;
	height: 800px;
}

.cover04 {
	height: 800px;
}

img.compass {
    width: 180px;
    left: 40px;
    bottom: -30px;
	}

img.n_207_01 {
    width: 320px;
    right: 0;
    top: -80px;
	}

img.n_207_02 {
    width: 320px;
    left: 0px;
    bottom: -80px;
	}

img.n_214 {
    width: 240px;
}

.feoh {
	width: 10px;
}

.feoh_2 {
	width: 10px;
}

.osusume_pink{ padding:10px 0; margin:0 0 10px;}
.osusume_pink p{ font-size:1.1em; }
.osusume_yellow{ padding:10px 0; margin:0 0 10px;}
.osusume_yellow p{ font-size:1.1em; }
.yoyaku_m1{ font-family: "Sawarabi Gothic";  font-size:2.1em; font-weight:bold; color:#ff7e00; letter-spacing:0.2em;}
.suryo{vertical-align: middle; padding:0 0 15px; width:25%;}
.yoyaku_m2{font-family: "Sawarabi Gothic"; font-size:1.8em; font-weight:bold; color:#ff7e00; border-bottom:#ff7e00 2px solid;}
.yoyaku_md{color:#000; margin:20px 0 0 0; padding:10px;}
.setlist{margin:0 5px 5px 0;}
.yoyaku_bgcl{ width:90%; background-color:#fefcef; padding:10px; color:#000; margin:20px auto 0 ;}

#box_cnt_1{
	width:93%;
	padding:10px;
	margin:30px 0 50px 0;
}
#box_cnt_1 h2{ font-size:1.3em; padding:10px; margin:0 0 30px;}
#box_cnt_1 li{ margin:0 0px 30px 0px; padding:0 0 15px 20px; background:url(../img/ch_02s.png) no-repeat;}
#box_cnt_1 p{ margin:0 0 0 30px; font-size:0.9em; line-height:1.7;}


#box_cnt_2{
	width:99%;
	height:100%;
	margin:0 auto 50px;
	}
#box_cnt_2 .inbox{ padding:10px; background:url(../img/bg-white.png) repeat; border:2px solid #66cccc; text-align:left;}
#box_cnt_2 .bg_box{ padding:20px; background:#ddf0fc;}
#box_cnt_2 h2{
   font-size:1.2em;
   padding:20px 10px;
   margin:0 0;
}
#box_cnt_2 h3{ background-color:#ffff; color:#46b0cb; font-size:22px; text-align:center; padding:10px;}


#box_cnt_3{
	width:93%;
	margin:20px auto 30px;
	padding:10px;
	
}
#box_cnt_3 .inbox{padding:10px;}
#box_cnt_3 h2{ font-size:1.3em; padding:10px; margin:0 0 50px;}
#box_cnt_3 li{ margin:0 0px 30px 0px; padding:0 0 15px 20px; background:url(../img/ch_03s.png) no-repeat;}
#box_cnt_3 p{ margin:0 0 0 30px; font-size:0.9em; line-height:1.7;}

#box_cnt_4{ width:87%; }

#btl_box1 {
  /*display:flex;
  flex-direction: row;
  justify-content: space-between;*/
  width:100%;
  height:auto;
  margin-bottom: 0px;
  padding:0;
}

.btl_text {
  width:100%;
  padding:0;
  margin:0;
}


.btl_text h3 {
  font-size: 15px;
  line-height:2;
  margin: 0 ;
  text-align:center;
  padding:20px 0 20px;
}

.btl_text h2 {
  font-size: 1.2em;
  line-height:2;
  font-weight:lighter;
  text-align:center;
  margin: 0 ;
  padding:0px;
}

.btl_pict {
  width:100%;
  margin:0 auto ;
  padding:0 0 0 ;
  text-align:center;
}

img.btl_pictcnt{
	width:90%;
	height:auto;
	transition: 1.2s;
	padding:0 0 0 0;
	text-align:center;
}
img.btl_pictcnt2{
	width:90%;
	height:auto;
	transition: 1.2s;
	padding:0 0 0 0;
	text-align:center;
}
img.materials{
	width:100%;
	height:auto;
	transition: 1.2s;
	padding:0;
}

.es_oil{ padding:20px 0 0 ;}


	.contents-wrap {
		flex-direction: column;
	}

	.contents-box {
		width: 92%;
	}
	.contents-box p{
		margin-bottom:5px;
	}
	.contents-box h2 {
	line-height:1.6;
	font-size: 0.9rem;
    }
	.contents-box img.kakaku {
	margin:1rem auto 10px;
	width: 50%;
    }
	.contents-box .haiso{
	font-size:1em;
	padding:2px;
	margin:0 auto 10px;
	}
	
	
	.contents-box2 {
		width: 92%;
	}
	
	.contents-box2 p{
		margin-bottom:5px;
	}
	.contents-box2 h2 {
	line-height:1.6;
	font-size: 0.9rem;
    }
	.contents-box2 img.kakaku {
	margin:1rem auto 10px;
	width: 50%;
    }
	.contents-box2 .haiso{
	font-size:1em;
	padding:2px;
	margin:0 auto 10px;
	}
	
	.mizuhiki_box{padding:25px 0 0 ;}
	img.cl_mizuhiki{
	vertical-align: baseline;
	}
#voice1,#voice2,#voice3,#voice4,#voice5,#voice6,#voice7 {
	margin-bottom: 20px;
	padding: 20px 0 10px 0;
	font-size: 1em;
	-webkit-background-size:150% auto;
	-moz-background-size:150% auto;
	-o-background-size:150% auto;
	background-size:150% auto;
	}



#voice1 h3,#voice2 h3,#voice3 h3,#voice4 h3,#voice5 h3,#voice6 h3,#voice7 h3 {
	padding: 5px 0 10px 0;
	margin-bottom: 0px;
	font-size: 1.5em;
	line-height:1.3;
	}

#voice1 img,#voice2 img,#voice3 img,#voice4 img,#voice5 img,#voice6 img,#voice7 img {
	width:36%;
	height:auto;
	margin-left:10px;
	}

.qa-q {
	background: url(../img/q-min.png) no-repeat 0 6px;
	padding: 10px 0px 15px 35px;
	font-size: 1em;
	}

.qa-a {
	padding: 8px 0px 20px 35px;
	margin-bottom: 15px;
	font-size: 1em;
	}

.qa-q, .qa-a {
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	-o-background-size:25px auto;
	background-size:25px auto;
	}

#profile p { font-size:0.9em; }

#profile h3 { font-size:1.6em; margin-bottom:0px;}

#profile h4 { font-size : 1.4em; }

#profile dl dt {
	float:none;
	margin:auto;
	width:70%;
	padding:10px 0 0 0;
	}


#profile dl dd {
	float:none;
	width:100%;
	padding:0;
	font-size:14px;
	}

.line_hi3{line-height:3;}
.line_hi25{line-height:2.5;}
.line_hi18{line-height:1.8;}

.tx_pink_line_7{ font-size:1.8em;}

h4 {
	font-size : 1.2em;
	line-height: 1.7;
	}


.p12,.p14,.p16,.p20,.b12,.b14,.b16,.b20 {line-height: 1.5;}

.p24,.p30,.b24,.b30 {line-height: 1.3;}

.p32,.p36,.b32,.b36 {line-height: 1.2;}

.tx_1{font-size:8px;}
.tx_2{font-size:11px;}
.tx_3{font-size:12px;}
.tx_4{font-size:13px;}
.tx_5{font-size:15px;}
.tx_8{ font-size:20px;}
.tx_9{font-size:22px;}
.tx_10{ font-size:24px;}
.p12,.b12{font-size: 1.1em;}
.p14,.b14{font-size: 1.2em;}
.p16,.b16{font-size: 1.3em;}
.p20,.b20{font-size: 1.5em;}
.p24,.b24{font-size: 1.7em;}
.p30,.b30{font-size: 2.0em;}
.p32,.b32{font-size: 2.2em;}
.p36,.b36{font-size: 2.4em;}


.m-10 {margin-bottom:-12px;}
.m-20 {margin-bottom:-10px;}
.m0 {margin-bottom:0px;}
.m10 {margin-bottom:5px;}
.m20 {margin-bottom:10px;}
.m30 {margin-bottom:15px;}
.m40 {margin-bottom:20px;}
.m50 {margin-bottom:20px;}
.m60 {margin-bottom:30px;}
.m70 {margin-bottom:35px;}
.m80 {margin-bottom:40px;}
.m100 {margin-bottom:50px;}

.t-30 {margin-top:-15px;}
.t10 {margin-top:5px;}
.t20 {margin-top:10px;}
.t30 {margin-top:15px;}
.t40 {margin-top:20px;}
.t50 {margin-top:25px;}
.t60 {margin-top:30px;}
.t70 {margin-top:35px;}
.t80 {margin-top:40px;}
.t100 {margin-top:50px;}


br.pc {display:none;}
br.sp {display:inline;}

img.pc {display:none;}
img.sp {display:block;}

img.w20 {
	width:20px;
	height:auto;
	}

img.w30 {
	width:30px;
	height:auto;
	}

.b30 br, .b32 br {display:none;}

.floaright {
	display: inline;
	float: none;
	margin: auto 0;
	max-width:400px;
}


/** テーブル **/
.com_table{
	 border: 1px solid #dddddd;
	 width: 100%;
	 margin:0 0 0;
}
.com_table th {
	display: block;
    border-top: none;
    border-bottom: none;
	border:none;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	vertical-align:middle;
	padding:5px 0;
	width: 100%;
	
}
.com_table td{
	display: block;
    text-align: left;
	line-height:1.8;
	padding:10px;
	width: 90%;
	border:none;
}


}

@media only screen and (max-width: 480px) {





}

@media only screen and (max-width: 380px) {

img.top {
	top:30px;
	padding: 0 0  0;
	}

h2.t-title {
	font-size:1.3em;
	}

header .p12{font-size: 0.6em;}

.p14,.b14{font-size: 1.15em;}
.p16,.b16{font-size: 1.2em;}
.p20,.b20{font-size: 1.3em;}
.p24,.b24{font-size: 1.4em;}
.p30,.b30{font-size: 1.5em;}
.p32,.b32{font-size: 1.6em;}
.p36,.b36{font-size: 1.8em;}


.waku-title{
	padding: 5px; 
	font-size:1.1rem; 
}

.movie {
	width:95%;
	padding:20px;
	background:#f2f2f2;
	}


.movie iframe {
	margin:0 auto;
	padding: 0;
	width:750px;
	height:422px;
	}


@media only screen and (max-width: 640px) {

.movie { width:93%; padding: 10px;}

.movie-sp {
	position: relative;
	width: 100%;
	}

.movie-sp:before {
	content:"";
	display: block;
	padding-top: 56.25%; /* iframe高さと幅の比を16:9に固定。9/16*100=56.25 */
	}

.movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

}



@media only screen and (max-width: 400px) {

	.movie_box {
	width:100%;
	margin: 0 auto;
	padding: 0;
	}


	.movie_box iframe {
	width:280px;
	height:160px;
	}

}

@media screen and (min-width: 401px) {

	.movie_box {
	width:100%;
	margin: 0 auto;
	padding-top: 0px;
	}

	.movie_box2 {
	width:100%;
	height:320px;
	margin: 0 auto ;
	margin-bottom: 30px;
	background: url(../img/tv.png) no-repeat top center;
	-webkit-background-size:110% auto;
	-moz-background-size:110% auto;
	-o-background-size:110% auto;
	background-size:110% auto;
	}

	.movie_box iframe {
	width:350px;
	height:190px;
	}
}

@media screen and (min-width: 460px) {

	.movie_box2 {
	height:360px;
	}
	.movie_box iframe {
	width:400px;
	height:220px;
	}
}

@media screen and (min-width: 520px) {

	.movie_box2 {
	height:400px;
	}
	.movie_box iframe {
	width:450px;
	height:250px;
	}
}

@media screen and (min-width: 594px) {

	.movie_box2 {
	height:480px;
	margin-bottom: 40px;
	}

	.movie_box iframe {
	width:500px;
	height:280px;
	}

}

@media screen and (min-width: 673px) {

	.movie_box {
	width:700px;
	margin: 0 auto;
	padding: 0px;
	}


	.movie_box iframe {
	width:560px;
	height:315px;
	}
}


