html{
	font-size: 62.5%;
}
body	{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0  0 20px 0;
	font-size: 14px;
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
}
/*---reset----------------------------------------------------------------------*/
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td,
figure,
figcaption {
   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,li {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*------------------------------------------------------------------------------*/


a:link {text-decoration: none;	color:#663333; cursor:pointer;}
a:active {text-decoration: none; color:#663333}
a:visited {text-decoration: none; color:#663333}
a:hover {text-decoration: none; color:#FF6600}

.wrapper {
	width:100%;
	max-width: 975px;
	margin:0 auto 0 auto;
	border: 1px solid #CCC;
	position:relative;
	overflow:hidden

}
@media only screen and (max-width:599px) {
.wrapper {
	border: none;
}
}
/*共通ヘッダー*/
header {
	height:140px;
	position:relative;
	margin:0;
	padding:0;
	background-color:#7B9C41;
}
header .logo{
	position:absolute;
	top:10px;
	left:3%;
	width:28.7%;
	max-width:280px;
	text-align:center;
}
header .logo img{
	width:100%;
}
header .logo p{
	color:#FFF;
	font-size:16px;
	line-height:1.2;
}
/*ナビ*/
@media only screen and (min-width:600px) {
header nav {
	display:block;
	position:absolute;
	top:10px;
	left:40%;
	width:57%;
	height:115px;
	overflow:hidden;
}
header nav ul {
	width:100%;
	height:115px;
	clear:both;
	display:table;
    table-layout: fixed;/*列幅固定*/
	border-collapse:separate;/*隣接する線を離す*/
	border-spacing:2px 0;/*左右、上下*/
}

header nav ul > li,
header nav ul > a {
	background:url(../images/navbtn.svg) no-repeat center center;
	background-size:contain;
	text-align:center;
	font-size:14px;
	font-size: 1.4rem;
	line-height:1.5;
	color:#FFF !important;
	display:table-cell;
	vertical-align:middle;
}
header nav ul a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
header nav ul a:hover {
	background:url(../images/navbtn_on.svg) no-repeat center center;
	background-size:contain;
}

header .spmenubtn {
	display:nonen;	
}
}
@media only screen and (max-width:599px) {
header {
	height:60px;
}
header .logo{
	position:absolute;
	top:10px;
	left:10px;
	width:100%;
	text-align:left;
}
header .logo img{
	width:28.7%;
}
header .logo p{
	color:#FFF;
	font-size:1rem;
}
header .spmenubtn {
	display:block;
	background:url(../images/spmenubtn.svg) no-repeat center center;
	background-size:100%;
	position:absolute;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	cursor:pointer;
}
header .close {
	background:url(../images/spmenubtn_close.svg) no-repeat center center;
	background-size:100%;
}

header nav {
	display:none;
	background-color:#FFFFDB;
    color: white;
    width: 100%;
	position:absolute;
	top:60px;
	z-index:10000;
	opacity:0.9;
}
header nav ul {
    margin: 0;
    padding: 0;
}
header nav ul li {
    border-bottom: dotted 1px #CCC;
    text-align: center;
    padding: 1em;
}
}

/*スライダー*/
.slider {
	z-index:0;
}

/*セレクトページアクティブ*/
#home header nav a.home,
#about header nav a.about,
#works header nav a.works,
#data header nav a.data,
#data header nav a.muse,
#greeting header nav a.greeting {
	background:url(../images/navbtn_on.svg) no-repeat center center;
	background-size:contain;
}

/* ページボトムロゴ */
.btmlogo	{
	clear:both;
	margin:20px;
	text-align:center;
	color:#7B9C41;
	font-size:14px;
	font-size: 1.4rem;
	line-height:1.5;
}


/* フッター */
@media only screen and (min-width:600px) {
.bottomline	{
	clear:both;
	height: 35px;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	background-color:#7B9C41;	
}
.bottomline	 ul{ margin:0 0 0 20px; overflow:hidden;float:left;}
.bottomline	 ul li{	float:left;	color:#FFF;	font-size: 12px;	line-height:140%;	padding-top:10px;}
.bottomline	 li a:link {text-decoration: none;	color:#FFF}
.bottomline	 li a:active {text-decoration: none; color:#FFF}
.bottomline	 li a:visited {text-decoration: none; color:#FFF;}
.bottomline	 li a{text-decoration: none;	color:#FFF;}

.bottomline	 li a:hover {	text-decoration: none;	color:#FF0;}
.bottomline	 .small {
	text-align:right;
	font-size: 12px;
	font-size: 1.2rem;
	line-height:140%;
	font-style: normal;
	padding: 10px 10px 0 0;	float:right;
	color:#FFF;
	float:right;
}
	
}
@media only screen and (max-width:599px) {
.bottomline		{
	clear:both;width:100%;
}
.bottomline	 ul{ width:100%;
	background-color:#7B9C41;
	margin:0;
	padding-bottom:7px;
	overflow:hidden;
	text-align: center;
}
.bottomline	 ul li{	display: inline;color:#FFF;	font-size: 1.2rem;	line-height:140%;	padding-top:5px;}
.bottomline	 li a:link {text-decoration: none;	color:#FFF}
.bottomline	 li a:active {text-decoration: none; color:#FFF}
.bottomline	 li a:visited {text-decoration: none; color:#FFF;}
.bottomline	 li a:link {text-decoration: none;	color:#FFF}
.bottomline	 .small {
	clear:both;
	text-align:center;
	font-size: 1rem;
	float:none;
	color:#7B9C41;
	background:none;
	margin:5px;
}

}

/*--------------コンテンツ共通---------------------------------------------*/
.content {
	margin:30px 40px;
	font-size:14px;
	min-height:200px;
}
.content h2{
	text-align:center;
	font-size:20px;
	font-size: 2rem;
	line-height:1.8;
	margin-bottom:15px;
}
.content h2.ltrsp{
	letter-spacing:1em;
}
.content p.fs12{
	font-size:12px;
	font-size: 1.2rem;
}
.content .mgnb10{
	margin-bottom:10px;
}
.content .mgnb20{
	margin-bottom:20px;
}
.content .mgnb50{
	margin-bottom:50px;
}

.content .mgnt10{
	margin-top:10px;
}
.content .mgnt20{
	margin-top:20px;
}
@media only screen and (max-width:599px) {
.content {
	width:90%;
	margin:20px auto;
	font-size:1.4rem;
	min-height:200px;
}
.content h2{
	width:100%;
	font-size:1.6rem;
}
.content h2.ltrsp{
	text-align:center;
}
.content p.fs12{
	font-size:1.2rem;
}
}
/*------------トップページ---------------------------------------------*/
@media only screen and (min-width:600px) {
#home .content .intro {
	width:100%;
	padding-top:20%;
	font-size:18px;
	line-height:1.8;
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
}
#home .content .intro .left{
	width:35%;
	position:absolute;
	top:0;
	left:0;
}
#home .content .intro .right{
	width:35%;
	position:absolute;
	top:0;
	right:0;
}
#home .content .intro .portrait{
	position:absolute;
	top:-40px;
	left:35%;
	width:30%;
	text-align:center;
}
}
@media only screen and (max-width:599px) {
#home .content .intro {
	font-size:1.4rem;
	line-height:1.8;
	position:relative;
	margin:20px 0px;
	padding:20px 0;
}
#home .content .intro .left{
	width:100%;
	position:relative;
}
#home .content .intro .right{
	width:100%;
	position:relative;
}
#home .content .intro .portrait{
	position:relative;
	width:100%;
	margin:10px auto;
	text-align:center;
}
#home .content .intro .portrait fegure{
	width:50%;
	margin:0 auto;
}
#home .content .intro .portrait fegure img{
	width:100%;
}


}
/*-----------パンくずリスト-----------------------------------------------------*/
.pagepath{
	width:100%;
	margin:10px;
}
.pagepath ul{
	width:100%;
}
.pagepath li{
	float:left;
	font-size:12px;
	background:url(../images/path_arrow.gif) no-repeat top left;
	padding-left:14px;
}
.pagepath li:first-child{
	background:none;
}
.pagepath li#kakudai{
	display:none;
}
.pagepath:after{
	content:"";
	display:block;
	clear:both;
}




/*-------------松本節太郎について----------------------------------------------------*/
#about .content{
	overflow:hidden;
	padding-bottom:20px;
}
#about .content figure{
	float:left;
	width:25%;
	margin-top:50px;
}
#about .content figure img{
	width:100%;
	max-width:300px;
}
#about .content figure img{
	width:100%;
	max-width:300px;
}
#about .content .history{
	width:72%;
	float:right;
}
#about section:before,
#about section:after{
	content:"";
	clear:both;
	display:block;
}
#about .content .history dl{
	border-bottom:2px solid #F5821F;
	text-align:center;
	clear:both;
	text-align:left;
	padding:10px 5px;
	overflow:hidden;
}
#about .content .history dl.first{
	border-top:2px solid #F5821F;
}
#about .content .history dl dt{
	width:25%;
	float:left;
}
#about .content .history dl dd{
	width:74%;
	float:right;
}


@media only screen and (max-width:599px) {
#about .content figure{
	float:none;
	width:30%;
	margin:30px auto;
}
#about .content .history,
#about .content .history dl dt,
#about .content .history dl dd{
	width:100%;
	float:none;
}
#about .content .history dl dt{
	color:#999;
}

}
/*--------------作品の紹介----------------------------------------------------*/
#works .content .list{
	width:100%;
	border:1px solid #000;
	overflow:hidden;
}
#works .content .list div{
	width:25%;
	padding-top:22%;
	border:2px solid #000;
	float:left;
	background-repeat:no-repeat;
	position:relative;	
}
#works .content .list .kubi{
	background-size:100%;
	background-position:center 30%;
}
#works .content .list .eto{
	background-size:120%;
	background-position:center 100%;
}
#works .content .list .daruma{
	background-size:116%;
	background-position:center bottom;
}
#works .content .list .tenjin{
	background-size:100%;
	background-position:center 30%;
}
#works .content .list .oiran{
	background-size:100%;
	background-position:center -5%;
}
#works .content .list .musume{
	background-size:100%;
	background-position:center 35%;
}
#works .content .list .neko{
	background-size:100%;
	background-position:center 25%;
}
#works .content .list .okiagari{
	background-size:100%;
	background-position:center 25%;
}
#works .content .list .omen{
	background-size:100%;
	background-position:center bottom;
}
#works .content .list .nanban{
	background-size:100%;
	background-position:center -8%;
}
#works .content .list .hina{
	background-size:100%;
	background-position:center top;
}
#works .content .list .other{
	background-size:100%;
	background-position:center 28%;
}




#works .content div h3{
	background-color:#8198CD;
	padding:2px;
	font-size:18px;
	font-size: 1.8rem;
	line-height:1.4;
	text-align:center;
	color:#FFF;
	width:100%;
	position:absolute;
	top:0;
}
@media only screen and (max-width:599px) {
#works .content .list{
	background-color:#000;
	/*border-right:none;*/
}

#works .content .list div{
	width : calc(100% / 3) ;
	padding-top:32%;
	border:1px solid #000;
	float:left;
	background-repeat:no-repeat;
	position:relative;	
}
#works .content div h3{
	font-size:1.2rem;
}

}

/*------------------ご挨拶-------------------------------------------------------*/
#greeting .content .aisatsu{
	border-top:2px solid #F5821F;
	border-bottom:2px solid #F5821F;
	padding:10px 0;
	width:80%;
	margin:0 auto;
}
#greeting .content .aisatsu p{
	margin:20px 0;
	line-height:1.6;
}
.link_unei{text-align:center;font-size: 120%;}
@media only screen and (max-width:599px) {
#greeting .content .aisatsu{
	width:100%;
	margin:0 auto;
}
	
}
/*-----------------運営に関して------------------------------------------------*/
#greeting .content .unei{
	border-top:2px solid #F5821F;
	padding:10px 0;
	width:80%;
	margin:0 auto 20px;
}

#greeting .content .unei dl {
	width:100%;
	border-bottom:2px solid #F5821F;
	overflow:hidden;
	clear:both;
	margin-bottom:15px;
	padding-bottom:15px;
}
#greeting .content .unei dl dt{
	width:25%;
	float:left;
}
#greeting .content .unei dl dd{
	width:75%;
	float:right;
}
#greeting .content .unei dl dt img {
	width:70%;
	vertical-align:top;
	margin-left:10px;
}
#greeting .content .unei dl dd h3{
	font-size:16px;
	font-size: 1.6rem;
	line-height:1.6;
	font-weight:bold;
}
@media only screen and (max-width:599px) {
#greeting .content .unei{
	width:100%;
}
}
/*------------------商標登録について-------------------------------------------------*/
#greeting .content .touroku{
	border-top:2px solid #F5821F;
	border-bottom:2px solid #F5821F;
	padding:10px 0;
	width:80%;
	margin:0 auto;
}
#greeting .content .touroku2{
	border-bottom:2px solid #F5821F;
	padding:10px 0;
	width:80%;
	margin:0 auto;
}
#greeting .content .touroku p,
#greeting .content .touroku2 p{
	text-align:left;
}
@media only screen and (max-width:599px) {
#greeting .content .touroku{
	width:100%;
}
}

/*-----------------お知らせ----------------------------------------------------------*/
#info {
	min-height:400px;
}
#info h3{
	font-size:18px;
	font-size: 1.8rem;
	line-height:140%;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	clear:both;
	color:#069;
}
#info dl{
	margin:0 0 30px 60px;
	overflow:hidden;
	font-size:16px;
	font-size: 1.6rem;
	line-height:140%;
	
}
#info dt{
	clear:left;
	float:left;
	width:100px;
	color:#066;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom:5px;
}
#info dd{
	float:left;
	width:600px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom:5px;
}
#info dd span{
	color:#F9C;
	font-size:10px;
}
/*--------------著作権について-------------------------------------------------*/
#copyright .content ul {
	margin:20px 30px ;
}
#copyright .content ul li{
	font-size:16px;
	font-size: 1.6rem;
	line-height:1.6;
	margin-bottom:20px;
	text-indent:-2em;
	margin-left:2em;
}
@media only screen and (max-width:599px) {
#copyright .content ul {
	width:100%;
	margin:20px auto 40px;
}
#copyright .content ul li{
	font-size:1.2rem;
}
}

/*----------------リンク------------------------------------------------------*/
#links {
	min-height:400px;
}
#links h3{
	font-size:18px;
	font-size: 1.8rem;
	line-height:140%;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
	clear:both;
	color:#069;
}
#links dl{
	margin:40px 0 30px 50px;
	overflow:hidden;
	font-size:14px;
	font-size: 1.4rem;
	line-height:160%;
	
}
#links dt{
	clear:left;
	float:left;
	width:360px;
	color:#066;
	height:70px;
	margin-bottom:20px;
	
}
#links dd{
	float:left;
	width:350px;
	height:60px;
	margin-bottom:20px;
	padding-top:10px;

}

/*　リンクページ　*/
.links {
	line-height: 2em;
	font-size: 140%;
	text-align: center;
	font-weight: bold;
}

/*--------------共通----------------------------------------------------------*/
.imgcenter {	display:block;	margin:0px auto;}
.floatleft {	float:left;	margin:0px 10px 10px 0px}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}