@charset "utf-8";

body{
background: khaki;
 font-family: "Zen Kaku Gothic New", sans-serif;
 font-weight: 400;
 font-style: normal;
}


li, ol, ul {
    list-style: none;
    font-weight: 500;
    letter-spacing: .1em;
}

#logo{margin: 0 auto; width: 100%;}

#wrap{
max-width: 390px;
margin: 0 auto;
}

div#text{
width: 100%;   
background: whitesmoke;
padding: 50px 0 10px 0;
overflow:hidden;
}


@media screen and (max-width:480px) {
	/* スマホ版だけの記述 */
	.box{padding: 0 25px 10px 25px; }
	li.big{font-size: 29px;	margin-bottom: 1em;}
}


@media (min-width: 300px) and (max-width: 375px) {
	/* 小さいスマホ版だけの記述 */
	.box{padding: 0 20px 10px 20px; }
	li.big{font-size: 26px;	margin-bottom: 1em;}
}

@media screen and (min-width:481px) {
	/* パソコン版だけの記述 */
	.box{padding: 0 30px 10px 30px; }
	li.big{font-size: 29px;	margin-bottom: 1em;}
}



.box_bg{  
   padding: 25px 30px 35px 30px;
/*background:darkslategray;*/
background:lightslategrey;
color: whitesmoke;
letter-spacing: .1em;
margin: -10px 0 0 0;
}

.namisen{width: auto; height: 30px; 
	background: url("../img/wave-line.png")repeat-x ;}


p{
	 color: #1D1D1D;
	    font-size: 10px;
        font-weight: 500;letter-spacing: .1em;

}
a {color:tan;}
a:visited {
  color:tan;
}


/*画面サイズ別に記述*/
li.big{
font-size: 29px;
line-height: 1.8em;
margin-bottom: 10px;
}


li.middle{
    font-size: 17px;
	margin-bottom: 1em;
	line-height: 2em
}
li.small{
    font-size: 12px;
letter-spacing: .1em;
	margin-bottom: 1em;
	line-height: 2em
}
li.small-mincho{
    font-size: 14px;
	font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
		line-height: 2em
}
li.more-small{
    font-size: 10px;
}
img#logo{margin-bottom: -45px;}

.footer{ margin: 40px 13px 0 13px;}

.dot-line{
	background: url("../img/dot.png") repeat;
	width: 100%;
	height: 2px;
	margin: 20px 0;
}

.footer-left{
    float: left;
    width: 13%;
    height: 56px;
    background: url(../img/needle.png) no-repeat;
}

.footer-center{
	float: left;
    width: 72%;
    text-align: center;
}

.footer-right{
	float:right;
	width: 13%;
	height: 56px;
	background: url("../img/needle.png" )no-repeat;
}
#clr{clear:both;}

.spikes {
  position: relative;
}

.spikes::after {
  content: '';
  position: absolute;
  right: 0;
  left: -0%;
  top: 100%;
  z-index: 10;
  display: block;
  height: 5px;
  background-size: 7px 100%;
  background-image: linear-gradient(135deg, whitesmoke 25%, transparent 25%), linear-gradient(225deg, whitesmoke 25%, transparent 25%);
  background-position: 0 0;
}