/***********************************************************************************************************************
******共通
******
************************************************************************************************************************/
body{width:100%; margin:0 auto; min-width:960px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.w960{width:960px; margin:0 auto; position:relative;}
.pc{display:inline-block;}
.sp{display:none;}
.down{display:none;}
.tac{text-align:center !important;}
.tal{text-align:left;}
.tar{text-align:right;}
.f_left{float:left;}
.f_right{float:right;}
red{color:#be3325;}
.fm{font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","Times New Roman","游明朝",YuMincho,"メイリオ",Meiryo,"ＭＳ Ｐ明朝","MS PMincho",serif; font-weight:400;}

.stripe {
    background-color: #1a1a1a;
    background-image: linear-gradient(-45deg, #393939 25%, transparent 25%, transparent 50%, #393939 50%, #393939 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

@media (max-width: 640px) {
body{width:100%; margin:0 auto; min-width:100%;}
.w960{width:96%; margin:0 auto;}
.pc{display:none;}
.sp{display:block;}
img{width:100%; height:auto;}
}
/***********************************************************************************************************************
******ヘッダー
******
************************************************************************************************************************/

header{}
header .pc{display:block !important;}
.header_content{margin:auto; height:175px; position:relative; border-bottom:solid 3px #f2f0e9;}
.header_content h1{position:absolute; top:25px; left:0;}
.header_content .amb{position:absolute; top:40px; right:0;}
.header_content .amb a{display:inline-block;}
.header_content .sitemap{font-size:12px; margin:0 auto; position:absolute; top:15px; right:0;}
.header_content .sitemap ul li{float:left; padding:0 10px; border-right:#333 solid 1px; line-height:18px;}
.header_content .sitemap ul li:last-child{border-right:none;}
.header_content .sitemap ul li img{margin-right:2px;}
.header_content nav div.w960{position:absolute; bottom:-3px; left:50%; margin:0 0 0 -450px; width:900px;}
.header_content nav ul li {float:left; border-bottom:solid 3px #f2f0e9;}
.header_content nav ul li img{border-right:#cdcdcd solid 1px; margin-bottom: 20px;}
.header_content nav ul li:last-child img{border:none;}
.header_content nav ul li:hover{border-bottom:solid 3px #999999;}

@media (max-width: 640px) {
header{height:50px; position:fixed; background:#f9f8f4; z-index:10000; width:100%; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);}
header .pc{display:none !important;}
.header_content img{width:100%;}
.header_content{margin:auto; height:50px; border:none;}
.header_content h1{width:150px; position:absolute; top:15px; left:2%;}
.header_content .amb{width:90px; position:absolute; top:15px; right:60px;}
.header_content p.nav_btn span{width:50px; height:50px; position:absolute; top:0; right:0; background:url(../images/sp/btn_menu.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content p.nav_btn span.open{width:50px; height:50px; position:absolute; top:0; right:0; background:url(../images/sp/btn_menu_open.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content nav.dropmenu{display:none; width:100%;position:absolute; top:50px; z-index:10000; padding:0 0 20px; background:#f9f8f4; box-shadow:#cdcdcd 0px 5px 5px; height:auto; border-top:#cdcdcd 2px solid; overflow-y:auto; max-height:450px;}
.header_content nav.dropmenu ul{width:100%; margin:0 auto;}
.header_content nav.dropmenu ul li{width:100%; margin:0 auto; text-align:center; height:50px; line-height:50px; border-bottom:#cdcdcd 1px solid; font-size:14px;}
.header_content nav.dropmenu ul li img{height:18px; width:auto; vertical-align:bottom; margin-right:2px;}
.header_content nav ul li:hover{border-bottom:#cdcdcd 1px solid;}
.header_content nav.dropmenu ul li.half{width:50%; float:left; clear: none; border-left:#cdcdcd 1px solid; box-sizing:border-box;}
.header_content nav.dropmenu ul li.child{color:#fff;}
.header_content nav.dropmenu ul li.child span {background:url(../images/sp/icon_menu_open.jpg) no-repeat scroll right 2% center / 5% auto; display: block;}
.header_content nav.dropmenu ul li.child.open span {background:url(../images/sp/icon_menu_close.jpg) no-repeat scroll right 2% center / 5% auto;}
.header_content nav ul.child_nav {display: none;}
.header_content nav ul.child_nav li {background:#f9f8f4;}
.header_content nav.dropmenu .btn_close{margin:0 auto; text-align:center;}
.header_content nav.dropmenu .btn_close img{margin:20px 0 0; height:18px; width:auto;}
.header_content nav ul li img{border-right:#cdcdcd solid 0px; margin-bottom: 20px;}
}

/***********************************************************************************************************************
******トップページ
******INDEX
************************************************************************************************************************/

.contents{width:100%;}
.mainvisual{width:100%; height:430px; margin:0 auto 10px; clear:both; overflow:hidden; text-align:center; border-bottom:solid 3px #f2f0e9;}
.mainvisual img{width:auto; height:100%;}
.mainvisual .inner{width:1200px; margin:0 auto;}
@media only screen and (min-width: 641px) and (max-width: 1200px) {
.mainvisual .inner{width:100%; margin:0 auto; position: relative;}
.mainvisual img{width:1200px; height: 430px; position: absolute; left:50%; margin-left:-600px;}
}

.contents .inquiry{width:960px; height: 270px; margin:30px auto 40px; clear:both;}
.contents .inqu1{width:299px; height: 268px; float: left; border:#000 1px solid; border-right:none;margin:0 0 0 10px;}
.contents .inqu1 h3{font-size:1.5em; margin:24px auto; font-weight:normal; text-align:center;} 
.contents .inqu1 p{font-size: 0.9em;text-align:center;}
.contents .inqu1 p.text{text-align:left; line-height:18px; margin:10px 0 0 20px;}
.contents .inqu2{float: left; border:#000 1px solid; width:338px; height:268px;}
.contents .inqu2 dl{border-bottom:#000 solid 1px; height:90px;}
.contents .inqu2 dl:last-child{border:none;}
.contents .inqu2 dl dt{float:left;width:120px; text-align:center;line-height:90px;font-size:1.2em;}
.contents .inqu2 dl dd{float:right; width:218px;}
.contents .inqu2 .tel dd{font-weight:bold; font-size:1.4em; line-height:1.0em; margin:24px auto 0;}
.contents .inqu2 .tel dd span{display:block; font-size:0.6em; font-weight:normal;}
.contents .inqu2 .email{line-height:90px;}
.contents .inqu2 .email dd{font-weight:bold; font-size:1.4em;}
.contents .inqu2 .btinquiry{line-height:90px;}
.contents .inqu2 .btinquiry dd a{margin:12px auto; background: transparent;display:inline;line-height:114px;}
.contents .faqs{float:left; width:299px; height: 268px; border:#000 1px solid; border-left:none;}
.contents .faqs h3{margin:24px 0 30px 60px;}
.contents .faqs ul{margin:0 0 0 60px;}
.contents .faqs ul li{background:url(../images/icon_vec_right.png) no-repeat left center; padding:0 0 0 10px;}
.contents .faqs ul li a{text-decoration:underline; line-height:28px;}
.contents .faqs ul li a:hover{text-decoration:none;color:#999999;}


.qualitydetail{width:100%; height:690px; background:url(../images/course/bg_qualitydetail.jpg) no-repeat center center; background-size:cover; padding:30px 0 0;}
.qualitydetail.ver2{background:#fff; height:auto;}
.qualitydetail.ver3 {height:450px; margin:30px auto;}
.qualitydetail.ver3 div.thumbs{display:inline-block; margin:20px 8px; box-sizing:border-box; width:300px; background:#fff;}
@media (max-width: 1200px) {.qualitydetail{background-size:1200px;}}
@media (max-width: 960px) {.qualitydetail{width:960px; background-size:1200px;}}
.qualitydetail h3{margin:20px auto 10px;text-align:center;}
.qualitydetail div.thumbs{display:inline-block; margin:20px 28px; box-sizing:border-box; width:420px; background:#fff;}
.qualitydetail div.thumbs img{width:100%; height:auto;}
.qualitydetail div.thumbs a{border:#ddd solid 1px;}
.title_pat2{background:url(../images/about/BG_title_pt2.jpg) repeat-x; height:70px; line-height:70px; text-align:center; font-size:18px; margin:60px auto 30px;
font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","Times New Roman","游明朝",YuMincho,"メイリオ",Meiryo,"ＭＳ Ｐ明朝","MS PMincho",serif; font-weight:400;}
.title_pat2 h2{color:#fff; font-size:36px; text-align:left; padding:0 20px; position:relative; letter-spacing:0.1em;}
.title_pat2 h2 span{color:#65591a; font-size:24px; position:absolute; right:20px; font-weight:400;}

@media (max-width: 640px) {
.contents{width:100%; padding-top:50px;}
.mainvisual{width:100%; margin:0 auto 10px; height:auto;}
.mainvisual img{width:100%; height:auto;}
.mainvisual .inner{width:100%; min-width:100%; margin:0 auto;}
.contents .inquiry{display:none;}
    
.qualitydetail{background:none; width:100%; height:auto; padding:0;}
.qualitydetail h3{margin:0 auto 30px;text-align:center;}
.qualitydetail div.thumbs{display:inline-block; margin:1%; box-sizing:border-box; width:47%; background:#fff;}
.qualitydetail div.thumbs a{border:4px #cdcdcd solid;}
.qualitydetail.ver3 {height:auto; background:url(../images/BG_top_qualitydetail.jpg) no-repeat center center; padding:30px 0;}
.qualitydetail.ver3 div.thumbs{margin:0 auto 10px; width:100%;}
.title_pat2{background:url(../images/about/sp/BG_title_pt2.jpg) repeat-x; background-size:auto 40px; margin:40px auto 20px; line-height:40px; height:40px;}
.title_pat2 h2{font-size:18px; padding:0 10px;}
.title_pat2 h2 span{display:none;}
}




.page_caption{font-size: 24px; line-height: 1.8; text-align: center; margin: 30px auto;}
.sub_caption{font-size: 14px; line-height: 1.8; text-align: center;}

.title{margin-bottom: 0px; text-align:left;}
.title.margintop{margin-top: 80px;}
.title b{font-size:24px;}
.floatbox{line-height: 1.6;}
.floatbox p a.tomuseum{display:block; width: 100%; margin: 10px 0; text-align: left;}
.floatbox p a.tomuseum img{width:80%; height: auto;}
.floatbox p a.tomuseum:hover{opacity: 0.8;}
.floatbox .fl{float: left; width: 570px;}
.floatbox .fr{float: right;}
.staffbox{margin: 30px auto; padding:0 0 30px; border-bottom: #000 solid 1px;}
.staffbox.bdn{border: none;}
.staffbox img{width: 100%; height: auto;}
.staffbox p.facephoto{width: 300px; height: 300px; float: left;}
.staffbox .staffcomment{float:left; margin-left: 20px; line-height: 1.6; font-size: 14px;}
.staffbox .staffcomment .name{font-size: 20px; margin-bottom: 10px;}
.staffbox .staffcomment .name span{display: block; font-size: 14px; margin-bottom: 5px;}
.staffbox .profile{background: #eee; float: right; width: 200px; padding: 10px;}
.staffbox .profile p{margin: 5px auto; font-size:14px; line-height: 1.6;}
.staffbox .profile p b{font-size: 16px;}

ul.course_guide{margin-bottom: 40px;}
ul.course_guide li{margin-bottom: 20px;}
ul.course_guide li a:hover{opacity: 0.8;}

p.topattention{font-size: 18px; font-weight: bold; margin-bottom: 60px;}
p.topattention a{display:block; color: #fff; background:#D03829; padding: 10px 20px; width: 400px;margin: 20px auto 0;}
p.topattention a:hover{opacity: 0.8;}
.specialimg{margin: 40px auto;}

p.because{width: 580px; font-size: 18px; margin:0 auto 10px; line-height: 1.6;}
ul.recommend_style{margin: 30px auto 60px; width: 580px;}
ul.recommend_style li{list-style: disc outside; font-size: 18px; margin-bottom:10px;}
ul.lineupcolumn{width:100%; text-align: center; margin: 0 auto 100px;}
ul.lineupcolumn li{display: inline-block; margin: 0 auto;}
ul.lineupcolumn li a:hover{opacity: 0.8;}

ul.colorcolumn{width:820px; text-align: left; margin: 0 auto 30px;}
ul.colorcolumn li{display: inline-block; margin: 0  10px;}
ul.colorcolumn li span{display:block; padding:10px 0; font-size:14px; text-align:center;}
.colortxt{font-size:16px; line-height:1.4; margin-bottom:60px; text-align: center;}


@media (max-width: 640px) {
.page_caption{width:96%; margin: 30px auto; font-size: 15px; line-height: 1.4; text-align: left;}
.sub_caption{width:96%; margin: 0 auto; font-size: 11px; line-height: 1.8; text-align: left;}

.title{margin-bottom: 10px;}
.title.margintop{margin-top: 40px;}
.title b{font-size:16px;line-height: 1.4;}
.floatbox{line-height: 1.4; font-size: 14px;}
.floatbox a.tomuseum{margin: 10px auto 30px;}
.floatbox p a.tomuseum img{width:90%; height: auto;}
.floatbox .fl{float: none; width: 100%;}
.floatbox .fr{float: none;}
.staffbox{margin: 30px auto; padding:0 0 30px; border-bottom: #000 solid 1px;}
.staffbox p.facephoto{width: 50%; height: auto;}
.staffbox p.facephoto img{width: 100%; height: auto;}
.staffbox .staffcomment{margin-left: 0; line-height: 1.4; width: 50%; margin-bottom: 20px; font-size:12px;}
.staffbox .staffcomment .name{font-size:14px;}
.staffbox .staffcomment .name span{font-size: 12px;}
.staffbox .profile{clear:both; float: none; width: 90%; padding: 10px; margin: 0 auto;}
.staffbox .profile p{font-size:12px; line-height: 1.4;}

ul.course_guide{margin-bottom: 20px;}
ul.course_guide li{margin-bottom: 10px;}
p.topattention{font-size: 12px; line-height: 1.4;}
p.topattention a{padding: 10px 20px; width: 90%;}
.specialimg{margin: 0 auto 20px;}

p.because{width:80%; font-size: 16px; margin:0 auto 10px; line-height: 1.4;}
ul.recommend_style{width:80%;}
ul.recommend_style li{list-style: disc outside; font-size: 16px; line-height: 1.4;}
ul.lineupcolumn{margin: 0 auto 50px;}
ul.lineupcolumn li{display: block; margin: 10px auto; width: 80%;}
    
ul.colorcolumn{width:96%;}
ul.colorcolumn li{margin: 0 1%; width: 30%; vertical-align: top;}
ul.colorcolumn li img{width: 100%; height: auto;}
ul.colorcolumn li span{padding:5px 0; font-size:11px; text-align: left;}
.colortxt{font-size:14px; text-align: left;}
}

/***********************************************************************************************************************
******下層ページ（全体）
******
************************************************************************************************************************/

.shadow{box-shadow: 0 0 5px 3px #dbdada; padding: 20px; box-sizing: border-box; margin: 60px auto;}
.btn a{display:block;}
.margin10{margin:10px auto !important;}
.margin20{margin:20px auto;}
.margin30{margin:30px auto;}

.bread{width:960px; margin:10px auto; text-align:left;}
.bread span{display:inline-block; margin-right:10px; vertical-align:bottom; font-size:14px;}
.bread span a{display:inline-block;}

@media (max-width: 640px) {
.shadow{box-shadow:none; border:#dbdada solid 1px; padding: 10px; margin: 30px auto;}
.bread{display:none;}
}


/**********************************************
******下層ページ（原画そのまま）
******COURSE1
************************************************/
.tab div.productdetail .detail2 table.wauto th{width:auto;}
.tab div.productdetail .detail2 table.wauto td input[type=text]{width:100%; box-sizing: border-box; line-height: 2;}

@media (max-width: 640px) {
    .tab div.productdetail .detail2 table.wauto{margin-top: 20px;}
}


/**********************************************
******下層ページ（アドバイス）
******ADVICE
************************************************/

h2.subtitle {
    font-size: 24px; line-height: 1.4;
    margin: 30px auto;}
.fm {
    font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","Times New Roman","游明朝",YuMincho,"メイリオ",Meiryo,"ＭＳ Ｐ明朝","MS PMincho",serif;
    font-weight: 400;}

.two_column{width:100%; text-align:center;}
.kome small{font-size: 14px; line-height: 1.4;}
.two_column .box{display:inline-block; width:45%; text-align:left; vertical-align:top;}
.two_column .box p{font-size:14px; line-height:1.2; margin:20px auto;}
.two_column .box span.cap{font-size:14px; line-height:1.2; margin:10px auto;}
.two_column .box img{width:100%;}

.two_column.ver3{margin-top:50px;}
.two_column.ver3 .box{line-height:1.4; vertical-align:middle; margin-right:2%;}
.two_column.ver3 h3{font-size:24px; line-height:1.6; margin-bottom:10px;}
.two_column.ver4{width:96%; margin:10px auto;}
.two_column.ver4 .box{float:right;}
.two_column.ver4 .box.last{float:left; width:50%;}
.two_column.ver4 .box p{font-size:18px; line-height:1.8; width:90%;}
.two_column.ver4 .fontbig p{font-size:20px;}

.one_column{width:100%; text-align:center; line-height: 1.4;}
.attention{width:100%; text-align:left; line-height: 1.4;}
.attention h3{font-size: 22px; letter-spacing: 1;}
.attention .address{border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 10px 0; display: inline-block;}
.attention .address b{display: block; margin-bottom: 10px;}
.attention a{color:#DD4B39;}
.one_column ul.list_style{width:96%; margin: 30px auto;}
.one_column ul.list_style li{list-style:disc outside; margin-left: 20px; margin-bottom: 10px; font-size: 16px;}

@media (max-width: 640px) {
    
h2.subtitle {
    font-size: 16px;
    margin: 30px auto 10px;}

.kome small{font-size: 12px; line-height: 1.4;}    
.two_column .box{display:inline-block; width:45%; margin-bottom:20px;}

.two_column.ver3{margin-top:30px;}
.two_column.ver3 .box{display:block; width:100%; margin-bottom:20px; line-height:1.2; margin-right:0;}
.two_column.ver3 .box img{width:100%; display:block; vertical-align:top;}
.two_column.ver3 .box a.circleicon{text-align:left; margin-top:10px;}
.two_column.ver3 h3{font-size:18px; line-height:1.4; margin-bottom:10px;}
.two_column.ver4{width:100%;}
.two_column.ver4 .box{float:none; display:block; width:100%;}
.two_column.ver4 .box img{width:100%; margin:0 auto;}
.two_column.ver4 .box.last{float:none; display:block; width:100%; text-align:left;}
.two_column.ver4 .box p{font-size:14px; line-height:1.2; width:100%;}

.one_column p{font-size:14px; line-height:1.2;}
.attention{font-size: 14px;}
.attention h3{font-size: 18px; letter-spacing: 1;}
.one_column ul.list_style li{margin-left: 10px; font-size: 14px;}
}


/**

.nvs_slider{
    width:90%; 
    max-width: 900px;
    overflow: hidden;
    margin: 80px auto 0;
}

.nvs_slider .bx-wrapper{
    max-width: 100% !important;
}

.nvs_slider .bx-viewport{
    width: 440px !important;
    margin: 0 auto;
}

#nvs{
    width:100%; 
    text-align: center;
}
#nvs a{
    display: inline-block;
    width: 140px;
}
#nvs a img{
    width:100%;
    height: auto;
}

.garalley_content .bxslider{
    width: 100%;
}
.garalley_content .bx-viewport{
    width: 860px;
    margin: 0 auto;
    height: auto;
}

#garalley{
    
}
#garalley .art{
    width: 100%;
}
#garalley .art img{
    width: 100%;
    height: auto;
}
#garalley .art .artimg1{
    width: 740px;
    margin: 0 auto;
}
#garalley .art .author{
    width: 640px;
    margin: 20px auto 0;
    background: url(../images/author-frame.jpg) repeat center top;
    background-size: 100% 100%;
    padding: 20px;
}
#garalley .art .author .artimg2{
    float: left;
    width: 240px; 
}
#garalley .art .author .artimg2 span{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
#garalley .art .author .authorin{
    float: left;
    color: #000;
    width: 360px;
    margin-left: 20px;
}
#garalley .art .author .whiteback{
    background: rgba(255,255,255,0.8);
    padding: 10px;
}
#garalley .art .author .authorin dt{
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: bold;
}
#garalley .art .author .authorin dd{
    display: inline-block;
    width: 240px;
    margin-bottom: 10px;
}
#garalley .art .author .authorin .comment{
    line-height: 1.4;
}









@media (max-width: 640px) {
    
.nvs_slider .bx-viewport{
    width: 90% !important;
    margin: 0 auto;
}
    
.nvs_slider{
    margin: 40px auto 0;
}
    
#nvs a{
    width: 23%;
}

.garalley_content .bx-viewport{
    width: 94% !important;
}

#garalley .art .artimg1{
    width: 90%;
    margin: 0 auto;
}
#garalley .art .author{
    width: 90%;
    margin: 20px auto 0;
    padding: 10px;
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
}
#garalley .art .author .artimg2{
    width: 40%;   
}
#garalley .art .author .authorin{
    width: 58%;
    margin-left: 2%;
}
#garalley .art .author .authorin dl{
}
#garalley .art .author .authorin dt{
    display: inline-block;
    width: 25%;
    margin-bottom: 10px;
}
#garalley .art .author .authorin dd{
    width: 75%;
}
    
}**/



/**********************************************
******下層ページ（ギャラリー）
******GARALLEY
************************************************/

.nvs_slider{
    width:90%; 
    max-width: 900px;
    overflow: hidden;
    margin: 80px auto 0;
}

.nvs_slider .bx-wrapper{
    max-width: 100% !important;
}

.nvs_slider .bx-viewport{
    width: 570px !important;
    margin: 0 auto;
}

#nvs{
    width:100%; 
    text-align: center;
}
#nvs a{
    display: inline-block;
    width: 140px;
    height: 140px;
    position: relative;
}
#nvs a img{
    max-width:100%;
    max-height:100%;
    width: auto;
    height: auto;
    
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
}

.garalley_content .bxslider{
    width: 100%;
}
.garalley_content .bx-viewport{
    width: 860px;
    margin: 0 auto;
    height: auto;
}

#garalley{
    
}
#garalley .art{
    width: 100%;
}
#garalley .art img{
    max-width:100%;
    max-height:100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
}
#garalley .art .artimg1{
    width: 500px;
    height: 500px;
    margin: 0 auto;
    position: relative;
}
#garalley .art .author{
    width: 640px;
    margin: 20px auto 0;
    background: url(../images/author-frame.jpg) repeat center top;
    background-size: 100% 100%;
    padding: 20px;
}
#garalley .art .author .artimg2{
    float: left;
    width: 240px;
}

#garalley .art .author .artimg2 a{
    width: 200px;
    height: 200px;
    position: relative;
}
#garalley .art .author .artimg2 span{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
#garalley .art .author .authorin{
    float: left;
    color: #000;
    width: 360px;
    margin-left: 20px;
}
#garalley .art .author .whiteback{
    background: rgba(255,255,255,0.8);
    padding: 10px;
}
#garalley .art .author .authorin dt{
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;
    vertical-align: top;
    font-weight: bold;
}
#garalley .art .author .authorin dd{
    display: inline-block;
    width: 240px;
    margin-bottom: 10px;
}
#garalley .art .author .authorin .comment{
    line-height: 1.4;
}









@media (max-width: 640px) {
    
.nvs_slider .bx-viewport{
    width: 90% !important;
    margin: 0 auto;
}
    
.nvs_slider{
    margin: 40px auto 0;
}
    
#nvs a{
    width:70px !important;
    height:70px;
}

.garalley_content .bx-viewport{
    width: 94% !important;
}

#garalley .art .artimg1{
    width: 300px;
    height: 300px;
    margin: 0 auto;
}
#garalley .art .author{
    width: 90%;
    margin: 20px auto 0;
    padding: 10px;
    font-size: 12px;
    -webkit-text-size-adjust: 100%;
}
#garalley .art .author .artimg2{
    width: 40%;   
}
#garalley .art .author .artimg2 a{
    width: 100px;
    height:100px;   
}
#garalley .art .author .authorin{
    width: 58%;
    margin-left: 2%;
}
#garalley .art .author .authorin dl{
}
#garalley .art .author .authorin dt{
    display: inline-block;
    width: 25%;
    margin-bottom: 10px;
}
#garalley .art .author .authorin dd{
    width: 75%;
}
    
}

/*********************************************************************************************************************
******フッター
******
************************************************************************************************************************/
footer .totopbar{background:#cdcdcd; text-align:center; }
footer .pc{display:block !important;}
footer h4{background:url(../images/icon_vec_right.png) no-repeat left center; padding:0 0 0 10px; font-size:18px; font-weight:bold; margin:0 0 20px 0;}
.footer_content1{height:510px; margin:0 auto; background:#f9f8f4; padding:35px 0 0 0;}
.footer_content1 .footer_01{float:left; width:250px; height:530px;  border-bottom:#cdcdcd solid 5px;}
.footer_content1 .footer_01 .footer_time{font-size:14px; line-height:1.5em; margin:20px auto;}
.footer_content1 .footer_01 .footer_calender{font-size:14px; line-height:18px;}
.footer_content1 .footer_01 .footer_calender ul li img{width:120px;}
.footer_content1 .footer_01 .footer_calender ul li:first-child{float:left;}
.footer_content1 .footer_01 .footer_calender ul li:last-child{float:right;}
.footer_content1 .footer_01 .footer_calender span.circle{color:#d03829;}
.footer_content1 .footer_01 .footer_calender span.square{color:#d09329;}
.footer_content1 .footer_01 .footer_sns{margin:25px auto;}
.footer_content1 .footer_01 .footer_sns ul li{float:left; width:40px; height:40px; margin:0 10px;}

.footer_br{position:absolute; top:420px; left:0px; width:600px;}
.footer_br ul li{float:left; height:auto; margin:0;}
.footer_br ul li a img{width:250px; height:auto;}
.footer_br ul li a:hover{opacity: 0.7;}


.footer_content1 .footer_02{float:left; width:330px; height:530px; padding:0 20px 0; border-bottom:#cdcdcd solid 5px;}
.footer_content1 .footer_02 .footer_payment{font-size:14px; line-height:18px; padding:10px 0 0 0;}
.footer_content1 .footer_02 .footer_payment p.text{margin:15px 0;line-height:1.5em;}
.footer_content1 .footer_02 .footer_payment p.image2{margin:30px auto 0;}
.footer_content1 .footer_02 .footer_payment p.image2 img, .footer_content1 .footer_02 .footer_payment p.image1 img{vertical-align:middle;margin:0 0 0 10px;}
.footer_content1 .footer_02 .footer_payment p span.gray{background: #999;color: #FFF;padding: 5px;border-radius: 7px;}
.footer_content1 .footer_03{float:left; width:310px; height:530px; border-bottom:#cdcdcd solid 5px;}
.footer_content1 .footer_02 .footer_payment p.image1_2{margin:20px 0;}
.footer_content1 .footer_03 .footer_post{font-size:14px; line-height:18px; padding:10px 0 0 0;}
.footer_content1 .footer_03 .footer_post p.text{margin:10px 0;}
.footer_content1 .footer_03 .footer_post p.image1 img{width:316px;height:auto;}
.footer_content1 .footer_03 .footer_postcost{margin:20px auto 0;}
.footer_content1 .footer_03 .footer_postcost p.image1 img{width:auto;height:auto; float:left;}
.footer_content1 .footer_03 .footer_post p.image2 a{display:inline;}
.footer_content1 .footer_03 .footer_postcost p.image2 img{ float:right; width:150px;}
.footer_content2{margin: auto; background:#f9f8f4; }
.footer_content2 .footer_sitemap{padding:20px 0; height:14px;}
.footer_content2 .footer_sitemap ul{width:410px; margin:20px auto;text-align:center;}
.footer_content2 .footer_sitemap ul li{display:inline-block;border-left:#000 1px solid; padding:0 10px;}
.footer_content2 .footer_sitemap ul li:last-child{border-right:#000 solid 1px;}
.footer_content2 .footer_banner{clear:both;}
.footer_content2 .footer_banner ul {text-align:center;}
.footer_content2 .footer_banner ul li{display:inline-block; margin:30px 13px 30px 0;}
.footer_content2 .footer_banner ul li:last-child{margin:30px 0;}
.footer_content2 .footer_copyright{clear:both; text-align:center; letter-spacing:1px;font-size:0.8em;}
.footer_content2 .footer_copyright a{display:inline;}
.footer_content2 .footer_copyright .hexagon{padding:0;}
.footer_content2 .footer_copyright p{margin:8px auto 0;padding:0 0 8px;}

footer .totop{margin:0;position:fixed;bottom:20px;right:30px;}
footer .totop img{width:50px;}

.footer_delivery_price{
    border-spacing: 0;
    border-collapse: collapse;
    margin:0 0 10px;
    font-size:14px;
}

.footer_delivery_price th{
    background-color:#cdcdcd;
    font-weight:700;
    border:1px solid #999;
    padding:5px;
}

.footer_delivery_price th.leftcell,
.footer_delivery_price td.leftcell{width:176px;}

.footer_delivery_price td{
    background-color:#ffffff;
    font-weight:400;
    border:1px solid #999;
    padding:5px;
}

@media (max-width: 640px) {
footer{background:#f9f8f4; margin:30px auto 0;}
footer .pc{display:none !important;}
footer .totopbar{display:none !important;}
footer h3{background:url(../images/sp/BG__title_gray.jpg) repeat-x; height:70px; font-size:1.2em; text-shadow:#fff 1px 2px; line-height:70px; text-align:center;}
footer table{width:100%;}
footer table tr td{background-color:#e4e4e4; background-image:url(../images/icon_vec_right.png); background-repeat:no-repeat; background-position:center right 3%; border:#fff 1px solid; width:50%; height:60px; line-height:60px; text-align:center; font-size:12px;}
footer ul{width:96%; margin:10px auto 20px;text-align:center;}
footer ul li{display:inline-block; border-left:#000 1px solid; width:40%; text-align:center; font-size:10px; padding:0 2%;}
footer ul li:last-child{border-right:#000 1px solid;}
footer p{text-align:center; font-size:0.8em; line-height:1.4em; margin-bottom:10px;}
footer p span{text-decoration:underline; color:#d03829;}
footer p.border_line{height:2px; border-bottom:2px solid #cdcdcd; width:80%; margin:20px auto;}
footer p.privacy{width:20%; margin:20px auto;}
footer h2{width:60%; margin:0 auto 20px;}
footer p.copyright{margin:20px auto 0;}
footer p.copyright span{color:#000; text-decoration:none;}
footer .totop{margin:0;  position: fixed; bottom: 20px;right: 0;}
footer .totop img{width:60%;}
footer p.sns_sp{width:80%;margin:0 auto 10px;}
footer p.sns_sp a{display:inline-block;}
footer p.sns_sp img{width:40px;margin:0 5px 0}

.footer_br{position:relative; top:0px; left:0px; width: 80%; margin: 0 auto;}
.footer_br ul{width:100%;}
.footer_br ul li{width:100%; float:none; height:auto; margin:0 auto 2%;  display:block; border:none; padding: 0;}
.footer_br ul li:last-child{border:none;}
.footer_br ul li a img{width:100%; height:auto;}
.footer_br ul li a:hover{opacity: 0.7;}

footer .contactdown dl {background:#ffffff; border: 1px solid #cdcdcd; font-size: 1.2em; margin: 20px auto 0; width: 90%;}
footer .contactdown dl dt {background: #cdcdcd; border-bottom: 1px solid #cdcdcd; font-weight: bold; padding: 15px 0; text-align: center;}
footer .contactdown dl dd {padding: 15px 0; text-align: center;}
footer .contactdown dl dd a {text-decoration: underline;}
footer .contactdown dl img {width: 94%;}

.footer_delivery_price{
    border-spacing: 0;
    border-collapse: collapse;
    width:96%;
    margin:0 auto 5%;
}

.footer_delivery_price th{
    background-color:#cdcdcd;
    font-weight:700;
    border:1px solid #999;
    padding:1%;
    background-image:none;
    line-height:150%;
    font-size:14px!important;
}

.footer_delivery_price th.leftcell,
.footer_delivery_price td.leftcell{width:45%;}

.footer_delivery_price td{
    background-color:#ffffff;
    font-weight:400;
    border:1px solid #999;
    padding:1%;
    background-image:none;
    line-height:150%;
    font-size:14px!important;
}

}




.garalley-link{
    padding: 30px 0;
    margin: 20px auto;
    border-top: #ddd solid 1px;
    width: 100%;
}

.garalley-link p{
    line-height: 1.4;
    margin-bottom: 10px;
}
.garalley-link p a:hover{
    opacity: 0.8;
}

.garalley-link table small{
    font-size: 12px !important;
    display: block;
    margin: 5px 0 0 0 !important;
}
.garalley-link p img{
    width:100%;
    height: auto;
}

.garalley-link table{
    width: 100%;
}

.garalley-link table input[type=text]{
    width: 100%;
    line-height: 2;
}