@charset "UTF-8";
/* ######################################################################################

    共通設定

###################################################################################### */










/* ######################################################################################

　トップページ

###################################################################################### */

/* ====================================================
  メインスライド
==================================================== */
.home.blog .imageBox .bx-wrapper {
    margin-bottom: 0;
}
.home.blog .imageBox .bx-wrapper .bx-pager, .home.blog .imageBox .bx-wrapper .bx-controls-auto {
    bottom: 10px;
}
.home.blog .imageBox .bx-wrapper .bx-pager.bx-default-pager a {
    background: #d9d9d9;
    width: 6px;
    height: 6px;
}
.home.blog .imageBox .bx-wrapper .bx-pager.bx-default-pager a:hover, .home.blog .imageBox .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #db5424;
}
.home.blog .imageBox .bxslider img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
 @media print, screen and (min-width: 768px) {
.home.blog .imageBox {
    position: fixed;
    top: 0;
    left: 15px;
    padding-top: 80px;
    padding-bottom: 15px;
    width: 100%;
    height: 100%;
}
.home.blog .imageBox .imageBoxInner {
    padding-right: 485px;
    height: 100% !important;
    margin: 0 auto;
}
.home.blog .imageBox .bx-wrapper {
    height: 100%;
}
.home.blog .imageBox .bx-viewport {
    height: 100% !important;
    border-radius: 20px;
    overflow: hidden;
}
.home.blog .imageBox .bx-viewport ul {
}
.home.blog .imageBox .bx-viewport li {
/*
    border-radius: 20px;
    height: 100%;
    max-height: 100%;
    */
}
.home.blog .imageBox .bx-wrapper .bx-pager {
    bottom: auto;
    top: 0;
    left: 15px;
}
.home.blog .imageBox .bx-controls .bx-pager {
    text-align: left;
}
.home.blog .imageBox .bxslider a {
    display: block;
}
.home.blog .contentsBox {
    clear: none;
    float: right;
    width: 430px;
}
}
 @media screen and (max-width: 767px) {
.home.blog .imageBox {
}
}
/* ====================================================
　linkBox
==================================================== */
.home.blog .linkBox {
    font-size: 0;
}
.home.blog .linkBox li {
    display: inline-block;
    margin-bottom: 14px;
}
.home.blog .linkBox li img {
}
 @media print, screen and (min-width: 768px) {
.home.blog .linkBox {
    margin-bottom: 10px;
}
.home.blog .linkBox .col-sm-6:nth-of-type(1) {
    text-align: left;
}
.home.blog .linkBox .col-sm-6:nth-of-type(2) {
    text-align: right;
}
}

.top_youtube {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  width: 100%;
  margin: 4px 0 14px 0;

	
}

.top_youtube .youtube_thumbnail {
        position: absolute;
        z-index: 999;
        top:0;
        left: 0;
        right: 0;
        bottom: 0;
        padding:0% 2% 0 2%;
        width: 100%;
    }

/*    .top_youtube .youtube_thumbnail {position: absolute; top:0; right: 222px; width:100%;}
	.top_youtube .youtube_thumbnail a[href*="www.youtube.com"]:before	 {
    content: "\f04b";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 12px;
    padding-left: 1px;
    width: 60px;
    height: 40px;
    background: #D5231F;
    border-radius: 8px;
    font-size: 14px;
    font-family: FontAwesome;
    color: #fff;
    text-align: center;
}
*/
 @media screen and (max-width: 767px) {
.home.blog .linkBox {
    margin-top: 28px;
}
.home.blog .linkBox li {
    margin-bottom: 7px;
}
.home.blog .linkBox li img {
    width: 100%;
    height: auto;
}
	 
.top_youtube {
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  width: 100%;
  margin: 4px 0 10px 0;

	
}
}
/* ====================================================
　お知らせ
==================================================== */
.home.blog .tabGroup {
    margin-bottom: 20px;
}
.home.blog .tabGroup .tabMenu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}
.home.blog .tabGroup .tabMenu li {
    display: inline-block;
    border: solid #db5424;
    border-width: 1px 1px 0;
    border-radius: 4px 4px 0 0;
    background: #db5424;
}

.home.blog .tabGroup .tabMenu li.disabledli {
    display: inline-block;
    border: solid #c4c4c4;
    border-width: 1px 1px 0;
    border-radius: 4px 4px 0 0;
    background: #c4c4c4;

}



.home.blog .tabGroup .tabMenu li:nth-of-type(1) {
    margin-right: 0.5%;
    width: 32%;
}
.home.blog .tabGroup .tabMenu li:nth-of-type(2) {
    margin-left: 0;
    margin-right: 0;
    width: 34%;
}
.home.blog .tabGroup .tabMenu li:nth-of-type(3) {
    margin-left: 0.5%;
    margin-right: 0;
    width: 33%;
}
.home.blog .tabGroup .tabMenu a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
}
.home.blog .tabGroup .tabMenu li.active {
    background: #ffffff;
}
.home.blog .tabGroup .tabMenu li.active a {
    color: #db5424;
}

.home.blog .tabGroup .tabMenu li a.disabled {
    background: #c4c4c4;
    cursor:default;
}
.home.blog .tabGroup .tabMenu li a.disabled {
    color: #FFFFFF;
}

.home.blog .tabGroup .tabBoxs {
    border: 1px solid #db5424;
    border-radius: 0 0 4px 4px;
}
.home.blog .tabGroup .tabBox {
    min-height: 235px;
    padding: 20px 10px 10px;
}
.home.blog .tabGroup .tabBox .ico {
    float: left;
}
.home.blog .tabGroup .tabBox .entry, .home.blog .tabGroup .tabBox .entry p {
    margin-bottom: 20px;
    line-height: 1.37;
    font-size: 12px;
}
.home.blog .tabGroup .tabBox .entry:after {
    content: "";
    display: table;
    clear: both;
}
.home.blog .tabGroup .tabBox .entry a {
    color: #656464;
    text-decoration: none;
}
.home.blog .tabGroup .tabBox .link a {
    text-decoration: none;
    font-size: 14px;
    color: #db5424;
}
.home.blog .tabGroup .tabBox .link a:before {
    content: "\f04b";
    font-family: FontAwesome;
    margin-right: 0.25em;
}
.home.blog .tabGroup #tab2.tabBox .thumbnail {
    height: auto;
}
.home.blog .tabGroup #tab2.tabBox .thumbnail a, .pagePickup .entry .thumbnail a {
    position: relative;
    display: block;
}
.home.blog .tabGroup #tab2.tabBox .thumbnail a[href*="www.youtube.com"]:before, .pagePickup .entry .thumbnail a[href*="www.youtube.com"]:before {
    content: "\f04b";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 6px;
    padding-left: 1px;
    width: 40px;
    height: 28px;
    background: #D5231F;
    border-radius: 5px;
    font-size: 12px;
    font-family: FontAwesome;
    color: #fff;
    text-align: center;
}
.home.blog .tabGroup #tab2.tabBox .entrybox {
    overflow: hidden;
}
.home.blog .tabGroup #tab2.tabBox img {
    max-width: 190px;
    height: auto;
    border-radius: 8px;
}
.home.blog .tabGroup #tab2.tabBox li {
    margin-bottom: 3px;
    color: #db5424;
}
.home.blog .tabGroup #tab2.tabBox li i {
    margin-right: 3px
}
.home.blog .tabGroup #tab2.tabBox dt {
    font-weight: bold;
    padding-left: 0;
}
.home.blog .tabGroup #tab2.tabBox dt:before {
    content: "■"
}
.home.blog .tabGroup #tab2.tabBox dd {
    padding-left: 0;
}
.home.blog .tabGroup #tab3.tabBox dt, .home.blog .tabGroup #tab3.tabBox dd {
    padding-left: 0;
}
.pageNews.entry .contents .entry img, .pagePickup.entry .contents .entry img, .pagePickup.entry .contents .entry .video, .pageExcuse.entry .contents .entry img {
    margin: 15px 0;
}
.pageNews.entry .contents .entry img{
    max-width: 100%;
    height: auto;
}

 @media print, screen and (min-width: 768px) {
.home.blog .tabGroup {
    position: relative;
    padding-top: 30px;
}
.home.blog .tabGroup .tabMenu a {
    height: 30px;
    line-height: 30px;
}
.msie .home.blog .tabGroup .tabMenu a {
    line-height: 34px;
}
.home.blog .tabGroup .tabBox .ico img {
    width: 70px;
    height: auto;
}
.home.blog .tabGroup .tabBox dt, .home.blog .tabGroup .tabBox dd {
    padding-left: 80px;
}
.home.blog .tabGroup #tab2.tabBox .thumbnail {
    width: 190px;
    height: auto;
    float: left;
    margin-right: 15px;
}
/*.home.blog .footer nav li{padding:0;}*/
}
 @media screen and (max-width: 767px) {
.home.blog .tabGroup {
    position: relative;
    padding-top: 30px;
    margin-top: 10px;
}
.home.blog .tabGroup .tabMenu a {
    height: 30px;
    line-height: 30px;
}
.home.blog .tabGroup .tabBox .ico img {
    width: 50px;
    height: auto;
}
.home.blog .tabGroup .tabBox dt, .home.blog .tabGroup .tabBox dd {
    padding-left: 60px;
}
.home.blog .tabGroup #tab2.tabBox .thumbnail {
    margin-bottom: 12px;
}
.home.blog .tabGroup #tab2.tabBox img {
    display: block;
    max-width: 270px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.pageNews.entry .contents .entry img, .pagePickup.entry .contents .entry img, .pagePickup.entry .contents .entry .video, .pageExcuse.entry .contents .entry img {
    max-width: 100%;
    height: auto;
}
.pagePickup .entry .thumbnail a:before {
    width: 20px;
    height: 14px;
    font-size: 6px;
    padding-top: 3.5px;
    padding-left: 1px;
}
.home.blog .tabGroup .tabMenu li:nth-of-type(1) {
    margin-right: 0.5%;
    width: 29%;
}
.home.blog .tabGroup .tabMenu li:nth-of-type(2) {
    margin-left: 0;
    margin-right: 0;
    width: 29%;
}
.home.blog .tabGroup .tabMenu li:nth-of-type(3) {
    margin-left: 0.5%;
    margin-right: 0;
    width: 41%;
}
}
/* ====================================================
  バナースライダー
==================================================== */
.home.blog .bannaSlider .bx-wrapper .bx-prev {
    background: url(../lib/jquery/bxslider/images/arrow-l.png) center no-repeat;
}
.home.blog .bannaSlider .bx-wrapper .bx-next {
    background: url(../lib/jquery/bxslider/images/arrow-r.png) center no-repeat;
}
 @media print, screen and (min-width: 768px) {
.home.blog .bannaSlider {
    padding: 0 20px;
}
.home.blog .bannaSlider .bx-wrapper .bx-prev {
    left: -24px;
}
.home.blog .bannaSlider .bx-wrapper .bx-next {
    right: -24px;
}
.home.blog .bannaSlider .bx-wrapper .bx-controls-direction a {
    width: 20px;
    height: 20px;
    margin-top: -10px;
}
}
 @media screen and (max-width: 767px) {
.home.blog .bannaSlider {
    padding: 0 20px;
    margin-top: 30px;
}
.home.blog .bannaSlider .bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
.home.blog .bx-wrapper .bx-prev {
    left: -30px;
}
.home.blog .bx-wrapper .bx-next {
    right: -30px;
}
.home.blog .bannaSlider li img {
    width: 100%;
    height: auto;
}
}
/* ######################################################################################

　プライバシーポリシー

###################################################################################### */
.pagePrivacy h4 {
    margin-top: 25px;
    font-size: 20px;
    border-bottom: 1px solid #656464;
}
.pagePrivacy .mainBox dl {
    padding: 6px 0px 30px 0px;
    margin-top: 10px;
    line-height: 1.75;
}
.pagePrivacy .mainBox dt {
    letter-spacing: 0.1em;
}
.pagePrivacy .mainBox dd {
    text-align: left;
    padding-bottom: 15px;
}
 @media print, screen and (min-width: 768px) {
.pagePrivacy h2 {
    margin-bottom: 54px;
}
.pagePrivacy .mainBox h3 {
    margin-bottom: 25px;
}
.pagePrivacy .mainBox p {
    margin-bottom: 50px;
}
.pagePrivacy .mainBox h4 {
    padding-left: 12px;
    padding-bottom: 15px;
}
.pagePrivacy .mainBox dl {
    padding: 12px 20px 16px;
}
.pagePrivacy .mainBox dt {
    float: left;
}
.pagePrivacy .mainBox dd {
    margin-left: 28px;
    padding-bottom: 25px;
}
}
 @media screen and (max-width: 767px) {
.pagePrivacy h2 {
    margin-bottom: 26px;
}
.pagePrivacy .mainBox h3 {
    margin-bottom: 16px;
}
.pagePrivacy .mainBox h4 {
    position: relative;
    padding-left: 25px;
    padding-bottom: 8px;
}
.pagePrivacy .mainBox h4 span {
    position: absolute;
    top: 0;
    left: 0;
}
.pagePrivacy .mainBox dl {
    padding: 4px 0 0;
}
}
/* ######################################################################################

　LINE 店舗一覧

###################################################################################### */

/*** line友達募集中！ ***/
.pageLine .contents .description {
    position: relative;
    margin-bottom: 30px;
    font-size: 20px;
    color: #656464;
}
.pageLine .contents .description img {
    display: block;
}
.pageLine .contents .description span {
    display: block;
}



.pageLine .titleSolid{
    margin-top: 2em;
}

.pageLine h2 {
    margin-bottom: 1px;
}

.pageLine .subMenu {
    margin-top: 1px;
    margin-bottom: 13px;
    background: #db5424;
    font-size: 14px !important;
}

.pageLine .subMenu ul {
    font-size:0;
}

.pageLine .subMenu ul li {
    border: solid #ffffff;
    background: #db5424;
    border-width: 0px 1px 0px 0;
    width: 33%;
    text-align: center;
    margin: 0 0;
    font-size: 14px;
}

.pageLine .subMenu ul li a:hover{
    background: #f16a3b;
}

.pageLine .subMenu ul li:last-child { border-right: none; width:34%;}


/*** 店舗一覧 ***/
.pageLine .contents .area .store > li {
    border-left: 7px solid #656464;
}
.pageLine .contents .area .store > li img {
    width: 100%;
    height: auto;
}
.pageLine .contents .area .store .left h4 {
    font-size: 16px;
    line-height: 1;
}
.pageLine .contents .area .store .left p {
    font-size: 14px;
}
.pageLine .contents .area .store .left .buttonList li {
    display: inline-block;
}
 @media print, screen and (min-width: 768px) {
/*** line友達募集中！ ***/
.pageLine .contents .description {
    margin-top: 50px;
    vertical-align: middle;
}
.pageLine .contents .description img {
    margin-right: 15px;
}
.pageLine .contents .description img.sp {
    display: none;
}


.pageLine .contents .description span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 140px;
    margin: 0;
}


/*** 店舗一覧 ***/
.pageLine .contents {
    width: 930px;
    margin-bottom: 15px;
}
.pageLine .contents .area h3 {
    padding-bottom: 6px;
}
.pageLine .contents .area ul {
    font-size: 0;
}
.pageLine .contents .area li {
    display: inline-block;
}
.pageLine .contents .area .store > li {/*max-*/
    width: 255px; /*width: 28.33334%;*/
    padding: 3px 0 1px 7px;
    margin: 0 7.4445% 21px 0;
    vertical-align: top;
}
.pageLine .contents .area .store > li:after {
    content: "";
    display: block;
    clear: both;
}
.pageLine .contents .area .store > li:nth-of-type(3n) {
    margin-right: 0;
}
/** 店舗詳細(左側) **/
.pageLine .contents .area .store .left {
    float: left;
    width: 160px;
}
.pageLine .contents .area .store .left p {
    margin-bottom: 3px;
}
.pageLine .contents .area .store .left .buttonList li:nth-of-type(2) {
    margin-left: 3px;
}
.pageLine .contents .area .store .left .buttonList li:nth-of-type(1) img {
    max-width: 108px;
}
.pageLine .contents .area .store .left .buttonList li:nth-of-type(2) img {
    max-width: 46px;
}
/** QRコード(右側) **/
.pageLine .contents .area .store .right {
    float: right;
}
.pageLine .contents .area .store .right img {
    max-width: 73px;
}
}
 @media screen and (max-width: 767px) {
.pageLine .contents .description img.pc {
    display: none;
}
/*** 店舗一覧 ***/
.pageLine .contents .area {
    margin-bottom: 50px;
}
.pageLine .contents .area h3 {
    margin-bottom: 8px;
    padding-bottom: 10px;
}
.pageLine .contents .area .store > li {
    max-width: 293px;
    margin-bottom: 25px;
    padding: 3px 10px;
}
/** 店舗詳細(左側) **/
.pageLine .contents .area .store .left .buttonList {
    font-size: 0;
}
.pageLine .contents .area .store .left .buttonList li:nth-of-type(3) {
    width: 48.4962%;
}
.pageLine .contents .area .store .left .buttonList li:nth-of-type(4) {
    width: 48.4962%;
    margin-left: 3.0075%;
}
.pageLine .contents .area .store .left .buttonList img {
    max-width: 129px;
}
/** QRコード(右側) **/
.pageLine .contents .area .store .right {
    display: none;
}



/** LINE@友達募集 **/
.pageLine .subMenu {
    margin-top: 0px;
}


.pageLine .subMenu ul {
    font-size:0;
}

.pageLine .subMenu ul li {
    border: solid #ffffff;
    background: #db5424;
    border-width: 0px 0px 1px 0;
    text-align: left;
    font-size: 14px;
    width: 100%;
    margin-bottom: 1px;
}



.pageLine .subMenu ul li:last-child { border-bottom: none;width: 100%;}


}
/* ######################################################################################

　採用情報

###################################################################################### */
.pageRecruit .recruitList > p img {/*max-width: 290px;*/
    margin-bottom: 52px;
}

.pageRecruit .recruitList li a {
    font-weight: bold;
    color: #656464;
    text-decoration: none;
}
.pageRecruit .recruitList li:before {
    content: "\f04b";
    display: inline-block;
    font-family: FontAwesome;
    color: #656464;
    margin-right: 3px;
}
 @media print, screen and (min-width: 768px) {
.pageRecruit h2 {
    margin-bottom: 52px;
}
.pageRecruit .recruitList {
    font-size: 0;
}
.pageRecruit .recruitList > div {
    display: inline-block;
    width: 294px;
    margin-right: 9px;
    vertical-align: top;
}
.pageRecruit .recruitList > div:nth-of-type(3) {
    margin-right: 0;
}
.pageRecruit .recruitList > div img {
    display: block;
    margin-bottom: 13px;
}
.pageRecruit .recruitList > div img.sp {
    display: none;
}
.pageRecruit .recruitList li {
    margin-bottom: 6px;
    font-size: 16px;
}
}
 @media screen and (max-width: 767px) {
.pageRecruit h2 {
    margin-bottom: 25px;
}
.pageRecruit .recruitList > div {
    margin-bottom: 25px;
}
.pageRecruit .recruitList > div img {/*max-width: 290px;*/
    width: 100%;
    height: auto;
    margin-bottom: 7px;
}

.pageRecruit .recruitList > p img {/*max-width: 290px;*/
    width: 100%;
    height: auto;
    margin-bottom: 7px;
}
	 
.pageRecruit .recruitList > div img.pc {
    display: none;
}
.pageRecruit .recruitList li {
    margin-bottom: 4px;
    font-size: 16px;
}
}
/* ######################################################################################

　企業概要・会社沿革・ご挨拶共通

###################################################################################### */
/** サブメニュー **/
.company .subBox li {
    border-bottom: 1px solid #656464;
    text-align: center;
}
.company .subBox li:first-child {
    border-top: 1px solid #656464;
}
.company .subBox li a {
    text-decoration: none;
    color: #656464;
    font-size: 14px;
    display: block;
}

/*.company .mainBox h3{font-size:22px;}
.company .mainBox h3:before{
    content:"";
    display:inline-block;
    margin-right:8px;
    width:7px;
    height:19px;
    background:url(http://w.kohyo.dev.wps.jp/kywp/wp-content/themes/kohyo/assets/img/contents/company/square.gif);
}*/

@media print, screen and (min-width: 768px) {
/** 概要・沿革・ご挨拶共通 **/
.company:after {
    content: "";
    display: block;
    clear: both;
}
/** サブメニュー **/
.company .subBox {
    width: 150px;
    float: left;
}
.company .subBox li {
    padding: 25px 0 18px 0;
}
/** メインメニュー **/
.company .mainBox {
    width: 710px;
    float: right;
}
}
 @media screen and (max-width: 767px) {
/** サブメニュー **/
.company .subBox {
    margin-bottom: 30px;
}
.company .subBox li {
    padding: 12px 0;
}
}
/* ######################################################################################

　会社概要

###################################################################################### */
.pageCompany .mainBox h3 {
    margin-bottom: 5px;
}
.pageCompany table {
    width: 100%;
    font-size: 14px;
}
 @media print, screen and (min-width: 768px) {
.pageCompany table th,  .pageCompany table td {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #656464;
    text-align: left;
    line-height: 2;
}
.pageCompany table th {
    width: 100px;
}
}
 @media screen and (max-width: 767px) {
.pageCompany table {
    width: 100%;
}
.pageCompany table tbody,  .pageCompany table tr,  .pageCompany table th,  .pageCompany table td {
    display: block;
    text-align: left;
}
.pageCompany table tr {
    border-bottom: 1px solid #656464;
}
.pageCompany table th,  .pageCompany table td {
    line-height: 1.6;
}
.pageCompany table th {
    margin-top: 16px;
    margin-bottom: 2px;
}
.pageCompany table td {
    padding-bottom: 14px;
}
}
/* ######################################################################################

　会社沿革

###################################################################################### */
.pageHistory table {
    width: 100%;
}
.pageHistory table tr {
    border-bottom: 1px solid #656464;
}
.pageHistory table tr.dottedBorder {
    border: none;
    background: url(../img/contents/company/dotted.gif) repeat-x bottom left;
}
.pageHistory .mainBox .sum {
    text-align: right;
}
 @media print, screen and (min-width: 768px) {
.pageHistory .mainBox h3 {
    margin-bottom: 4px;
}
.pageHistory table {
    margin-bottom: 20px;
}
.pageHistory table th,  .pageHistory table td {
    padding: 22px 0 10px 0;
    text-align: left;
    line-height: 1.8;
}
.pageHistory table tr:nth-of-type(1) th,  .pageHistory table tr:nth-of-type(1) td {
    padding-top: 17px;
}
.pageHistory table th {
    width: 120px;
    padding-right: 32px;
    text-align: right;
}
}
 @media screen and (max-width: 767px) {
.pageHistory .mainBox h3 {
    margin-bottom: 9px;
}
.pageHistory table {
    margin-bottom: 7px;
}
.pageHistory table tbody,  .pageHistory table tr,  .pageHistory table th,  .pageHistory table td {
    display: block;
    text-align: left;
}
.pageHistory table tr:nth-of-type(1) th {
    padding-top: 15px;
}
.pageHistory table th {
    padding-top: 19px;
    padding-bottom: 2px;
}
.pageHistory table td {
    padding-bottom: 14px;
    line-height: 1.572;
}
}

/* ######################################################################################

　ご挨拶

###################################################################################### */

@media print, screen and (min-width: 768px) {
.pageMessage .mainBox .mainImg {
    margin-bottom: 17px
}
.pageMessage .mainBox .mainImg img {
    max-width: 710px;
    width: 100%;
    height: auto;
}
.pageMessage .mainBox h3 {
    margin-bottom: 19px;
}
.pageMessage .mainBox p {
    margin-bottom: 30px;
    line-height: 2.1428;
}
}
 @media screen and (max-width: 767px) {
.pageMessage .mainBox .mainImg {
    margin-bottom: 26px;
}
.pageMessage .mainBox .mainImg img {
    max-width: 710px;
    width: 100%;
    height: auto;
}
.pageMessage .mainBox h3 {
    margin-bottom: 10px;
}
.pageMessage .mainBox p {
    margin-bottom: 25px;
    line-height: 1.6428;
}
}
/* ######################################################################################

　トレーサビリティ

###################################################################################### */
.pageTraceability .trace .number h4 {
    border: 1px solid #db5424;
    color: #db5424;
    text-align: center;
    font-size: 16px;
}
.pageTraceability .trace .number a {
    color: #656464;
    text-decoration: none;
}
 @media print, screen and (min-width: 768px) {
.pageTraceability .titleSidebar {
    margin-bottom: 24px;
}
.pageTraceability .description {
    margin-bottom: 15px;
}
.pageTraceability .trace:after {
    content: "";
    display: block;
    clear: both;
}
.pageTraceability .trace .number {
    width: 420px;
}
.pageTraceability .trace .number01 {
    float: left;
}
.pageTraceability .trace .number02 {
    float: right;
    margin-left: 60px;
}
.pageTraceability .trace .number h4 {
    margin-bottom: 10px;
    padding: 5px 0;
    line-height: 1;
}
.pageTraceability .trace .number .imgList {
    font-size: 0;
    margin-bottom: 18px;
}
.pageTraceability .trace .number .imgList img.pc {
    display: inline-block;
}
.pageTraceability .trace .number .imgList img.pc {
    margin-left: 24px;
}
.pageTraceability .trace .number .imgList img.pc:first-child {
    margin-left: 0;
}
}
 @media screen and (max-width: 767px) {
.pageTraceability .titleSidebar {
    margin-bottom: 16px;
}
.pageTraceability .description {
    margin-bottom: 32px;
}
.pageTraceability .trace .number {
    margin-bottom: 34px;
}
.pageTraceability .trace .number h4 {
    margin-bottom: 15px;
    padding: 4px 0;
    line-height: 1;
}
.pageTraceability .trace .number01 .imgList {
    margin-bottom: 15px;
}
.pageTraceability .trace .number02 .imgList {
    margin-bottom: 9px;
}
.pageTraceability .trace .number .imgList img.sp {
    display: block;
    max-width: 290px;
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
}
.pageTraceability .trace .number .imgList img.sp:last-child {
    margin: 0 auto;
}
}
/* ######################################################################################

　おトク情報

###################################################################################### */
.pageOkaidoku .special {
    border-bottom: 1px solid #8c8b8b;
}
.pageOkaidoku .special .left p {
    font-size: 12px;
}
.pageOkaidoku .special .left .outline {
    font-size: 14px;
    font-weight: bold;
}
 @media print, screen and (min-width: 768px) {
.pageOkaidoku .container {
    width: 820px;
    margin: 0 auto;
}
.pageOkaidoku .introduction {
    margin-bottom: 1em;
}
.pageOkaidoku .special {
    margin-bottom: 44px;
}
.pageOkaidoku .special:after {
    content: "";
    display: block;
    clear: both;
}
/** 記事左側 **/
.pageOkaidoku .special .left {
    width: 410px;
    float: left;
    margin-bottom: 42px;
}
.pageOkaidoku .special .left h3 {
    margin-bottom: 11px;
}
.pageOkaidoku .special .left .outline {
    margin-bottom: 16px;
}
/** 記事右側 **/
.pageOkaidoku .special .right {
    width: 378px;
    float: right;
    margin: 0 0 42px 32px;
}
}
 @media screen and (max-width: 767px) {
.pageOkaidoku .introduction {
    margin-bottom: 19px;
}
.pageOkaidoku .introduction img {
    max-width: 288px;
    width: 100%;
    height: auto;
}
.pageOkaidoku .special {
    margin-bottom: 50px;
}
/** 記事左側 **/
.pageOkaidoku .special .left {
    margin-bottom: 50px;
}
.pageOkaidoku .special .left .outline {
    margin-bottom: 6px;
}
.pageOkaidoku .special .left img {
    width: 100%;
    height: auto;
}
.pageOkaidoku .special .left h3 {
    margin-bottom: 13px;
}
.pageOkaidoku .special .left > img {
    margin-bottom: 8px;
}
/* 各記事の画像サイズ */
.pageOkaidoku .special01 .left h3 img {
    max-width: 160px;
}
.pageOkaidoku .special01 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special02 .left h3 img {
    max-width: 240px;
}
.pageOkaidoku .special02 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special03 .left h3 img {
    max-width: 186px;
}
.pageOkaidoku .special03 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special04 .left h3 img {
    max-width: 141px;
}
.pageOkaidoku .special04 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special05 .left h3 img {
    max-width: 210px;
}
.pageOkaidoku .special05 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special06 .left h3 img {
    max-width: 93px;
}
.pageOkaidoku .special06 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special07 .left h3 img {
    max-width: 164px;
}
.pageOkaidoku .special07 .left p img {
    max-width: 290px;
}
.pageOkaidoku .special08 .left h3 img {
    max-width: 164px;
}
.pageOkaidoku .special08 .left p img {
    max-width: 290px;
}
/** 記事右側 **/
.pageOkaidoku .special .right {
    display: none;
}
}
/* ######################################################################################

　レシピのカテゴリー

###################################################################################### */
.pageRecipes .recipesTitle {
    position: relative;
}
.pageRecipes .recipesTitle .dropdownMenu {
    position: absolute;
    padding: 0.4em 0.4em 0.3em 0.3em;
    background: #db5424;
    font-size: 16px;
    line-height: 1;
    z-index: 100;
}
.msie .pageRecipes .recipesTitle .dropdownMenu {
    padding: 0.5em 0.4em 0.3em 0.3em;
}
.pageRecipes .recipesTitle .dropdownMenu a {
    color: #fff;
    text-decoration: none;
    display: block;
    overflow: visible;
}
 @media print, screen and (min-width: 768px) {
.pageRecipes .contents {
    width: 930px;
}
.pageRecipes .recipesTitle h2 {
    display: inline-block;
    width: 512px;
}
.pageRecipes .recipesTitle .dropdownMenu {
    width: 189px;
    top: 0;
    text-align: right;
}
.pageRecipes .recipesTitle .dropdownMenu:nth-of-type(1) {
    left: 517px;
}
.pageRecipes .recipesTitle .dropdownMenu:nth-of-type(2) {
    left: 711px;
}
.pageRecipes .recipesTitle .dropdownMenu li {
    padding: 4px 0 4px 0;
}
.pageRecipes .recipesTitle .dropdownMenu li:first-child {
    padding-top: 8px;
}
.pageRecipes .recipesTitle .dropdownMenu li:last-child {
    padding-bottom: 8px;
}
}
 @media screen and (max-width: 767px) {
.pageRecipes .recipesTitle {
    height: 73px;
    margin-bottom: 13px;
}
.pageRecipes .recipesTitle h2 {
    margin-bottom: 11px;
}
.pageRecipes .recipesTitle .dropdownMenu {
    top: 38px;
    width: 49.1379%;
    padding-top: 0.6875em;
    padding-bottom: 0.5em;
}
.pageRecipes .recipesTitle .dropdownMenu:nth-of-type(1) {
    left: 0;
}
.pageRecipes .recipesTitle .dropdownMenu:nth-of-type(2) {
    right: 0;
}
.pageRecipes .recipesTitle .dropdownMenu li {
    padding: 4px 0 4px 0;
}
.pageRecipes .recipesTitle .dropdownMenu li:first-child {
    padding-top: 8px;
}
.pageRecipes .recipesTitle .dropdownMenu li:last-child {
    padding-bottom: 12px;
}
}
/* ######################################################################################

　レシピ一覧

###################################################################################### */
.pageRecipes .recipe {
    margin-bottom: 20px;
}
.pageRecipes.index .recipe a {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
.pageRecipes.index p.title {
    line-height: 1.2;
    margin: 10px 0 0;
}
.pageRecipes .recipes_page_sticky img {
    border-radius: 20px;
}
.pageRecipes.index .thumbnail img {
    width: 100% !important;
    height: auto;
}/*サイズ固定後に外す*/
.pageRecipes.index .recipes_new {
    margin-top: 45px;
}
.pageRecipes.index .recipes_push_category {
    margin-top: 45px;
}
.pageRecipes.index .cookpad_link {
    margin-top: 45px;
}
.pageRecipes.index .cookpad_link img {
    width: 100%;
    height: auto;
}
 @media print, screen and (min-width: 768px) {
.pageRecipes .recipes_new .recipe {
    margin-bottom: 20px;
}
}
 @media screen and (max-width: 767px) {
.pageContents .contents.contentsClass {
}
.pageRecipes.index .recipes_page_sticky img {
    width: 100%;
    height: auto;
}
.pageRecipes.index .recipes_push_category li {
    margin-bottom: 20px;
}
.pageRecipes.index .recipes_push_category {
    margin-top: 25px;
}
.pageRecipes.index .recipes_push_category img {
    width: 100%;
    height: auto;
}
.pageRecipes.index .cookpad_link {
    margin-top: 25px;
}
.pageRecipes.index .cookpad_link img {
    margin-top: 20px;
}
}
/* ######################################################################################

　レシピ詳細

###################################################################################### */
.pageRecipes.detail .contents h3 {
    font-size: 22px;
    color: #db5424;
    font-weight: bold;
}
/** 料理画像 **/
.pageRecipes.detail .contents .mainImg .movie a {
    display: block;
    margin-left: auto;
    background-position: center center;
    text-indent: -9999px;
}
/** 材料 **/
.pageRecipes.detail .contents .ingredients {
    position: relative;
}
.pageRecipes.detail .contents h4 {
    border-bottom: 2px solid #cfcfcf;
    font-size: 17px;
    font-weight: bold;
    line-height: 1;
}
.pageRecipes.detail .contents .ingredients h4 span {
    font-size: 12px;
}
.pageRecipes.detail .contents .ingredients .time {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 12px;
    font-weight: bold;
}
.pageRecipes.detail .contents .ingredients p {
    font-size: 16px;
    line-height: 1.55;
}
/** 作り方 **/
.pageRecipes.detail .contents .howto ol {
    counter-reset: li;
}
.pageRecipes.detail .contents .howto li {
    position: relative;
    padding-left: 44px;
    font-size: 16px;
}
.pageRecipes.detail .contents .howto ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 26px;
    color: #fff;
    text-align: center;
    line-height: 1.625;
}
.pageRecipes.detail .contents .howto ol li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 25px;
    height: 26px;
    background: url(../img/contents/recipes/list.png);
}
 @media print, screen and (min-width: 768px) {
.pageRecipes.detail .contents .container {
    margin-bottom: 16px;
}
.pageRecipes.detail .contents .container:after {
    content: "";
    display: block;
    clear: both;
}
.pageRecipes.detail .contents h3 {
    margin-bottom: 10px;
}
.pageRecipes.detail .contents h4 {
    padding-bottom: 7px;
}
/** 料理画像 **/
.pageRecipes.detail .contents .mainImg {
    float: left;
    width: 450px;
}
.pageRecipes.detail .contents .mainImg img {
    width: 100%;
    height: auto;
}/** とりあえずいれる **/
.pageRecipes.detail .contents .mainImg .movie {
    margin-top: 5px;
}
.pageRecipes.detail .contents .mainImg .movie a {
    width: 146px;
    height: 38px;
    background-image: url(../img/contents/recipes/movie.png);
}
/** 材料 **/
.pageRecipes.detail .contents .ingredients {
    float: right;
    width: 428px;
    margin-left: 22px;
}
.pageRecipes.detail .contents .ingredients p {
    margin-bottom: 0.875em;
}
.pageRecipes.detail .contents .ingredients h4 {
    margin-bottom: 11px;
}
/** 作り方 **/
.pageRecipes.detail .contents .howto h4 {
    margin-bottom: 24px;
}
.pageRecipes.detail .contents .howto li {
    margin-bottom: 30px;
    line-height: 1.5625;
}
}
 @media screen and (max-width: 767px) {
.pageRecipes.detail .contents .container {
    margin-bottom: 42px;
}
.pageRecipes.detail .contents h3 {
    margin-bottom: 6px;
}
/** 料理画像 **/
.pageRecipes.detail .contents .mainImg {
    max-width: 720px;
    margin-bottom: 37px;
}
.pageRecipes.detail .contents .mainImg img {
    width: 100%;
    height: auto;
}
.pageRecipes.detail .contents .mainImg .movie {
    margin-top: 6px;
}
.pageRecipes.detail .contents .mainImg .movie a {
    width: 146px;
    height: 37px;
    background-image: url(../img/contents/recipes/movie_sp.png);
    background-size: 146px 37px;
}
/** 材料 **/
.pageRecipes.detail .contents h4 {
    margin-bottom: 15px;
    padding-bottom: 8px;
}
.pageRecipes.detail .contents .ingredients p {
    margin-bottom: 12px;
}
/** 作り方 **/
.pageRecipes.detail .contents .howto li {
    margin-bottom: 26px;
    line-height: 1.6875;
}
}
/* ######################################################################################

　電子公告

###################################################################################### */
.pageFinancials .mainBox .notice li {
    position: relative;
    background: url(../img/contents/financials/dotted.gif) bottom repeat-x;
}
.pageFinancials .mainBox .notice li:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    background-image: url(../img/contents/financials/pdf.png);
}
.pageFinancials .mainBox .notice li a {
    color: #db5424;
}
 @media print, screen and (min-width: 768px) {
.pageFinancials .mainBox .notice {
    margin-bottom: 60px;
    font-size: 18px;
}
.pageFinancials .mainBox .notice h3 {
    margin-bottom: 10px;
}
.pageFinancials .mainBox .notice li {
    padding: 25px 0 21px 0;
}
.pageFinancials .mainBox .notice li:before {
    bottom: 21px;
    width: 32px;
    height: 32px;
}
.pageFinancials .mainBox .notice li a {
    margin-left: 48px;
}
}
 @media screen and (max-width: 767px) {
.pageFinancials .mainBox .notice {
    margin-bottom: 25px;
    font-size: 16px;
}
.pageFinancials .mainBox .notice h3 {
    margin-bottom: 15px;
}
.pageFinancials .mainBox .notice li {
    padding: 11px 0 8px 0;
}
.pageFinancials .mainBox .notice li:before {
    top: 12px;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
}
.pageFinancials .mainBox .notice li a {
    margin-left: 22px;
}
.pageFinancials .subBox {
    display: none;
}
}
/* ######################################################################################

　お問い合わせ

###################################################################################### */
/***** 共通 *****/
/*subBox*/
.pageContact .subBox li,
.pageEntry .subBox li{
    display: inline-block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
}
.pageContact .subBox ul li:nth-of-type(1),
.pageEntry .subBox ul li:nth-of-type(1) {
    position: relative;
    z-index: 3;
}
.pageContact .subBox ul li:nth-of-type(2),
.pageEntry .subBox ul li:nth-of-type(2){
    position: relative;
    z-index: 2;
}
.pageContact .subBox li.active,
.pageEntry .subBox li.active{
    background-image: url(../img/contents/contact/arrow01.png);
    color: #fff;
}
.pageContact .subBox li.flow01,
.pageEntry .subBox li.flow01{
    background-image: url(../img/contents/contact/arrow02.png);
}
.pageContact .subBox li.flow02,
.pageEntry .subBox li.flow02{
    background-image: url(../img/contents/contact/arrow03.png);
}
.pageContact .mainBox table,
.pageEntry .mainBox table{
    width: 100%;
    border: 1px solid #656464;
    border-collapse: separate;
    font-size: 16px;
}
.pageContact .mainBox table th,
.pageContact .mainBox table td,
.pageEntry .mainBox table th,
.pageEntry .mainBox table td{
    border-bottom: 1px solid #656464;
    color: #656464;
}
.pageContact .mainBox table td p,
.pageEntry .mainBox table td p {
    font-size: 14px;
    line-height: 1.2857;
}
.pageContact .mainBox table td p.confirm,
.pageEntry .mainBox table td p.confirm {
    display: none;
}
.pageContact .mainBox table tr:last-of-type td,
.pageEntry .mainBox table tr:last-of-type td{
    border-bottom: none;
}
.pageContact .mainBox table th,
.pageEntry .mainBox table th{
    position: relative;
    background: #eeeeee;
    text-align: left;
    font-weight: normal;
}
.pageContact .mainBox .form01 th span,
.pageEntry .mainBox .form01 th span{
    background: #db5424;
}
.pageContact .mainBox .form02 th span,
.pageEntry .mainBox .form02 th span{
    background: #1b439f;
}
.pageContact .mainBox table th span,
.pageEntry .mainBox table th span{
    position: absolute;
    right: 13px;
    display: block;
    width: 41px;
    height: 18px;
    margin: auto;
    padding-top: 3px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
    line-height: 1;
}
.pageContact .mainBox table th span{top: 0; bottom: 0;}
.msie .pageContact .mainBox table th span,
.msie .pageEntry .mainBox table th span{
    padding-top: 4px;
}
.pageContact .mainBox table td.error,
.pageEntry .mainBox table td.error{
    background: #ffdcdd;
}
.pageContact .mainBox table td span.error,
.pageEntry .mainBox table td span.error{
    margin-bottom: 2px;
    color: #ff0000;
}
.pageContact .mainBox .buttonBox ul,
.pageEntry .mainBox .buttonBox ul{
    text-align: center;
}
.pageContact .mainBox .buttonBox li,
.pageEntry .mainBox .buttonBox li{
    display: inline-block;
}
.pageContact .mainBox .buttonBox li input,
.pageEntry .mainBox .buttonBox li input{
    border: none;
    background: none;
    background-repeat: no-repeat;
    text-indent: -9999px;
    color: #fff;
}
.pageContact .mainBox .buttonBox li input,
.pageEntry .mainBox .buttonBox li input{
    cursor: pointer;
}
.pageContact.index .mainBox .buttonBox li.decide input,
.pageEntry .mainBox .buttonBox li.decide input{
    background-image: url(../img/contents/contact/button01.png);
}

.pageEntry.confirm .mainBox .buttonBox li.decide input{
    background-image: url(../img/contents/contact/button02.png);
}

.pageEntry.confirm .mainBox .endBox p{
    text-align: center;
}


.pageContact .mainBox .buttonBox li.back input,
.pageEntry .mainBox .buttonBox li.back input{
    background-image: url(../img/contents/contact/button03.png);
}
.pageContact .mainBox .description p a,
.pageEntry .mainBox .description p a {
    color: #db5424;
}
 @media print, screen and (min-width: 768px) {
/*mainBox*/
.pageContact .contents {
    width: 930px;
}
.pageContact h2 {
    margin-bottom: 23px;
}
.pageContact .subBox,
.pageEntry .subBox {
    margin-bottom: 30px;
}
.pageContact .subBox li,
.pageEntry .subBox li{
    width: 204px;
    height: 38px;
    padding: 10px 0 8px;
    font-size: 16px;
    line-height: 1.25;
}
.msie .pageContact .subBox li ,
.msie .pageEntry .subBox li {
    padding: 11px 0 7px;
}
.pageContact .subBox ul li:nth-of-type(1),
.pageEntry .subBox ul li:nth-of-type(1) {
    margin-right: -22px;
}
.pageContact .subBox ul li:nth-of-type(3),
.pageEntry .subBox ul li:nth-of-type(3){
    margin-left: -22px;
}
/*mainBox*/
.pageContact .mainBox h3 {
    margin-bottom: 25px;
}
.pageContact .mainBox .description.sp {
    display: none;
}
.pageContact .mainBox .description p {
    margin-bottom: 21px;
    font-size: 14px;
    line-height: 1.5;
}
.pageContact .mainBox .description p:last-of-type {
    margin-bottom: 36px;
}
.pageContact .mainBox .description .norton {
    margin-bottom: 27px;
}
.pageContact .mainBox table {
    margin-bottom: 32px;
}
.pageContact .mainBox table tr:last-of-type th,
.pageEntry .mainBox table tr:last-of-type th {
    border-bottom: none;
}
.pageContact .mainBox table th,
.pageEntry .mainBox table th{
    border-right: 1px solid #656464;
    vertical-align: top;
}
.pageContact .mainBox table th{
    width: 215px;
    padding-left: 13px;
    padding-right: 52px;
}
.pageEntry .mainBox table th{
    width: 230px;
    padding-top: 22px;
    padding-left: 24px;
}
.pageContact .mainBox table th.sp {
    display: none;
}
.pageEntry.pfriday .mainBox .form01 td,
.pageEntry.cleanup .mainBox .form01 td{padding-left: 18px;}
.pageEntry .mainBox .form01 td input[type="text"],
.pageEntry.cleanup .form03 td input[type="text"],
.pageEntry.cleanup .form01 td input[type="text"] {width: 217px; height: 30px;}
.pageContact .mainBox .form01 .input01 th,
.pageContact .mainBox .form01 .input01 td {
    padding-top: 23px;
    padding-bottom: 23px;
}
.pageEntry.pfriday .mainBox .form01 .input01 th,
.pageEntry.pfriday .mainBox .form01 .input01 td,
.pageEntry.cleanup .mainBox .form01 .input01 th,
.pageEntry.cleanup .mainBox .form01 .input01 td {
    padding-bottom: 21px;
}
.pageEntry.pfriday .mainBox .form01 .input01 td,
.pageEntry.cleanup .mainBox .form01 .input01 td{padding-top: 20px; padding-left: 21px;}
.pageEntry.pfriday .mainBox .form01 .input01 select,
.pageEntry.cleanup .mainBox .form01 .input01 select { padding:3px;}
.pageContact .mainBox .form01 .input01 th span {
    top: 23px;
    bottom: auto;
}
.pageContact .mainBox .form01 .input01 td { padding-left: 9px;}
.pageContact .mainBox .form01 .input01 td span.error {margin-left: 7px;}
.pageContact .mainBox .form01 .input02 th,
.pageContact .mainBox .form01 .input02 td {
    padding-top: 18px;
    padding-bottom: 18px;
}
.pageContact .mainBox .form01 .input02 th span {
    top: 18px;
    bottom: auto;
}
.pageContact .mainBox .form01 .input02 td {padding-left: 17px;}
.pageContact .mainBox .form01 .input02 td select {margin-left: 5px;}
.pageEntry.pfriday .mainBox .form01 .input02 td,
.pageEntry.cleanup .mainBox .form01 .input02 td{padding: 21px 18px 18px;}
.pageEntry.cleanup .mainBox .form01 .input02 td select{
    margin: 7px 10px;
    padding: 3px;
}

.pageEntry .mainBox .form01 .input02 td span{ padding-right: 23px; }
.pageEntry .mainBox .form01 .input02 td span.child { padding-right: 12px; }
.pageEntry .mainBox .form01 .input02 td span input{margin-right: 9px;}

.pageContact .mainBox .form01 .input03 th {
    padding-top: 20px;
    padding-bottom: 20px;
}
     .pageEntry.pfriday .mainBox .form01 .input03 th {padding-bottom: 32px;}
.pageContact .mainBox .form01 .input03 th span {
    top: 20px;
    bottom: auto;
}
.pageContact .mainBox .form01 .input03 td {
    padding: 16px 18px;
}
     .pageEntry.pfriday .mainBox .form01 .input03 td,
          .pageEntry.cleanup .mainBox .form01 .input03 td {padding-top: 13px; padding-bottom: 3px;}
     .pageEntry .mainBox .form01 .input03 td input{margin-bottom: 9px;}
     .pageEntry .mainBox .form01 .input03 td p{margin-left: 7px;}

.pageContact .mainBox .form01 .input03 td span.error {
    margin-bottom: 12px;
}
.pageContact .mainBox .form01 .input03 td textarea {
    width: 380px;
    height: 130px;
}
     .pageEntry.pfriday .mainBox .form01 .input04 th,
     .pageEntry.cleanup .mainBox .form01 .input04 th{padding-bottom: 18px;}
     .pageEntry.pfriday .mainBox .form01 .input04 td,
     .pageEntry.cleanup .mainBox .form01 .input04 td{padding-top: 16px; padding-bottom: 14px;}

     .pageEntry.pfriday .mainBox .form01 .input05 th,
     .pageEntry.pfriday .mainBox .form01 .input10 th,
      .pageEntry.pfriday .mainBox .form01 .input12 th,
     .pageEntry.cleanup .mainBox .form01 .input05 th,
     .pageEntry.cleanup .mainBox .form01 .input10 th,
      .pageEntry.cleanup .mainBox .form01 .input12 th{padding-top: 18px;}

     .pageEntry.pfriday .mainBox .form01 .input05 td,
     .pageEntry.pfriday .mainBox .form01 .input10 td,
     .pageEntry.pfriday .mainBox .form01 .input12 td,
     .pageEntry.cleanup .mainBox .form01 .input04 td,
     .pageEntry.cleanup .mainBox .form01 .input05 td,
     .pageEntry.cleanup .mainBox .form01 .input06 td,
     .pageEntry.cleanup .mainBox .form01 .input07 td,
     .pageEntry.cleanup .mainBox .form01 .input09 td,
     .pageEntry.cleanup .mainBox .form01 .input10 td,
     .pageEntry.cleanup .mainBox .form01 .input11 td,
     .pageEntry.cleanup .mainBox .form01 .input12 td{ padding-top: 17px; padding-bottom: 8px;}

     .pageEntry.cleanup .mainBox .form01 .input08 td{ padding-bottom: 8px;}
     .pageEntry.cleanup .mainBox .form01 .input08 td.error {padding-top: 17px;}

     .pageEntry.pfriday .mainBox .form01 .input05 td input[type="number"],
     .pageEntry.pfriday .mainBox .form01 .input10 td input[type="number"],
     .pageEntry.pfriday .mainBox .form01 .input12 td input[type="number"],
     .pageEntry.cleanup .mainBox .form01 .input05 td .mwform-zip-field input[type="text"],
     .pageEntry.cleanup .mainBox .form01 .input06 td input[type="number"]{width: 43px; height: 30px; margin-right: 8px; margin-bottom: 12px;}

     .pageEntry.cleanup .mainBox .form01 button#autoAddress {  vertical-align: top;}

     .pageEntry.cleanup .mainBox .form01 .input05 td input[type="text"]{ margin-bottom:12px;}
     .pageEntry.pfriday .mainBox .form01 .input06 td{padding-top: 14px; padding-bottom: 4px;}
     .pageEntry.pfriday .mainBox .form01 .input06 td input{margin-bottom: 5px;}
     .pageEntry.pfriday .mainBox .form01 .input07 td{padding-top: 21px;}
     .pageEntry.pfriday .mainBox .form01 .input07 td .email01,
     .pageEntry.cleanup .mainBox .form01 .input08 td .email01{margin-bottom: 12px;}
     .pageEntry .mainBox .form01 .input07 td .email02{margin-top: 9px; margin-bottom: 22px;}
     .pageEntry.pfriday .mainBox .form01 .input08 td,
     .pageEntry.cleanup .mainBox .form01 .input11 td{padding-top: 22px; padding-bottom: 19px;}

     .pageEntry.pfriday .mainBox .form01 .input09 th,
     .pageEntry.pfriday .mainBox .form01 .input11 th{padding-top: 21px;}

     .pageEntry.pfriday .mainBox .form01 .input09 td,
     .pageEntry.pfriday .mainBox .form01 .input11 td{padding-top: 16px; padding-bottom: 14px;}

.pageContact .mainBox .form02 th {
    line-height: 1;
}
.pageEntry .mainBox .form02 th{padding-bottom: 23px;}
     .pageContact .mainBox .form02 td input[type="text"]{
         width: 217px;
        height: 28px;
    }

.pageContact .mainBox .form02 .input04 th {
    padding-top: 23px;
    padding-bottom: 23px;
}
.pageContact .mainBox .form02 .input04 th span {
    top: 20px;
    bottom: auto;
}
.pageContact .mainBox .form02 .input04 td {
    padding: 21px 18px;
}
.pageContact .mainBox .form02 .input04 td span.error {
    margin-left: 6px;
}
.pageContact .mainBox .form02 .input04 td p {
    margin-bottom: 0;
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.2857;
}
.pageContact .mainBox .form02 .input05 th {
    padding-top: 22px;
    padding-bottom: 21px;
}
.pageContact .mainBox .form02 .input05 th span {
    top: 22px;
    bottom: auto;
}
.pageContact .mainBox .form02 .input05 td {
    padding: 16px 18px 14px;
}
.pageContact .mainBox .form02 .input06 th {
    padding-top: 21px;
    padding-bottom: 18px;
}
.pageContact .mainBox .form02 .input06 th span {
    top: 21px;
    bottom: auto;
}
.pageContact .mainBox .form02 .input06 td {
    padding: 13px 18px 11px;
}
.pageContact .mainBox .form02 .input07 th {
    padding-top: 22px;
    padding-bottom: 17px;
}
.pageContact .mainBox .form02 .input07 td {
    padding: 21px 15px 13px;
}
.pageContact .mainBox .form02 .input08 th {
    padding-top: 19px;
    padding-bottom: 9px;
}
.pageContact .mainBox .form02 .input08 th span {
    top: 19px;
    bottom: auto;
}
.pageContact .mainBox .form02 .input08 td {
    padding: 10px 18px 10px;
}
.pageContact .mainBox .form02 .input09 th {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pageContact .mainBox .form02 .input09 th span {
    top: 17px;
    bottom: auto;
}
.pageContact .mainBox .form02 .input09 td {
    padding: 17px 18px 19px;
}
.pageContact.index .mainBox .form02 .input09 td .email01 {
    margin-bottom: 12px;
}
.pageContact .mainBox .form02 .input09 td p {
    margin-bottom: 9px;
    font-size: 14px;
}
.pageContact .mainBox .buttonBox li input,
.pageEntry .mainBox .buttonBox li input{
    width: 256px;
    height: 60px;
}
}
 @media screen and (max-width: 767px) {
.pageContact h2 {
    margin-bottom: 14px;
}
.pageContact .subBox {
    margin-bottom: 22px;
}
.pageContact .subBox li,
     .pageEntry .subBox li{
    width: 102px;
    height: 19px;
    padding: 5px 0 5px;
    font-size: 9px;
    line-height: 1;
}
.pageContact .subBox ul li:nth-of-type(1),
     .pageEntry .subBox ul li:nth-of-type(1){
    margin-right: -14px;
}
.pageContact .subBox ul li:nth-of-type(3),
     .pageEntry .subBox ul li:nth-of-type(3){
    margin-left: -14px;
}
.pageContact .mainBox h3 {
    margin-bottom: 10px;
}
.pageContact .mainBox .description.pc {
    display: none;
}
.pageContact .mainBox .description {
    margin-bottom: 12px;
}
.pageContact .mainBox .description p {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 1.25;
}
.pageContact.index .mainBox .description p:nth-of-type(3) {
    margin-bottom: 30px;
}
.pageContact .mainBox .description p:last-of-type {
    margin-bottom: 20px;
}
.pageContact .mainBox table,  .pageContact .mainBox tbody,  .pageContact .mainBox tr,  .pageContact .mainBox th,  .pageContact .mainBox td {
    display: block;
}
.pageContact .mainBox th {
    padding: 12px 15px 10px 15px;
    border-top: 1px solid #656464;
    border-bottom: 1px solid #656464;
}
.pageContact .mainBox table th.pc {
    display: none;
}
.pageContact .mainBox table tr:first-child th {
    border-top: 0;
}
.pageContact .mainBox table td {
    border-bottom: none;
}
.pageContact .mainBox .form01 {
    margin-bottom: 29px;
}
.pageContact .mainBox .form01 .input01 td {
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 11px;
}
.pageContact .mainBox .form01 .input01 td .horizontal-item {
    display: inline-block;
    width: 45%;
    margin-bottom: 10px;
}
.pageContact .mainBox .form01 .input01 td .horizontal-item + .horizontal-item {
    margin-left: 0;
}
.pageContact .mainBox .form01 .input01 td.error .horizontal-item:nth-of-type(2n+1) {
    margin-left: 10px;
}
.pageContact .mainBox .form01 .input02 td {
    padding: 10px 10px 14px;
}
.pageContact .mainBox .form01 .input02 td select {
    width: 100%;
}
.pageContact .mainBox .form01 .input03 td {
    padding: 10px 15px 14px;
}
.pageContact .mainBox .form01 .input03 td textarea {
    width: 100%;
    font-size: 14px;
}
.pageContact .mainBox .form02 .input04 th span {
    top: 12px;
    bottom: auto;
}
.pageContact .mainBox .form02 {
    margin-bottom: 29px;
}
.pageContact .mainBox .form02 input[type="text"] {
    width: 100%;
    height: 37px;
    font-size: 14px;
}
.pageContact .mainBox .form02 td {
    padding: 13px 10px 13px;
}
.pageContact .mainBox .form02 .input04 td {
    padding: 14px 10px 11px;
}
.pageContact .mainBox .form02 .input07 td {
    padding: 14px 10px 11px;
}
.pageContact .mainBox .form02 .input08 td {
    padding: 14px 10px 11px;
}
.pageContact .mainBox .form02 .input09 td .email01 {
    margin-bottom: 10px;
}
.pageContact .mainBox .form02 .input09 td p {
    margin-bottom: 7px;
}
.pageContact .mainBox .buttonBox li input,
.pageEntry .mainBox .buttonBox li input {
    width: 128px;
    height: 30px;
    background-size: 128px 30px;
}
}
/** 確認画面画面 **/

.pageContact.confirm .mainBox td p {
    display: none;
}
.pageContact.confirm .mainBox td p.confirm {
    display: block;
}
.pageContact.confirm .mainBox .form02 .input09 td .email02 {
    display: none;
}
.pageContact.confirm .mainBox .buttonBox li.decide input {
    background-image: url(../img/contents/contact/button02.png);
}
 @media print, screen and (min-width: 768px) {
.pageContact .mainBox .description .norton .sp {
    display: none;
}
.pageContact.confirm .mainBox .form01 .input02 th {
    padding-left: 9px;
}
.pageContact.confirm .mainBox .form01 .input01 td,  .pageContact.confirm .mainBox .form01 .input02 td {
    padding-left: 21px;
}
.pageContact.confirm .mainBox .form01 .input02 td {
    padding-top: 22px;
    padding-bottom: 13px;
}
.pageContact.confirm .mainBox .form01 .input03 td {
    padding-left: 18px;
}
.pageContact.confirm .mainBox .form02 .input04 td,  .pageContact.confirm .mainBox .form02 .input05 td,  .pageContact.confirm .mainBox .form02 .input06 td,  .pageContact.confirm .mainBox .form02 .input07 td,  .pageContact.confirm .mainBox .form02 .input08 td,  .pageContact.confirm .mainBox .form02 .input09 td {
    padding-left: 16px;
}
.pageContact.confirm .mainBox .form02 .input04 td p {
    margin-top: 11px;
}
.pageContact.confirm .mainBox .form02 .input04 td {
    padding-top: 21px;
    padding-bottom: 17px;
}
.pageContact.confirm .mainBox .form02 .input05 td {
    padding-top: 26px;
    padding-bottom: 17px;
}
.pageContact.confirm .mainBox .form02 .input06 td {
    padding-top: 19px;
    padding-bottom: 16px;
}
.pageContact.confirm .mainBox .form02 .input07 td {
    padding-top: 20px;
    padding-bottom: 15px;
}
.pageContact.confirm .mainBox .form02 .input08 td {
    padding-top: 15px;
    padding-bottom: 17px;
}
.pageContact.confirm .mainBox .form02 .input09 td {
    padding-top: 19px;
    padding-bottom: 15px;
}
.pageContact .mainBox .buttonBox .decide {
    margin-left: 8px;
}
}
 @media screen and (max-width: 767px) {
.pageContact.confirm .mainBox .description {
    margin-bottom: 20px;
}
.pageContact.confirm .mainBox .description p:last-of-type {
    margin-bottom: 16px;
}
.pageContact .mainBox .description .norton.pc {
    display: none;
}
.pageContact.confirm .mainBox .table th {
    padding-top: 9px;
    padding-bottom: 6px;
}
.pageContact.confirm .mainBox .form01 th {
    padding: 9px 15px 6px;
}
.pageContact.confirm .mainBox .form01 .input01 td {
    padding: 15px 16px 10px
}
.pageContact.confirm .mainBox .form01 .input02 td {
    padding: 13px 16px 10px;
    text-align: left;
}
.pageContact.confirm .mainBox .form01 .input03 td {
    padding: 10px 16px 10px
}
.pageContact.confirm .mainBox .form02 th {
    padding: 10px 14px 13px 14px;
}
.pageContact.confirm .mainBox .form02 td {
    padding: 17px 16px 15px;
}
.pageContact.confirm .mainBox .form02 .input04 td p {
    margin-top: 6px;
}
.pageContact.confirm .mainBox .form02 .input09 td .email01 {
    margin-bottom: 0;
}
.pageContact.confirm .mainBox .buttonBox .decide {
    margin-left: 11px;
}
}
/** 完了画面 **/
.pageContact.thanks .mainBox .description h4 {
    font-size: 16px;
}.pageEntry.thanks
.pageContact.thanks .buttonBox li a,
.pageEntry.thanks .buttonBox li a{
    display: block;
    background-image: url(../img/contents/contact/button04.png);
    background-size: 100%;
    text-indent: -9999px;
}
 @media print, screen and (min-width: 768px) {
.pageContact.thanks .mainBox .description {
    margin-bottom: 71px;
}
.pageContact.thanks .mainBox .description h4 {
    margin-bottom: 19px;
}
.pageContact.thanks .mainBox .description p {
    line-height: 1.4286;
}
.pageContact.thanks .buttonBox li a,
.pageEntry.thanks .buttonBox li a{
    width: 256px;
    height: 60px;
}
}
 @media screen and (max-width: 767px) {
.pageContact.thanks h3 {
    margin-bottom: 29px;
}
.pageContact.thanks .mainBox .description {
    margin-bottom: 17px;
}
.pageContact.thanks .mainBox .description h4 {
    margin-bottom: 15px;
}
.pageContact.thanks .mainBox .description p {
    font-size: 14px;
    line-height: 1.2143;
}
.pageContact.thanks .mainBox .description p:nth-of-type(2) {
    margin-bottom: 51px;
}
.pageContact.thanks .buttonBox li a,
.pageEntry.thanks .buttonBox li a{
    width: 128px;
    height: 30px;
}
}
/* ######################################################################################

　お取引のご案内

###################################################################################### */
/** ログイン画面 **/
.pageSuppliers h2 {
    margin-bottom: 30px;
}
.pageSuppliers .swpm-username-label, .pageSuppliers .swpm-password-label {
    margin-bottom: 5px;
    font-size: 16px;
}
.pageSuppliers .swpm-username-input, .pageSuppliers .swpm-password-input {
    margin-bottom: 8px;
}
.pageSuppliers .swpm-username-input input, .pageSuppliers .swpm-password-input input {
    height: 37px;
    margin-bottom: 10px;
}
.pageSuppliers .swpm-remember-me {
    margin-bottom: 14px;
    font-size: 16px;
}
.pageSuppliers .swpm-login-submit input {
    width: 134px;
    padding: 12px 0 10px;
    border: none;
    background: #db5424;
    background: -moz-linear-gradient(top, #db5424, #db5424 50%, #db5424);
    background: -webkit-gradient(linear, left top, left bottom, from(#db5424), color-stop(0.5, #db5424), to(#db5424));
    background: -o-linear-gradient(top, #db5424, #db5424 50%, #db5424);
    background: linear-gradient(top, #db5424, #db5424 50%, #db5424);
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
}
.pageSuppliers .swpm-forgot-pass-link {
    display: none;
}
.pageSuppliers .swpm-join-us-link {
    display: none;
}
/** お取引のご案内 **/
.pageSuppliers.logged-in .entry {
    position: relative;
    background: url(../img/contents/financials/dotted.gif) bottom left repeat-x;
}
.pageSuppliers.logged-in .entry:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url(../img/contents/financials/pdf.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.pageSuppliers.logged-in .entry a {
    color: #db5424;
}
.pageSuppliers.logged-in .entry .supplier {
    line-height: 1.7056;
}
.pageSuppliers.logged-in .btnBox a {
    display: block;
    width: 135px;
    margin: 23px auto 0 auto;
    padding: 12px 0 10px 0;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    background: #8f8f8f;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.pageSuppliers.logged-in .swpm-remember-checkbox input, .pageSuppliers.logged-in .swpm-rember-label input {
    display: inline-block;
    vertical-align: middle;
}
 @media print, screen and (min-width: 768px) {
.pageSuppliers.logged-in h2 {
    margin-bottom: 7px;
}
.pageSuppliers.logged-in .entry {
    padding: 23px 0 16px 75px;
}
.pageSuppliers.logged-in .entry:before {
    top: 17px;
    left: 27px;
    width: 32px;
    height: 32px;
}
.pageSuppliers.logged-in .entry .supplier {
    font-size: 18px;
}
}
 @media screen and (max-width: 767px) {
.pageSuppliers.logged-in .entry {
    padding: 7px 0 5px 23px;
}
.pageSuppliers.logged-in .entry:before {
    width: 16px;
    height: 16px;
    top: 12px;
    left: 1px;
}
.pageSuppliers.logged-in .entry .supplier {
    font-size: 16px;
}
}
/* ######################################################################################

　イベント応募

###################################################################################### */
.pageEntry .mainBox .topImage img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.pageEntry .mainBox .eventName{font-size: 22px; font-weight: bold;}
.pageEntry .mainBox .onlyConfirm{margin-bottom: 30px; text-align: left; font-size: 14px;}

@media print, screen and (min-width: 768px) {
    /*** 導入 ***/
    .pageEntry .mainBox:after{
        content:"";
        display: block;
        clear: both;
    }
    .pageEntry .mainBox .topImage{
        float: left;
        width: 370px;
        height: auto;
        margin-bottom: 30px;
    }
    .pageEntry .mainBox .topImage .norton{width: 123px; height: 72px; margin-top: 16px;}
    .pageEntry .mainBox .description{float: right; width: 530px; padding-left: 25px;}

    .pageEntry .mainBox .thanks{margin-top: 26px; margin-bottom: 34px; text-align: center; font-size: 24px; color:#db5424; border:1px solid #db5424; padding: 30px 100px}
    .pageEntry .mainBox .thanks .br-sp { display:none; }

    /*** サブボックス ***/
    .pageEntry .subBox{margin-bottom: 52px;}

    /*** 下メインボックス ***/
    .pageEntry .mainBox h3.titleSidebar{position: relative; margin-bottom: 0;}
    .pageEntry .mainBox .eventName{margin-bottom: 20px;}
    .pageEntry .mainBox .cation{margin-top: 26px; margin-bottom: 34px; text-align: center; font-size: 16px;}
    .pageEntry .mainBox .endBox{margin-top: 26px; margin-bottom: 34px; text-align: center; font-size: 16px;}
    .pageEntry .mainBox table th span{top: 23px;}

}
@media screen and (max-width: 767px) {
    .pageEntry h2.titleSolid{margin-bottom: 18px;}
    .pageEntry .mainBox .topImage{margin-bottom: 13px;}
    .pageEntry .mainBox .topImage .norton{display: none;}
    .pageEntry .mainBox .description p{margin-bottom: 8px;}
    .pageEntry .mainBox .description .norton{margin-top: 6px;}
    .pageEntry .mainBox .thanks{margin-top: 6px; margin-bottom: 12px; text-align: center; color:#db5424; border:1px solid #db5424; padding: 6px 6px}

    .pageEntry .subBox{margin-top: 6px; margin-bottom: 20px;}

    .pageEntry .mainBox h3.titleSidebar{margin-bottom: 5px;}
    .pageEntry .mainBox .eventName{margin-bottom: 15px; margin-left: 16px; font-size: 15px; line-height: 1.2;}
    .pageEntry .mainBox table,
    .pageEntry .mainBox tbody,
    .pageEntry .mainBox tr,
    .pageEntry .mainBox th,
    .pageEntry .mainBox td {display: block;}

    .pageEntry .mainBox .form01{margin-bottom: 12px;}
    .pageEntry .mainBox .form01 th{padding: 10px 12px;}
    .pageEntry .mainBox table th span{top: 9px;}

    .pageEntry .mainBox .form01 td input[type="text"]{width: 100%; height: 37px;}
    .pageEntry .mainBox .form01 td input[type="text"],
    .pageEntry .mainBox .form01 td textarea{font-size: 14px;}
    .pageEntry .mainBox .form01 .input01 td{padding: 15px 11px 16px 15px;}
    .pageEntry .mainBox .form01 .input01 td select{width: 100%;}

    .pageEntry .mainBox .form01 .input02 td{padding: 12px 7px 8px 6px;}
    .pageEntry .mainBox .form01 .input02 td label{margin-right: 26px;}
    .pageEntry .mainBox .form01 .input02 td input{margin-right: 7px;}

    .pageEntry .mainBox .form01 .input03 td{padding: 13px 12px 5px;}
    .pageEntry .mainBox .form01 .input03 td input{margin-bottom: 7px;}
    .pageEntry .mainBox .form01 .input03 p{margin-left: -4px;}

    .pageEntry .mainBox .form01 .input04 td{padding: 13px 12px 13px;}

    .pageEntry .mainBox .form01 .input05 td,
    .pageEntry .mainBox .form01 .input10 td,
    .pageEntry .mainBox .form01 .input12 td,
    .pageEntry.cleanup .mainBox .form01 .input11 td{padding: 13px 12px 11px;}

    .pageEntry .mainBox .form01 .input05 td input[type="number"],
     .pageEntry .mainBox .form01 .input10 td input[type="number"],
    .pageEntry .mainBox .form01 .input12 td input[type="number"],
     .pageEntry.cleanup .mainBox .form01 .input05 td .mwform-zip-field input[type="text"],
     .pageEntry.cleanup .mainBox .form01 .input06 td input[type="number"]{width: 63px; height: 37px; margin-right: 10px; margin-bottom: 11px;}

    .pageEntry .mainBox .form01 .input06 td{padding: 13px 12px 7px;}
    .pageEntry .mainBox .form01 .input06 td input{margin-bottom: 10px;}

    .pageEntry .mainBox .form01 .input07 td{padding: 12px 12px 12px;}
    .pageEntry .mainBox .form01 .input07 td .email01,
     .pageEntry.cleanup .mainBox .form01 .input08 td .email01{margin-bottom: 10px;}
    .pageEntry .mainBox .form01 .input07 td .email02,
     .pageEntry.cleanup .mainBox .form01 .input08 td .email02{margin-top: 11px;}

    .pageEntry .mainBox .form01 .input08 td,
    .pageEntry.cleanup .mainBox .form01 .input09 td{padding: 10px 15px 14px;}
    .pageEntry .mainBox .form01 .input08 td textarea,
    .pageEntry.cleanup .mainBox .form01 .input11 td textarea{width: 100%;}

     .pageEntry.pfriday .mainBox .form01 .input09 th,
     .pageEntry.pfriday .mainBox .form01 .input11 th{padding-top: 21px;}

     .pageEntry.pfriday .mainBox .form01 .input09 td,
     .pageEntry.pfriday .mainBox .form01 .input11 td{padding:13px 12px 13px;}

    .pageEntry .mainBox .cation{margin-bottom: 25px;}
    .pageEntry .mainBox .endBox{margin-top: 26px; margin-bottom: 34px; text-align: center; font-size: 16px;}
    .pageEntry .mainBox .endBox img{ width: 80%;}

}
/******* 確認画面 *********************/
    .pageEntry.confirm .mainBox .cation{display: none;}
    .pageEntry.confirm .mainBox td .onlyInput{display: none;}
    .pageEntry.cleanup .mw_wp_form_input p.onlyConfirm {  display: none;}
    .pageEntry.cleanup .mw_wp_form_confirm .mainBox p.onlyConfirm{ display: block;}

@media print, screen and (min-width: 768px) {
    .pageEntry.confirm h2{margin-bottom: 20px;}
    .pageEntry.confirm .subBox{margin-bottom: 35px;}

    .pageEntry.confirm .mainBox .form01{margin-bottom: 58px;}
    .pageEntry.confirm .mainBox .introduction{margin-bottom: 7px;}
    .pageEntry.confirm .mainBox .introduction h3{margin-bottom: 20px;}
    .pageEntry.confirm .mainBox .introduction p{margin-bottom: 25px;}
    .pageEntry.confirm .mainBox > h3.titleSidebar{margin-bottom: 15px;}
    .pageEntry.confirm .mainBox th{width: 216px; padding: 23px 0 19px 12px;}
    .pageEntry.confirm .mainBox td{padding: 24px 24px 16px;}

    .pageEntry.confirm .mainBox .input05 p{margin-top: 7px;}
    .pageEntry.confirm .mainBox .buttonBox .back{margin-right: 18px;}
}
@media screen and (max-width: 767px) {
    .pageEntry.confirm h2{margin-bottom: 22px;}
    .pageEntry.confirm .mainBox .introduction h3{margin-bottom: 12px;}

    .pageEntry.confirm .subBox{margin-bottom: 27px;}

    .pageEntry.confirm .mainBox > h3{margin-bottom: 24px;}
    .pageEntry.confirm .mainBox .form01{margin-bottom: 27px;}
    .pageEntry.confirm .mainBox .form01 th{padding: 11px 15px 10px;}

    .pageEntry.confirm .mainBox .form01 .input01 td{padding:6px 15px 6px;}
    .pageEntry.confirm .mainBox .form01 .input02 td{padding:12px 15px 11px;}
    .pageEntry.confirm .mainBox .form01 .input03 td,
    .pageEntry.confirm .mainBox .form01 .input09 td,
    .pageEntry.confirm .mainBox .form01 .input11 td{padding:15px 15px 8px;}
    .pageEntry.confirm .mainBox .form01 .input04 td{padding:13px 15px 14px;}
    .pageEntry.confirm .mainBox .form01 .input05 td,
    .pageEntry.confirm .mainBox .form01 .input10 td,
    .pageEntry.confirm .mainBox .form01 .input12 td{padding:16px 15px 16px;}
    .pageEntry.confirm .mainBox .form01 .input06 td{padding:13px 15px 29px;}
    .pageEntry.confirm .mainBox .form01 .input07 td{padding:13px 15px 10px;}
    .pageEntry.confirm .mainBox .form01 .input08 td{padding:13px 15px 14px;}

    .pageEntry.confirm .mainBox .input05 p{margin-top: 9px;}

    .pageEntry.confirm .mainBox .buttonBox .back{margin-right: 8px;}
}
/******* 完了 *********************/
.pageEntry.thanks .mainBox .strong{line-height: 1.3; font-weight: bold;}
.pageEntry.thanks .mainBox p{margin-bottom: 21px; line-height: 1.5;}
@media print, screen and (min-width: 768px) {
    .pageEntry.thanks h2{margin-bottom: 26px;}
    .pageEntry.thanks .subBox{margin-bottom: 40px;}
    .pageEntry.thanks .mainBox h3{margin-bottom: 23px;}
    .pageEntry.thanks .mainBox .strong{margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
    .pageEntry.thanks h2{margin-bottom: 16px;}
    .pageEntry.thanks .subBox{margin-bottom: 21px;}
    .pageEntry.thanks .mainBox .strong{margin-bottom: 30px; line-height: 1.3; font-weight: bold;}
    .pageEntry.thanks .mainBox h3{margin-bottom: 16px;}
    .pageEntry.thanks .mainBox .strong{margin-bottom: 31px;}
}



/* ######################################################################################

　サイトマップ

###################################################################################### */
.pageSitemap a {
    color: #db5424;
}
.pageSitemap .siteBlock.siteBlock02 {
    background: url(../img/contents/sitemap/dotted.gif) bottom repeat-x;
}
.pageSitemap .siteBlock h3 {
    font-weight: normal;
}
.pageSitemap .siteBlock h3:before {
    content: "■";
}
.pageSitemap .siteBlock .left, .pageSitemap .siteBlock .right {
    background: url(../img/contents/sitemap/dotted.gif) bottom repeat-x;
}
.pageSitemap .siteBlock .topicsList > li:before {
    content: "□";
}
.pageSitemap .siteBlock .topicsList .topic > li:before {
    content: "・";
}
.pageSitemap .siteBlock .topicsList .topic li {
    display: inline-block;
}
 @media print, screen and (min-width: 768px) {
.pageSitemap .contents {
    width: 930px;
}
.pageSitemap h2 {
    margin-bottom: 40px;
}
.pageSitemap .siteBlock {
    margin: 0 1px;
    font-size: 16px;
}
.pageSitemap .siteBlock.siteBlock02 {
    margin-bottom: 12px;
    padding-bottom: 31px;
}
.pageSitemap .siteBlock:after {
    content: "";
    display: block;
    clear: both;
}
.pageSitemap .siteBlock.siteBlock01 h3 {
    margin-bottom: 10px;
}
.pageSitemap .siteBlock.siteBlock02 h3 {
    margin-bottom: 16px;
}
.pageSitemap .siteBlock .left,  .pageSitemap .siteBlock .right {
    width: 440px;
}
.pageSitemap .siteBlock01 .left,  .pageSitemap .siteBlock01 .right {
    margin-bottom: 14px;
    padding-bottom: 11px;
}
.pageSitemap .siteBlock03 .left,  .pageSitemap .siteBlock03 .right {
    margin-bottom: 13px;
    padding-bottom: 11px;
}
.pageSitemap .siteBlock .left {
    float: left;
}
.pageSitemap .siteBlock .right {
    float: right;
    margin-left: 18px;
}
.pageSitemap .siteBlock .topicsList {
    margin-left: 30px;
}
.pageSitemap .siteBlock01 .topicsList li {
    margin-bottom: 9px;
}
.pageSitemap .siteBlock02 .topicsList li {
    margin-bottom: 14px;
}
.pageSitemap .siteBlock .topicsList .topic {
    margin-top: 11px;
}
.pageSitemap .siteBlock .topicsList .topic li {
    margin: 0 30px 5px 0;
}
.pageSitemap .siteBlock .topicsList .topic li {
    width: 29%;
}
}
 @media screen and (max-width: 767px) {
.pageSitemap .siteBlock {
    font-size: 16px;
}
.pageSitemap h2 {
    margin-bottom: 20px;
}
.pageSitemap .siteBlock {
    margin: 0 10px;
}
.pageSitemap .siteBlock.siteBlock01 h3 {
    margin-bottom: 4px;
}
.pageSitemap .siteBlock .topicsList {
    margin-left: 15px;
}
.pageSitemap .siteBlock01 .left {
    margin-bottom: 18px;
    padding-bottom: 9px;
}
.pageSitemap .siteBlock01 .topicsList li {
    margin-bottom: 1px;
}
.pageSitemap .siteBlock01 .right {
    margin-bottom: 18px;
    padding-bottom: 8px;
}
.pageSitemap .siteBlock.siteBlock02 {
    margin-bottom: 13px;
    padding-bottom: 6px;
}
.pageSitemap .siteBlock.siteBlock02 h3 {
    margin-bottom: 10px;
}
.pageSitemap .siteBlock.siteBlock02 .topicsList li {
    margin-bottom: 4px;
}
.pageSitemap .siteBlock.siteBlock02 .topicsList .topic {
    display: none;
}
.pageSitemap .siteBlock.siteBlock03 .left,  .pageSitemap .siteBlock.siteBlock03 .right {
    margin-bottom: 13px;
    padding-bottom: 13px;
}
}

/* ######################################################################################

　バナーページ

###################################################################################### */

@media print, screen and (min-width: 768px) {
.pageBanners #other_main p {
    text-align: center;
}
}
 @media screen and (max-width: 767px) {
.pageBanners #other_main p img {
    width: 100%;
    height: auto;
}
}
/* ######################################################################################

　店舗一覧

###################################################################################### */
/* ====================================================
  アイコン例
==================================================== */


.pageStores .titleSolid{
    margin-top: 2em;
}

.pageStores h2 {
    margin-bottom: 1px;
}

.pageStores .subMenu {
    margin-top: 1px;
    margin-bottom: 13px;
    background: #db5424;
    font-size: 14px !important;
}

.pageStores .subMenu ul {
    font-size:0;
}

.pageStores .subMenu ul li {
    border: solid #ffffff;
    background: #db5424;
    border-width: 0px 1px 0px 0;
    width: 16.5%;
    text-align: center;
    margin: 0 0;
    font-size: 14px;
}

.pageStores .subMenu ul li a:hover{
    background: #f16a3b;
}

.pageStores .subMenu ul li:last-child { border-right: none; width: 17.5%;}

.pageStores .iconList li {
    position: relative;
    display: inline-block;
}
.pageStores .iconList li:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 0;
    margin: auto;
    display: block;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.pageStores .iconList li:last-of-type {
    margin-right: 0;
}
.pageStores .iconList li.icon01:before {
    background-image: url(../img/contents/shoplist/parking.png);
}
.pageStores .iconList li.icon02:before {
    background-image: url(../img/contents/shoplist/liquor.png);
}
.pageStores .iconList li.icon03:before {
    background-image: url(../img/contents/shoplist/tobacco.png);
}
.pageStores .iconList li.icon04:before {
    background-image: url(../img/contents/shoplist/atm.png);
}
.pageStores .iconList li.icon05:before {
    background-image: url(../img/contents/shoplist/drug.png);
}
.pageStores .iconList li.icon06:before {
    background-image: url(../img/contents/shoplist/free_wifi.png);
}
.pageStores .iconList li.icon07:before {
    background-image: url(../img/contents/shoplist/ginren.png);
}
.pageStores .iconList li.icon08:before {
    background-image: url(../img/contents/shoplist/tax_free.png);
}
 @media print, screen and (min-width: 768px) {
.pageStores .iconList {
    margin-bottom: 32px;
    text-align: right;
}
.pageStores .iconList li {
    margin-right: 15px;
    padding-left: 30px;
}
}
@media screen and (max-width: 767px) {
.pageStores .titleSolid + .subMenu {
    margin-top: 0;
}

.pageStores .subMenu ul li {
    border: solid #ffffff;
    border-width: 1px 1px 0px 0px;
    width: 33.3333%;
    text-align: center;
}
.pageStores .subMenu.double li:nth-of-type(3n) { border-right: none; width: 33.3333%;}


.pageStores .iconList {
    margin-bottom: 12px;
    text-align: left;
}
.pageStores .subMenu {
    margin-bottom: 14px;
}
.pageStores .iconList li {
    margin-bottom: 12px;
    margin-right: 11px;
    padding-left: 28px;
}
}
/* ====================================================
  枠組み
==================================================== */

.post-type-archive-stores .titleIcoSquare {
    margin-bottom: 0;
}
 @media print, screen and (min-width: 768px) {
.post-type-archive-stores .storeList {
    width: 915px;
    overflow: hidden;
}
.post-type-archive-stores .storeList .row {
    margin-right: -30px;
    margin-left: -30px;
}
.post-type-archive-stores .storeList .row > li {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
}
.post-type-archive-stores .storeList .row > li:nth-of-type(3n+1) {
    clear: both;
}
.post-type-archive-stores .storeList .row > li:before, .post-type-archive-stores .storeList .row > li:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background: #8c8684;
    width: 1px;
    height: 50%;
}
.post-type-archive-stores .storeList .row > li:before {
    top: 20px;
}
.post-type-archive-stores .storeList .row > li:after {
    bottom: 20px;
}
/* ====================================================
  足りない区切り線補完
==================================================== */
.post-type-archive-stores .storeList li:nth-of-type(3n+1) h4:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 300%;
    height: 1px;
    background: #8c8684;
}
.post-type-archive-stores .storeList li:nth-of-type(1) h4:before, .post-type-archive-stores .storeList li:nth-of-type(2) h4:before, .post-type-archive-stores .storeList li:nth-of-type(3) h4:before {
    display: none;
}
}
 @media screen and (max-width: 767px) {
.post-type-archive-stores .storeList .row > li {
    border-bottom: 1px solid #db5424;
    padding-top: 20px;
    padding-bottom: 70px;
}
.post-type-archive-stores .storeList .row > li:last-of-type {
    border-bottom: none;
}
}
/* ====================================================
  店舗名
==================================================== */
.post-type-archive-stores .storeList h4 {
    margin-bottom: 0.5em;
    font-size: 14px;
}
.post-type-archive-stores .storeList h4 small {
    display: block;
    font-size: 0.57em;
    font-weight: normal;
}
/* ====================================================
  外観写真
==================================================== */
.post-type-archive-stores .storeList .photo {
    text-align: center;
    margin-bottom: 10px;
}
.post-type-archive-stores .storeList .photo img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
 @media print, screen and (min-width: 768px) {
.post-type-archive-stores .storeList .photo img {
    max-width: 262px;
}
}
/* ====================================================
  アイコン
==================================================== */
.post-type-archive-stores .storeList .icoBox {
    margin-bottom: 14px;
    font-size: 0;
}
.post-type-archive-stores .storeList .icoBox:after {
    content: "";
    display: table;
    clear: both;
}
.post-type-archive-stores .storeList .icoBox li {
    float: left;
}
.post-type-archive-stores .storeList .icoBox a, .post-type-archive-stores .storeList .icoBox span {
    display: block;
    border: 1px solid #db5424;
    width: 100%;
    text-align: center;
}
.post-type-archive-stores .storeList .icoBox .flier {
    width: 50%;
    margin-right: 2.3%;
}
.post-type-archive-stores .storeList .icoBox .flier a, .post-type-archive-stores .storeList .icoBox .flier span {
    border-color: #434040;
    border-radius: 5px;
    background: #f9f3ae;
}
.post-type-archive-stores .storeList .icoBox .map {
    margin-right: 2.3%;
    width: 22.7%;
}
.post-type-archive-stores .storeList .icoBox .recruit {
    width: 22.7%;
}
.post-type-archive-stores .storeList .icoBox a, .post-type-archive-stores .storeList .icoBox span {
    padding: 2px 0;
}
.post-type-archive-stores .storeList .icoBox a img, .post-type-archive-stores .storeList .icoBox span img {
    width: auto;
    height: 14px;
}
/* ====================================================
  店舗情報
==================================================== */
.post-type-archive-stores .storeList .shopInfo {
    margin-bottom: 0.75em;
    font-size: 14px;
}
.post-type-archive-stores .storeList .shopInfo a {
    color: #666666;
}
/* ====================================================
  設備
==================================================== */
.post-type-archive-stores .storeList .remarks {
    float: left;
    width: 60%;
}
.post-type-archive-stores .storeList .remarks .remarksText {
    margin-top: 1em;
}
 @media print, screen and (min-width: 768px) {
.post-type-archive-stores .storeList .remarks img {
    width: 45px;
    height: auto;
}
}

/* ====================================================
  LINE
==================================================== */

.post-type-archive-stores .storeList .lineBox {
    float: right;
    width: 36%;
    text-align: center;
    font-size: 12px;
}
.post-type-archive-stores .storeList .lineBox img {
    width: 100%;
    height: auto;
    max-width: 100px;
    margin-bottom: 5px;
    vertical-align: bottom;
}
/* ====================================================
  GoogleMap
==================================================== */
.post-type-archive-stores .modalMap {
    display: none;
    width: 1000px;
    height: 500px;
}
/* ######################################################################################

　NEWS/PICKUP一覧

###################################################################################### */

.post-type-archive-news .entry, .post-type-archive-pickup .entry, .post-type-archive-journal .entry {
    border-top: 1px solid #8c8b8b;
    padding: 20px 0;
    font-size: 14px;
    clear: both;
}
.post-type-archive-news .entry .ico {
    float: left;
}
.post-type-archive-news .entry .ico img {
    width: 100%;
    height: auto;
}
.post-type-archive-news .entry dt, .post-type-archive-journal .entry dt {
    margin-bottom: 0.25em;
}
.post-type-archive-news .entry a, .post-type-archive-pickup .entry a, .post-type-archive-journal .entry a {
    text-decoration: none;
    color: #666666;
}
.post-type-archive-pickup .entry .thumbnail {
    float: left;
    padding-bottom: 20px;
}
.post-type-archive-pickup .entry .thumbnail img {
    width: 190px;
    height: auto;
    border-radius: 8px;
}
.post-type-archive-pickup .entry .entrybox {
    overflow: hidden;
    padding-left: 20px;
}
.post-type-archive-pickup .entry li {
    margin-bottom: 3px;
    color: #db5424;
}
.post-type-archive-pickup .entry dt:before {
    content: "■"
}
.post-type-archive-pickup .entry li i {
    margin-right: 3px
}
.post-type-archive-pickup .entry dt {
    font-weight: bold;
    padding-left: 0;
}
 @media print, screen and (min-width: 768px) {
.post-type-archive-news .entry .ico {
    width: 80px;
}
.post-type-archive-news .entry dl {
    padding-left: 100px;
}
}
 @media screen and (max-width: 767px) {
.post-type-archive-news .entry .ico {
    width: 65px;
}
.post-type-archive-news .entry dl {
    padding-left: 75px;
}
.post-type-archive-pickup .entry .thumbnail img {
    width: 100px;
    height: auto;
}
}
/* ######################################################################################

　NEWS　詳細

###################################################################################### */

.single-pickup .entry img {
    width: 100%;
    height: auto;
}
/* ######################################################################################

　電子公告　チラシ？？

###################################################################################### */
.pageFlyer {
}
.pageFlyer .type {
    display: inline-block;
    width: 30%;
    text-align: center;
    background: #FCF9D1;
    /*    box-shadow:0px 0px 3px 0px #d1d1d1;
    -moz-box-shadow:0px 0px 3px 0px #d1d1d1;
    -webkit-box-shadow:0px 0px 3px 0px #d1d1d1;*/
    padding: 35px 0px 40px 0;
    margin: 0 1%;
    border-radius: 5px;
}

.pageFlyer .flyerimg{
    margin: 0 auto;
    padding-bottom: 30px;
    text-align:center;
    width: 723px;
}

.pageFlyer .type h3 {
    text-indent: -9999px;
}


.pageFlyer div#kohyo h3{
    background: url(../img/contents/flyer/flyer_kohyologo.png) no-repeat bottom center;
    width: 81px;
    height: 30px;
    margin: 0 auto 10px auto;
    text-align: center;
}

.pageFlyer div#maxvalu h3{
    background: url(../img/contents/flyer/flyer_maxvalulogo.png) no-repeat bottom center;
    width: 74px;
    height: 30px;
    margin: 0 auto 10px auto;
    text-align: center;
}


.pageFlyer div#peacockstore h3{
    background: url(../img/contents/flyer/flyer_peacocklogo.png) no-repeat bottom center;
    width: 164px;
    height: 30px;
    margin: 0 auto 10px auto;
    text-align: center;
}





.pageFlyer .type select {
    padding: 5px;
}
 @media screen and (max-width: 767px) {
.pageFlyer .flyerimg{
    margin: 0 auto;
    padding-bottom: 10px;
    text-align:center;
    width: 90%;
}

.pageFlyer .flyerimg img {
    width: 100%;
    height: auto;
}

.pageFlyer .type {
    display: block;
    width: 100%;
    padding: 15px 10px 10px 10px;
    margin: 0 0 15px;
}
.pageFlyer .type span {
    position: relative;
    display: inline-block;
    width: 201px;
    border: solid 1px#bfbfbf;
}


.pageFlyer div#kohyo h3{
    background: url(../img/contents/flyer/flyer_kohyologo_sp.png) no-repeat top center;
    background-size: 100% auto;
    width: 81px;
    height: 30px;
    margin: 0 auto 10px auto;
    text-align: center;
}

.pageFlyer div#maxvalu h3{
    background: url(../img/contents/flyer/flyer_maxvalulogo_sp.png) no-repeat top center;
    background-size: 100% auto;
    width: 74px;
    height: 30px;
    margin: 0 auto 10px auto;
    text-align: center;
}


.pageFlyer div#peacockstore h3{
    background: url(../img/contents/flyer/flyer_peacocklogo_sp.png) no-repeat top center;
    background-size: 100% auto;
    width: 164px;
    height: 25px;
    margin: 0 auto 10px auto;
    text-align: center;
}





.pageFlyer .type span:after {
    content:"\f078";
    font-family:Fontawesome;
    position: absolute;
    top: 50%;
    right: 0px;
    margin-right: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
}
.pageFlyer .type span select {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    margin: 0;
    text-indent: 1em;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background:#ffffff;
    font-size:14px;
}
}


/* ######################################################################################

　ジャーナル

###################################################################################### */
.pageJournal {}
.pageJournal h3.titleSidebar {
    font-size:25px;
    font-weight:normal;
}
.pageJournal h4.titleSidebar {
    font-weight:normal;
    font-size:18px;
    padding-left:10px;
    margin-bottom:20px;
    border-left: 5px solid #db5424 !important;
    color: #db5424 !important;
}
.pageJournal .entry li { margin-top:70px;}
.pageJournal .entry img {
    width:100%;
    height:auto;
}
.pageJournal .entry .journalContent p{
    margin-bottom:15px;
    line-height:1.5;
}
.pageJournal .entry .fairlogo { margin-top:85px;}
.pageJournal .entry .fairlogo .message { float:left;}
.pageJournal .entry .fairlogo .logo { float:right;}



@media screen and (max-width: 767px) {
.single-journal.pageJournal .entry  { font-size:12px;}
.pageJournal .entry li { margin-top:20px;}
.pageJournal .entry h4 { margin-bottom:10px;}
.pageJournal .entry li:nth-child(n + 3) img {
    width:50%;
    float:left;
}
.pageJournal .entry li:nth-child(n + 3) .journalInfo{
    float:right;
    width:46%;
    margin-bottom:0;
}
.pageJournal .entry .fairlogo { margin-top:50px;}
}


/* ######################################################################################

　社会貢献

###################################################################################### */
.pageSocial .mainImg {
    margin-bottom:30px;
    width:100%;
    height:auto;
}
.pageSocial .titleSolid{ margin-top: 2em;}
.pageSocial h2 { margin-bottom: 1px;}
.pageSocial h3 {margin-bottom: 1.5em;}
.pageSocial h4.titleSidebar {
    font-weight:normal;
    font-size:18px;
    padding-left:10px;
    margin-bottom:20px;
    border-left: 5px solid #db5424 !important;
    color: #db5424 !important;
}
.pageSocial .subMenu {
    margin-top: 1px;
    margin-bottom: 13px;
    background: #db5424;
    font-size: 14px !important;
}

.pageSocial .subMenu ul { font-size:0;}

.pageSocial .subMenu ul li {
    border: solid #ffffff;
    background: #db5424;
    border-width: 0px 1px 0px 0;
    width: 33.3%;
    text-align: center;
    margin: 0 0;
    font-size: 14px;
    line-height:14px;
}
.pageSocial .subMenu ul li a.disabled {
    color:#f8b39b;
}
.pageSocial .subMenu ul li a:hover{ background: #f16a3b;}
.pageSocial .subMenu ul li a.disabled:hover{
    background: #db5424;
    cursor:default;
}
.pageSocial .subMenu ul li:last-child { border-right: none;}
.pageSocial .socialContents { margin-bottom:70px;}
.pageSocial .socialContents li {
    padding: 0 2.5%;
    border-right:1px solid #dedede;
    margin-bottom:40px;
}
.pageSocial .socialContents li:nth-child(3n) { border-right:none;}
.pageSocial .socialContents li img {
    width:100%;
    height:auto;
    margin-bottom:20px;
}
.pageSocial .socialContents h5 {
    margin-top:20px;
    border-bottom-style:dashed;
    border-bottom-color:#bdbdbd;
    border-bottom-width:1px;
    padding-bottom:8px;
    margin-bottom:10px;
}
.pageSocial .socialContents p {
    line-height:1.5;
    margin-bottom:0;
}
.pageSocial .socialContents p.detail { text-align:right;}
.pageSocial .socialContents p.detail a { color:#db5424;}
.pageSocial .socialContents p.detail a:before {
    content:"\f101";
    font-family:FontAwesome;
}

@media screen and (max-width: 767px) {
.pageSocial .mainImg { margin-bottom:15px;}
.pageSocial h3 {margin-bottom: 1em;}
.pageSocial h4 { margin-bottom:12px !important;}
.pageSocial .socialContents li {
    padding: 0 2.5%;
    border:none;
}
.pageSocial .socialContents { margin-bottom:30px;}
.pageSocial .socialContents li img { margin-bottom:15px;}
}

/* ######################################################################################

　キャンペーン

###################################################################################### */

.pageCampaign .entry {
    background:#fcf9d1;
    color:#656464;
}
.pageCampaign .entry .image img {
    width:100%;
    height:auto;
}
.pageCampaign .entry .detail dl {
    display:flex;
    flex-wrap:wrap;
        font-size:14px;
}
.pageCampaign .entry .detail dl + dl {margin-top:0.5em;}
.pageCampaign .entry .detail dt {
    font-size:12px;
    width:6.5em;
}
.pageCampaign .entry .detail dd {
    width:calc(100% - 6.5em);
    width:calc(100% - 6em);/* 12px/14px*6.5em */
}
.pageCampaign .entry dt:before {content:"【";}
.pageCampaign .entry dt:after {content:"】";}

.pageCampaign .entry .btn {}
.pageCampaign .entry .planning {line-height:1.5;}
.pageCampaign .entry + .titleIcoSquare {margin-top:2em;}
.pageCampaign .entry + .entry {margin-top:20px;}

@media print, screen and (min-width: 768px) {
    .pageCampaign .entry {
        display:flex;
        flex-wrap:wrap;
        align-items:flex-start;
        justify-content:space-between;
        padding:20px;
    }
    .pageCampaign .entry .image {
        width:370px;
        width:43.0232%;
    }
    .pageCampaign .entry .detail {
        width:460px;
        width:53.4883%;
    }
    .pageCampaign .entry .planning {
        margin-top:0.75em;
        text-align:center;
        font-size:11px;
    }
    .pageCampaign .entry .btn {
        margin-top:0.75em;
        text-align:right;
    }
    .pageCampaign .entry .btn .button {width:180px; font-size:14px;}
}
@media screen and (max-width: 767px) {
    .pageCampaign .entry {
        display:flex;
        flex-direction:column;
        padding:20px;
    }
    .pageCampaign .entry .planning {
        order:2;
        margin-top:0.5em;
        font-size:12px;
    }
    .pageCampaign .entry .planning dl > * {display:inline-block;}
    .pageCampaign .entry .titlePockey {margin-top:1em;}
    .pageCampaign .entry .btn {margin-top:2em;}
    .pageCampaign .entry .btn .button {display:block; font-size:15px;}
}



/* end */