﻿@charset "utf-8";

/*ヘッダー--------------------------------------------------------------*/
header h1.d_logo {
padding: 25px 45px 10px 45px !important;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
header h1.d_logo {
padding: 10px 20px !important;
}

}
/* max-width: 767px @end */


/*商品1--------------------------------------------------------------*/
.d_header1 {
background-image: url(../common/images/bg01.svg) ;
background-position: 23px 0;
background-repeat: no-repeat;
background-size: 94% auto;
position: relative;
}


/*商品2--------------------------------------------------------------*/
.d_header2 {
background-image: url(../common/images/bg02.svg) ;
background-position: right -12px top 5px;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
padding-top: 100px;
}

.d_header1 .comment01,
.d_header2 .comment01 {
margin: 20px 20px -20px 20px;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_header1 .comment01,
.d_header2 .comment01 {
margin: 20px 10px -10px 10px;
}

.d_header2 {
background-image: url(../common/images/bg02.svg) ;
background-position: right -12px top 5px;
background-repeat: no-repeat;
background-size: 100% auto;
position: relative;
padding-top: 40px;
}


}
/* max-width: 767px @end */

/*商品紹介箇所--------------------------------------------------------------*/
.d_content01 {
background-color: #FFF;
padding: 35px 100px 20px 100px;
}

.d_content01 .ty01 {
background-color: #000;
color: #FFF;
border-radius: 40px;
font-size: 34px;
line-height: 110%;
font-weight: bold;
padding: 10px 0;
}

.d_contentL01,
.d_contentL01_1,
.d_contentL01_2,
.d_contentL01_3,
.d_contentL01_4 {
float: left;
width: 40%;
text-align: center;
}

.d_contentL01_5 {
float: left;
width: 49%;
text-align: center;
}

.d_contentL01 img {
width: 90%;
height: auto;
}

.d_contentL01_1 img {
width: 40%;
height: auto;
}

.d_contentL01_2 img {
width: 64%;
height: auto;
}

.d_contentL01_3 img {
width: 72%;
height: auto;
}

.d_contentL01_4 img {
width: 90%;
height: auto;

}

.d_contentL01_5 img {
width: 100%;
height: auto;
padding-top: 30px;
}

.d_contentR01,
.d_contentR01_1 {
float: right;
width: 56%;
text-align: left;
font-size: 28px;
line-height: 120%;
}

.d_contentR01_5 {
float: right;
width: 47%;
}

.d_contentR01_5 img {
width: 100%;
height: auto;
padding-top: 30px;
}

.d_contentR01_1 {
font-size: 20px !important;
}

.d_contentR01 ul,
.d_contentR01_1 ul {
font-size: 0;
margin-top: 15px;
}

.d_contentR01 ul li,
.d_contentR01_1 ul li {
display: inline-block;
font-size: 20px;
}

.d_contentR01 ul li.ty02,
.d_contentR01_1 ul li.ty02 {
border: 2px solid #000;
padding: 3px 5px;
margin-right: 10px;
font-size: 16px;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_content01 {
padding: 15px 20px 10px 20px;
}

.d_content01 .ty01 {
border-radius: 20px;
font-size: 16px;
padding: 5px 0;
}

.d_contentR01,
.d_contentR01_1 {
font-size: 12px !important;
}

.d_contentR01 ul,
.d_contentR01_1 ul {
margin-top: 5px;
}

.d_contentR01 ul li,
.d_contentR01_1 ul li {
font-size: 12px;
}

.d_contentR01 ul li.ty02,
.d_contentR01_1 ul li.ty02 {
border: 1px solid #000;
padding: 1px 2px;
margin-right: 3px;
font-size: 10px;
}

.d_contentL01_5 img,
.d_contentR01_5 img {
padding-top: 10px;
}


}
/* max-width: 767px @end */


/*フッター--------------------------------------------------------------*/
.d_btArea {
width: 420px;
border-top: 10px solid #FFF;
border-left: 10px solid #FFF;
border-right: 15px solid #FFF;
border-bottom: 15px solid #FFF;
border-radius: 40px;
margin: 45px auto 0 auto;
}

.d_btArea a.btArea {
display: block;
font-size: 26px;
font-weight: bold;
background-color: #E3007F;
color: #FFF;
border-radius: 40px;
padding: 15px 0;
box-shadow: 5px 5px 0 #B50066;
text-decoration: none;
}

.d_btArea a.btArea:hover {
background-color: #DD3399;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.spacer01 {
height: 45px;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_btArea {
max-width: 420px;
width: 80%;
margin: 25px auto 0 auto;

}

.d_btArea a.btArea {
font-size: 18px;
padding: 10px 0;
}

.spacer01 {
height: 25px;
}

}
/* max-width: 767px @end */


/*大阪王将--------------------------------------------------------------*/
.d_ttl01_1 {
background-color: #FFF;
position: absolute;
top: 79px;
left: 0;
width: 37%;
padding: 10px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl01_1 img {
max-width: 211px;
width: 58%;
height: auto;
}

.d_header1 .d_img_photo01_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo01_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo01_1 .ty01 {
position: absolute;
left: 50px;
bottom: 20px;
}

.d_header1 .d_img_photo01_1 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}

.d_ttl01_2 {
background-color: #FFF;
position: absolute;
top: 169px;
right: 0;
width: 37%;
padding: 10px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl01_2 img {
max-width: 211px;
width: 58%;
height: auto;
}

.d_header2 .d_img_photo01_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo01_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo01_2 .ty01 {
position: absolute;
right: 50px;
bottom: -20px;
}

.d_header2 .d_img_photo01_2 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl01_1 {
top: 40px;
}

.d_header1 .d_img_photo01_1{
padding-top: 10px;
}

.d_header1 .d_img_photo01_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 36%;
}

.d_ttl01_2 {
top: 60px;
}

.d_header2 .d_img_photo01_2{
padding-top: 0;
}

.d_header2 .d_img_photo01_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 36%;
}

}
/* max-width: 767px @end */


/*東洋水産--------------------------------------------------------------*/
.d_ttl02_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 10px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl02_1 img {
max-width: 102px;
width: 27%;
height: auto;
}

.d_header1 .d_img_photo02_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo02_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo02_1 .ty01 {
position: absolute;
left: 50px;
bottom: 20px;
}

.d_header1 .d_img_photo02_1 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}

.d_ttl02_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 10px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl02_2 img {
max-width: 102px;
width: 27%;
height: auto;
}

.d_header2 .d_img_photo02_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo02_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo02_2 .ty01 {
position: absolute;
right: 50px;
bottom: -20px;
}

.d_header2 .d_img_photo02_2 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl02_1 {
top: 40px;
}

.d_header1 .d_img_photo02_1{
padding-top: 10px;
}

.d_header1 .d_img_photo02_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 36%;
}

.d_ttl02_2 {
top: 60px;
}

.d_header2 .d_img_photo02_2{
padding-top: 0;
}

.d_header2 .d_img_photo02_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 36%;
}

}
/* max-width: 767px @end */


/*日清製粉ウェルナ--------------------------------------------------------------*/
.d_ttl03_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl03_1 img {
max-width: 150px;
width: 41%;
height: auto;

}

.d_header1 .d_img_photo03_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo03_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo03_1 .ty01 {
position: absolute;
left: 110px;
bottom: 20px;
}

.d_header1 .d_img_photo03_1 .ty01 img {
max-width: 180px;
width: 100%;
height:auto;
}

.d_ttl03_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl03_2 img {
max-width: 150px;
width: 41%;
height: auto;

}

.d_header2 .d_img_photo03_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo03_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo03_2 .ty01 {
position: absolute;
right: 110px;
bottom: 20px;
}

.d_header2 .d_img_photo03_2 .ty01 img {
max-width:180px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl03_1 {
top: 40px;
padding: 10px 0;
}

.d_header1 .d_img_photo03_1{
padding-top: 10px;
}

.d_header1 .d_img_photo03_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 23%;
}

.d_ttl03_2 {
top: 60px;
padding: 10px 0;
}

.d_header2 .d_img_photo03_2{
padding-top: 0;
}

.d_header2 .d_img_photo03_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 23%;
}

}
/* max-width: 767px @end */






/*ニップン--------------------------------------------------------------*/
.d_ttl04_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 30px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl04_1 img {
max-width: 198px;
width: 55%;
height: auto;
}

.d_header1 .d_img_photo04_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo04_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo04_1 .ty01 {
position: absolute;
left: 60px;
bottom: -20px;
}

.d_header1 .d_img_photo04_1 .ty01 img {
max-width: 340px;
width: 100%;
height:auto;
}

.d_ttl04_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 30px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl04_2 img {
max-width: 198px;
width: 55%;
height: auto;
}

.d_header2 .d_img_photo04_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo04_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo04_2 .ty01 {
position: absolute;
right: 60px;
bottom: -20px;
}

.d_header2 .d_img_photo04_2 .ty01 img {
max-width: 340px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl04_1 {
top: 40px;
padding: 10px 0;
}

.d_header1 .d_img_photo04_1{
padding-top: 10px;
}

.d_header1 .d_img_photo04_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 36%;
}

.d_ttl04_2 {
top: 60px;
padding: 10px 0;
}

.d_header2 .d_img_photo04_2{
padding-top: 0;
}

.d_header2 .d_img_photo04_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 36%;
}

}
/* max-width: 767px @end */


/*日清食品冷凍--------------------------------------------------------------*/
.d_ttl05_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl05_1 img {
max-width: 183px;
width: 50%;
height: auto;
}

.d_header1 .d_img_photo05_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo05_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo05_1 .ty01 {
position: absolute;
left: 100px;
bottom: -5px;
}

.d_header1 .d_img_photo05_1 .ty01 img {
max-width: 216px;
width: 100%;
height:auto;
}

.d_ttl05_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl05_2 img {
max-width: 183px;
width: 50%;
height: auto;
}

.d_header2 .d_img_photo05_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo05_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo05_2 .ty01 {
position: absolute;
right: 110px;
bottom: -40px;
}

.d_header2 .d_img_photo05_2 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl05_1 {
top: 40px;
padding: 10px 0;
}

.d_header1 .d_img_photo05_1{
padding-top: 10px;
}

.d_header1 .d_img_photo05_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 22%;
}

.d_ttl05_2 {
top: 60px;
padding: 10px 0;
}

.d_header2 .d_img_photo05_2{
padding-top: 0;
}

.d_header2 .d_img_photo05_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 33%;
}

}
/* max-width: 767px @end */


/*日本水産--------------------------------------------------------------*/
.d_ttl06_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 25px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl06_1 img{
max-width: 200px;
width: 55%;
height: auto;
}

.d_header1 .d_img_photo06_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo06_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo06_1 .ty01 {
position: absolute;
left: 40px;
bottom: -10px;
}

.d_header1 .d_img_photo06_1 .ty01 img {
max-width: 390px;
width: 100%;
height:auto;
}

.d_06_2_content {
background-color: #FFF;
padding: 35px 50px 20px 50px;
margin-top: 100px;
}

.d_ttl06_2 {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #E73828;
}


/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl06_1 {
top: 40px;
padding: 10px 0;
}

.d_header1 .d_img_photo06_1{
padding-top: 10px;
}

.d_header1 .d_img_photo06_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 37%;
}

.d_06_2_content {
padding: 15px 20px 10px 20px;
margin-top: 50px;
}

.d_ttl06_2 {
font-size: 14px;
}

}
/* max-width: 767px @end */


/*ニチレイフーズ--------------------------------------------------------------*/
.d_ttl07_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 10px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl07_1 img {
max-width: 101px;
width: 28%;
height: auto;
}

.d_header1 .d_img_photo07_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo07_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo07_1 .ty01 {
position: absolute;
left: 50px;
bottom: -20px;
}

.d_header1 .d_img_photo07_1 .ty01 img {
max-width: 330px;
width: 100%;
height:auto;
}



/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl07_1 {
top: 40px;
}

.d_header1 .d_img_photo07_1{
padding-top: 10px;
}

.d_header1 .d_img_photo07_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 33%;
}




}
/* max-width: 767px @end */


/*マルハニチロ--------------------------------------------------------------*/
.d_ttl08_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 30px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl08_1 img {
max-width: 284px;
width: 77%;
height: auto;

}

.d_header1 .d_img_photo08_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo08_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo08_1 .ty01 {
position: absolute;
left: 50px;
bottom: 10px;
}

.d_header1 .d_img_photo08_1 .ty01 img {
max-width: 248px;
width: 100%;
height:auto;
}

.d_ttl08_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 30px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl08_2 img {
max-width: 284px;
width: 77%;
height: auto;
}

.d_header2 .d_img_photo08_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo08_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo08_2 .ty01 {
position: absolute;
right: 50px;
bottom: 10px;
}

.d_header2 .d_img_photo08_2 .ty01 img {
max-width: 356px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl08_1 {
top: 40px;
padding: 15px 0;
}

.d_header1 .d_img_photo08_1{
padding-top: 10px;
}

.d_header1 .d_img_photo08_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 37%;
}

.d_ttl08_2 {
top: 60px;
padding: 15px 0;
}

.d_header2 .d_img_photo08_2{
padding-top: 0;
}

.d_header2 .d_img_photo08_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 37%;
}

}
/* max-width: 767px @end */



/*テーブルマーク--------------------------------------------------------------*/
.d_ttl09_1 {
background-color: #FFF;
position: absolute;
top: 75px;
left: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl09_1 img {
max-width: 145px;
width: 40%;
height: auto;
}

.d_header1 .d_img_photo09_1{
width: 100%;
text-align: right;
position: relative;
padding-top: 25px;
}

.d_header1 .d_img_photo09_1 img {
width: 77%;
height:auto;
}

.d_header1 .d_img_photo09_1 .ty01 {
position: absolute;
left: 65px;
bottom: 0;
}

.d_header1 .d_img_photo09_1 .ty01 img {
max-width: 290px;
width: 100%;
height:auto;
}

.d_ttl09_2 {
background-color: #FFF;
position: absolute;
top: 175px;
right: 0;
width: 37%;
padding: 20px 0;
box-shadow: 2px 2px 4px;
text-align: center;
z-index: 2;
}

.d_ttl09_2 img {
max-width: 145px;
width: 40%;
height: auto;
}

.d_header2 .d_img_photo09_2{
width: 100%;
text-align: left;
position: relative;
padding-top: 25px;
}

.d_header2 .d_img_photo09_2 img {
width: 77%;
height:auto;
}

.d_header2 .d_img_photo09_2 .ty01 {
position: absolute;
right: 60px;
bottom: 10px;
}

.d_header2 .d_img_photo09_2 .ty01 img {
max-width: 349px;
width: 100%;
height:auto;
}

/* max-width: 767px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 767px){
.d_ttl09_1 {
top: 40px;
padding: 10px 0;
}

.d_header1 .d_img_photo09_1{
padding-top: 10px;
}

.d_header1 .d_img_photo09_1 .ty01 {
position: absolute;
left: 20px;
bottom: -15px;
width: 30%;
}

.d_ttl09_2 {
top: 60px;
padding: 10px 0;
}

.d_header2 .d_img_photo09_2{
padding-top: 0;
}

.d_header2 .d_img_photo09_2 .ty01 {
position: absolute;
right: 20px;
bottom: -15px;
width: 36%;
}

}
/* max-width: 767px @end */