@charset "utf-8";

*                                            {margin: 0;padding: 0;-webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
html,body                                    {
 height: 100%;
 text-align: center;
}
html                                         {
 font-family: 'Hiragino Kaku Gothic ProN',Meiryo;
 font-style: normal;
 font-size: 62.5%;
 line-height: 24px;
}
#container                                   {width: 100%;min-width: 1020px;_height: 100%;height: auto !important;min-height: 100%;position: relative;overflow-x: hidden;background: #fff;z-index: 2;border-top: 3px solid #eb6100;}
header,nav,article,footer                    {width: 100%;min-width: 1020px;}
.container                                   {width: 974px;margin: 0 auto;text-align: left;position: relative;}

#fadeout                                     {
 width: 100%;
 height: 100%;
 position: fixed;
 left: 0;
 top: 0;
 background: #fff;
 z-index: 100;
}

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

header .container                            {
 padding: 12px 0 20px;
 overflow: hidden;
}

header h1 a,
header li a                                  {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

header h1                                    {
 float: left;
 width: 168px;
 height: 60px;
 padding-left: 8px;
}

header h1 a                                  {
 background: url(../header/images/logo.png) no-repeat 0 0;
 background-size: 160px 60px;
}

header ul                                    {float: right;margin-top:0;overflow: hidden;}

header li                                    {float: left;height: 60px;}

header li a                                  {
 background: url(../header/images/nav.png) no-repeat 0 0;
 background-size: 758px 120px;
}
header li:nth-of-type(1) a                   {width: 109px;background-position: 0 6px;}
header li:nth-of-type(2) a                   {width: 115px;background-position: -109px 6px;}
header li:nth-of-type(3) a                   {width: 198px;background-position: -224px 6px;}
header li:nth-of-type(4) a                   {width: 167px;background-position: -422px 6px;}
header li:nth-of-type(5) a                   {width: 169px;background-position: -589px 6px;}

header li:nth-of-type(1).active a,
header li:nth-of-type(1) a:hover             {background-position: 0 -54px;}
header li:nth-of-type(2).active a,
header li:nth-of-type(2) a:hover             {background-position: -109px -54px;}
header li:nth-of-type(3).active a,
header li:nth-of-type(3) a:hover             {background-position: -224px -54px;}
header li:nth-of-type(4).active a,
header li:nth-of-type(4) a:hover             {background-position: -422px -54px;}
header li:nth-of-type(5).active a,
header li:nth-of-type(5) a:hover             {background-position: -589px -54px;}

/** #slider config
------------------------------------------ **/

#slider                                      {position: relative;}

#slider .runner                              {
 width: 365px;
 height: 340px;
 margin: -170px 95px 0 0;
 position: absolute;
 right: 50%;
 top: 50%;
 z-index: 3;
}

#slider .runner a                            {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 background: url(../slider/images/runner.png) no-repeat 0 0;
 background-size: 365px 340px;
}

.wideslider ul li h2,
.wideslider ul li p                           {position: absolute;}

.wideslider ul li h2                          {
 display: inline-block;
 *display: inline-block;
 *zoom: 1;
 font-weight: normal;
 font-size: 5em;
 font-family: "Anton";
 color: #fff;
 line-height: 50px;
 text-shadow: 0.5px 0.866px 0px rgba(8, 1, 3, 0.3);
}

.wideslider ul li:nth-of-type(1) h2           {
 margin: 0 0 0 -60px;
 left: 50%;
 top: 122px;
}

.wideslider ul li p                           {
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}

.wideslider ul li:nth-of-type(1) p            {
 width: 275px;
 height: 80px;
 margin: -7px 0 0 -60px;
 left: 50%;
 top: 50%;
 background: url(../slider/images/p_01.png) no-repeat 0 0;
 background-size: 275px 80px;
}


/** article config
------------------------------------------ **/

article                                      {padding: 50px 0 660px;overflow: hidden;}
article.page                                 {padding: 0 0 660px;overflow: hidden;}

#punkz                                       {
 width: 974px;
 margin: 0 auto 10px;
 letter-spacing: -.4em;
 text-align: left;
}

#punkz li                                    {
 font-size: 1.1em;
 line-height: 14px;
 margin: 0 20px 0 0;
 position: relative;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 letter-spacing: normal;
}

#punkz li:after                              {
 font-family: FontAwesome;
 display: block;
 content: "\f105";
 width: 14px;
 height: 20px;
 position: absolute;
 right: -23px;
 top: 0;
}

#punkz li:last-child                         {margin: 0;}
#punkz li:last-child:after                   {display: none;}

#punkz li a                                  {color: #eb6100;text-decoration: underline;}
#punkz li a:hover                            {text-decoration: none;}

#main                                        {
 float: left;
 width: 700px;
}

aside                                        {
 float: right;
 width: 240px;
}

aside .banner li                             {
 margin: 0 0 5px;
}

aside .content                               {
 margin: 0 0 20px;
 border-radius: 6px;
 background: #f5f5f5;
}

aside .content h2                            {
 padding: 10px;
 text-align: center;
 font-weight: normal;
 font-size: 1.4em;
 line-height: 20px;
 color: #fff;
 background: rgb(238,124,43); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(238,124,43,1) 0%, rgba(235,97,0,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,124,43,1)), color-stop(100%,rgba(235,97,0,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(238,124,43,1) 0%,rgba(235,97,0,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(238,124,43,1) 0%,rgba(235,97,0,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(238,124,43,1) 0%,rgba(235,97,0,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(238,124,43,1) 0%,rgba(235,97,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7c2b', endColorstr='#eb6100',GradientType=0 ); /* IE6-9 */
 border-radius: 6px 6px 0 0;
}

#main .movie                                 {
 position: relative;
 width: 100%;
 padding: 56.25% 0 0 0;
}
#main .movie iframe                          {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

#main .movie + .more                         {
 margin-top: 30px;
}

#main .social                                {
 margin: 0 0 30px;
 letter-spacing: -.4em;
 text-align: center;
}
#main .social li                             {
 margin: 0 5px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 letter-spacing: normal;
 vertical-align: top;
}
#main .social .line                          {display: none;}

aside .content h3                            {cursor: pointer;}

aside .content h3,
aside .content p                             {
 padding: 10px 10px 10px 30px;
 font-weight: normal;
 font-size: 1.2em;
 line-height: 20px;
 background-image: url(../aside/content/images/close.png);
 background-repeat: no-repeat;
 background-position: 10px 13px;
 background-size: 13px 13px;
}
aside .content h3.active                     {
 color: #fff;
 background-color: #eb6100;
 background-image: url(../aside/content/images/open.png);
 background-repeat: no-repeat;
 background-position: 10px 13px;
 background-size: 13px 13px;
}

aside .content > ul                          {padding: 15px;}
aside .content li                            {border-bottom: 1px solid #e4e4e4;}

aside .content li a                          {color: #000;text-decoration: none;}
aside .content li a:hover                    {text-decoration: underline;}

aside .content > ul > li                     {
 font-size: 1.2em;
 line-height: 20px;
}

aside .content li:last-of-type               {border-bottom: none;}
aside .content ul ul                         {padding: 0 0 10px;}
aside .content ul ul li                      {padding: 10px;}
aside .content ul ul li a                    {
 display: block;
 width: 100%;
 padding: 0 0 0 20px;
 background: url(../aside/content/images/lili_off.png) no-repeat 5px 3px;
 background-size: 13px 13px;
}
aside .content ul ul li.now a,
aside .content ul ul li a:hover              {
 text-decoration: underline;
 background: url(../aside/content/images/lili_on.png) no-repeat 5px 3px;
 background-size: 13px 13px;
}

aside .content li p a                       {color: #eb6100;text-decoration: none;}
aside .content li.now p a                   {color: #eb6100;text-decoration: underline;}
aside .content li p a:hover                 {text-decoration: underline;}

aside .social {
 margin: 0 0 20px;
 overflow: hidden;
 border-radius: 6px;
 padding: 0 0 0 19px;
}
aside .social li {
 float: left;
 border-radius: 6px;
 position: relative;
 width: 46px;
 height: 46px;
 font-size: 32px;
 line-height: 46px;
 cursor: pointer;
 color: #fff;
 text-align: center;
 vertical-align: top;
 margin: 0 2px;
}
aside .social li span {
 background: #555555;
 border-radius: 6px;
 position: absolute;
 bottom: 0;
 right: 0;
 color: #FFFFFF !important;
 font-size: 10px;
 line-height: 1;
 width: auto !important;
 padding: 2px 4px;
}
aside .social li a                           {color: #fff;}
aside .social li a:hover                     {text-decoration: none;}

aside .social .twitter                       {background: #55acee;}
aside .social .facebook                      {background: #3b5998;}
aside .social .google                        {background: #dd4b39;}
aside .social .hatena                        {background: #008fde;}
aside .social .hatena a                      {font-family: Roboto;font-weight: 900;}
aside .social li:hover                       {background: #f5f5f5;}

aside .social .twitter:hover a,
aside .social .twitter:hover                 {color: #55acee;}
aside .social .facebook:hover a,
aside .social .facebook:hover                {color: #3b5998;}
aside .social .google:hover a,
aside .social .google:hover                  {color: #dd4b39;}
aside .social .hatena:hover a,
aside .social .hatena:hover                  {color: #008fde;}

#contents                                    {
 width: 974px;
 margin: 0 auto;
 padding: 0 40px 40px;
 clear: both;
 overflow: hidden;
 background: rgb(239,129,51); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(239,129,51,1) 0%, rgba(235,97,0,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,129,51,1)), color-stop(100%,rgba(235,97,0,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8133', endColorstr='#eb6100',GradientType=0 ); /* IE6-9 */
 border: 1px solid #eb6100;
 border-radius: 10px;
}

#contents ul                                 {
 margin: 0 -16px -10px;
 overflow: hidden;
}

#contents li                                 {
 float: left;
 width: 280px;
 margin: 0 14px;
 text-align: left;
}

#contents h2                                 {
 width: 100%;
 height: 80px;
 margin: 0 0 30px;
 position: relative;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 background: url(../article/contents/images/h2.png) no-repeat center 0;
 background-size: auto 80px;
}
#contents h2:before,
#contents h2:after                           {
 display: block;
 content: "";
 width: 100%;
 height: 1px;
 position: absolute;
 left: 0;
}
#contents h2:before                          {bottom: 1px;background: #e2762a;}
#contents h2:after                           {bottom: 0;background: #f1904b;}

#contents li h3                              {
 font-weight: normal;
 font-size: 1.8em;
 line-height: 24px;
 margin: 0 0 20px;
 text-align: center;
 color: #fff;
 text-shadow: 0.5px 0.866px 0px rgba(8, 1, 3, 0.2);
}

#contents li .thumb                          {
 width: 100%;
 height: 150px;
 margin: 0 0 20px;
 overflow: hidden;
}
#contents li .thumb a                        {
 display: block;
 width: 100%;
 height: 100%;
}
#contents li p                               {
 font-size: 1.2em;
 line-height: 20px;
 margin: 0 0 10px;
 color: #fff;
}
#contents li p a                             {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding: 2px 10px;
 line-height: 20px;
 color: #eb6100;
 background: #fff;
 border: 1px solid #eb6100;
 text-decoration: underline;
}
#contents li p a:hover                       {
 color: #fff;
 background: #eb6100;
 border: 1px solid #fff;
 text-decoration: none;
}

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

footer                                       {height: 570px;position: absolute;left: 0;bottom: 0;background: #333;}
footer .container                            {padding: 50px 0;}

footer #sitemap                              {
 float: left;
 width: 510px;
}

footer #sitemap h1                           {
 font-family: 'Anton', sans-serif;
 font-weight: 400;
 font-size: 3em;
 line-height: 40px;
 margin: 0 0 10px;
 color: #fff;
}

footer #sitemap a                            {color: #ccc;}

footer #sitemap h2                           {
 font-size: 1.4em;
 line-height: 20px;
 margin: 0 0 5px;
 padding: 2px 0;
 color: #ccc;
}

footer #sitemap > ul                         {
 letter-spacing: -.4em;
 vertical-align: top;
}
footer #sitemap > ul > li                    {
 width: 170px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 letter-spacing: normal;
 vertical-align: top;
}
footer #sitemap ul ul ul                     {
 margin: 0 0 15px;
}
footer #sitemap ul ul ul li                  {
 font-size: 1.1em;
 line-height: 18px;
 padding: 0 0 0 1em;
 position: relative;
}
footer #sitemap ul ul ul li:before           {
 display: block;
 content: "・";
 width: 1em;
 height: 18px;
 position: absolute;
 left: 0;
 top: 0;
 color: #ccc;
}

footer #facebook                             {
 float: right;
 background: #fff;
}
footer .pagetop                              {
 width: 60px;
 height: 60px;
 margin: -30px 0 0 -30px;
 position: absolute;
 left: 50%;
 top: 0;
}
footer .pagetop a                            {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 background: url(../footer/images/pagetop.png) no-repeat 0 0;
}
footer .pagetop a:hover                      {background-position: 0 -60px;}

/** default Footer config
------------------------------------------ **/

footer #footerAreaType1                      {
 width: 100%;
 padding: 20px 0 0;
 position: absolute;
 left: 0;
 bottom: 0;
 background: #fff;
 z-index: auto;
}

footer #footerAreaType1:after                {
 display: block;
 content: "";
 width: 100%;
 height: 20px;
 position: absolute;
 left: 0;
 bottom: 0;
 background: #f2f2f2;
 z-index: 1;
}

footer #footerAreaType1 #twoColumnsTop       {
 width: 974px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 position: relative;
 overflow: hidden;
}
footer #footerAreaType1 #twoColumnsTop #leftColumn          {
 float: left;
 height: 20px;
}

footer #footerAreaType1 #twoColumnsTop ul                   {
 float: left;
 margin: 10px -7.5px 0;
 overflow: hidden;
}
footer #footerAreaType1 #twoColumnsTop li                   {
 float: left;
 height: 20px;
 margin: 0 7.5px;
 overflow: hidden;
}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(1)    {width: 130px;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(2)    {width:  95px;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(3)    {width: 145px;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(4)    {width:  75px;}

footer #footerAreaType1 #twoColumnsTop li a  {
 display: block;
 width: 100%;
 height: 100%;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 background: url(../footer/images/ul.png) no-repeat;
 background-size: 445px 20px;
}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(1) a  {background-position: 0 0;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(2) a  {background-position: -130px 0;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(3) a  {background-position: -225px 0;}
footer #footerAreaType1 #twoColumnsTop li:nth-of-type(4) a  {background-position: -370px 0;}

footer #footerAreaType1 #twoColumnsTop .rightColumn          {
 float: right;
 width: 131px;
 height: 29px;
}

footer #footerAreaType1 #twoColumnsBottom    {
 width: 974px;
 margin: 10px auto 0;
 padding: 0;
 text-align: left;
 position: relative;
 overflow: hidden;
 z-index: 2;
}
footer #footerAreaType1 #twoColumnsBottom ul {
 float: left;
 margin: 0 -5px;
 overflow: hidden;
}
footer #footerAreaType1 #twoColumnsBottom li {
 float: left;
 margin: 0 5px;
 font-size: 1.1em;
 line-height: 20px;
}
footer #footerAreaType1 #twoColumnsBottom li a                  {color: #999;text-decoration: none;}
footer #footerAreaType1 #twoColumnsBottom li a:hover            {text-decoration: none;}

footer #footerAreaType1 #twoColumnsBottom .rightColumn            {
 float: right;
 font-size: .8em;
 line-height: 20px;
}
footer #footerAreaType1 #twoColumnsBottom .rightColumn a          {color: #999;text-decoration: none;}
footer #footerAreaType1 #twoColumnsBottom .rightColumn a:hover    {text-decoration: none;}

/** Off canvas config
------------------------------------------ **/

.open                                        {display: none;}

menu                                         {
 width: 240px;
 height: 100%;
 position: fixed;
 left: 0;
 top: 0;
 text-align: left;
 background: #fff;
 z-index: 1;
 display: none;
}

menu > ul                                    {
 height: 100%;
 overflow-y: auto;
 overflow-x: hidden;
 -webkit-overflow-scrolling: touch;
}

menu ul li                                   {
 font-size: 1.2em;
 position: relative;
 border-bottom: 1px solid #f2f2f2;
}
menu ul ul li                                {
 font-size: 1em;
 position: relative;
 border-bottom: 1px dotted #ccc;
}
menu ul ul ul li:first-of-type               {border-top: 1px dotted #ccc;}
menu ul ul li:last-of-type                   {border-bottom: none;}

menu ul li a                                 {
 display: block;
 width: 100%;
 padding: 15px 15px 15px 30px;
 color: #000;
}
menu ul li a:hover                           {text-decoration: none;}

menu ul h2                                   {
 font-weight: normal;
 font-size: 1em;
 padding: 15px 15px 15px 30px;
 background: url(../menu/images/close.png) no-repeat 10px 17px;
 background-size: 15px 15px;
}
menu ul h2.active                            {
 background: url(../menu/images/open.png) no-repeat 10px 17px;
 background-size: 15px 15px;
}

menu ul ul h3                                {
 font-weight: normal;
 font-size: 1em;
 padding: 15px 15px 15px 30px;
 background: url(../menu/images/close.png) no-repeat 10px 17px;
 background-size: 15px 15px;
}
menu ul ul h3.active                         {
 background: url(../menu/images/open.png) no-repeat 10px 17px;
 background-size: 15px 15px;
}

menu ul ul                                   {
 padding: 0 0 0 15px;
 background: #f5f5f5;
}
menu ul ul li a                              {padding: 15px;}
menu ul ul ul                                {padding: 0 0 0 30px;}

.cover                                       {
 width: 100%;
 height: 100%;
 position: absolute;
 left: -1px;
 top: 0;
 display: none;
 z-index: 3;
 background: rgba(0,0,0,.8);
}

/** other config
------------------------------------------ **/

a                                            {text-decoration: none;}
a:hover                                      {text-decoration: underline;}
ul                                           {list-style: none;}
pre                                          {font-family: 'Hiragino Kaku Gothic ProN',Meiryo;white-space: pre-wrap;word-wrap: break-word;overflow: auto;}
input[type="submit"]                         {-webkit-appearance: none;-webkit-border-radius: 0;}
img                                          {border: 0;max-width: 100%;line-height: 1.0em;vertical-align: bottom;-ms-interpolation-mode: bicubic;}
.naka                                        {text-align: center;}
.hidari                                      {float: left;margin: 0 15px 15px 0;}
.migi                                        {float: right;margin: 0 0 15px 15px;}
.thumb a                                     {display: block;width: 100%;height: 100%;overflow: hidden;}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img                              {max-width: 100%;height: auto;}

.alignleft,
.alignright,
img.alignleft,
img.alignright                               {display: inline;margin-top: 4px;} 

.alignleft,
img.alignleft                                {float: left;margin-right: 24px;}

.alignright,
img.alignright                               {float: right;margin-left: 24px;}

.aligncenter,
img.aligncenter                              {clear: both;display: block;margin-left: auto;margin-right: auto;}

img.alignleft,
img.alignright,
img.aligncenter                              {margin-bottom: 15px;}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
main,
nav,
section,
summary                                      {display:block;margin: 0;}

audio,canvas,video                           {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls])                        {display: none;} 
a:focus                                      {outline: thin dotted #333;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a:hover,a:active                             {outline: 0;}
sub,sup                                      {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;} 
sup                                          {top: -0.5em;}
sub                                          {bottom: -0.25em;}


/*20170410追加*/ 
.content.side-menu li p a:hover,
.content.side-menu li p a.active {
      text-decoration: underline;
      }
.line01 .line01 p a,
.line02 .line02 p a,
.line03 .line03 p a,
.line04 .line04 p a,
.line05 .line05 p a,
.line06 .line06 p a,
.line07 .line07 p a,
.line08 .line08 p a,
.line09 .line09 p a,
.line10 .line10 p a,
.line11 .line11 p a,
.line12 .line12 p a,
.line13 .line13 p a,
.line14 .line14 p a,
.line15 .line15 p a,
.line16 .line16 p a,
.line17 .line17 p a,
.line18 .line18 p a,
.line19 .line19 p a,
.line20 .line20 p a{
  text-decoration: underline;
}

aside .banner.plusone li{margin-bottom: 20px;}

/*---------2090704 content_2 追加「あなたにおススメの記事」--------*/
.content_2 {
 margin: 10px 0;
 border-radius: 6px;
 border: solid 2px #F8BAA1;
 background: #FEF8F5;
}

.content_2 h2 {
 padding: 10px 6px;
 text-align: center;
 color: #fff;
 background: rgb(254,247,243); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(254,247,243,1) 0%, rgba(248,187,165,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,247,243,1)), color-stop(100%,rgba(248,187,165,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(254,247,243,1) 0%,rgba(248,187,165,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(254,247,243,1) 0%,rgba(248,187,165,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(254,247,243,1) 0%,rgba(248,187,165,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(254,247,243,1) 0%,rgba(248,187,165,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEF7F3', endColorstr='#F8BBA5',GradientType=0 ); /* IE6-9 */
 border-radius: 6px 6px 0 0;
}

.content_2 p {
 padding: 10px 10px 10px 30px;
 font-weight: normal;
 font-size: 1.4em;
 line-height: 20px;
 background-image: url(../aside/content/images/arrow.png);
 background-repeat: no-repeat;
 background-position: 10px 13px;
 background-size: 13px 13px;
}

.content_2 > ul {padding: 10px 13px;}
.content_2 li {border-bottom: 2px dotted #E7BDB6;}
.content_2 li:last-of-type {border-bottom: none;}
.content_2 li a {color: #FF4002;text-decoration: none;}
.content_2 li a:hover {text-decoration: underline;}
.content > ul > li {font-size: 1.2em; line-height: 20px;}

.pc{display: block;}
.sp{display: none;}


/** Responsive config
------------------------------------------ **/

@media screen and (min-width: 0px)
              and (max-width: 610px)        {
               
 *                                           {float: none;width: 100%;}
 
 #container,
 header,
 nav,
 article,
 footer,
 .container                                  {width: 100%;max-width: 100%;min-width: 100%;}

 #container                                  {border-top: none;}

/** #header config
------------------------------------------ **/

 header                                      {display: none;}

/** #slide config
------------------------------------------ **/

 #slider                                     {margin-top: 68px;}
 #slider .runner                             {display: none !important;}

 .wideslider ul li h2,
 .wideslider ul li p                         {display: none;}

/** article config
------------------------------------------ **/

 article                                     {padding: 30px 0 50px;}
 article .container                          {padding: 20px;}
 article.page                                {margin-top: 50px;padding: 20px 0 50px;}
 article.page .container                     {padding: 20px;}

 #main,
 aside                                       {float: none;width: 100%;}
 aside .social {
  display: block;
  text-align: center;
  width: auto;
  margin-left: -30px;
  margin-right: -30px;
  padding: 0;
 }
 aside .social li {
  float: none;
  display: inline-block;
  font-size: 43px;
  line-height: 64px;
  width: 64px;
  height: 64px;
 }
 aside .social li i                          {display: inline;}

 #punkz                                      {
  width: 100%;
  margin: 0 ;
  padding: 0 20px;
 }

 #punkz li                                   {
  width: auto;
  margin: 0;
  padding: 3px 20px 3px 0;
  position: relative;
 }

 #punkz li:first-of-type                     {border-radius: 6px 6px 0 0;}
 #punkz li:last-of-type                      {border-bottom: none;border-radius: 0 0 6px 6px;}

 #punkz li:after                             {right: 0;top: 4px;}

 #main .social                               {
  margin: 0 0 30px;
  letter-spacing: -.4em;
  text-align: center;
 }
 #main .social li                            {
  width: auto;
  margin: 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
 }
 #main .social .line                          {display: inline-block;
 margin-top:-3px;
 margin-left:15px;
 }
 #main .social .line img                      {width: auto;}

 #main .movie + .more i                       {display: inline;}

 #contents                                    {
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  clear: both;
  background: rgb(239,129,51); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(239,129,51,1) 0%, rgba(235,97,0,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,129,51,1)), color-stop(100%,rgba(235,97,0,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(239,129,51,1) 0%,rgba(235,97,0,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8133', endColorstr='#eb6100',GradientType=0 ); /* IE6-9 */
  border: 1px solid #eb6100;
  border-radius: 0;
 }
 
 #contents ul                                {
  margin: 0 0 -20px;
  overflow: hidden;
 }
 
 #contents li                                {
  float: none;
  width: 100%;
  margin: 0 0 20px;
 }
 
 #contents h2                                {
  width: 100%;
  height: auto;
  margin: 0 0 20px;
  padding: 0 0 20px;
  text-indent: 0;
  white-space: normal;
  overflow: visible;
  text-shadow: 0.5px 0.866px 0px rgba(8, 1, 3, 0.2);
  color: #fff;
  background-image: none;
 }
 #contents li p                              {display: inline-block;width: auto;}
 #contents li p a i                          {display: inline;}

/** footer config
------------------------------------------ **/
 
 footer                                      {height: auto;position: relative;left: auto;bottom: auto;}
 footer .container                           {padding: 30px 0 0;}

 footer #sitemap                             {
  float: none;
  width: 100%;
  padding: 20px;
 }
 footer #sitemap > ul > li                   {
  width: 100%;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
  vertical-align: top;
 }
 footer #facebook                            {
  float: none;
  width: 100%;
  padding: 20px;
  background: none;
 }
 footer #facebook iframe                     {width: 100% !important;background: #fff;}

 footer #footerAreaType1                     {
  padding: 0;
  position: relative;
  left: auto;
  bottom: auto;
 }
 footer #footerAreaType1:after,
 footer #twoColumnsTop                       {display: none;}

 footer #twoColumnsBottom                    {margin: 0;width: 100% !important;}
 footer #twoColumnsBottom .leftColumn        {float: none;margin: 0;}
 footer #twoColumnsBottom .leftColumn li     {
  float: none;
  margin: 0;
  font-size: 1.2em;
  line-height: 20px;
  border-bottom: 1px solid #aaa;
 }
 footer #twoColumnsBottom .leftColumn li a   {display: block;padding: 10px;}
 
 footer #twoColumnsBottom .rightColumn       {float: none;text-align: center;}
 footer #twoColumnsBottom .rightColumn a     {display: block;padding: 5px 0;}

 .open                                       {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  cursor: pointer;
  display: block;
  color: #eb6100;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(253,239,229,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(253,239,229,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,239,229,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,239,229,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(253,239,229,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(253,239,229,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdefe5',GradientType=0 ); /* IE6-9 */
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: 2;
 }

 .open h1                                    {
  width: 100%;
  height: 50px;
  margin: 0px 0;
 }
 .open h1 a                                  {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
 /* background-position: right top;*/
  background: url(../header/images/logo_sp.png) no-repeat right top;
 /* background: url(../header/images/logo.png) no-repeat center -10px;*/
  background-size: 82px 50px !important;
 }

 .open p                                     {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
 }
 .open p a                                   {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.8em;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  border-right: 1px solid #fff;
  border-left:  1px solid #fff;
 }
/*20161013追加*/ 

aside .banner.mb{
	overflow:hidden;
	margin-bottom:1em;
}
aside .banner.mb li img{
	float:left !important;
	width:48%;
	margin:1%;
}
aside .banner li{
 margin: 0px;
}

	aside .banner.plusone li{margin-bottom: 10px;}
	.content_2 img{ width : auto;}
	
	.pc{display: none;}
	.sp{display: block;}

}