@charset "utf-8";
/* CSS Document */
.menu-box { display: none; }
.pcno { display: none; }
img { max-width: 100%; height: auto; }
.switchBtn { display: none; }
#slimmenu { display: none; }
#fixed-navi { display: none; }
dd { word-wrap: break-word; }


/*▼▼▼▼▼初期化▼▼▼▼▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding: 0px; margin: 0px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", ns-serif; font-size: 16px; line-height: 1.5em; letter-spacing: 1px; color: #c5c5c5; }
table { border-collapse: collapse; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; font-size: 100%; font-weight: normal; }
a { overflow: hidden; outline: none; }
img { border: none; vertical-align: bottom; }
table td { border: none; vertical-align: top; }
.text99 { text-indent: -9999px; }
a:hover { text-decoration: none; }
a:hover { opacity: 0.5; filter: alpha(opacity=50); }
body * { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
/*▲▲▲▲▲初期化▲▲▲▲▲*/


.font-01{ font-family: 'Noto Serif JP', serif;}


div#online-shop { display: flex; justify-content: space-between; width: 1024px; margin: auto; }
div#shop { margin: 0 20px; }
 div#box-06 { padding-top: 80px; padding-bottom: 80px; background: #690404; border-top: #a40000 1px solid; border-bottom: #a40000 1px solid;}



/*▼エリア・背景設定▼*/
body {min-width:1024px; background:#000000;}
#home #body-top { background:url(../images/home/mp.jpg) center top no-repeat;}

body .lightbox * { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; }
body .photobox * { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; transition: 0s; }

#home #mp { height:930px;}
#about #mp { height:300px;}
#lesson #mp { height:300px;}
#contact #mp { height:300px;}

#mp .title { padding-top:80px; text-align:center;}
#mp .title p{ background:url(../images/common/title-bk.jpg) center bottom no-repeat; font-size:30px; color:#fff; padding-bottom:15px; font-family: 'Noto Serif JP', serif; margin-bottom:30px;}



/*▼ヘッダー▼*/


#header { width:1024px; height:180px; margin:auto;}
#header #hmid { overflow:hidden;}
#header #hmid .left {width:450px; float:left; text-align:center; margin-top:30px;}
#header #hmid .right{width:280px; float:right;}
#header #hmid .left h1 { font-size:14px; color:#fff; margin-bottom:5px; border-bottom:2px solid #620000; padding-bottom:10px;}
#header #hmid #htel { width:280px; float:right; font-size:30px; text-align:center;}
#header #hmid a #htel { width:280px; padding:20px 0;display:block; background:#620000; color:#fff; text-decoration:none;font-family: 'Crimson Text', serif;}
#header #hmid #htel .p-01 { font-size:16px; background:url(../images/common/htel-bk.jpg) center bottom no-repeat; padding-bottom:10px; letter-spacing:0.3em;}
#header #hmid a #htel i{ font-size:20px;}









/*▼メインナビゲーション▼*/

#navi { width:1024px;height:40px; margin:auto; text-align:center;}
#navi ul{ overflow:hidden; display: inline-block; text-align:center;}
#navi ul li { float:left; padding:0 40px; border-right:#848484 solid 1px;font-family: 'Noto Serif JP', serif;}
#navi ul li:first-child{ border-left:#848484 solid 1px;}
#navi ul li { min-width:30px;}
#navi ul li a { display:block; color:#fff; text-decoration:none;}
#navi .underline { display:inline-block;padding-bottom: 4px;position: relative;}
#navi .underline::after {background-color: #fff;bottom: 0;content: '';display: block;height: 1px;left: 0;position: absolute;transition: .5s all;width: 0;}
#navi .underline:hover::after {width: 100%;}

/*▼フッター▼*/

#footer-bk { background:url(../images/common/footer-bk.jpg) center top repeat-x; clear:both;}
#footer { width:1024px; margin:auto; padding-top:45px;}
#footer #fmid { overflow:hidden; margin-bottom:20px;}
#footer #fmid .left { width:400px; float:left; text-align:center;}
#footer #fmid .left .p-01 { font-size:14px; margin-bottom:5px; margin-bottom:20px; letter-spacing:normal;}
#footer #fmid .left a .p-01{ text-decoration:none;}
#footer #fmid .left .p-01 span{ border-bottom:#b3b3b3 1px solid; padding-bottom:5px; }
#footer #fmid .right{ width:380px; float:right; text-align:right; padding-top:15px;}
#footer #fmid .right .p-01 { font-size:20px; color:#fff; padding-top:10px;}
#footer #fmid .right .p-01 span{ font-size:24px; font-weight:bold; letter-spacing:normal;}




#footer #f-navi { width:1024px; margin:0 auto 20px; text-align:center; clear:both;}
#footer #f-navi ul{ overflow:hidden; display: inline-block; text-align:center;}
#footer #f-navi ul li { float:left; padding:0 30px; border-right:#848484 solid 1px; font-family: 'Noto Serif JP', serif;}
#footer #f-navi ul li:first-child{ border-left:#848484 solid 1px;}
#footer #f-navi ul li { min-width:30px;}
#footer #f-navi ul li a { display:block; color:#fff; text-decoration:none;}
#footer #f-navi .underline { display:inline-block;padding-bottom: 4px;position: relative;}
#footer #f-navi .underline::after {background-color: #fff;bottom: 0;content: '';display: block;height: 1px;left: 0;position: absolute;transition: .5s all;width: 0;}
#footer #f-navi .underline:hover::after {width: 100%;}

#footer #tamonten { clear:both; text-align:center; font-size: 11px; text-align: center; padding-bottom:20px; padding-top:30px;}
#footer #tamonten a { display:block; cursor:default; color:#ffffff; text-decoration: none; opacity: 1; filter: alpha(opacity=100); }


/*▼メインカラム共通▼*/
#main { clear:both; padding-top:100px; padding-bottom:200px;}

.page-top {
	 clear:both;
	  position: fixed;
    bottom: 65px;
    right: 0px;
	background-image: url(../images/common/to-top.jpg);
	width:50px; height:130px; text-indent:-9999px;}

.box { width:1024px; margin:auto; padding:50px 0;}

.more { width:360px; margin:auto; text-align:center; font-family: 'Noto Serif JP', serif;}
.more a { background:#a40000; color:#fff; padding:20px 0; text-decoration:none; display:block;}

.h2 { text-align:center;}
.h2 img{ margin-bottom:15px;}
.h2 p{ background:url(../images/common/h2-bk.jpg) center bottom no-repeat; font-size:20px; color:#ddd; padding-bottom:15px; font-family: 'Noto Serif JP', serif; margin-bottom:50px;}

h3 { background:url(../images/common/h3.jpg) left 6px no-repeat; font-size:24px; color:#fff; padding-left:25px; font-family: 'Noto Serif JP', serif; margin-bottom:20px; position:relative; top:0;}

/*トップページ home*/
#home h2 { background:url(../images/common/h2-bk.jpg) center bottom no-repeat; font-size:30px; text-align:center; padding:10px; font-family: 'Noto Serif JP', serif; margin-bottom:50px;}

#home #box-01-bk { background:#171616; border-top:#a40000 1px solid; border-bottom:#a40000 1px solid;}
#home #box-01 { width:1024px; margin:auto;}
#home #box-01 .area-01 { overflow:hidden;}
#home #box-01 .area-01 .left { width:101px; height:626px; float:left; background:url(../images/home/h2-bk.jpg) no-repeat; position:relative;}
#home #box-01 .area-01 .left .h2-01 { font-size:22px; position:absolute; top:180px; left:35px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#home #box-01 .area-01 .right{ width:850px; float:right; padding-top:45px; overflow:scroll; height:800px; margin-bottom:70px;}
#home #box-01 .area-01 .right .entry{ overflow:hidden; padding-bottom:20px; border-bottom:#848484 1px solid; margin-bottom:20px;}
#home #box-01 .area-01 .right .entry:last-child {border-bottom:none; margin-bottom:0px; }
#home #box-01 .area-01 .right .entry img { float:left;}
#home #box-01 .area-01 .right .entry .tb { width:600px;float:right;}
#home #box-01 .area-01 .right .entry .tb-01{ width:500px;}
#home #box-01 .area-01 .right .entry .tb .p-01 { font-size:18px; font-weight:bold; padding-top:5px; margin-bottom:15px;}

#home #box-01 .area-01 .right .entry a{ color:#FFF;}
#home #box-02 { padding-top:75px; margin-bottom:80px;}
#home #box-02 .area-01 { overflow:hidden; margin-bottom:100px;}
#home #box-02 .area-01 img{ float:left;}
#home #box-02 .area-01 .right{ float:right; width:500px;}
#home #box-02 .area-01 .right p{ font-size:18px; margin-bottom:10px;font-family: 'Sawarabi Mincho', sans-serif;}
#home #box-02 .area-01 .right .p-01 { text-align:right;}
#home #box-02 .area-01 .right .p-01 span{ font-size:24px;}
#home #box-02 .area-01 .right .more { float:right;}

#home #box-02 .area-02 { overflow:hidden;}
#home #box-02 .area-02 .bnr-01 { float:left;}
#home #box-02 .area-02 .bnr-02 { float:right;}


#home #box-03-bk { background:#690404; border-top:#a40000 1px solid; border-bottom:#a40000 1px solid;}
#home #box-03 { }
#home #box-03 .area-01 { overflow:hidden; margin-bottom:50px;}
#home #box-03 .area-01 .entry{ width:240px; float:left; margin-right:21px; margin-bottom:20px;}
#home #box-03 .area-01 .entry:nth-of-type(4n) { margin-right:0px;}

#home #box-05 .youtube { width:768px; height:438px; }
#home #box-05 #repo { text-align: center; margin-bottom: 50px;}


/*アトリエマーレイズロウについて about*/


#about #box-01 { margin-bottom:200px; padding:0;}
#about #box-01 .area-01 { overflow:hidden;}
#about #box-01 .area-01 .image-01{ float:left;}
#about #box-01 .area-01 .right{ float:right; width:580px;}
#about #box-01 .area-01 .right img{ margin-bottom:20px;}
#about #box-01 .area-01 .right p{ font-size:18px; margin-bottom:40px;font-family: 'Sawarabi Mincho', sans-serif; line-height:1.8em;}
#about #box-01 .area-01 .right table { width:100%;}
#about #box-01 .area-01 .right table .td-01 { width:auto; border-right:1px solid #9a0000;}
#about #box-01 .area-01 .right table .td-02 { padding-left:20px;}
#about #box-01 .area-01 .right table td { padding-bottom:15px;}


#about #box-02 { margin-bottom:100px; padding:0;}
#about #box-02 .p-01 { font-size:18px; text-align:center; margin-bottom:50px;}
#about #box-02 .area-01 { overflow:hidden; margin-bottom:50px;}
#about #box-02 .area-01 .entry { width:220px; float:left; margin-right:48px;}
#about #box-02 .area-01 .entry:last-child { margin-right:0;}
#about #box-02 .area-01 .entry .p-02 { text-align:center; padding-top:20px;}

#about #box-02 .area-02{}
#about #box-02 .area-02 .arrow { display:block; margin:auto;}
#about #box-02 .area-02 .entry { overflow:hidden; background:#242222; border:#a40000 1px solid;}
#about #box-02 .area-02 .entry img { float:left; padding:10px;}
#about #box-02 .area-02 .entry .tb { float:right; padding:30px 40px 0 0; width:640px;}
#about #box-02 .area-02 .entry .tb .p-03 { font-size:20px; color:#fff; margin-bottom:15px; font-family: 'Noto Serif JP', serif;}

#about #box-03 { padding:0;}
#about #box-03 .img-01 { margin-bottom:25px;}
#about #box-03 .p-01 { text-align:center; margin-bottom:20px;}
#about #box-03 .area-01 a { display:block; float:left; margin-right:21px; margin-bottom:21px;}
#about #box-03 .area-01 a:nth-of-type(4n) { margin-right:0;}



/*lesson*/
#lesson #box-01 { margin-bottom:100px; padding:0;}
#lesson #box-01 p { font-size:18px; margin-bottom:40px;font-family: 'Sawarabi Mincho', sans-serif; line-height:1.8em;}

#lesson #box-02 { padding:0;}
#lesson #box-02 #area-bk { background:url(../images/lesson/area-bk.jpg) center 50px no-repeat;}
#lesson #box-02 .area-01 { margin-bottom:50px;}
#lesson #box-02 .area-02 { margin-bottom:50px; width:650px;}
#lesson #box-02 .area-05 { margin-bottom:50px;}
#lesson #box-02 .area-05 h3 { margin-bottom:30px;}
#lesson #box-02 .area-05 table { border-collapse: collapse; width:100%; background:rgba(255,255,255,0.25);}
#lesson #box-02 .area-05 table th { text-align:center; padding:20px 0; color:#fff; text-shadow:0 0 3px #000,0 0 3px #000,0 0 5px #000; border: solid 1px #fff;}
#lesson #box-02 .area-05 table td { text-align:center; padding:20px 0; color:#fff; text-shadow:0 0 3px #000,0 0 3px #000,0 0 5px #000; border: solid 1px #fff;}
#lesson #box-02 #area-bk .lesson-detail { margin-bottom:20px; }
#lesson #box-02 #area-bk .area-02 .experience-img { margin-left: 20px;}


#contact #box-01 { padding:0; margin-bottom:100px;}
#contact #box-01 #googlemap{ height:590px;}
#contact #box-01 .txt{ background:#630301; color:#fff; text-align:center; padding:15px 0;}


#contact #box-02 { padding:0;}
#contact #box-02 .area-01 { overflow:hidden; background:#242222; border:#a40000 1px solid; margin-bottom:50px;}
#contact #box-02 .area-01 .img-01 { float:left; padding:10px;}
#contact #box-02 .area-01 .tb { float:right; padding-top:40px; width:640px;}
#contact #box-02 .area-01 .tb img { margin-bottom:25px;}
#contact #box-02 .area-01 .tb p { line-height:1.7em;}

#contact #box-02 .area-02 { }
#contact #box-02 .area-02 table{ width:100%; background:#242222; border:#a40000 1px solid; margin-bottom:15px;}
#contact #box-02 .area-02 table tr { border:#a40000 1px solid;}
#contact #box-02 .area-02 table td{ padding:7px; vertical-align:middle; padding-left:20px;}
#contact #box-02 .area-02 table td.td-01{ background:#433f3f; width:210px;}
#contact #box-02 .area-02 table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 table ul li:last-of-type{ margin-bottom:0px;}
#contact #box-02 .area-02 table ul.ul-01 li{ margin-bottom:0px;}
#contact #box-02 .area-02 table select{ padding:3px; font-size:15px; color:#000;}
#contact #box-02 .area-02 table input{ padding:3px; font-size:15px; color:#000;}
#contact #box-02 .area-02 table button{ display:block; margin:auto; font-size:20px; padding:0 20px; color:#000;}
#contact #box-02 .area-02 .chui{ padding:2px 7px; background:#a40000; color: #fff; float:right;}
#contact #box-02 .area-02 .p-01{ margin-top:5px;}
#contact #box-02 .area-02 textarea{ width:99%; color:#000;}
#contact #box-02 .area-02 .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .p-02{ font-weight:bold;}

/*赤枠色    #a40000　　*/