@charset "UTF-8";


/* CSS Document */

/*---------------------------------------------

reset

---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,
img {
	border:0;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
	}
ol,
ul {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	vertical-align:top;
	}

a {
	border:none; outline:none;
	}
*{
	zoom : 1;
	}

/*---------------------------------------------

style

---------------------------------------------*/
ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}


#page-top {
    position: fixed;
    bottom: 85px;
    right: 15px;
    font-size: 70%;
	z-index:10000;
}


#page-top a {
	text-decoration: none;
	color: #666;
	width: 45px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #f0edec;
}


#page-top a:hover {
	text-decoration: none;
	background-color: #efe2d9;
}


a.navi4{
	color:black;
	text-decoration:underline;
	
}

a.navi4:hover {
	color: #455f92;
	text-decoration:underline;
}


/*---------------------------------------------

rogo＋contents

---------------------------------------------*/
.navbar-wrapper {

  position:fixed;
  top:0px;
  left:0px;
  
  z-index: 15;
  background:#;
  width:100%;
    font-family: 'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 'Meiryo', 'メイリオ', 'sans-serif';

}


a.telhref{
	color: #600;
	text-decoration:underline;
}

a.telhref:hover {
	color: #36C;
	text-decoration:underline;
}


#rogo{
  position:absolute;
  top:0px;
  right:0;
  width:100%;
  max-width:32px;
z-index:100 !important; 
}




div#japanese{
	
 font-family:"Shippori Mincho" , serif;
  display:block;
  width:100%;
  max-width:75px;
  position:absolute;
  top:40px;
  right:0;
  letter-spacing:0.05em;
  z-index: 18;
	
  font-size:1em;	
	
}







html,  body {
margin: 0;
width: 100%;
height: 100%;
background:;
}


.container2019 {
position: relative;
width: 100%;
height: auto !important; 
height: 100%;
min-height: 100%; 
}


header {
width: 100%;
height: 60px;
background-color:white;
position:relative; 
}

#both{
	display:none;
	width:100%;
	max-width:265px;
	position:absolute;
top:8px;
right:0;

}


header p{
display:none;	
color:black;
font-size:17px;
text-align:right;
margin:15px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}
header img.contact{
display:none;	
width:100%;
max-width:270px;
position:absolute;
top:20px;
right:0;
background-color:;

}



main {
	padding-top: 10px;
margin-bottom: 100px;
}


/* Flexible Image */
main img {
  max-width: 100%; 
  height:auto;
}


/*------------------------------------トップ------------------------------------*/

section#campaign {
	width:100%;
	
	text-align:center;
	background:;
	margin:40px auto 60px auto;
	
	background:white;
	
	
	}



section#campaign article {
	text-align:center;
	width:100%;
	max-width:97%;
	
	background:;
	margin:0 auto;
	}
	
	


section#campaign article img {
	text-align:center;
	width:100%;
	max-width:100%;
	
	background:;
	margin:0 auto;
	}




section#campaign article img#title2 {
	
	width:100%;
	max-width:50%;
	
	background:;
	margin:-9px auto 20px auto;
	}
	


	




/*....................言葉カテゴリー...................... */


section#category {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:100px auto 0 auto;
	
	
	}



section#category article {
	text-align:center;
	width:100%;
	max-width:98%;
	
	background:;
	
	margin:0 auto;

	
	}
	
	

section#category article h1 {
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	color:black;
	margin: 60px auto 40px auto;	
	
	width:100%;
	max-width:100%;
	
	letter-spacing:0.5em;
	}
	


section#category article p {
	text-align: center;
	font-family:"Shippori Mincho" , serif;
	margin: 20px auto 10px auto;

	font-size: 1.13em;
	color: black;
	text-align: center;
	font-weight: normal;
	width: 100%;
	max-width: 40%;
	background:;
	border: thin solid #666;
	display: inline-block;
	line-height: 600%;
	letter-spacing: 0.05em;
	
	
}
	
	



section#category article img {
	width:100%;
	max-width:25px;
	margin-top:5px;
	
	}






	













div#back {
margin:40px auto 0 auto;
width:100%;
max-width:137px;
}			
	

.copyright{
display:block;	
position:relative;
top:80px;
bottom:3%;
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:0.75em;
letter-spacing:0em;
width: 100%;
height: 150px;
}


footer#sp {
z-index: 32;	
width: 100%;
max-width:100%;
height:112px;
background-color:white;
position:fixed;
bottom: 0;

margin:0 auto;
text-align:center;

}



footer#sp article {
width:100%;
max-width:32.2%;



display:inline-block;



}



footer#sp article p {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#f2e5dc;
	
	
	

}


footer#sp article p#visit {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#c8dfe0;


}



footer#sp article p#contact {
font-family:"Shippori Mincho" , serif;
	font-size:0.81em;

	text-align: center;
	font-weight:normal;
	line-height:330%;
	
	background:#cdcdcd;
	

}







footer#sp article img {
width:100%;
max-width:14px;
margin:12px 4px 0 0;


}


footer#sp  p#tel {
	font-size: 0.94em;
	color: #600;
	font-family: "Courier New", Courier, monospace;
	position: relative;
	top: 10px;
}

footer#sp span#iten{
color:black;
font-size:0.75em;

font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

line-height:250%;

}

footer#sp span{
color:black;
font-size:0.75em;

font-family:"Shippori Mincho" , serif;

}






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

/*....................言葉カテゴリー...................... */


section#category {
	width:100%;
	max-width:100%;
	
	text-align:center;
	background:;
	margin:150px auto 0 auto;
	
	
	}



section#category article {
	text-align:center;
	width:100%;
	max-width:100%;
	
	background:;
	
	margin:0 auto;

	
	}
	
	

section#category article h1 {
	text-align:center;
	
	font-size: 1.25em;
	color:black;
	margin: 60px auto 40px auto;	
	
	width:100%;
	max-width:85%;
	
	letter-spacing:0.5em;
	}
	


section#category article p {
	text-align: center;
	
	margin: 20px auto 10px auto;
	width: 100%;
	max-width: 100%;
	font-size: 1.13em;
	color: black;
	text-align: center;
	font-weight: normal;
	width: 100%;
	max-width: 40%;
	background:;
	border: thin solid #666;
	display: inline-block;
	line-height: 600%;
	letter-spacing: 0.05em;
	
	
}
	
	


}


/*==========================================
 741以上からこのレイアウト
===========================================*/

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



/*==========================================
rogo＋contents
===========================================*/
.navbar-wrapper {
  position:relative;
  top:0px;
  left:6%;
  
  z-index: 15;
  background:re;
  width:100%;
  max-width:90%;

}

a.navi{
	color: #309;
	text-decoration: none;
}

a.navi:hover {
	color: #36C;
	text-decoration:underline;
}
	
	
#rogo{
  position:absolute;
  top:0;
  left:0;
width:100%;
max-width:45px;
}

div#japanese{
	
	display:block;
	width:100%;
	max-width:75px;
	position:absolute;
top:15px;
right:0;

letter-spacing:0.05em;

 z-index: 18;
	
	
}



header {
width:100%;
height: 75px;
background-color:white;
position:fixed;

z-index:20;
}


#both{
	display:block;
	width:100%;
	max-width:300px;
	position:absolute;
top:50px;
right:0;

}



header img{
display:inline-block;
width:100%;
max-width:90px;


background-color:;

}



header p{
	
display:block;	
color:black;
font-size:17px;
text-align:right;
margin:50px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}

header span{
color:black;
font-size:13px;
text-align:right;
margin:0 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

	



	
main {
padding-top:100px;

background-color:; 
margin: 0 auto 100px auto;
width:100%;
max-width:95%;
text-align:center;

}	



/*------------------------------------トップ------------------------------------*/

section#campaign {
	width:100%;
	
	text-align:center;
	background:;
	margin:0px auto 0 auto;

}



section#campaign article {
	text-align:center;
	width:100%;
	max-width:99%;
	
	background:;
	margin:0 auto;
}



section#campaign article img {
	text-align:center;
	width:100%;
	max-width:635px;
	
	background:;
	margin:0 auto;
}






section#campaign article img#title2 {
	
	width:100%;
	max-width:45px;
	
	background:;
	margin:-9px 10px 0 auto;
}



section#campaign article h1 {
	text-align: right;
	
	font-size: 1.19em;
	color: #666;
	margin: 0 0 10px 0;	
	
	width:100%;
	max-width:650px;
}
	


section#campaign article p {
	text-align:right;
	
	font-size:16px;
	color:#666;
	margin:20px auto 10px auto;
	
	width:100%;
	max-width:700px;
	
	color:black;
	
	background:;
	
}







	

/*------------------------------wordカテゴリー---------------------------*/



section#category article {
	text-align:center;
	width:100%;
	max-width:80%;
	
	background:;
	
	margin:0 auto;

	
	}

section#category article p {
	text-align: center;
	
	margin: 20px auto 10px auto;
	
	font-size: 25px;
	color: black;
	text-align: center;
	font-weight: normal;
	width: 100%;
	max-width: 48%;
	background:;
	border: thin solid #666;
	display: inline-block;
	line-height: 600%;
	letter-spacing: 0.05em;
	
	
}
	
	
section#category article img {
	width:100%;
	max-width:25px;
	margin-top:10px;
	
	}


.copyright{
display:block;	
position:relative;
top:40px;
bottom:1%;
text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:14px;
letter-spacing:0em;
width: 100%;
height: 50px;
	
}



footer {
display:none;
width: 50%;
height: 160px;
background-color:white;
position:relative;
bottom: 0;
left:25%;
}


#photo{
	display:none;
}



}






@media only screen and (min-width: 970px) {
	
	
	/*----------------------------トップ------------------------------*/

section#campaign article img {
	text-align:center;
	width:100%;
	max-width:780px;
	
	background:;
	margin:0 auto;
}


section#campaign article img#title2 {
	
	width:100%;
	max-width:55px;
	
	background:;
	margin:-9px 10px 0 auto;
}



section#category article {
	text-align:center;
	width:100%;
	max-width:60%;
	
	background:;
	
	margin:0 auto;

	
	}

section#category article p {
	
	width: 100%;
	max-width: 48%;

	
	
}



	

}



@media only screen and (min-width: 1020px) {
	
	
main {
padding-top:120px;

background-color:; 
margin: 0 auto 500px auto;
width:100%;
max-width:95%;
text-align:center;

}	
	

	

header {
width:100%;
height: 100px;
background-color:;
position:fixed;
}


#both{
	display:block;
	width:100%;
	max-width:330px;
	position:absolute;
top:8px;
right:0;

}



header img{
display:inline-block;
width:100%;
max-width:95px;


background-color:;

}


header p{
	
display:block;	
color:black;
font-size:17px;
text-align:right;
margin:15px 10px 0 0;
font-family: "Courier New", Courier, monospace;

}

header span{
color:black;
font-size:13px;
text-align:right;
margin:0 0 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}





/*----------------------------トップ------------------------------*/

section#campaign article img {
	text-align:center;
	width:100%;
	max-width:830px;
	
	background:;
	margin:0 auto;
}




section#category article {
	text-align:center;
	width:100%;
	max-width:700px;
	
	background:;
	
	margin:0 auto;

	
	}
	
	
	
section#category article p {
	text-align: center;
	margin: 20px auto 10px auto;
	width: 100%;
	max-width: 100%;
	font-size: 25px;
	color: black;
	text-align: center;
	font-weight: normal;
	width: 100%;
	max-width: 48%;
	background:;
	border: thin solid #666;
	display: inline-block;
	line-height: 600%;
	letter-spacing: 0.05em;
	
	
}





}

/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}