@charset "UTF-8";
address, blockquote, code, fieldset, h1, h2, h3, h4, h5, h6, hr, li, menu, p, pre, q, dt, dd, samp, table { padding: 0; margin: 0.2em 0; list-style: none; line-height: 150%; letter-spacing: 0.02em; font-weight: normal; /* text-align: justify; */}
h1, h2, h3, h4, h5, h6, h7 {font-size: 24px;}
html, body { background: #FFF;}
body { margin: auto; font-size: 15px;font-family: Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; line-height: 1.7; _font-family: "ＭＳ Ｐゴシック"; color: #000;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmY4YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #fff8c6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff8c6));
background: -webkit-linear-gradient(top,  #ffffff 0%,#fff8c6 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#fff8c6 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#fff8c6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#fff8c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff8c6',GradientType=0 );
}
.font, h1, h2 { font-family:"pill-gothic-300mg",Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;line-height: 26px;}
a { color: #000; text-decoration: none; cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;}
a:link { text-decoration: none;}
a:hover, a:active { text-decoration: none;}
a:hover { text-decoration: none; opacity: .5; filter: alpha(opacity=50); -moz-opacity: 0.5; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
a:visited { text-decoration: none;}
.textbig { max-width: 960px; margin: auto; padding: 80px 0; font-size: 24px;}
.textbig h1 {font-size: 40px;margin: 0 0 0.6em 0;text-indent: -2px;}
.textbig p {margin: 0.6em 0;}
.text { margin: auto;padding: 0 4px;display: flex; justify-content: space-around; flex-wrap: wrap;align-items: flex-start;
    display: -webkit-flex;-webkit-justify-content: space-around;-webkit-flex-wrap: wrap;-webkit-align-content: flex-start;-webkit-align-items: center;}
.text div { width: 460px; align-self: center; padding: 16px;}
.text div p { margin: 10px 0 60px;text-align: center;}

.youtube { display: block; text-align: center; height: 260px; overflow: hidden; position: relative; cursor: pointer;}
.youtube iframe { z-index: 9999; position: relative; width: 100%; height: 260px;}
.youtube:before { display: block; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA4CAYAAABqtn+aAAAFeElEQVR4Xu3YW4xcdR0H8M+Z+e/9OlLsbrGoMRFISqiXaJSIMWrUxCD6AhJI8IVYfTEBg09eHqrWJ2kJN0sJ28UQTROIFkLQ2CbUROIDD7Q+tOoage6WXdj7dnZ35ucymYfJxqa7+9CZ1fNJvvlNzuN3fv9zTk5mE16/8bouDGb0oB8D6EMvetCHfnSjqyEd9dSvaauniFRPAQkZkv+ugmrDXEWlPlfq8yKW6nO54fdiPQuYqc95zGEWM8ECZusJG5CtleKSQj++iM/jBuxEP7rQ2VBCwfYUDX9AGUtYwCT+gVM4jrFLF7hnfYGESGT7Mh7ANf6/LeHpED/Eeetk/97zYY2CHRmj+JJGuTdxF/6kQdIgQgkvBB+3Xm4XjuNW/AEgRQAQPOjS5eXowhP4JMahEKgl3IK7XU7uWtwHkACCfcLG5O7CAUymCIKhTT00ckP4MkZTQMRnULIZua9iNIkQ3GKzcp9ATwoEe21Wbjc+lCLswPtsVi6pFcgOlGxF7poUEUPothW54QKG0KYpQnV+Xqys2KZ2pmCnJojVVW1Dwwa/c4fp0RGVf40p9PWRkm3k6hRhSBNENdZSddW99xq45x4XHn/cwtGnxMSErKdnuxQ5WMAOTRLqm9jf75r77zf0wos6v71PdHaqzs5SqWhxAylCSRNE1NJI/65dun/8E+/c8U3zTx6x/NxzYnpa1ttLoaAF9acQzSlQIKyXcPX11+v+6c/M3n67pZGjlo//TszN1o52ixXZWUC/FtRTLNrxkY8a3L9f38iojq9/Q1Srtae2CC2iPUXobJUjvF5blil1d+u46SYL1+3XcfsdLo6MWH7pJbGyXNtIWaaJ2lLQrgkC4fKyLNPT3a29WDR7443SgQMqd95p8ckjyidOUK3WimySVEBB69PW0eE9pVLtaKc9e/T98kGDh5/QfvPNqguLYnFRM6SI0AwRUctmZFmmt1TSUS6bnZoSe/caePgRy6f+bOHIE1Ze+QvFJOvqvIIFao5AsPVtHB62MDNTS9unP6W0lrUjbfHXT1s5fZpq9YrcH5Pt1mDjNg4O6ujurm3jaqGg67bbFEol0w88IKamSCnfwMtpa2931fCwyVOnTD36aG0Ls0Jho+XlBS6dOePCwYNmjj8vymVZb4/IMldKiqCJ74FbVj53zvjBQ9559lnVxUXFvj7a2gSEKyaxvXawPDZm4tBacceOqczPK/b2Kvb3AaIZrzGimRsYNmb59ddNPPyIqWeeUZmerm1coa9fQGiaFCy38v6tTEyYeOwxk0dHrU5OqhU3MCC0hEoSylqwwdWpKRcOH/bWk09ZHh+vFVccHCQQWsVKCuZbqb/KzIwLR46slXdE+Y03ave4WnGI0GqWU4i3W+F7YGVu3ltHR0w8/ivlf44pvFtcaZAIIbSochKmNUOgmFQvXjR17JjxQw9ZOntOsaenXhyqocXNpWBKMxSLKvNz/nbrbRbPnFHs6mo8qtvFbPbK7g98H7/QDFEVK6uyjnbCdvT8uwXejRFbkRtJwQRWkWxWbiJFxHlcRK/Nyp1PwSRmtlRg7s0CJjBuK3JjCdUIr+FjNiN3HmcLEeBlm5V7FW8niHASF9Fpo3IvQooAZ0O8jC/YiNwCfg8pBMDhDReYexZ/hwQQ4bfYh8+6nHz7fg6NRxiqwXfxR+x0Kbkf4DWAFBo5ja9EOIYPZnIAQQX34SENspND11oPVxM/wrfQLfcq2fdwEjZSIAjxfnwNn8MNeC8GUPC/KzCPcfwVv8FxrFgP2Ymh3TYktOMqDAW7UKqnDz31dKEXnWhvSFtDUsP1Qj1FFNYlq89GFUB1XSoNs4xlrGC5nnJD5rHQkDnMYCZjDm/jQj1ll/EfhxlJUwW4h5oAAAAASUVORK5CYII=") ; position: absolute; top: 50%; left: 50%; margin: -37px 0 0 -40px; z-index: 999; box-sizing: border-box; width: 80px;zoom: 65%;}
.youtube span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; line-height: 238px; color: #fff;}
.youtube img { position: absolute; top: 0; width: 100%; left: 0;}
.soundcloud:before { display: block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABnUlEQVR42qWUXShDYRjHd1hMa1YitOKCRmk3uJAoCokL5UrixkdcksiNFCG7UnIjuRLSLiTiQlyJEpFcyHytxOZj89XWWWd/f7Ky2jg751+/Oud933719D7vowEQSrpGRzJJLkkhWqL5F+CbcMJ4bG90obW+i9+1P/J4NUIBk2MVEEUfrAM2/jeTPKInghLhF8l4dJ0DzKrtGObEbq4VkSQSq0Sow/7OBII5O3WiKt/K9WpiInHRCgWM9JfhdzzPXvS0LXKvgZhJAhHkCIOkwf3kCJFKUgBz07vc6yAFxEhi5Ar1ODlcQLgc7DlQmDHIM+UklWjlCGMxP9OCSHHevbK1pniuhBjkCXOMhWwfPyLF7xextT4qV6hHlr7yT6Ek+XBz2Su35DQM9w0hUnzeWxztl8m9FIGYsbm2hXB58WxjZckUTdvoSDHub10hokBA4tq4ksZORlNNZ4hMFN18MXVKnp5AsrG8sIRg3t+OWL5Z6XCIIxY8OO0A47qf5eUY1IyvBExZS9kSH7iyt6sfsBRwEDTi+sISLFGFUD2fG4q5Dt/MKzYAAAAASUVORK5CYII=); position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; z-index: 999; width: 40px; height: 40px; line-height: 50px; border-top-width: 0; border-color: rgba(255, 102, 0, 0.75)rgba(255, 51, 0, 0.25)rgba(255, 17, 0, 0.25); background-color: #F50; border-radius: 50%; background-image: linear-gradient(rgba(255, 153, 0, 0.6), rgba(255, 102, 0, 0.6)40%, rgba(255, 17, 0, 0.6)); box-shadow: 0 0 2px rgba(255, 51, 0, 0.35), inset 0 -1px 3px rgba(255, 51, 0, 0.45), 0 0 3px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(102, 51, 0, 0.2), inset 0 2px 2px rgba(255, 255, 255, 0.25), inset 0 -2px 2px rgba(255, 255, 255, 0.2); text-shadow: none; border: 2px solid #fff;}
.soundcloud { display: block; text-align: center; position: relative;}
.soundcloud img { height: 313px; position: relative; z-index: 1;}

@media screen and (max-width:1000px) {
.text { }
.text div { width: 48%; padding: 0;}
.text div p { margin-bottom: 24px; zoom: 80%;}
.textbig { padding: 48px 8px; font-size: 15px;}
.textbig h1 {font-size:32px;margin: 12px 0 0.5em 0;text-indent: -2px;}
.text h1, .text h2 { padding: 0; font-size: 13px;margin: 4px 0;line-height: 16px;}
.youtube { overflow: initial; height: auto;}
.youtube iframe { width: 100%; height: 300px;}
.youtube:before { zoom: 50%;}
.youtube span {} .youtube img { position: initial;}
.share-buttons { list-style: none; padding: 0; margin: 0;}
.share-buttons li { display: block; padding: 8px 8px; font-size: 18px; width: 50%; float: left; box-sizing: border-box; text-align: center; margin: 0;}
.share-buttons li a { border-bottom: 1px solid #999; padding: 2px;}
.soundcloud img { height: auto; width: 100%;}
}