@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap&subset=japanese');

@charset "shift_jis";

/********** browser default initialization **********/

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
 
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
 
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 

table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}


/* ----------------------- Basic Style */

html	{
	font-size:	62.5%;
	}

body {
	margin:	20px 0 0 0;
	padding:	0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:	14px;
	font-size:	1.4rem;
	line-height: 1.6;
	letter-spacing:	2px;
	color: #666;
}

p{	
	margin:	1.8rem 0;
	}

a {
	overflow: hidden;
	outline: none;
}

a:focus, *:focus { outline:none; }

a:link, a:visited{
	color:#35a0e4;
	text-decoration:underline;
}
a:active{
	color: #58d1eb;
	text-decoration:none;
}
a:hover{
	color: #8dc1fb;
	text-decoration:underline;
}

	.pc{
	display:	block;
	}

	.tablet	{
	display:	none;
	}

	.sp	{
	display:	none;
	}


img	{vertical-align:middle;}


	.pc{
	display:	block;
	}

	.pc_tablet	{
	display:	block;
	}

	.tablet	{
	display:	none;
	}

	.tablet_sp	{
	display:	none;
	}

	.sp	{
	display:	none;
	}



#wrapper {
	width:	100vw;
	margin:	0 auto;
	font-size:	1.6rem;
}

#header {
	width:	80vw;
	max-width:	960px;
	margin:	0 auto;
}

#footer {
	height:	200px;
}



.box {
	overflow:	hidden;
	margin:	0 auto 50px auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:	400;
}

.box1 {
	width:	60vw;
	max-width:	960px;
}

.box2 {
	width:	80vw;
	max-width:	960px;
}

.box3 {
	width:	100vw;
}

.box4 {
	width:	60vw;
	max-width:	960px;
	padding:	2.2rem;
	border:	6px dotted #fd99ad;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
	box-sizing:	border-box;
}

h1 {
	margin:	0 auto;
	padding:	0;
	width:	75vw;
	width:	960px;
	height:	auto;
	overflow:	hidden;
	text-align:	center;
}

h1.photo_title {
	width:	40vw;
	max-width:	960px;
	height:	auto;
}

h1 img {
	width:	100%;
	height:	auto;
}

h2 {
	overflow:hidden;
	margin:	50px 0 10px 0;
	padding:	30px 0;
	color:	#666;
	font-size:	3.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:	700;
	text-align:	center;
	line-height:1.5em;
	border-top:	6px dotted #666;
	border-bottom:	6px dotted #666;
}

h3.ttl {
	position: relative;
	background:	url(../img/tree.png) no-repeat left #c3ebef;
	color: #666;
	padding: 10px 0 5px 50px;
	margin: 0 0 0.4em 0;
	font-size:	1.8rem;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}


h3.ttl:after{
	position: absolute;
	bottom:	-15px;
	left:	10%;
	z-index: 90;
	margin-left:	-40px;
	border-top:	20px solid #c3ebef;
	border-left:	15px solid transparent;
	border-right:	15px solid transparent;
	border-bottom:	0;
	content: "";
}

h3.notice_ttl{
	padding:	1.0rem;
	margin:	0 0 1.8rem 0;
	color: #f0738b;
	font-size:	2.2rem;
	background:	none;
	text-align:	center;
	border-top:	2px solid #f0738b;
	border-bottom:	2px solid #f0738b;
}


h4 {
	margin:	10 0 10 0;
}

h4.back	{
	text-align:	center;
}

h4.back img {
	width:	50%;
	height:	auto;
}

h5.shop_example	{
	display:	inline;
	margin: 0 0 0.2em 0;
	padding: 0 0.2em;
	background:	linear-gradient(transparent 60%, #ffff66 0%);
	font-size:	20px;
}

h6 {
	margin-bottom:	0;
	padding-bottom:	0;
}

.underline1	{
	padding:	0 0.6rem;
	background:	linear-gradient(transparent 75%, #fab4c2 0%);
}

.underline2	{
	padding:	0 0.6rem;
	font-size:	2.0rem;
	line-height:	2.2;
	letter-spacing:	8px;
	background:	linear-gradient(transparent 70%, #fab4c2 0%);
}


/*-----------------------------------------------------------
	photo
------------------------------------------------------------*/
.photo_image,.photo_image2	{
	width:	100%;
	overflow:	hidden;
	margin: 0;
}

.photo_image li {
	overflow:	hidden;
	float:	left;
	width:	50%;
	height:	auto;
	margin:	0;
	padding:	0;
}

.photo_image2 li {
	overflow:	hidden;
	float:	left;
	width:	100%;
	height:	auto;
	margin:	0 0 20px 0;
	padding:	0;
}

.photo_image li:nth-child(even) {
	margin:	0;
}

.photo_image li img,.photo_image2 li img	{
	width:	100%;
	height:	auto;
}


.photopage	{
	margin:	20px 0;
	font-size:	2.4rem;
	text-align:	center;
}


.icon	{
	margin:	auto 0.2em auto 0;
}



/*  TABLE 
---------------------------------------------- */

table	{
	width:		100%;
	margin:	30px auto 10px auto;
	border:	#b3b2b2 solid 1px;
	border-spacing: 0;
	}


table .red	{
	margin-left:	6px;
	color:	#cc0000;
	}


td	{
	padding:	5px;
	margin:0px;
	border-bottom:	#b3b2b2 solid 1px;
	}


td.left,td.left_last	{
	width:		150px;
	padding:	5px 10px 0px 10px;
	text-align:	right;
	vertical-align:	top;
	font-weight:	bold;
	background:	#f7f7e7;
	}


td.left_last	{
	border-bottom:	none;
	}


td.right,td.right_last	{
	padding:	5px 5px 5px 10px;
	text-align:	left;
	border-left:	#c1c4bb solid 1px;
	}

td.right_last	{
	border-bottom:	none;
	}




.date {
	margin: 0px 0px 10px 0px;
	color:	#ffffff;
	font-weight:	bold;
	padding:	 6px 8px 6px 8px;
	background:	#7da433;
}	


span.inputitem {
	clear: both;
	display: block;
	margin:	0px 0px 6px 0px;
	padding:	0px 0px 0px 6px;
	border-left:	6px solid #ee7b92;
	font-weight: bolder;
	font-weight:	bold;
}



/*-----------------------------------------------------------
	form
------------------------------------------------------------*/
form {
	overflow:	hidden;
	margin:30px 0px 20px 0px;
	padding:	20px;
	border:	1px solid #cccccc;
}


#msg_area	{
	width:	100%;
}


#msg_area dl.dl_1	{
	width:	100%;
	margin:	0px auto 10px auto;
	overflow:auto;
}


#msg_area dl.dl_2	{
	float:	left;
	margin:	0px 40px 10px 0px;
	overflow:	hidden;
}


#msg_area dt	{
	clear:both;
	font-size:	1.6rem;
	margin:	0px 0px 3px 0px;
	padding:	0px 0px 0px 6px;
	border-left:	6px solid #bc8ec3;
	font-weight:	500;
}


#msg_area dd{
	clear:both;
	margin:	0px auto 1.4rem auto;
	padding:	4px 4px 4px 2px;
	border-bottom:	none;
}


.form_style1{
	width:	30px;
}

.form_style2{
	width:	150px;
}

.form_style3{
	width:	300px;
}

.form_style4{
	width:	400px;
}

.form_style5{
	width:	500px;
}

.form_style6{
	width:	95%;
	height:	100px;
}



input#formbtn1	{
	padding:	20px;
	font-size:20px;
	letter-spacing:	16px;
	border-style: none;
	background:	#fd7993;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input#formbtn1:hover	{
	color:	#737171;
	background:	#fcb6c4;
}

input#formbtn2	{
	margin-left:	40px;
	padding:	4px;
	font-size:14px;
	letter-spacing:	2px;
	border-style: none;
	background:	#ccd1da;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input#formbtn2:hover	{
	color:	#737171;
	background:	#e9e8e8;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
	cursor: pointer;
}


hr.line1	{
	clear:	both;
	margin:	0px 0px 30px 0px;
	padding:	0px 0px 0px 0px;
	width:	100%;
	height: 1px;
	background:	url(../img/line.gif) bottom;
	border:	0;
}


hr.line2	{
	clear:	both;
	margin:	20px 0px 50px 0px;
	width:	100%;
	border-width:	3px 0px 0px 0px;
	border-style:	solid;
	border-color:	#cccccc;
	height:	3px;
}


ul {
	margin:	0px;
	padding:	0px;

}

li{
	margin:	0;
	padding:	1.2em 0px;
	list-style:	none;
}


ul.notice li	{
	border-bottom:	1px solid #ccc;
}

ul.notice li:last-child	{
	border-bottom:	none;
}


/*-----------------------------------------------------------
	Footer
------------------------------------------------------------*/
#copyright {
	width:	740px;
	margin:	0px auto;
	padding:	0px;
}

#copyright img {
	vertical-align: middle;
}

img.j-wave_home	{
	width:	auto;
	height:	27px;
	margin:	0 20px 0 0;
}

img.j-wave_logo	{
	width:	auto;
	height:	27px;
}

/*-----------------------------------------------------------
	jwave_top
------------------------------------------------------------*/

#jwave_top	{
	display:	none;
}










/********** media queries **********/

/* for tablet*/
@media only screen and (max-width : 960px){

	.pc{
	display:	none;
	}

	.pc_tablet	{
	display:	block;
	}

	.tablet	{
	display:	block;
	}

	.tablet_sp	{
	display:	block;
	}

	.sp	{
	display:	none;
	}



body {
	background:	none;
}

#header {
	width:	90vw;
	margin:	0 auto;
}

.box {
	margin:	0 auto 30px auto;
}

.box1 {
	width:	85vw;
}

.box2 {
	width:	85vw;
}

.box3 {
	width:	100vw;
	padding:	10px;	
}

.box4 {
	width:	85vw;
	padding:	2.2rem;
}


h1 {
	width:	95vw;
}

h2 {
	overflow:hidden;
	margin:	35px 0 15px 0;
	padding:	10px 0;
	text-align:	center;
	font-size:	2.6rem;
	line-height:	1.4;
	border-top:	4px dotted #666;
	border-bottom:	4px dotted #666;
}


h3 {
	margin: 0 0 2.4rem 0;
}

/*-----------------------------------------------------------
	photo
------------------------------------------------------------*/

.photo_image img {
	clear:	left;
	width:	100%;
	height:	auto;
	margin:	0px auto;
}

.photopage	{
	margin:	10px 0;
	font-size:	16px;
}




/*-----------------------------------------------------------
	table
------------------------------------------------------------*/

table	{
	width:		85vw;
	margin:	10px auto 10px auto;
	border:	#b3b2b2 solid 1px;
	border-spacing: 0;
	}

td.left,td.left_last	{
	width:		25%;
	}

#box3 {
	padding:	10px;	
}



/*-----------------------------------------------------------
	form
------------------------------------------------------------*/
form {
	width:		80vw;
	margin:	0px auto 10px auto;
	padding:	1.6rem;
	border:	1px solid #cccccc;
}

#msg_area dl.dl_2	{
	width:	100%;
	margin:	0px auto 10px auto;
}

#msg_area dt	{
	clear:both;
	font-size:	1.4rem;
	margin:	0px 0px 3px 0px;
	padding:	0px 0px 0px 6px;
	border-left:	6px solid #bc8ec3;
	font-weight:	500;
}

input[type="text"] {
	font-size:	20px;
}


input.form_style1{
	width:	35%;
}

input.form_style2,input.form_style3,input.form_style4,input.form_style5{
	width:	90%;
}


.form_style6{
	width:	95%;
	height:	100px;
}


input#formbtn1	{
	padding:	20px;
	width:	100%;
	letter-spacing:	0px;
}

input#formbtn2	{
	width:	75%;
	padding:	20px;
	margin:	30px 0px 0px 0px;
	font-size:12px;
}

/*-----------------------------------------------------------
	Footer
------------------------------------------------------------*/
#copyright {
	width:	95%;
	margin:	0px auto;
	padding:	0px;
}

/*-----------------------------------------------------------
	jwave_top
------------------------------------------------------------*/

#jwave_top	{
	display:	block;
	width:	100%;
	background:	#666666;
}

#jwave_top p{
	margin:	0px auto;
	width:	100%;
	text-align:	center;
}

#jwave_top p a	{
	display:	block;
	padding:	25px 6px 25px 6px;
	color:	#ffffff;
	font-size:	18px;
	font-weight:	bold;
	text-decoration:none;
	background:	#123456;
}


}



/* for smart phone*/
@media only screen and (max-width : 655px){

	.pc{
	display:	none;
	}

	.pc_tablet	{
	display:	none;
	}

	.tablet	{
	display:	none;
	}

	.tablet_sp	{
	display:	block;
	}

	.sp	{
	display:	block;
	}


body	{
	line-height:	1.6;
	}

.box {
	margin:	0 auto 30px auto;
}

.box1 {
	width:	95vw;
}

.box2 {
	width:	95vw;
}

.box3 {
	width:	95vw;
	padding:	2px;	
}

.box4 {
	width:	90vw;
	padding:	1.6rem 1.2rem;
	border:	4px dotted #fd99ad;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
}


#wrapper {
	font-size:	1.4rem;
}


h1.photo_title {
	width:	60vw;
}

h2 {
	overflow:hidden;
	margin:	20px 0 20px 0;
	padding:	10px 0;
	text-align:	left;
	font-size:	1.6rem;
	line-height:	1.4;
	border-top:	2px dotted #666;
	border-bottom:	2px dotted #666;
}

h3.ttl {
	margin: 0 0 1em 0;
	padding:	10px 20px 10px 40px;
	background:	url(../img/tree_s.png) no-repeat left #c3ebef;
	font-size:1.8rem;
	line-height: 1.2;
}

h3.ttl:after{
	position: absolute;
	bottom:	-15px;
	left:	20%;
	z-index:	-90;
	margin-left:	-40px;
	border-top:	20px solid #c3ebef;;
	border-left:	15px solid transparent;
	border-right:	15px solid transparent;
	border-bottom:	0;
	content: "";
}

h3.notice_ttl{
	padding:	0.6rem 0.2rem;
	margin:	0 0 1.4rem 0;
	color: #f0738b;
	font-size:	1.6rem;
	background:	none;
	text-align:	left;
	border-top:	2px solid #f0738b;
	border-bottom:	2px solid #f0738b;
}

h5.shop_example	{
	font-size:	1.8rem;
	line-height: 1.2;
}


.underline	{
	font-size:	1.6rem;
	line-height:	1.8;
	letter-spacing:	4px;
	background:	linear-gradient(transparent 70%, #fab4c2 0%);
}




.photo_image {
	width:	100%;
	overflow:	hidden;
	margin: 0;
}

.photo_image li {
	overflow:	hidden;
	clear:	left;
	width:	100%;
	height:	auto;
	margin:	0 0 5px 0;
	padding:	0;
}

.photo_image li:nth-child(even) {
	margin:	0 0 5px 0;
}

.photo_image li img {
	width:	100%;
	height:	auto;
}

.photo_image2 li {
	margin:	0 0 10px 0;
}



/*-----------------------------------------------------------
	table
------------------------------------------------------------*/
table	{
	width:		90vw;
	}

td	{
	padding:	5px;
	margin:0px;
	border-bottom:	#b3b2b2 solid 1px;
	}

td.left,td.left_last	{
	padding:	5px;
	width:		25%;
	font-size:	12px;
	}





/*-----------------------------------------------------------
	form
------------------------------------------------------------*/
form {
	width:		85vw;
	margin:	20px auto 10px auto;
	padding:	1.0rem;
	border:	none
	line-height:	1.2;
}

li{
	margin:	0;
	padding:	0.8em 0px 1em 0px;
}


}