@charset "utf-8";

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{
	padding: 0;
	margin: 0;
}

ol,ul{
	list-style-type: none;
}

/*-----------------------------------------------
 root
-----------------------------------------------*/
html{
	overflow-y: scroll;
}

body{
	font-family: 'Open Sans', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', sans-serif;
}

/*-----------------------------------------------
 font
-----------------------------------------------*/

html{
	font-size: medium;	
}

body{
	overflow: hidden;
	min-width: 960px;
	min-height: 500px;
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	font-size: 62.5%; /* 16px -> 10px */
}

dt,dd,li,
caption,th,td,
input,button,textarea,select,
h1,h2,h3,h4,h5,h6,p,address{
	line-height: 1.5;
	font-size: 140%;
	margin: 0;
	padding: 0;
}

h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
p input,p button,p select,
li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,
dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,
tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,            tr input,tr button,tr textarea,tr select{
	font-size: 100%;
}

input,button,select,option,textarea{
	font-size: 14px;
}

a,
a:link,
a:visited{
	color: #000;
	text-decoration: underline;
}

a:hover{
	color: #fc2258;
	text-decoration: none;
}

section{
	position: relative;
}

/*-----------------------------------------------
 特殊な文字を表示するためのfont指定（葛）
-----------------------------------------------*/
@font-face {
    font-family: 'M+ 1c';
    src: url('../fonts/mplus-1c-regular-sub.eot');
    src: url('../fonts/mplus-1c-regular-sub.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus-1c-regular-sub.woff') format('woff'),
    url('../fonts/mplus-1c-regular-sub.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'M+ 1c';
    src: url('../fonts/mplus-1c-bold-sub.eot');
    src: url('../fonts/mplus-1c-bold-sub.eot?#iefix') format('embedded-opentype'),
    url('../fonts/mplus-1c-bold-sub.woff') format('woff'),
    url('../fonts/mplus-1c-bold-sub.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}
span.kasai{
    font-family:'M+ 1c';
	font-weight:nomal;
}
span.kasai-bold{
    font-family:'M+ 1c';
	font-weight:bold;
}

@media screen and (max-width:767px) and (min-width: 1px){
	
	body{
		min-width: 0;
	}

}


/*-----------------------------------------------
 header
-----------------------------------------------*/

div#header{
	position: relative;
	border-top: 4px solid #000;
}

div#header div.logo{
	width: 960px;
	margin: 0 auto 14px;
	padding-top: 13px;
}

div#header div.logo img{
	width: 144px;
}


@media screen and (max-width:767px) and (min-width: 1px){
	div#header {
		border-top: 2px solid #000;
	}
}

/*-----------------------------------------------
 content
-----------------------------------------------*/

div#content{
	width: 960px;
	margin: 0 auto 30px;
}

div#content h1{
	line-height: 0;
}

@media screen and (max-width:767px) and (min-width: 1px){
	
	div#content{
		width: auto;
		margin: 0 auto;
	}
		
}

/*-----------------------------------------------
 footer
-----------------------------------------------*/

div#footer{
	border-top: 2px solid #000;
}

/* twitter吹き出し */

#footer div.twitter{
	display: none;
}

/* リンク集 */

#footer div.links{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer div.links ul.link1{
	margin-bottom: 10px;
}

#footer div.links ul li{
	display: inline-block;
	margin-right: 20px;
	font-size: 110%;
}

#footer div.links ul li.internal{
	padding-left: 15px;
	background-image: url(../img/icon/star.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#footer div.links ul li.external{
	padding-left: 15px;
	background-image: url(../img/icon/blank.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* ソーシャル */
#footer div.social{
    padding: 15px 0;
    text-align: center;
    background-image: url(../img/stripe.png);
    background-size: 14px;
}

#footer div.social div{
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

#footer div.social div:last-child{
	margin-right: 0;
}

/* コピーライト */
div#footer p.copy{
	padding: 12px 0 30px;
	text-align: center;
	font-size: 110%;
}

div.pageup{
	position: fixed;
	right: 20px;
	bottom: 20px;
}

/* スマホのみ表示 */
div.sp-only{
display: none;
}

/* lineともだち、ツイッターフォロー、インスタフォロー */
.follow{
margin:0px auto 0px;
padding: 15px 0;
background-image: url(../img/stripe.png);
background-size: 14px;
text-align:center;
}
.follow img{
width:180px;
height:auto;
}
ul.followbtn{
width:720px;
margin:0 auto;
}
ul.followbtn li{
padding:0 30px;
float:left;
}

/* ABJマーク */
div#footer p.abj{
padding: 24px 0 0;
text-align: center;
}
div#footer p.abj img{
width:72px;
}
div#footer p.abj-txt{
padding: 5px 0 5px;
text-align: center;
font-size: 110%;
}

@media screen and (max-width:767px) and (min-width: 1px){
div#footer{
border: none;
}

/* twitter吹き出し */
#footer div.twitter{
display: block;
padding: 20px;
text-align: center;
}
#footer div.twitter img{
width: 79px;
}
	
/* リンク集 */
#footer div.links{
padding: 0;
width: auto;
text-align: center;
}
#footer div.links ul.link1{
padding: 20px 20px 10px;
margin-bottom: 0;
}
#footer div.links ul.link2{
padding: 30px 20px 10px;
margin-bottom: 0;
background-image: url(../img/stripe.png);
background-size: 14px;
background-repeat: repeat-x;
}
#footer div.links ul li{
margin-bottom: 10px;
}

/* ページトップ */
div.pageup{
padding-top: 20px;
position: static;
z-index:20;
right: 20px;
bottom: 20px;
text-align: center;
}

/* スマホのみ表示 */
div.sp-only{
display:block;
}	
/* スマホでは非表示 */
div.pc-only{
display:none;
}	
    
/* lineともだち、ツイッターフォロー */
.follow{
	margin:15px auto 0px;
}
.follow img{
width:58%;
height:auto;
}

/* ABJマーク */
div#footer p.abj{
padding: 25px 0 0;
}
div#footer p.abj img{
width:20%;
}    
div#footer p.abj-txt{
width:94%;    
margin:0 0 0 3.5%;    
padding: 5px 0 15px;
text-align: left;
}    
    
}