@charset "utf-8";

@media screen and (min-width : 600px){
    

/*シェフ・道野正について*/

#main #about .columns .text{
	width:570px;
	height:475px;
}

#main #about .columns .image{
	width:360px;
	height:475px;
	margin-left:30px;
}
#main #about .columns .image img{
	width:360px;
	height:475px;
}
#main #about p{
    padding-left: 4.2em;
    text-indent:-4.15em;
    margin-bottom: 3px;
    text-align: left;
        
    }

/*挫折と再生*/

#main #challenges .columns > div{
	width:400px;
    justify-content: space-between;
}

#main #challenges .columns #challenge1{
	margin-left:30px;
}

#main #challenges .columns #challenge2{
	margin-left:100px;
	margin-right:30px;
}

#main #challenges .columns > div img{
	width:435px;
	height:auto;
}

#main #challenges .columns p{
	font-size:14px;
	text-align:justify;
	line-height:150%;
    padding-left: 13px;
    margin-bottom: 5px;
}

/*説明*/

#main #detail{
	font-size:16px;
	text-align:justify;
	line-height:150%;
    text-indent: 1em;
}


/*コンセプト*/

#main #concept .columns .img1{
	width:360px;
	height:270px;
}

#main #concept .columns .img2{
	width:570px;
	height:270px;
	margin-left:30px;
}

#main #concept h3{
	font-family: "adobe-garamond-pro", serif;
	font-size:24px;
	font-weight:normal;
	margin-top:15px;
	margin-bottom:15px;
}

#main #concept p{
	font-size:16px;
	line-height:150%;
}


/*覚悟*/

#main #present .columns .text{
	width:570px;
	height:475px;
	margin-left:30px;
}

#main #present .columns .image{
	width:360px;
	height:475px;

}
#main #present .columns .image img{
	width:360px;
	height:475px;
}
    #main #present .columns p{
        text-indent: 1em;
    }


/*info*/

#main #info .columns{
	justify-content:space-between;
}

#main #info .columns > div{
	width:465px;
	height:357px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#main #info .columns > div .innerline{
	width:447px;
	height:339px;
}


#main #info .columns h3{
	font-size:18px;
	text-align:left;
	margin-left:21px;
	margin-top:20px;
	padding-left:13px;
	background-image: url(../images/line2.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-top:10px;
	padding-bottom:10px;
    font-weight: 300;
}

#main #info .columns #bookinfo .image{
	left:21px;
	top:80px;
	width:180px;
	height:248px;
	background-color:#FFF;	
}

#main #info .columns #bookinfo .image img{
	position:absolute;
	left:9px;
	top:9px;
	width:162px;
	height:230px;
}

#main #info .columns #bookinfo .text{
	font-size:12px;
	text-align:center;
	width:197px;
	left:225px;
	top:80px;
}

#main #info .columns #bookinfo .text p{
	font-size:13px;
	text-align:center;
	line-height:150%;
}

#main #info .columns #bookinfo .text a{
	top:150px;
}

#main #info .columns .linkbox{
	background-color:#E5E5E5;
}

#main #info .columns .linkbox .innerline{
	position:static
}

#main #info .columns .linkbox .innerline *{
	position:static
}

#main #info .columns .linkbox .innerline h3{
	margin-bottom:40px
}

}

@media screen and (max-width : 599px){
    #main #catch h2{
        font-size:20px;
        text-align: left;
        text-align: center;
    }
    #main #catch p{
        width: 375px;
        line-height: 190%;
        text-align: center;
        padding-left:auto;
        padding-right: auto;
        letter-spacing: 0.1em;
    }
    /* 道野正の略歴*/
    #main #about .text{
        margin-bottom: 30px;
    }
    
    #main #about .text h2{
        font-size:24px;
        margin-left: 12px;
        padding-left: 13px;
        padding-top: 13px;
        padding-bottom: 13px;
        text-align: left;
        background-image: url(../images/line2.png);
        background-repeat: no-repeat;
        background-position: left center;       
    }
    #main #about .sp{
        width: 265px;
        height: 260px;
        margin-bottom: 25px;
    }
    #main #about .text p{
        margin-left: 10px;
        margin-right: 10px;
        padding-left:4.2em;
        text-indent: -4.2em;
        font-size:14px;
        line-height:150%;
        margin-bottom: 5px;
    }
    #main #about .image img{
        display: none;
    }
    
    /* 挫折と再生*/
    #main #challenge h2{
        font-family: "source-han-serif-japanese", serif;
    }
    
    #main #challenge .columns img{
        margin-left: 10px;
        margin-right: 10px;
        width: 355px;
        height: 220px;     
    }
    #main #challenge p{
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        line-height: 150%;
        text-align: justify;
    }
    #main #challenge #challenge1{
        margin-bottom: 15px;
    }
    
     #main #detail{
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 150%;
        text-align: justify;
        margin-top: 20px;
        margin-bottom: 40px;
         text-indent: 1em;
        }
    /* コンセプト */
        #main #concept{
            position: relative;
            height: 530px;
        }
        #main #concept .columns{
            display:none;
        }
        #main #concept .sp{
            width: 375px;
            height: 230px;
        }
        #main #concept .text{
            position: absolute;
            top:180px;
            left:20px;
            width: 280px;
            height: px;
            background-color: #f7f7f7;
            padding-bottom: 20px;
        }
        #main #concept .text h3{
            font-size: 16px;
            margin-top: 25px;
            margin-left: 25px;
            margin-bottom: 10px;
        }
        #main #concept .text p{
            margin-left: 25px;
            line-height: 150%;
            width: 170px;
            text-align: justify;
            font-size: 12px;
        }
        #main #concept h2{
            position: absolute;
            font-size: 24px;
            margin: 0;
            top:345px;
            left:230px;
            
            z-index: 10;
        }
        /* シェフが届けたいもの */
    
     #main #present .text h2{         
        font-size:24px;
        margin-left: 12px;
        padding-left: 13px;
        padding-top: 13px;
         padding-bottom: 13px;
        text-align: left;
        background-image: url(../images/line2.png);
        background-repeat: no-repeat;
        background-position: left center;
        font-family: "source-han-serif-japanese", serif;
    }
    #main #present .image{
        display:none;
    }
    
    #main #present .sp{
        width: 375px;
        height: auto;
        margin-bottom: 15px;
    }
    #main #present .text p{
        margin-left: 10px;
        margin-right: 10px;
        line-height: 150%;
        text-align:justify;
        text-indent: 1em;
        font-size: 14px;
    }

}