@charset "utf-8";
/*
Theme Name: sample
Description: 専用テーマ名
Version: 1.0
Author: xxxxx
Author URI: https://samplesdl.me
*/


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,select,header,nav,section,footer {
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.6;
	word-wrap: break-word;
}

address,em,i {
	font-style: normal;
}
strong,th,b {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
}
li {
	list-style-type: none;
}
small{
	font-size: 100%;
}
iframe {
	border: 0;
}

/*----------------- img -------------------*/

a img:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/*----------------- link -------------------*/

a{
	color: #333;
	text-decoration: none;
}
a:hover{
	color: #999;
}
a:link{}
a:visited{}
a:active{}

/*----------------- font -------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-size: 100%; /* IE */
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
html>/**/body {
font-size: 16px; /* Except IE */
}

body {
	-webkit-text-size-adjust: 100%;
}


/* Content
------------------------------------------------------------*/
body{background: url("images/bg01.gif");}

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

	}
}
@media only screen and (max-width: 960px){
	body {

	}
}

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

	}
}

/*----------------- #content -------------------*/
#content{
	width:960px;
	margin:0 auto;
	padding:5%;
	box-sizing: border-box;
}
@media only screen and (max-width: 980px){
	#content {
		width:98%;
	}
}
#content h1{text-align: center;font-size: 300%;margin: 0 0 10%;}
#content h1 span{
    font-size: 40%;
    display: block;
}
#content h1 em{
    display: block;
    font-weight: bold;
}
#content h1 strong{
    font-size: 70%;
    display: block;
}
#content p{
    text-align: center;
}
@media only screen and (max-width: 740px){
	#content p{
    	text-align: left;
	}
}
#content p br{}
@media only screen and (max-width: 740px){
	#content p br{
    	display:none;
	}
}

#content ul{
    padding: 5%;
    border: solid 1px #ccc;
    margin: 10% 5% 0;
    border-radius: 5px;
}
#content ul li{
	padding:2px 0;
}
@media only screen and (max-width: 680px){
	#content ul li{
    	padding:2px 0 10px;
	}
}
#content ul li span{
	padding:0 20px 0 0;
}
@media only screen and (max-width: 680px){
	#content ul li span{
    	display:block;
	}
}