@charset "utf-8";

/*--------------------------------------------------*/
/*-------------------- 全体設定 --------------------*/
header,footer,nav,section{ display: block; }
body{
	background-color: #fff;
	background-attachment: fixed;
	-webkit-text-size-adjust: 100%;
}

a:link		{ color: #55c }
a:hover		{ background: #ddf; text-decoration: none; }
a:active	{ text-decoration: none; }
a:visited	{ color: #66d }
a{ word-wrap: break-word; }

hr { height: 1px; width:75%; background-color: #66c; border: none; }
li { list-style: none; }

div.h_line    { clear: both; text-align: center; }
div.waku      { clear: both; text-align: center; }

div.h_line img{ width: 320px; height: 19px; }
/*******************************ここチェックして問題なければ削除*/
/*div.h_line img{ width: 100%; height: auto; max-width: 480px; }*/

div.waku   img{ width: 100%; height: auto; max-width: 480px; }

div.pc_menu     { text-align: center; }
div.pc_menu img { width: 100%;  max-width: 300px; }
/*-------------------- 全体設定 --------------------*/
/*--------------------------------------------------*/



/*----------------------------------------------------*/
/*     HEADER部分     */
/*----------------------------------------------------*/
header {
	text-align: center;
	margin-bottom: 0px;
}
/*----------------------------------------------------*/
/*     HEADER部分     */
/*----------------------------------------------------*/



/*----------------------------------------------------*/
/*     FOOTER部分     */
/*----------------------------------------------------*/
footer {
	width: 100%;
	max-width: 780px;
	text-align: center;
	margin-bottom: 0px;
}

footer img{
	width: 100%;
	max-width: 780px;
}

div.tab_footer {
	margin: 0 auto;  /* ブロック要素を中央にする */
	height: 7px;
	width: 100%;
	max-width: 780px;
	background: -moz-linear-gradient(top, #fff, #00f);
	background: -webkit-linear-gradient(top, #fff, #00f);
	background: linear-gradient(#fff, #00f);
}
div.footer{
	word-break: keep-all;
}
div.footer a{
/*	line-height: 30px;*/
}
/*----------------------------------------------------*/
/*     FOOTER部分     */
/*----------------------------------------------------*/



/*--------------------------------------------------*/
/*     header 内 h1 題名の設定     */
/*--------------------------------------------------*/
header h1 {
	display: block;
	font-size: 20px;
	line-height: 50px;
	background-image: url('/image/mainimage/h1.gif');
	background-repeat:no-repeat;
	background-position:center;
	max-widht: 480px;
	color: #66c;
	font-weight: bold;
	margin: 0 auto;
}

header h2 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
}
div.h2 {
	width: 100%;
	text-align: left;
}

h3 {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin:0;
	padding:0;
	line-height: 25px;
}

p.h3 {
	padding-top: 15px;
	font-size: 15px;
	width: 100%;
	text-align: left;
}

h4 {
	width: 100%;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

h5 {
	width: auto;
	text-align: left;
}
/*--------------------------------------------------*/
/*     header 内 h1 題名の設定     */
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/* DIV関係はここにまとめる SECTIONも検討
/*--------------------------------------------------*/
/*     メインタブ780とH1の上のtab480     */
div.lerative{ position: relative; }

div.tab2 {
	margin: 0 auto;  /* ブロック要素を中央にする */
	font-size: 14px;
	width: 100%;
	height: 5px;
	max-width: 480px;
	background: -moz-linear-gradient(top, #fff, #00f);
	background: -webkit-linear-gradient(top, #fff, #00f);
	background: linear-gradient(#fff, #00f);
}

div.add{
	border:solid 1px #55C;
	border-right-style:none;
	text-align: left; 
	text-indent: 15px;
	margin-bottom: 0px;
	max-width: 480px; /*--*/
	line-height: 25px;
}

div.main_section{
	border:solid 0px #55C;
	text-align: left; 
	margin-left: 10px;
	max-width: 480px; /*--*/

	background-image: url('https://kseimei.com/image/mainimage/bg01.gif');
	background-size: 20% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.link{
	width: 100%;
	max-width: 480px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-indent: 10px;
	margin-top: 10px;
}

div.waku_s1{
	width: 100%;
	max-width: 480px;
	line-height: 82px;
	text-align: left;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nstar_w1.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nstar_w1.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nstar_w1.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.waku_s2{
	width: 100%;
	max-width: 480px;
	line-height: 60px;
	text-align: right;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nstar_w2.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nstar_w2.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nstar_w2.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.waku_h1{
	width: 100%;
	max-width: 480px;
	line-height: 88px;
	text-align: center;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/heart_w1l.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/heart_w1l.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/heart_w1l.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.waku_h2{
	width: 100%;
	max-width: 480px;
	line-height: 66px;
	text-align: left;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/heart_w2l.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/heart_w2l.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/heart_w2l.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.waku_e1{
	width: 100%;
	max-width: 480px;
	line-height: 91px;
	text-align: center;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nema_w1.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nema_w1.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),url('/image/mainimage/nema_w1.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

div.waku_e2{
	width: 100%;
	max-width: 480px;
	line-height: 73px;
	text-align: center;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nema_w2.gif');
	background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nema_w2.gif');
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)),url('/image/mainimage/nema_w2.gif');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

p.mind_color{
	width: 100px; height: 100px;
	background-color:greenyellow;
	border: 0px solid #fff; 
	box-sizing: content-box;
	margin: 0 auto;
}

div#mem_tarot form input[type="submit"]{
	border: none;
	background-color: transparent;
	font-size: 18px;
	font-weight: bold;
	color: #bbf;
	cursor: pointer; 
	text-shadow: 1px 1px 1px #00f,0px 1px 1px #00f,1px 0px 1px #00f,0px 0px 1px #00f;
}

.FMain p {
	text-shadow:
	 1px  1px 2px #fff ,
	-1px  1px 2px #fff ,
	 1px -1px 2px #fff ,
	-1px -1px 2px #fff;
}

.tarot_image{
	text-align: center;
	border: 0px solid #008;
	margin : 5px;
	padding : 5px;

	width: 26vw;
	min-width: 300px;

	display: inline-block;
	vertical-align: top;
}

/*--------------------------------------------------*/
/* DIV関係はここにまとめる SECTIONも検討
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*  google 関係の装飾はここで
/*--------------------------------------------------*/

/*--------------------------------------------------*/
/*  google 関係の装飾はここで
/*--------------------------------------------------*/



/*----------------------------------------------------*/
/*  input関係  */
/*----------------------------------------------------*/

/*----------------------------------------------------*/
/*  input関係  */
/*----------------------------------------------------*/